*{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}

body{background:#e5e5e5;color:#404040;font-family:'Ubuntu','Droid Sans',Tahoma,Arial,sans-serif;font-size:14px;line-height:1.6em;}
a{color:#333333;text-decoration:none;}
a:hover{color:#064aa0;text-decoration:none;}
a img{outline:none;border:0;}
a:link img{outline:none;border:0;}
a:hover img {outline:none;border:0;}
a:visited img {outline:none;border:0;}
a:active,a:focus {outline:none;ie-dummy:expression(this.hideFocus=true);}
h1,h2,h3,h4{clear:left;color:#333333;font-weight:400;margin:0.7em 0;font-family:'Ubuntu','Droid Sans',Tahoma,Arial,sans-serif;}
h1{font-size:2.0em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}
p,ul{margin:0 0 20px 0;}
i,em {font-style:italic;}
b,strong {font-weight:700;}

#okvir{margin:20px auto;width:960px;}
#okvir{background:#ffffff url(slike/podloga1.jpg);box-shadow:#333333 0 0 10px;}

#zaglavlje{position:relative;}
#naslov{float:left;margin:-25px 0px 8px 30px;}
#naslov h1 {font-size:40px;color:#fff;margin:0;padding:0;}
#zaglavlje-slika{height:300px;margin:0;padding:0;}
#sadrzaj{padding:0px 20px 5px 20px;background-color:none;color:#333333;text-align:justify;}
#sadrzaj h1,#sadrzaj h2{color:#333333;}
#sadrzaj a{color:none;text-decoration:underline;}
#sadrzaj1{padding:20px 30px 20px 30px;}
#sadrzaj1 h3,#sadrzaj1 h4{color:#333333;}
#sadrzaj1 a{text-decoration:underline;}
#sadrzaj2{float:left;width:420px;padding:20px 30px 0px 30px;}
#sadrzaj2 h3,#sadrzaj2 h4{color:#333333;}
#sadrzaj2 a{text-decoration:underline;}
#sadrzaj3{float:left;width:390px;margin-top:10px;margin:10px 0px 20px 0px;padding:20px 30px 10px 30px;}
#sadrzaj3 h3,#sadrzaj3 h4{color:#333333;}
#sadrzaj3 a{text-decoration:underline;}
#tabovi{float:left;width:900px;margin:10px 0px 0px 10px;padding:0px 0px 0px 0px;background:#ffffff;color:#333333;
font-family:'Ubuntu','Droid Sans',Tahoma,Arial,sans-serif;font-size:14px;}

div.proizvodi {width:960px;height:auto;}
div.vrh {width:900px;height:auto;float:left;background: rgba(255,255,255,0.5);margin:10px 30px 0px 30px;
padding:10px 0px 10px 0px;text-align:center;}
div.bukva {width:350px;height:740px;float:left;padding:10px 5px 10px 30px;}
div.bukva1 {width:540px;height:740px;float:right;padding:10px 30px 10px 5px;}
div.hrast {width:350px;height:444px;float:left;padding:10px 5px 10px 30px;}
div.hrast1 {width:540px;height:444px;float:right;padding:10px 30px 10px 5px;}
div.jela {width:350px;height:291px;float:left;padding:10px 5px 10px 30px;}
div.jela1 {width:540px;height:291px;float:right;padding:10px 30px 10px 5px;}
div.oblice {width:350px;height:291px;float:left;padding:10px 5px 10px 30px;}
div.oblice1 {width:540px;height:291px;float:right;padding:10px 30px 10px 5px;}
div.ostalo {width:350px;height:291px;float:left;padding:10px 5px 10px 30px;}
div.ostalo1 {width:540px;height:291px;float:right;padding:10px 30px 10px 5px;}
div.ugalj {width:350px;height:322px;float:left;padding:10px 5px 10px 30px;}
div.ugalj1 {width:540px;height:322px;float:right;padding:10px 30px 10px 5px;}
div.vrata {width:350px;height:392px;float:left;padding:10px 5px 10px 30px;}
div.vrata1 {width:540px;height:392px;float:right;padding:10px 30px 10px 5px;}
div.oplata {width:350px;height:379px;float:left;padding:10px 5px 10px 30px;}
div.oplata1 {width:540px;height:379px;float:right;padding:10px 30px 10px 5px;}
div.clear {clear:both;}

.scrollup{
    width:30px;
    height:30px;
    opacity:0.2;
    position:fixed;
    bottom:35px;
    right:60px;
    display:none;
    text-indent:-9999px;
    background: url('slike/vrh.png') no-repeat;}

#linkovivrh{padding:0 30px;}
#linkovivrh ul{list-style:none;margin:0;text-align:right;}
#linkovivrh ul li{display:inline-block;margin:10px 0px 5px 2px;}
#linkovivrh ul li a{color:#dadddd;}
#linkovivrh ul li a:hover{color:#fff;text-decoration:none;}

#linkovivrh{background:none;}
#sadrzaj{background:none;}
#sadrzaj1{background:none;}
#sadrzaj2{background: none;}
#sadrzaj3{background: rgba(255,255,255,0.5);}

#meni{float:right;font-family:'Oswald','Ubuntu Condensed','Droid Sans',Verdana,Tahoma,sans-serif;text-align:center;text-transform:uppercase;}
#meni ul{list-style:none;margin:52px 30px 24px 0px;}
#meni ul li{background:none!important;display:inline-block;text-align:right;height:auto;line-height:25px;margin-bottom:0;margin-left:30px;position:relative;}
#meni ul li a{color:#333333;display:block;font-size:18px;padding-top:0;}
#meni ul li a:hover{color:#064aa0;}
#meni ul li a.tekuci{color:#064aa0;text-decoration:none;}

.tekst-efekt-glow{
background:none;
color:#333333;
transition: text-shadow 3s;
-moz-transition: text-shadow 3s;
-webkit-transition: text-shadow 3s;
-o-transition: text-shadow 3s;}

.tekst-efekt-glow:hover{
text-shadow: 0 0 15px #000000;}

sub { vertical-align:text-bottom; font-size:75%; }
sup { vertical-align:text-top; font-size:75%; }

#kolona1{float:left;width:33.3%;}
#kolona2{float:left;width:33.3%;}
#kolona3{float:right;width:33.3%;}
.unutrasnji{margin:0px 10px;}
#kolona1.unutrasnji{margin:0px;}
#kolona2.unutrasnji{margin:0px;}
#kolona3.unutrasnji{margin:0px;}
.lijevo.unutrasnji{margin-left:0px;}
.desno.unutrasnji{margin-right:0px;}

#podnozje{clear:both;background:url(slike/podnozje.png) top center no-repeat;}
#podnozje p{color:#333333;font-size:12px;margin:0;padding:15px 30px;}
#podnozje a{color:#333333;font-size:14px;font-weight:bold;}
#podnozje a:hover{color:#064aa0;font-size:14px;font-weight:bold;}
#podnozjel{float:left;width:25%;text-align:left;background:url(slike/podnozje.png) top center no-repeat;}
#podnozjec{float:left;width:50%;text-align:center;background:url(slike/podnozje.png) top center no-repeat;}
#podnozjed{float:right;width:25%;text-align:right;background:url(slike/podnozje.png) top center no-repeat;}
#podnozjed p{color:#333333;font-size:10px;margin:0;}
#podnozjed a{color:#333333;font-size:10px;font-weight:normal;}
#podnozjed a:hover{color:#064aa0;font-size:10px;text-decoration:none;font-weight:normal;}

#fsc1 {float:left;margin: 0px 0px 10px 10px}
#fsc2 {float:left;margin: 0px 0px 10px 13px}

td {vertical-align: top;}
img.lijevo,img.centar,img.desno{background:#fff;padding:4px;margin-bottom:15px;border:1px solid #ddd;}
.lijevo{float:left;margin-right:30px;}
.centar{text-align:center;display:block;clear:both;margin:5px auto;}
.desno{float:right;margin-left:30px;}

.sjena{background:url(slike/sjena.png) top right no-repeat;}
.sjena1{background:url(slike/sjena.png) top center no-repeat;}
.cisto{clear:both;}
.lijevo{float:left;}
.desno{float:right;}

.opsta:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html.opsta{height:1%;}
*:first-child+html.opsta{min-height:1%;}

input, textarea { 
padding: 9px;
border: solid 1px #e5e5e5;
outline: 0;
font: normal 13px/100% 'Ubuntu',Verdana, Tahoma, sans-serif;
width: 250px;
background: #f0f0f0;
background: -webkit-gradient(linear, left top, left 25, from(#f0f0f0), color-stop(4%, #eeeeee), to(#f0f0f0));
background: -moz-linear-gradient(top, #f0f0f0, #eeeeee 1px, #f0f0f0 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}

textarea { 
width: 400px;
max-width: 400px;
height: 275px;
line-height: 150%;
resize: vertical;}

input:hover, textarea:hover,
input:focus, textarea:focus { 
border-color: #c9c9c9; 
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}

.form label { 
margin-left: 10px; 
color: #333333; }

.submit input {
width: auto;
background: #f0f0f0;
padding: 7px 15px;
border: 0px;
font-size: 13px;
color: #333333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.submit input:hover {
width: auto;
padding: 7px 15px;
color: #ffffff;
background: #064aa0;
border: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

/*
 jQuery Nivo Slider v2.7.1
 http://nivo.dev7studios.com
 Copyright 2011, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#none;color:#f0f0f0;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}
.slider-wrapper .nivoSlider{position:relative;height:300px;background:#1a1a1a url(slike/ucitaj.gif) no-repeat 50% 50%;margin:5px 0px 30px 0px;}
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.slider-wrapper .nivoSlider a{border:0;display:block;}
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:0px;margin-left:-55px;}
.slider-wrapper .nivo-controlNav a{display:block;width:22px;height:22px;background:url(slike/tacke.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.slider-wrapper .nivo-controlNav a.active{background-position:0 -22px;}
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(slike/strelice.png) no-repeat;text-indent:-9999px;border:0;}
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav{left:15px;}
.slider-wrapper .nivo-caption{font-family:'Ubuntu','Droid Sans',Helvetica,Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
.slider-wrapper .nivo-caption a:hover{color:#fff;}