*{ margin:0; border:0; padding:0; }


body{ background:#0056BD; color:#fff; font:62.5% Verdana; }

img, a img{ display:block; border:0; }
a:focus{ outline:none; }
h1, h2, p{ display:block; position:relative; z-index:10; }
h1{ text-indent:-9999px; }


#container{ width:720px; height:600px; margin:0 auto; position:relative; }

#container div.submenu a{ width:130px; height:70px; display:block; text-indent:-9999px; position:absolute; left:30px; background:url(background-images/kontakt-bg.gif) no-repeat 0 0; z-index:20; }
#container div.submenu a#prvi{ top:220px; background:url(background-images/higijena-bebe-bg.gif) no-repeat 0 0; }
#container div.submenu a#drugi{ top:300px; background:url(background-images/domestos-tv-bg.gif) no-repeat 0 0; }
#container div.submenu a#treci{ /* prava vrijednost kad se vrate reklame */ top:380px; background:url(background-images/kontakt-bg.gif) no-repeat 0 0; }


#header{ height:220px; }
#header-flash {position:relative; height:220px; width:720px;}
#header-flash ul{ width:720px; height:220px; display:block; float:left; background:url(background-images/header-bg.jpg) no-repeat 0 100%; }
#header-flash ul li{ width:137px; height:220px; display:block; float:left; }
#header-flash ul li#home-link{ width:150px; }
#header-flash ul li a{ width:137px; height:75px; display:block; float:left; color:#fff; text-indent:-9999px; }
#header-flash ul li#home-link a{ width:150px; height:140px; }
#header-flash ul li a:hover{ }

#header-flash ul li#domestos-link a:hover{ background:url(background-images/header-bg.jpg) no-repeat -150px 0; }
#header-flash ul li#proizvodi-link a:hover{ background:url(background-images/header-bg.jpg) no-repeat -287px 0; }
#header-flash ul li#savjeti-link a:hover{ background:url(background-images/header-bg.jpg) no-repeat -424px 0; }
#header-flash ul li#leksikon-link a:hover{ background:url(background-images/header-bg.jpg) no-repeat -561px 0; }
#header-flash a#banner-link { width:510px; height:65px; position:absolute; left:135px; bottom:35px; text-indent:-9999px; }



#content{ width:510px; min-height:300px; padding-right:30px; padding-left:180px; float:left; background:url(background-images/blue-content.gif) repeat-y 0 0; position:relative; z-index:5; }


#content h1{ /* text-indent:-9999px; */ font:bold 200% Verdana; }
#content h2{ padding:10px 0; font:bold 150% Verdana; }
#content h3{ margin:10px 0; font:bold 120% Verdana; }
#content a.back{ width:43px; height:18px; margin-top:20px; background:url(background-images/go-back.gif) no-repeat 0 0; display:block; }


#content .alternate-content h3{ border-bottom:1px dashed #fff; padding-top:5px; }

#content .products-content{ clear:both; float:left; border-bottom:1px dashed #fff; padding-top:10px; width:100%; }
#content .products-content .product{ width:160px; padding-right:10px; float:left; }
#content .products-content .product h3{ height:55px; margin-top:10px; border:0; }
#content .products-content .product a, 
#content a.read-more{ background:url(background-images/icon_more_0.gif) no-repeat 0 0; width:43px; height:18px; margin-bottom:5px; display:block; }

#content p{ display:block; padding:10px 0; font:110%/140% Verdana; }
#content ul{ margin:0 15px; padding:3px 0; }
#content ul li{ padding:2px 0; font:110%/140% Verdana; }
#content img.right{ float:right; margin:10px 0 10px 5px; }

#buba { height:113px; width:91px; position:absolute; bottom:-24px; left:120px; z-index:10;}


h1#higijena-i-bebe{ width:299px; height:31px; background:url(background-images/titles/higijena-i-bebe.gif) no-repeat 0 0; }
h1#leksikon-higijene{ width:266px; height:40px; background:url(background-images/titles/leksikon-higijene.gif) no-repeat 0 0; }
h1#o-domestosu{ width:299px; height:31px; background:url(background-images/titles/o-domestosu.gif) no-repeat 0 0; }
h1#pisite-nam{ width:299px; height:31px; background:url(background-images/titles/pisite-nam.gif) no-repeat 0 0; }
h1#savjeti{ width:299px; height:31px; background:url(background-images/titles/111-savjeta.gif) no-repeat 0 0; }
h1#proizvodi{ width:304px; height:40px; background:url(background-images/titles/proizvodi.gif) no-repeat 0 0; }
h1#novosti{ width:299px; height:31px; background:url(background-images/titles/novosti2.gif) no-repeat 0 0; }
h1#reklame{ width:299px; height:31px; background:url(background-images/titles/reklame.gif) no-repeat 0 0; }


#footer{ height:34px; position:relative; clear:both; background:url(background-images/blue-footer.gif) no-repeat 0 0 }

/*
#footer #background{ width:644px; height:546px; position:absolute; top:-522px; right:10px; background:green; background:url(background-images/bacck.png) no-repeat 100% 100%; z-index:5; }
*/


#content ul.savjeti{ margin:0; list-style:none; }
#content ul.savjeti li{ float:left; width:155px; height:330px; padding-top:10px; padding-right:15px; }
#content ul.savjeti li img{ margin-bottom:5px; }

#content ul#content-submenu{ margin:10px 0; list-style:none; }
#content ul#content-submenu li{ display:inline; font:bold 100% Verdana; margin:0 10px 0 0; }
#content ul#content-submenu li a{ color:#fff; }
#content ul#content-submenu li.active a{ color:#fc0; text-decoration:none; font-weight:bold; }
#content ul#content-submenu li a:hover{ text-decoration:none; }


#temp-nav{ border:1px solid green; position:fixed; left:0; top:0;  }
#temp-nav ul{ margin:5px 25px; font-size:15px; }
#temp-nav ul li{ font-weight:bold; color:yellow; }
#temp-nav ul li a { color:#fff; }

form#contact{ width:450px; padding-bottom:50px; min-height:250px; text-align:center; background:url(background-images/form-bg.gif) no-repeat 0 0; float:left; }
form#contact label{ width:100px; margin:4px 0; padding:2px 20px; text-align:right; float:left; display:block; font-weight:bold; }
form#contact input{ width:302px; height:16px; margin:4px 0; padding:3px; float:left; display:block; font:100%/22px Verdana; color:#fff; background:url(background-images/input.gif) no-repeat 100% 0; }
form#contact textarea{ width:302px; height:110px; margin:4px 0; padding:3px; float:left; display:block; font:100% Verdana; overflow:auto; color:#fff; background:url(background-images/textarea.gif) no-repeat 100% 0; }
form#contact input.submit{ float:right; width:81px; line-height:10px; height:20px; background:url(background-images/posalji.gif) no-repeat 0 0; font-weight:bold; cursor:pointer; }


div#tv{ width:200px; height:257px; margin-left:15px; float:right; }

#background img {float:right; margin-right:20px; margin-top:7px;}
#background p {float:right; margin-top:7px; margin-right:7px;}

#domestos_reklame {width:200px; float:left; padding-left:10px;}
#reklame_naslov { clear:both; color:#fff; text-decoration:none; font-size:12px; }
#reklame_izbor { float:left; padding-left:50px; padding-top:10px; width:220px; }
#reklame_izbor a { color:#fff; text-decoration:none; font-size:12px;}
#reklame_izbor a:hover { color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}

p.info-text{ font:9px Verdana; padding:5px; color:#C9D1DA; clear:both; margin-left:-100px; }
div.imena{ float:left; width:50%; }

.link a { color:#fff; text-decoration:underline; font-size:10px; }
.link a:hover { color:#fff; text-decoration:none; font-size:10px; }