@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
body{ margin:0 0 20px 0; background:#f3f3f3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }
.clear_float{ clear:both; }
.red { color:#F00; }
.pagination { float:left; width:100%; margin:20px 0 0 0; }
.pagination ul { float:right; margin:0px; padding:0px; list-style:none; }
.pagination ul li { float:left; margin:0 0 0 3px; }
.pagination ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; display:block; background:#ffffff; border:1px solid #8aaec6; padding:2px 4px 2px 4px; color:#216e95; font-weight:bold; }
.pagination ul li a:hover, .pagination ul li a.active { background:#216e95; color:#ffffff; border:1px solid #134e6b; }
.spacer { float:left; width:100%; height:30px; }
.user { float:left; margin:0 0 10px 0; }
.user p { font-size:12px; }
.user a { color:#216e95; text-decoration:none; }
.user a:hover { text-decoration:underline; }

/****************/
/* Header rules */
/****************/
#header{ margin:0 auto; padding:0; width:1024px; }

/********/
/* Logo */
/********/
#header h1{ float:left; display:inline; margin:0 10px 0 0; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; } 

/* Meni */
#header ul{ width:820px; height:40px; float:left; display:inline; line-height:45px; overflow:hidden; font-size:16px; font-family:Calibri, Arial, Helvetica, sans-serif; }
#header ul li{ margin:0 25px 0 0;  float:left; display:inline; }
#header ul li a{ padding:0 0 0 13px; color:#000; text-decoration:none; text-transform:lowercase; background:url(../design/body_elements.jpg) 0 -31px no-repeat; }
#header ul li a:hover, #header ul li a:active{ text-decoration:underline; }
#header ul li a strong{ color:#ea2929; font-weight:normal; }

#banner{ margin:7px 0 0 0; width:809px; height:107px; float:left; display:inline;}


/***********/
/* Content */
/***********/
#content{ margin:0 auto; width:1024px; clear:both; }

#submenu{ float:left; display:inline; }
#submenu h3{ margin:0 0 2px 0;}
#submenu ul{ margin:0 0 5px 0; list-style:none; font-size:12px; }
#submenu ul li{ margin:0 0 0 7px; padding:0; width:186px; height:21px; line-height:21px; overflow:hidden; }
#submenu ul li a{ display:block; padding:0 0 0 17px; color:#404040; height:21px; line-height:21px; text-decoration:none; background:url(../design/submenu_link_background.jpg) top no-repeat; }
#submenu ul li a:hover{ color:#000; background:url(../design/submenu_link_background.jpg) bottom no-repeat; }
#sidebar{ width:193px;}


#main{ margin:0 0 0 10px; padding:0 0 20px 0;  width:600px; float:left; display:inline;}

#search{ padding:0 0 0 110px; width:490px; height:25px; position:relative; background:url(../design/body_elements.jpg) 0 -96px; z-index:8; }
#search a{ margin:2px 0 0 0; padding:0; width:170px; height:21px; line-height:22px; text-indent:20px; float:left; color:#969696; font-size:12px; text-decoration:none; display:block; text-transform:lowercase; overflow:hidden; outline:none; 
			background:url(../design/body_elements.jpg) 0 -197px;  }
#search a:hover{ color:#000; }

#search ul{ position:absolute; left:111px; top:23px; background:#FFF; list-style:none; border:1px solid #e0e4e7; width:180px; z-index:20; display:none; }
#search ul li{ border-bottom:1px solid #e0e4e7; cursor:pointer; float:left; width:100%; }
#search ul li.last{ border-bottom:none; }
#search ul li:hover a{ color:#000; }
#search ul a{ padding:0 20px 0 18px; background:none; width:142px; height:auto; margin:0px; text-indent:0; }
#search ul a:hover { background:#e0e4e7; }
#search .button{ margin:0 0 0 12px; width:50px; height:25px; overflow:hidden; text-indent:100px; background:url(../design/body_elements.jpg) 0 -122px;}
#search ul#model{ left:278px; }

#breadcrumbs{ margin:8px 0 0 2px; color:#1277a9; font-size:7px; line-height:11px; font-weight:bold;  }
#breadcrumbs a{ font-size:11px; line-height:11px; font-weight:bold; color:#1277a9; text-decoration:none; }
#breadcrumbs a:hover{ text-decoration:underline; }

#articles{ margin:5px 0 5px 0; width:600px; position:relative; background:url(../design/main_articles_middle.jpg) repeat-y; overflow:hidden; }
#articles_bottom{ position:absolute; bottom:0 !important; bottom:-1px; width:600px; height:3px; background:url(../design/body_elements.jpg) 0 -268px no-repeat; font-size:1px; }
#articles_top{ position:absolute; top:0; width:600px; height:3px; background:url(../design/body_elements.jpg) 0 -317px no-repeat; font-size:1px; }
.product{ width:300px; height:330px; float:left; display:inline; border-bottom:1px solid #dee9ef; position:relative; }
.product .title { width:225px; float:left; height:65px; overflow:hidden; }
.product h3{ margin:20px 0 0px 20px; font-size:16px; color:#216e95; width:200px; }
.product h3 a{ color:#216e95; text-decoration:none; }
.product h3 a:hover{ color:#368fda; }
.product .img{ width:200px; height:120px; overflow:hidden; margin:20px 0 0 20px; display:block; }
.product .old_price{ width:270px; margin:6px 0 0 20px; color:#000; font-size:12px; line-height:14px; float:left; display:inline; overflow:hidden; }
.product .old_price p{ padding:0 10px 0 10px; float:left; display:inline; }
.old_price .old span{ text-decoration:line-through; }
.product .old_price .old{ padding:0 10px 0 0; border-right:1px solid #dedede; }
.product .price{ margin:6px 0 0 20px; color:#000; font-size:12px; line-height:14px; }
.product .price span, .product .old_price span{ color:#ea2525; font-size:14px; display:block; }
.product .description{ margin:5px 20px 0 20px; font-size:11px; color:#303030; float:left; display:inline; }
.product .akcija{ width:52px; height:53px; display:block; position:absolute; top:20px; right:20px; background:url(../design/body_product_gumbici.jpg) 0 0 no-repeat; }
/*.product .akcija:hover{ background-position:-52px 0; }*/
.product .novo{ width:52px; height:53px; display:block; position:absolute; top:90px; right:20px; background:url(../design/body_product_gumbici.jpg) 0 -69px no-repeat; }
.product .kosarica{ width:52px; height:53px; display:block; position:absolute; top:155px; right:20px; overflow:hidden; text-indent:-200px; font-size:1px; background:url(../design/body_product_gumbici.jpg) 0 -141px no-repeat; }
.product .kosarica:hover{ background-position:-52px -141px; }
.product .opsirnije{ width:84px; height:22px; position:absolute; bottom:20px; right:20px; line-height:22px; color:#fff; font-size:11px; text-transform:uppercase; text-align:center; text-decoration:none; display:block; 
					 background:url(../design/gumbi_opsirnije.jpg) 0 0 no-repeat;}
.product .opsirnije:hover{ background-position:0 -22px; }

.box{ margin:5px 0 0 0; width:600px; height:141px; position:relative; overflow:hidden; background:url(../design/body_box_middle.jpg) repeat-y; }
.box_top{ width:600px; height:3px; position:absolute; top:0; left:0; font-size:1px; background:url(../design/body_elements.jpg) 0 -370px no-repeat; }
.box_bottom{ width:600px; height:3px; position:absolute; bottom:0; left:0; font-size:1px; background:url(../design/body_elements.jpg) 0 -423px no-repeat; }

.box h3{ margin:20px 0 0 0; font-size:14px; color:#216e95; width:340px; }
.box h3 a{ color:#216e95; text-decoration:none; }
.box h3 a:hover{ color:#368fda; }
.box .img{ margin:20px 0 20px 1px; width:140px; height:100px; display:block; float:left; text-align:center; overflow:hidden; }
.box .img img{  }
.box .img .rating { font-size:11px; line-height:13px; }
.box .img .rating img{ width:auto; height:auto; vertical-align:bottom; }

.box .info{ margin:0; width:440px; float:left; display:inline; }
.box .old_price{  margin:6px 0 0 0; color:#000; font-size:12px; line-height:14px; float:left; width:100%; }
.box .old_price p{ padding:0 10px 0 10px; float:left; display:inline; }
.box .old_price .old{ padding:0 10px 0 0; border-right:1px solid #dedede; }
.box .price{ margin:6px 0 0 20px; color:#000; font-size:12px; line-height:14px; }
.box .price span, .box .old_price span{ color:#ea2525; font-size:14px; display:block; }
.box .description{ margin:5px 20px 0 0; font-size:11px; color:#303030; width:400px;  }
.box .opsirnije{ width:84px; height:22px; position:absolute; top:20px; right:32px; line-height:22px; color:#fff; font-size:11px; text-transform:uppercase; text-align:center; text-decoration:none; display:block; 
					 background:url(../design/gumbi_opsirnije.jpg) 0 0 no-repeat;}
.box .opsirnije:hover{ background-position:0 -22px; }
.box .kosarica{ width:95px; height:20px; position:absolute; top:46px; right:20px; line-height:20px; color:#fff; font-size:11px; text-transform:uppercase; text-align:left; text-indent:11px; text-decoration:none; display:block; 
					 background:url(../design/gumbi_opsirnije.jpg) 0 -44px no-repeat;}
.box .kosarica:hover{ background-position:0 -64px; }

#articles.single{ padding:0 0 40px 0; background:url(../design/main_articles_middle_single.jpg) repeat-y; }
#articles.single h1{ margin:20px 0 0 20px; width:380px; font-size:20px; font-weight:bold; border-bottom:1px solid #90b6ca; color:#216e95; }
/*#articles.single img{ margin:20px 0 0 20px; float:left; border:1px solid #d1d1d1; } 
#articles.single a img{ margin:20px 0 -12px 20px;}*/
#gallery { margin:20px 0 0 0; }
#gallery .img1 { float:left;width:378px; height:239px; background: #f1f1f1; border:1px solid #d1d1d1; margin:0 0 0 20px; text-align:center; overflow:hidden; }
#gallery .img2 { float:left; width:141px; height:89px; background: #f1f1f1; border:1px solid #d1d1d1; margin:0 0 0 20px; text-align:center; overflow:hidden; }
#gallery .img3 { float:left; width:141px; height:89px; background: #f1f1f1; border:1px solid #d1d1d1; margin:10px 0 0 20px; text-align:center; overflow:hidden; }

#articles.single .pictures { position:relative; }
#articles.single .akcija{ width:52px; height:53px; display:block; overflow:hidden; text-indent:-200px;  position:absolute; top:10px; right:120px; background:url(../design/body_product_gumbici.jpg) 0 0 no-repeat; }
#articles.single .novo{ width:52px; height:53px; display:block; overflow:hidden; text-indent:-200px; position:absolute; top:10px; right:50px; background:url(../design/body_product_gumbici.jpg) 0 -69px no-repeat; }
#articles.single .kosarica{ width:52px; height:53px; display:block; position:absolute; top:265px; right:38px; overflow:hidden; text-indent:-200px; font-size:1px; background:url(../design/body_product_gumbici.jpg) 0 -141px no-repeat; }
#articles.single .kosarica:hover{ background-position:-52px -141px; }
#articles.single .price, #articles.single .price2{ position:absolute; left:420px; top:280px; color:#000; font-size:12px; line-height:14px; }
#articles.single .price2 { top:320px; }
#articles.single .price span, #articles.single .old_price span, #articles.single .price2 span{ color:#ea2525; font-size:16px; display:block; }
#articles.single .detalji{ margin:80px 30px 20px 30px; line-height:22px; clear:both; color:#404040; font-size:12px; float:left; display:inline; width:540px; }
#articles.single .star_rater{ float:right; width:85px; }
#articles.single .star_rater img{ border:none; }
#articles.single .star_rater form { margin:0px; padding:0px; }
#loader { display:none; width:50px; height:15px; background:url(../design/crystal-arrows.gif) no-repeat center left;}
#articles.single .opis{ float:left; width:510px; margin:30px; padding:15px; background:#e2e5e8; border:1px solid #d4d4d4; font-size:12px; line-height:20px; color:#000; display:inline; }
#articles.single .opis strong{ margin:0 0 5px 0; font-size:13px; font-weight:bold; display:inline-block;}
#articles.single .youtube{ margin:30px; font-size:18px; color:#474747; float:left; width:100%; display:inline; }
#articles.single .dokumenti{ margin:30px 0 0 30px; font-size:14px; color:#3a78ab; float:left; display:inline; }
#articles.single .dokumenti a{ color:#3a78ab; margin:0 25px 0 0;}
#articles.single .dokumenti a:hover{ color:#008cff; }

#articles.novosti{ padding:0 0 40px 0; background:url(../design/main_articles_middle_single.jpg) repeat-y; }
#articles.novosti h1{ margin:20px; width:555px; font-size:20px; font-weight:bold; color:#216e95; border-bottom:1px solid #e2e2e2; }
#articles.novosti h1 a{ color:#216e95; }
#articles.novosti h1 span{ margin:0 0 0 6px; padding:0 0 0 10px; line-height:10px; display:inline-block; overflow:hidden; border-left:1px solid #424242; font-size:12px; color:#424242;}
#articles.novosti p{ margin:20px; width:545px; font-size:13px; line-height:20px; color:#181818; }
/* #articles.novosti p strong{ font-size:16px; font-weight:bold; display:block; margin:0 0 -12px 0; } */
#articles.novosti img{ border:1px solid #777; float:left; display:inline; margin:0 20px 20px 0; }
#articles .ostale_vijesti{ margin:20px; color:#181818; font-size:13px; font-weight:normal; }
#articles ul#ostale_vijesti_ul{ list-style:none; }
#articles ul#ostale_vijesti_ul li{ line-height:20px; height:20px; margin:6px 0 0 0; padding:0 0 0 20px; background:url(../design/ostale_vijesti_li.jpg) center left no-repeat; }
#articles ul#ostale_vijesti_ul li a{ color:#216e95; text-decoration:none; }
#articles ul#ostale_vijesti_ul li a:hover{ color:#2d94c9; }

#articles.registracija form { margin:0 25px 0 20px; }
#articles.registracija h3 { font-size:14px; text-transform:uppercase; color:#216e95; border-bottom:1px solid #e2e2e2; margin:0px; float:left; display:inline; width:100%; }
#articles.registracija fieldset { margin:20px 0 30px 0; border:none; padding:0px; }
#articles.registracija label { font-size:12px; float:left; width:150px; clear:left; }
#articles.registracija input { float:left; width:200px; padding:3px; margin:0 0 10px 0; clear:right; border:1px solid #cccccc; border-top:1px solid #216e95; border-left:1px solid #216e95; color:#333333; font-size:12px; } 
#articles.registracija .checkbox { width:auto; border:none; }
#articles.registracija .checkbox_label { clear:none; width:auto; margin:0 0 0 5px; }
#articles.registracija a { color:#216e95; text-decoration:underline; }
#articles.registracija a:hover { text-decoration:none; }
#articles.registracija .submit { float:left; width:120px; background:#216e95; border:1px solid #333333; color:#ffffff; margin:20px 0 0 415px; padding:5px 0 5px 0; }
#articles.registracija .login { margin-top:0px; }
#articles.registracija .remember_me { float:left; clear:both; margin:10px 0 0 150px; display:inline; }


#articles table { margin:0 0 0 20px; font-size:12px; float:left; display:inline; width:555px; }
#articles td { border-bottom:1px solid #cccccc; }
#articles th { background:#f1f1f1; text-align:left; padding:10px 5px 10px 5px; }
#articles h2, #articles h4, #articles h5 { margin:15px 20px 15px 20px; float:left; display:inline; width:100%; }


#success, #error { float:left; width:595px; margin:5px 0 10px 0; border:1px solid #209800; background:#e2ffda; }
#error { border:1px solid #c32e06; background:#ffe4dd; }
#success p, #error p { font-size:12px; margin:0px; padding:10px; }

#cart { margin:0 20px 0 20px; font-size:12px; }
#cart a { color:#216e95; text-decoration:none; }
#cart a:hover { text-decoration:underline; }
#cart th { border-bottom:1px solid #e2e2e2; height:30px; padding:0 15px 0 0; }
#cart td { padding:5px 15px 0 0; }
#cart tr.ukupno td { border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:5px 15px 5px 0; font-weight:bold; }
#cart input { width:30px; }
#cart .update { float:right; margin:15px 0 0 0; text-align:right; }

/* Sidebar */
#sidebar{ margin:0 0 0 10px; width:210px; float:left; display:inline; overflow:hidden; }
#sidebar .box, #sidebar .box2{ margin:0; padding:0 0 0 18px; width:180px; height:auto; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#ddd; }
#sidebar .box_bottom, #sidebar .box_bottom2{ margin:0 0 10px 0; width:200px; height:3px; position:relative; font-size:1px; background:url(../design/sidebar_background_bottom.jpg) bottom left no-repeat; }
#sidebar .box2{ background:#e6e7e8;	}
#sidebar .box_bottom2{ background:url(../design/sidebar_box2_bottom.jpg) bottom left no-repeat; }
#sidebar h4.share{ margin:0 0 10px 0; }

/* Login */
#sidebar #login{ padding-top:28px; font-size:12px; color:#404040; position:relative; height:auto; line-height:14px; }
#login input{ margin:0 0 13px 0; border:1px solid #bebebe; width:154px; line-height:16px; vertical-align:baseline; padding:3px; }
#login input:focus{ border:1px solid #9d9d9d;}
#login .checkbox{ padding:0; line-height:20px; height:22px; position:relative;  }
#login #remember{ float:left; margin:0; padding:0; width:20px; height:20px; line-height:20px; border:none; outline:none; }
#login .submit{ margin:-4px 0 0 0; padding:0; width:62px; height:22px; display:block; position:absolute; top:133px; right:20px; color:#fff; line-height:14px; 
				text-transform:uppercase; font-size:11px;
				background:url(../design/gumbi_opsirnije.jpg) 0 -84px no-repeat; border:none;}
#login .submit:hover{ background-position:0 -106px;}
#login #registriraj_se{ margin:10px 20px 0 0; height:30px; line-height:40px; font-size:12px; text-decoration:underline; color:#404040; 
						overflow:hidden; text-align:center; border-top:1px solid #ccc; display:block; clear:both; }
#login #registriraj_se:hover{ color:#000; }


/* Košarica */
#kosarica ul{ margin:20px 0 0 0; font-size:12px; font-weight:normal; list-style:none; line-height:18px; width:160px; }
#kosarica ul li{ line-height:25px; border-bottom:1px dashed #bebebe; color:#404040; position:relative; }
#kosarica ul li span{ position:absolute; right:0; top:-3px; }
#kosarica ul li a{ text-decoration:none; color:#404040; float:none; line-height:18px; text-transform:none; }
#kosarica ul li a:hover{ color:#000; }
#kosarica p{ margin:30px 20px 0 0; padding:3px 0 0 0; font-size:13px; border-top:1px solid #bebebe; }
#kosarica p span{ position:absolute; right:20px;}

#kosarica a{ margin:3px 0 3px 0; color:#fff; width:90px; display:block; font-size:11px; text-decoration:none; line-height:18px; text-transform:uppercase;  }
#kosarica .plati{ width:62px; height:20px; display:block; background:url(../design/gumbi_opsirnije.jpg) no-repeat 0 -172px; float:right; margin:9px 20px 6px 0; text-align:center; padding:2px 0 0 0; }
#kosarica .plati:hover{ background-position:0 -194px; }
#kosarica .informacije{ width:87px; height:20px; display:block; background:url(../design/gumbi_opsirnije.jpg) no-repeat 0 -128px; clear:both; float:left; margin:9px 10px 0 0; text-align:center; padding:2px 0 0 0;}
#kosarica .informacije:hover{ background-position:0 -150px; } 


/* Uvjeti kupnje */
#sidebar #uvjeti_kupnje{ padding:20px 0 0 18px; }
#uvjeti_kupnje ul, #info_box ul{ margin:10px 0 0 0; padding:0 0 10px 0; list-style:none; }
#uvjeti_kupnje li, #info_box li{ text-indent:18px; height:26px; line-height:16px; font-size:13px; background:url(../design/gumbi_opsirnije.jpg) 0 -224px no-repeat; }
#uvjeti_kupnje li a, #info_box li a{ color:#13517a;  }
#uvjeti_kupnje li a:hover, #info_box li a:hover{ color:#0074af; }

#sidebar #info_box{ padding:15px 0 5px 18px; }
#info_box ul{ margin:0; padding:0px 0 0 0;}


#sidebar .box3{ margin:0; padding:0 0 0 18px; width:180px; height:auto; border-left:1px solid #376583; border-right:1px solid #376583; background:#487796; }
#sidebar .box3_bottom{ margin:0 0 10px 0; width:200px; height:3px; position:relative; font-size:1px; background:url(../design/sidebar_background_blue_bottom.jpg) bottom left no-repeat; }

.box3 ul{ margin:0; padding:15px 0 0px 0; list-style:none; }
.box3 li{ text-indent:18px; height:26px; line-height:16px; font-size:13px; background:url(../design/gumbi_opsirnije.jpg) 0 -270px no-repeat; }
.box3 li a{ color:#EAEAEA;  }
.box3 li a:hover{ color:#fff; }

#sidebar #top10{ font-size:12px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#ededed; }
#top10 ol{ margin:0; padding:5px 18px 15px 0; list-style:none; }
#top10 span.br{ position:absolute; top:8px; left:-2px !important; left:-27px; text-align:center; width:20px; display:block; color:#fff; }
#top10 li{ margin:10px 0 0 0; padding:0px 0 5px 25px; position:relative; color:#13517a; border-bottom:1px dashed #bccad4; background:url(../design/sidebar_ol_background.jpg) 0 0 no-repeat #ededed;}	
#top10 li a{ color:#13517a; text-decoration:none;}
#top10 li a:hover{ color:#006bb2; }
#top10 li:nth-child(odd), #top10 li:nth-child(odd) a{ color:#1b1b1b; } 
#top10 li span{ display:block; }
#top10 li:nth-child(1n+10){ border:none; }

/*li:nth-child(5n+3) {font-weight: bold}*/


#contact {  width:560px; margin:0 0 20px 20px; position:relative; float:left; display:inline; }
#contact .info { float:left; width:265px; background:url(../design/kontakt_background.gif) repeat-x; border:2px solid #8eaecb; height:374px; }
#contact .info p { font-size:14px; margin:40px 25px 20px 25px; width:auto; }
#contact .info p.cite { font-size:13px; color:#0f4579; font-style:italic; width:auto; } 
#contact .info a { color:#000000; }
#contact .form { float:left; width:245px; height:332px; background:#bfd2e4; border:1px solid #a7c0d8; border-left:none; margin:2px 0 0 0; padding:20px; }
#contact .form form { margin:0px; }
#contact .form label { font-size:11px; }
#contact .form input { width:230px; border:1px solid #9baab9; padding:4px; font-size:12px; margin:0 0 10px 0; }
#contact .form textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:4px; width:230px; height:110px; }
#contact .form .submit { width:65px; background:#206b92; text-transform:uppercase; font-size:11px; font-weight:bold; color:#ffffff; padding:2px 0 2px 0; border:1px solid #165b7f; margin:20px 0 0 175px; }
#map { float:left; width:555px; height:450px; margin:0 0 0 20px; display:inline; }




/**********/
/* Footer */
/**********/
#footer{ margin:0 auto 20px auto; width:1010px; overflow:hidden; height:auto; position:relative; clear:both; background:url(../design/footer_middle.jpg) repeat-y; }
#footer_top{ position:absolute; top:0; left:0; width:1010px; height:5px; background:url(../design/footer_top.jpg) no-repeat; }
#footer_bottom{ height:182px; width:1010px; position:absolute; bottom:0 !important; bottom:-1px; left:0; background:url(../design/footer_bottom.jpg) no-repeat; }
#footer_info{ width:1010px; height:auto; margin:0 auto; z-index:10; background:#316a99; }

#dobavljaci{ padding:15px 0 0 0; width:1010px; height:auto; background:url(../design/footer_middle.jpg) repeat-y; position:relative; text-align:center; }
#dobavljaci img{ margin:0 0 10px 0; }
#dobavljaci_transition{ position:absolute; bottom:0 !important; bottom:-20px; left:0; width:1010px; height:5px; background:url(../design/footer_transition.jpg) no-repeat; }


#footer_info a{ padding:5px 0 10px 0; width:201px; height:185px; position:relative; z-index:10; display:block; float:left; }
#footer_info ul{ margin:20px 10px 20px 0; padding:0; width:175px; position:relative; z-index:10; float:left; display:inline; font-size:13px; background:none; list-style:none; }
#footer_info ul li{ width:175px; border-bottom:1px solid #5d89ad; height:20px; line-height:20px; padding:0; margin:0; background:url(../design/footer_li_background.png) left no-repeat; }
#footer_info ul a{ text-indent:13px; color:#fff; text-decoration:none;  height:20px; line-height:20px; padding:0; margin:0; width:175px; }
#footer_info ul a:hover, #footer_info ul a:active, #footer_info ul a.active{ color:#eaff00; }

#footer h4{ text-transform:uppercase; font-weight:normal; font-size:14px; color:#fffc00; }

#footer #contact_info{ margin:20px 0 0 20px; width:150px; font-size:12px; color:#fff; line-height:20px; float:left; display:inline; position:relative; z-index:10; }
#footer #contact_info a{ color:#fff; height:auto; width:auto; }
#footer #contact_info a:hover, #footer #contact_info a:active{ color:#fffc00; }

#newsletter{ margin:20px 0 0 10px; width:200px; font-size:12px; line-height:20px; color:#fff; position:relative; z-index:10; float:left; }
#newsletter label{ display:none; }
#newsletter form{ margin:5px 0 0 0; background:url(../design/footer_newsletter_input.jpg) no-repeat; }
#newsletter form input{ background:none; border:none; width:155px; padding:0 0 0 5px; color:#919191; font-size:11px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } 
#newsletter form input.submit{ margin:0 0 0 8px; width:23px; height:21px; overflow:hidden; text-indent:-999px; cursor:pointer; background:url(../design/footer_newsletter_submit.jpg) left no-repeat; }
#newsletter form input.submit:hover{ background-position:right; }
#newsletter p{ margin:10px 0 0 0; }