*{
padding: 0;
margin: 0;
}

.clear{clear:both;}

img { border: none; }
a{text-decoration:none;}
a:link { color: #035389;text-decoration:none; }
a:visited { color: #09619C; }
a:focus{color: #fff;background:transparent; outline:none;}
a:hover { color: #000; }
a:active{color: #cc0000;}

p{font:0.8em/24px arial, verdana, sans-serif;}
h1{font-size:1.25em;padding:0;font-family:  'Lucida sans', verdana, arial,  sans-serif;color:#565656; }
h2{font-size:0.9em;font-family:  'Lucida sans', verdana, arial,  sans-serif;color:#565656; }

/*POCETNA------------------------------------*/

html{
	height: 100%;
	background:#232c27;
	
}


body{
background:url(../../img/bg.jpg) no-repeat center top;
width: 100%;
display: table;
}



#container {
	width:960px; 
   	margin:41px auto 0 auto;
	background:#fff;
	padding:0 0 20px 0;


}





.logo{margin:20px 0 20px 20px;float:left;}


.jezici{width:104px; height:24px;background:url(../../img/jezici_bg.gif) no-repeat;float:right; margin:15px 0 0 0;}



#glavna_navigacija{width:660px;float:right;margin:10px 10px 0 0;}

ul#nav{width:660px; height:76px;list-style:none;}
ul#nav li{display:inline; }
ul#nav li a{display: block; float: left; height: 76px;
	background: url(../../img/navbg.gif) no-repeat;text-align:center;font:12px/76px arial, tahoma, sans-serif;text-transform:uppercase;color:#515151; }
ul#nav li a:hover{color:#74a8c9;}
ul#nav li.active a:hover{color:#515151;}

ul#nav li a.stirel{width:125px; background-position: 0 0;}
ul#nav li a.onama{width:125px;background-position: -125px 0;}
ul#nav li a.proizvodi{width:133px;background-position: -250px 0;}
ul#nav li a.reference{width:150px; background-position: -383px 0;}
ul#nav li a.kontakt{width:127px;background-position: -533px 0; }


ul#nav li.active a.stirel{background-position:0 -77px;}
ul#nav li.active a.onama{width:125px;background-position: -125px -77px;}
ul#nav li.active a.proizvodi{width:133px;background-position: -250px -77px;}
ul#nav li.active a.reference{width:150px; background-position: -383px -77px;}
ul#nav li.active a.kontakt{width:127px;background-position: -533px -77px; }



ul#nav li a.stirel:hover{background-position:0 -77px;}
ul#nav li a.onama:hover{width:125px;background-position: -125px -77px;}
ul#nav li a.proizvodi:hover{width:133px;background-position: -250px -77px;}
ul#nav li a.reference:hover{width:150px; background-position: -383px -77px;}
ul#nav li a.kontakt:hover{width:127px;background-position: -533px -77px; }




.header_slika{width:940px; height:204px; background: url(../../img/headimg.jpg) no-repeat;clear:both;margin:0 0 0 10px;}

.proizvodjac1{width:450px;  float:left; margin:15px 24px 0 8px;}
.proizvodjac1 p a{background:url(../../img/transparent.png) ; color:#fff;display:inline; padding:5px 10px;font-size:1.2em; }
.proizvodjac1 a img{margin:15px 0 0 0;}


.proizvodjac2{width:450px;  float:left; margin:15px 0px 0 8px;}
.proizvodjac2 p a{background:url(../../img/transparent.png) ; color:#fff;display:inline; padding:5px 10px;font-size:1.2em; }
.proizvodjac2 a img{margin:15px 0 0 0;}



.lijevi_stupac{width:650px;  float:left;margin:10px 0 10px 10px;padding:5px;}
.lijevi_stupac p{margin:10px 0 0 0;}
.desni_stupac{width:250px; float:right;margin:10px 11px 0 0;}


.kontakt_box{width:250px; background:#f5f5f5; border:1px solid #ececec;}
.kontakt_box p{font:bold 0.7em/20px arial, verdana, sans-serif;padding:6px;}

.ikona_kontakt{position:relative; top:5px;margin:0 5px 0 0;}
p.info_podaci{font-weight:lighter;}
p.svi_podaci{ background:#bdbdbd;float:right;margin:20px 0 0 0;}
p.svi_podaci a{color:#fff;}
p.svi_podaci a:hover{text-decoration:underline;}

.sredina_sadrzaj{width:940px;  margin:30px 0 0 10px;}

.box_katalozi{width:300px; float:left;margin:0 20px 0 0;}
.box_katalozi h2{line-height:30px; border-bottom:1px solid #e2e2e2;margin:0 0 5px 0;}


.box_katalozi_zadnji{width:300px;  float:left;margin:0;}
.box_katalozi_zadnji h2{line-height:30px; border-bottom:1px solid #e2e2e2;margin:0 0 5px 0;}




.lista_proizvoda1_home{width:146px; margin:0 0 10px 0;float:left;}
.lista_proizvoda1_home li{display:inline;list-style:none;float:left;margin:5px 0 5px 0;}
.lista_proizvoda1_home li a{display:block;text-decoration:none;color: #000;padding:3px;width:130px; text-align:left;border:5px solid #f1f1f1;font: 11px arial, verdana, sans-serif;height:40px; }
.lista_proizvoda1_home li a:hover{border:5px solid #ddd;text-decoration:none;}
.lista_proizvoda1_home li a span{background:#fff;width:92px;display:block;padding:0;margin:0;line-height:16px;float:left;}



.lista_proizvoda2_home{width:146px;margin:0 0 10px 0;float:right;}
.lista_proizvoda2_home li{display:inline;list-style:none;float:left;margin:5px 0 5px 0;}
.lista_proizvoda2_home li a{display:block;text-decoration:none;color: #000;padding:3px;width:130px; text-align:left;border:5px solid #f1f1f1;font: 11px arial, verdana, sans-serif;height:40px; }
.lista_proizvoda2_home li a:hover{border:5px solid #ddd;text-decoration:none;}
.lista_proizvoda2_home li a span{background:#fff;width:92px;display:block;padding:0;margin:0;line-height:16px;float:left;}



.pdf-ikona{float:left;margin:0 6px 0 0;}



#footer{width:100%;  background:#323232 url(../../img/footerbg.gif) repeat-x;}
.footer_okvir{width:960px; margin:0 auto; background:url(../../img/footerbg2.jpg) no-repeat center top;}



.lista_footer{width:300px; float:left; margin:0 10px 0 10px;}
.lista_footer p{ color:#fff;font:bold 0.75em/54px verdana, arial, sans-serif;}


.footer_list{width:260px; margin:10px 0 10px 20px;}
.footer_list li{list-style:none;}
.footer_list a{font:0.7em/24px arial, verdana, sans-serif; color:#fff;background:url(../../img/footer_arrow.png) no-repeat 0 5px; padding:0 0 0 15px;}
.footer_list a:hover{text-decoration:underline;}
.footer_list a.sve{color:#6e8879;}


.footer_dno{width:960px;background:url(../../img/footer_dno.gif) repeat-x; clear:both;}
.footer_dno p{font: 0.7em/50px arial, verdana, sans-serif; color:#7e807f;float:right;margin:0 5px 0 0;}
.footer_dno p img{margin:0 3px;position:relative; top:1px;left:2px;}





/*O NAMA------------------------------------*/



.list1{width:100%; margin:10px 0 0 0;}
.list1 li{list-style:none;font:0.8em/24px arial, verdana, sans-serif;padding:0 0 0 10px; }
.list1 li.sivo{background:#f7f7f7;padding:0 0 0 10px;}



/*PROIZVODI------------------------------------*/



.lijevi_stupac_proizvodi{width:240px;  float:left;margin:10px 0 10px 10px; background:#fff;}
.lijevi_stupac_proizvodi p{margin:10px 0 0 0;}


.desni_stupac_proizvodi{width:697px; float:right;margin:10px 11px 0 0;background:#fff; border:1px solid #f7f7f7;}
.desni_stupac_proizvodi h1{margin:10px;}


.nav_proizvodi{width:240px; float:right;margin:20px 0 0 0;}
.nav_proizvodi li{list-style:none;}

.nav_proizvodi li a{font:1em/30px calibri, verdana, arial, sans-serif; color:#434245;padding:0 0 0 10px;display:block;margin:0 0 10px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;}
.nav_proizvodi li.active a{background:url(../../img/leftnav_bg.gif) repeat-x;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.nav_proizvodi li.active a:hover{background:url(../../img/leftnav_bg.gif) repeat-x;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;color:#434245;}



.nav_proizvodi li a:hover{background:url(../../img/leftnav_bg_hover.gif) repeat-x;color:#fff;border-top:1px solid #515050;border-bottom:1px solid #515050;border-left:1px solid #515050;}



.sjena{float:right;position:relative; top:-180px;}



.lista_proizvoda1{width:685px; height:180px;margin:0 0 10px 10px;}
.lista_proizvoda1 li{display:inline;list-style:none;float:left;margin:0 8px 0 0;}
.lista_proizvoda1 li.zadnji{display:inline;list-style:none;float:left;border-right:none;}


.lista_proizvoda1 li a{display:block;text-decoration:none;color: #000;padding:0px;width:210px; height:160px;text-align:center;border:5px solid #f9f8f8;font: 11px arial, helvetica, verdana, sans-serif;}
.lista_proizvoda1 li a:hover{border:5px solid #ddd;text-decoration:none;}
.lista_proizvoda1 li a span{background:#6b6b6b;width:199px;display:block;padding:0;margin:5px;line-height:24px;color:#fff;}
.projekt_thumb{padding:2px;margin:10px 0 0 0;}



/*PROIZVOD - PREGLED------------------------------------*/



.traka{width:677px; background:#6b6b6b;margin:10px;}
.traka h1{color:#fff; font-size:0.9em;line-height:28px;padding:0 0 0 10px;margin:0;}


.proizvod_img{border:5px solid #f9f8f8;}


.okvir_slike{width:320px;float:left;margin:0 0 0 10px;float:left;}

p.proizvod_opis{font: 11px/24px arial, verdana, sans-serif; margin:0 5px 0 0; float:left; text-align:justify;}


.lista_proizvoda1_pregled{width:166px; margin:0 0 10px 10px;float:left;}
.lista_proizvoda1_pregled li{display:inline;list-style:none;float:left;margin:0 0 17px 0;}
.lista_proizvoda1_pregled li a{display:block;text-decoration:none;color: #000;padding:3px;width:150px; text-align:left;border:5px solid #f1f1f1;font: 11px arial, verdana, sans-serif;height:40px; }
.lista_proizvoda1_pregled li a:hover{border:5px solid #ddd;text-decoration:none;}
.lista_proizvoda1_pregled li a span{background:#fff;width:92px;display:block;padding:0;margin:0;line-height:16px;float:left;}


.lista_proizvoda2_pregled{width:166px;margin:0 10px 10px 0;float:right;}
.lista_proizvoda2_pregled li{display:inline;list-style:none;float:left;margin:0 0 17px 0;}
.lista_proizvoda2_pregled li a{display:block;text-decoration:none;color: #000;padding:3px;width:150px; text-align:left;border:5px solid #f1f1f1;font: 11px arial, verdana, sans-serif;height:40px; }
.lista_proizvoda2_pregled li a:hover{border:5px solid #ddd;text-decoration:none;}
.lista_proizvoda2_pregled li a span{background:#fff;width:92px;display:block;padding:0;margin:0;line-height:16px;float:left;}


.pdf{width:310px;border:5px solid #e9f0f5; margin:10px 0 0 0;}
.pdf a img{float:left;margin:0 7px 0 7px;}
.pdf p{line-height:22px;padding:16px 5px 0 0;}







/*REFERENCE------------------------------------*/



.list_reference1{width:300px; margin:10px 0 20px 0;float:left;}
.list_reference1 li{list-style:none;font:0.8em/24px arial, verdana, sans-serif;padding:0 0 0 10px; }
.list_reference1 li.sivo{background:#f7f7f7;padding:0 0 0 10px;}



.list_reference2{width:300px; margin:10px 0 20px 0; float:right;}
.list_reference2 li{list-style:none;font:0.8em/24px arial, verdana, sans-serif;padding:0 0 0 10px; }
.list_reference2 li.sivo{background:#f7f7f7;padding:0 0 0 10px;}





/*KONTAKT------------------------------------*/

.okvir_kontakt{margin:10px;}


p.kontakt_podaci{width:240px; margin:0 0 0 0;position:relative; top:25px;float:left; text-align:center;}

.okvir_karta{width:677px; margin:10px 0 20px 10px;float:left;}



.contactform{margin:20px 0 20px 20px;clear:both;float:left;}

.contactform p{font:0.7em/35px  verdana, arial, sans-serif;width: 375px;clear: left;margin:0px;padding: 8px 0 8px 105px;height: 1%;color:#5f5f5f;background:#f3f3f3;}
.contactform p span{color:#b02728;}
.contactform label{float: left;margin-left: -90px; width:140px; }
.contactform input[type="text"]{ width: 300px;height:24px;}
.contactform textarea{width: 300px;height: 180px;}


#predajte{background:url("../../img/button.gif") no-repeat top left;text-decoration:none;border:0px;width:117px;cursor:pointer;margin:0 0 10px 50px;color:#fff;height:26px;}
#predajte:hover{background-position: 0 -27px;}


.okvir_forma{background:#f9f9f9;border:1px solid #d6d5d5;margin:10px 0 0 0;width:100%;}

.kontakt_podaci2{float:left; width:385px;padding:10px;font-size:0.7em;margin:20px 0 0 20px;}


/* footer list*/
.footer_list1{width:260px; margin:10px 0 10px 20px;}
.footer_list1 li{list-style:none; font:0.7em/24px arial, verdana, sans-serif; color:#fff;background:url(../../img/footer_arrow.png) no-repeat 0 9px; padding:0 0 0 15px;}
.footer_list1 a.sve{color:#6e8879;}
.footer_list1 a.sve:hover{text-decoration:underline;}

.alert{background-color:#FFDFDF;border:2px solid #B81919;}
p.uspjesno{font-size:15px;color: #529214;background:#E6EFC2; padding:3px; border:1px solid #C6D880;text-align:center; margin:10px;width:425px;}
p.neuspjesno{font-size:15px;color: #700202;background:#fccece; padding:3px; border:1px solid #d10c0c;text-align:center; margin:10px;width:425px;}

#benedictslide{margin:0;}
#benedictslide li{list-style:none;}
#benedictslide img{background:url(../../img/transparent.png) ;}