body {
	color: #333;
font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	background-color: #fff;
	margin: 70px 0 70px 0 ;
	padding: 0;
}

a { color: #fff; cursor: pointer; padding: 0; margin: 0; text-decoration: none; }
a:link, a:visited { color: #fff; }
a:hover, a:visited:hover, a:active { background-color: #fff; box-shadow:0px 0px 4px #fff; color: #330065; text-decoration: none; }
.active { background-color: #699CD3; color: #FFF; text-decoration: none; }

#logo a { color: #fff; cursor: pointer; padding: 0; margin: 0; text-decoration: none; }
#logo a:link, a:visited { color: #fff; }
#logo a:hover, a:visited:hover, a:active {  text-decoration: none; }








/**************************************************/
/* STRUCTURE */
#container {
	background-color:#330065;
	border-radius:8px;
	
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 780px;
	
	box-shadow:0px 0px 10px #330065;
}
#pagehead {
	background-color: #ddd;
	
	height: 54px;
	margin: 0;
	padding: 0 10px;
	width: 760px;
}
#navi1 {
	margin: 0;
	padding: 0 10px;
	width: 760px;
}
#main {
	background-color: #eee;
	
	float: left;
	margin: 15px 10px 15px 10px;
	padding: 0 0 15px 0;
	width: 760px;
}
#pagefoot {
	background-color: #330065;
	
	clear: both;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0 10px;
	width: 760px;
	border-radius:8px;
}
#sidebar1, #footsidebar1 {
	display: block;
	float: left;
	margin: 5px 0;
	padding: 0 10px 0 20px;
	width: 190px;
}
#footsidebar1 {
	margin: 0;
}
#sidebar2 { display: none; }
#contentwrap, #footcontent {
	float: left;
	margin: 0;
	padding: 0 20px 0 10px;
	text-align: left;
	
}
#index #contentwrap { padding: 0; }
#contenthead { margin-bottom: 10px; }
#logo { width: 220px; display: block; float: left;}




/**************************************************/
/* NAVIGATION */

/* navi1 - global navigation*/
#navi1 ul{
	background-color: #330065;
	display: block;
	height: 66px;
	padding: 0;
	margin: 0;
	width: 520px;
	
}

/**************************************************/
/* LISTS */
.ulist {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.ulist li {
	border: none;
	margin: 0;
	padding: 4px 0;
	text-align: justify;
}



#productslist h3 {
	margin: 0;
	padding: 0;
}
#productslist li {
	/*border-bottom: 1px solid #DDD;*/
	display: block;
	float: left;	
	width: 410px;
	margin: 0;
	padding: 10px 0 5px 0;

}
#productslist .photoclipmin {
	display: block;
	float: right;
	margin: 0;
}

#productslist .data {
	float: left;
	width: 280px;
}
/***********************************/
/*tablica s specifikacijama*/
#specifikacije {
	width: 410px;
	padding-bottom: 10px;
}
#specifikacije td {
	padding: 2px 0 2px 0;
}
#specifikacije .par {
	background-color: #330065;
}
#specifikacije .stavka {
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
	color: #3777BD;
}
#specifikacije .opis {
	width: 300px;
}
/***********************************/


















img { vertical-align: top; padding: 0; margin: 0; border: none; float: left; }

p { text-align: left; margin: 4px 0 8px 0; line-height: 1.4em; }

h1, h2, h3, h4, h5 { color: #330065; display: block; margin: 0; padding: 0; font-weight: normal; text-align: left; }
h1 { font-size: 22px; padding: 0 0 5px 0; font-family: 'Cherry Swash', cursive;}
h2 { font-size: 18px; margin: 5px 0; line-height: 1.2em; font-family: 'Cherry Swash', cursive; }
h3 { font-size: 15px; margin-top: 5px; }
h4 { font-size: 13px; margin-top: 5px; }
h5 { font-size: 11px; margin-top: 3px; }

form { text-align: left; position: relative; }
label { clear: left; display: block; margin: 5px 0 2px 0; }
input { clear: left; display: block; }
textarea { font-family: 'Noto Sans', sans-serif; padding: 1px 3px; width: 404px; }
select { font-size: 11px; border: 1px solid #DDD; }

acronym { cursor: help; }

ul {
	list-style-image: url("/images/bullet1.gif");
	list-style-type: square;
	margin: 5px 0;
	padding: 0;
	text-align: left;
}
ul li {
	line-height: 1.2em;
	margin: 7px 0 7px 15px;
	padding: 0;
}

.checkboxlabel { float: left; width: auto; }





/**************************************************/
/* NAVIGATION */



#navi1 li { margin-top:32px;height: 19px; padding: 0; }
#navi1 li a { height: 19px; padding: 26px 5px 27px 5px ; margin: 0; font-weight: bold; }


.active { background-color: #F00; color: #FFF; text-decoration: none; }



/* navilisth - navigation list horizontal */
.navilisth {
	float: right;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	font-family: 'Cherry Swash', cursive; 
	text-transform:lowercase;
	text-shadow:0px 0px 8px #fff; color:#EEEEEE;
	width:600px;
	display:block;
}
.navilisth li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
	text-align: left;
}
.navilisth li a {
	font-size: 18px;
	margin: 0;
	padding: 0 2px;
	text-align: left;
}

.navilistv {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
.navilistv li {
	display: block;
	margin: 0;
	padding: 5px 0;
}

#naviback { clear: both; padding: 5px 0 0 0; }
#navipages { clear: both; padding: 5px 0; }

/**************************************************/
/* TABLE */
table {
	border-collapse: collapse;
	border-spacing: 0;
	display: block;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: left;
}




.textbox { font-size: 11px; border: 1px solid #DDD; }
.textboxsize { width: 410px; }
.button { font-size: 11px; margin: 10px 0 0 0; }
.checkbox { float: left; }
/**************************************************/
/* PHOTOS */
.photoclipmin { width: 120px; height: 100px; clip: rect(0px, 120px, 90px, 0px); overflow:hidden; }
.photoclips { width: 240px; height: 180px; clip: rect(0px, 240px, 180px, 0px); overflow:hidden; }
.photoclipmax { width: 540px; clip: rect(0px, 540px, 540px, 0px); overflow:hidden; }


#photogallery {
	list-style-type: none;
	margin: 0;
	padding: 0;

}
#photogallery li {
	border-bottom: 1px solid #EEE;
	float: left;
	height: 160px;
	margin: 10px 15px 10px 0;
	padding: 0;
	text-align: left;
	width: 120px;
}
#photogallery li div { background-color: #EEE;}
/**************************************************/





#pagefoot p { padding: 0; margin: 0; }
#footcontent p { font-weight: bold; }
#contentwrap img { margin: 5px 0; }

.tbmedium { width: 380px; }