/* CSS Dokument */
@import url(reset-fonts-grids.css);
@import url(coda-slider.css);
@import url(thickbox.css);




/*korisne stvarcice*/
/*fontovi*/
.fs9{font-size:9px;}.fs10{font-size:10px;}.fs11{font-size:11px;}.fs15{font-size:15px;}
.bold{ font-weight:bold;}
.ltsp1{letter-spacing:1px}.ltsp2{letter-spacing:2px}
.lh0{line-height:0px}.lh10{line-height:10px}
.indent50{ text-indent:50px;}
.tal{text-align:left;}.tar{text-align:right;}.taj{text-align:justify;}
/*linkovi*/
a{ text-decoration:none; color: #FFFFFF;}
a:hover{ text-decoration:underline;}
.a1{text-decoration:none; color: #FFFFFF;}
.a1:hover{ text-decoration:none;}
/*margine*/
.mrg_t5{margin-top:5px}.mrg_t10{margin-top:10px}.mrg_t15{margin-top:15px}.mrg_t20{margin-top:20px}.mrg_t30{margin-top:30px}

.mrg_l5{margin-left:5px}.mrg_l10{margin-left:10px}.mrg_l15{margin-left:15px}.mrg_l20{margin-left:20px}.mrg_l30{margin-left:30px}

/*PORAVNANJA*/
.por_l{float:left;}
.por_r{float:right;}
.por_cb{clear:both;}
.por_cl{clear:left;}
.por_cl{clear:right;}

/*boje*/
.c1{color:#0099CC;}.c2{color: #3366CC;}.c3{color: #FF6600;}
/*DUGMAD*/
.dugme_v1{padding:5px 15px 5px 15px;font-size:12px;text-align:center;width:auto;}
.dugme_v3{padding:3px 10px 3px 10px;font-size:10px;text-align:center;width:auto;}

.dugme_plavo{background-color:#3399CC!important;color: #FFFFFF;border:0;}
.dugme_plavo:hover{background-color: #3366CC!important;text-decoration:none;}

.transparencija {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/*/korisne stvarcice*/

html{background: #333333 /*url(../img/bg.jpg);overflow-y: scroll;*/}
body{font-family: /*Calibri*/Arial, Helvetica, sans-serif; font-size:12px;}
/*zaglavlje*/
div#stranica,div#zaglavlje,div#center,div#footer,div#gornji_meni{width:900px;}
div#stranica{margin:0 auto;}
div#zaglavlje{float:left; background-color:#000000; height:120px}
div# {float:left;margin:0;  width:440px; height:120px; background-color:#999999}
div#animacija{float:right; margin:0; width:440px; height:100px;}
div#gornji_meni{float:left;background:url(../img/meni_bg.gif) repeat-x top left; height:25px;}
div#gornji_meni ul{float:left; padding:0 0 0 20px;}
div#gornji_meni li{float:left;display:inline; font-size:11px; padding:5px 20px 4px 0; letter-spacing:2px;color:#FFFFFF;}
div#gornji_meni ul a{color:#FFFFFF; text-decoration:none;}
div#gornji_meni ul a:hover{color:#FFFFFF; text-decoration:underline;}
/*IZBOR JEZIKA*/
div#gornji_meni ul.izbor_jezika{float:right; padding:0 0 0 0px;}
/*/IZBOR JEZIKA*/

/*/zaglavlje*/
/*centar*/
div#center_bg2{ float:left; background: transparent url(../img/center_bg_bottom.gif) no-repeat bottom right;min-height:500px;_height: expression( this.scrollHeight < 501 ? "500px" : "auto" ); padding-bottom:20px;}
div#center{float:left;min-height:450px;_height: expression( this.scrollHeight < 451 ? "450px" : "auto" ); background: #efefef url(../img/center_bg.gif) no-repeat top left;}
div#center div.sadrzaj{float:left; width:900px; margin:20px 0 0 0; text-align:left;}
div#center div.sadrzaj h2{font-size:24px; letter-spacing:0.05em;}
div#center div.sadrzaj h3{ border-bottom: 1px dashed #1766ab; padding-bottom: 3px; letter-spacing:0.05em; font-size:13px; text-transform:uppercase; font-weight:bold;}
div#center div.sadrzaj p{font-size: 13px; letter-spacing:0.015em;line-height:20px;}

div#center div.sadrzaj div.lista { height: 75px; border: 1px solid #CCCCCC; border-left: 3px solid #CCCCCC;  margin:10px; text-align: center;}
div#center div.sadrzaj span.informacije{}
div#center div.sadrzaj span.naslovi{ color: #858585; font-weight:bold; letter-spacing:1px; width:80px;}
div#center div.sadrzaj div.kontakt form{ margin:20px 0 0 0;}
div#center div.sadrzaj div.kontakt p{ float:left; width:600px; padding: 0 0 5px 0;}
div#center div.sadrzaj div.kontakt label{float:left;width: 150px; letter-spacing:1px; }
div#center div.sadrzaj div.kontakt input{float:left; width:170px}
div#center div.sadrzaj div.kontakt input#rez_ab{width:70px}
div#center div.sadrzaj div.kontakt input.dugme{ background-color:#6699CC; border:none; width:50px}
div#center div.sadrzaj div.kontakt textarea{float:left; width:350px;}
div#center div.sadrzaj div.kontakt img{ margin:0 0 0 10px;}

/*/centar*/
div#footer{float:left; height:50px; background-color:#1766ab; color:#FFFFFF; letter-spacing:1px;}

#page_border_l{ float:left; background: url(../img/pg_bg_left.gif) top left repeat-y; padding-left:5px;}
#page_border_r{ float:left; background: url(../img/pg_bg_right.gif) top right repeat-y; padding-right:5px;}
#page_border_pb{ float:left; }
#page_border_b{background: url(../img/pg_bg_bottom.gif) bottom right repeat-x; line-height:5px; margin-bottom:10px;}
#page_border_lb{background: url(../img/pg_bg_lb.gif) bottom left no-repeat; line-height:5px;}
#page_border_rb{background: url(../img/pg_bg_rb.gif) bottom right no-repeat; line-height:5px;}
#page_border_rb{ height:100%; }

div.boks{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	border-right: solid 1px #DDDDDD/*D5E8F7*/;
	border-left:solid 5px #DDDDDD/*D5E8F7*/;
	border-top:0px;
	border-bottom:solid 1px #F2F2F2;
	background-color:#FFFFFF;
	padding-bottom:10px;
	margin-right:-3px;
	

}

div.boks div.boks_left{ float:left; width:550px;}
div.boks.pocetna div.boks_left{ float:left; width:600px;}
div.boks div.boks_right{float:left; margin:0 0 0 25px; width:70px;}
div.boks div.boks_right img{float:left; border: 1px solid #DADADA; padding:3px;margin:10px 0 0px 0px;}
div.boks h3{margin: 5px 0 0 5px; color:#a3a3a3/*3366CC*/; }
div.boks p{margin: 5px 0 0 5px;padding:5px 0 20px 10px;}
div.boks.v3 p{ padding:0;}
div.boks.proizvodi h3,div.boks.proizvodi p{width:500px;}
div.boks.proizvodi img{ float:right;}

div.boks.v2 div.boks_left{ float:left; width:450px; text-align:justify;}
div.boks.v2 div.boks_right{float:left; margin:0 0 0 25px; width:150px;}
div.boks.v2 div.boks_right img{width: 120px;height: 90px; margin:30px 0 0 20px;}
div.boks.v2 div.boks_left a{color:#0099CC;}

div.boks div.boks_left ul.reference{margin:0 0 0 30px;}
ul.reference li{padding:7px 0 10px 40px; margin-bottom:5px;}
ul.reference li.jelen{ background: url(../img/content/jelen_30x30.gif) no-repeat top left; }
ul.reference li.niksicko{ background: url(../img/content/niksicko_30x30.gif) no-repeat top left; }
ul.reference li.becks{ background: url(../img/content/becks_30x30.gif) no-repeat top left; }


div.center_left{float:left; width:170px;}
div.center_left img{ display:block; float:left; background-color:#99CCCC}
div.center_right{float:left;width:650px; }
div.galerija{margin:5px 0 0 10px; }
div.galerija img{border:1px solid #CCCCCC; padding:2px;  margin:10px 0 0 5px; height:120px;width:160px;}