/* Design and code by http://wh1sp.com/web */
*{padding:0; margin:0; border:0; outline:0}
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; background:url(/Design/i/bgr.png) repeat-x 0 0; color:#002f4a}
.wrapper{background:url(/Design/i/mainbgr.png) no-repeat top center; min-height:830px}
#page{width:898px; margin:0 auto; padding-top:35px}
a{color:#002f4a; text-decoration:none}
a:hover{color:#276182}
ul{list-style:none}
.clear{clear:both; font-size:1px; margin:0; padding:0; height: 1px; display: block;}
li.cleared:after, .r:after {content:".";  display:block;     height:0;     clear:both;     visibility:hidden}
.header a.logo{display:block; float:left; width:171px; height:84px; background:url(/Design/i/boxes.png) no-repeat 0 -333px}
.header a.logo span{position:absolute; left:-9999px}
.header ul {height: 84px; float: left; width: 727px;}
.header ul li {float: left;}
.header ul li a{display:block; height:84px;  background-image:url(/Design/i/nav.png)}
.header ul li a.domov{width:113px; background-position:0 0}
.header ul li a.domov:hover, .header ul li a.domov.act{background-position:0 -84px}
.header ul li a.opod{width:117px; background-position:-113px 0}
.header ul li a.opod:hover, .header ul li a.opod.act{background-position:-113px -84px}
.header ul li a.teh{width:116px; background-position:-230px 0}
.header ul li a.teh:hover, .header ul li a.teh.act{background-position:-230px -84px}
.header ul li a.nasv{width:113px; background-position:-346px 0}
.header ul li a.nasv:hover, .header ul li a.nasv.act{background-position:-346px -84px}
.header ul li a.prodaj{width:116px; background-position:-459px 0}
.header ul li a.prodaj:hover, .header ul li a.prodaj.act{background-position:-459px -84px}
.header ul li a.sotr{width:152px; background-position:-575px 0}
.header ul li a.sotr:hover, .header ul li a.sotr.act{background-position:-575px -84px}
.showcase{height:261px;}
.showcase .l{float:left; width:333px; height:214px; margin-right:1px; background:url(/Design/i/lines.png) repeat-x 0 0; padding:25px 34px 22px 32px}
.showcase .l h1{color:white; font-size:25px}
.showcase .l p{color:white; line-height:13px; margin-top:15px}
.showcase .l a.button{display:block; width:134px; height:28px; background:url(/Design/i/boxes.png) no-repeat 0 -257px; font-weight:bold; color:#002a43; text-decoration:none; padding:10px 0 0 27px; text-shadow:#d9d9d9 1px 1px 0; margin-top:22px}
.showcase .l a.button:hover{background-position:0 -295px}
.showcase .r {width: 498px; height: 261px; float: left;}
.content{margin:7px; clear: left;}
.content .l{width:250px; margin-right:7px; float:left}
.content .l .newsbox{border:1px solid #b5b5b5; border-width:0 0 1px 0; background:url(/Design/i/newsbox.png) repeat-y 0 0}
.content .l .newsbox h2, .content .l .menu h1{text-transform:uppercase; height:35px; padding:12px 0 0 25px; font-size:21px; color:white; font-weight:bold; text-shadow:#252525 1px 1px 0}
.content .l .newsbox h2{background:url(/Design/i/boxes.png) no-repeat 0 0;}
.content .l .newsbox ul{background:white url(/Design/i/lines.png) repeat-x 0 -261px; margin:0 2px; padding:18px 37px 0 20px; margin-bottom:15px;}
.content .l .newsbox ul li a{font-weight:bold; display:block; line-height:14px; padding-left:15px; background:url(/Design/i/thick.gif) no-repeat 0 3px}
.content .r{float:left; width:627px}
.content .r .nasveti .l{width:12px; height:71px; margin:0; background:url(/Design/i/boxes.png) no-repeat -122px -186px; float:left}
.content .r .nasveti .md{float:left; width:494px; height:71px; font-size:11px; background:url(/Design/i/nasvetimbgr.png) repeat-x 0 0}
.nasveti .md ul.m{margin:2px 0; height:58px; padding:9px 0 0 0; background:url(/Design/i/nasvetibgr.png) repeat-y top right}
.nasveti .md ul.m li{background:url(/Design/i/arrow.gif) no-repeat 0 5px; padding-left:15px}
.content .r .nasveti a.r{width:104px; height:48px; background:url(/Design/i/boxes.png) no-repeat 0 -186px; font-size:20px; text-transform:uppercase; font-weight:bold; color:white; text-shadow:#494949 1px 1px 0; padding:23px 0 0 17px}
.nasveti a.r span{font-size:11px; display:block; margin-top:-8px}
.teaser {width: 898px; height: 193px;}
.content .r .box{border:1px solid #b5b5b5; border-width:0 0 1px 0; width:204px; float:left; background:url(/Design/i/box.png) repeat-y 0 0; margin:7px 7px 0 0}
.content .r .box h3{font-size:15px; text-transform:uppercase; background:url(/Design/i/boxes.png) no-repeat 0 -47px; width:184px; padding:10px 0 0 20px; height:31px; color:white; font-weight:bold; text-shadow:#252525 1px 1px 0}
.content .r .box.last{margin-right:0}
.content .r .box ul {background:white url(/Design/i/boxbgr.png) repeat-x 0 0; margin:0 2px; padding:10px 10px 0 20px}
.content .r .box p {background:white url(/Design/i/boxbgr.png) repeat-x 0 0; margin:0 2px; padding:10px 10px 10px 20px}
.content .r .box p a.more {display: block;background: none; font-weight: bold;}
.content .r .box ul li{margin-bottom:15px; line-height:14px}
.content .r .box ul li img{margin-top:10px;}
.content .l .menu{background:url(/Design/i/insidetopbox.png) no-repeat 0 0; position:relative; top:-84px; margin-bottom: -84px;}
.content .l .menu ul {background:url(/Design/i/boxbgr.png) repeat-x 0 0; margin:0 2px; padding:14px 0 0 14px}
.content .l .menu ul li a{display:block; width:216px; font-weight:bold; text-transform:uppercase; margin-bottom:9px}
.content .l .menu ul li a span.btop {display: block; width:216px; height: 5px; background: url(/Design/i/btnbrd.png) no-repeat 0 0;}
.content .l .menu ul li a span.bmid {display: block; width:176px; padding: 5px 10px 5px 30px; background: url(/Design/i/btnbgr.png) no-repeat 0 0;}
.content .l .menu ul li a span.bbot {display: block; width:216px; height: 5px; background: url(/Design/i/btnbrd.png) no-repeat 0 -5px;}
.content .l .menu ul li a:hover span.btop, .content .l .menu ul li a.act span.btop {background-position:0 -10px}
.content .l .menu ul li a:hover span.bmid, .content .l .menu ul li a.act span.bmid {color: white; background-position: -216px 0;}
.content .l .menu ul li a:hover span.bbot, .content .l .menu ul li a.act span.bbot {background-position:0 -15px}
.content .entry{margin:0 15px; float:left; width:595px}
.content .entry h2{font-size:25px; margin:10px 0}
.content .entry p{margin:15px 0; line-height:14px}
.content .entry ul{list-style:circle; margin-left: 25px;}
.teaser span{display:block; background:url(/Design/i/stripe.png) no-repeat 0 0; width:898px; height:6px}
.products{width:161px; float:right; margin:2px -24px 10px 20px}
.product{background:url(/Design/i/productbgr.gif) repeat-x 0 29px}
.product h3{background: #6da1b8 url(i/productbgr.png) no-repeat 0 0;color: white;padding: 5px 0 5px 10px;text-transform: uppercase;width: 151px;}
/*.product h3{width:151px; height:23px; color:white; padding:5px 0 0 10px; text-transform:uppercase; background:url(/Design/i/boxes.png) no-repeat 0 -158px}*/
.product img{margin:10px 0 5px 10px}
.products .product p{color:#5c859c; font-size:10px; padding:0 10px 10px 10px; margin:0}
.footer .l{width:500px; float:left; color:#577688; padding-left:7px}
.footer strong{color:#002f4a}
.footer .r{width:150px; float:right; text-align:right; padding-right:7px}
.footer .r a{width:200px; float:right; color:#577688}
.footer .r a:hover{color:#002f4a}
.footer .r a img{margin:0 3px 2px 0}