@charset "utf-8";

body {  background:url(../images/bg.jpg) repeat-x top left #fff;  font-family: "verdana"; font-size:11px;}

a { color:#3981b7; text-decoration:none; }
a:hover { text-decoration:underline; }


#container { 
border:1px solid #aaa; 
margin-left:auto; 
margin-right:auto; 
margin-top:30px;
width:950px; 
background:#fff; }

#top { height:80px; background:#000;}

#logo { text-align:left; padding-left:1%; }
#logo a { border:0; text-decoration:none; }
#logo a img { border:0; }

#jezici { float:right; margin-right:10px; margin-top:15px; height:35px; line-height:35px; }
#jezici img { border:0; filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.50; opacity:0.5;  }
#jezici a { border:0; text-decoration:none; }
#jezici a:hover img {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.0; 
}

#banner { height:200px; background-color:#000; }

.bann { z-index:1; position:absolute; top:110px; }
/* ---------------------------------- MENU ------------------------------------------ */

/* remove the bullets, padding and margins from the lists */
.menu { z-index:5; position:absolute; top:110px; }
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;

}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
width:120px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:7px 0;
color:#fff;
background:#222;
text-decoration:none;
margin-right:1px;
text-align:center;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
}
/* style the links hover */
.menu :hover{
	background-color:#222/* BOJA LINKA */

}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:120px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}



#linija { 
background:url(../images/linija.jpg) repeat-x top left; 
height:18px; 
line-height:18px; 
}

#arena { background:#fff url(../images/dnodesno.jpg) no-repeat bottom right; color:#333; margin:0;}

.taster { 
border:1px solid #666; 
background-color:#333; 
color:#fff; 
font-weight:bold; 
padding: 3px 10px 3px 10px;
margin-top:10px;
cursor:pointer;
text-decoration:none;
}
.taster:hover { background-color:#75a3f0; text-decoration:none;}


#kont { margin-top:20px; }

.kontakt_forma { margin-left:10px; margin-right:10px; }
.kontakt_forma .inputbox { width:95%; display:block; outline-color:#666; border:1px solid #666; color:#3981b7; }
.textar { width:100%; display:block; outline-color:#666; border:1px solid #666; color:#3981b7; }

#kont_info { margin-right:10px; margin-top:10px;  text-align:left; padding-left:30px; }

.poruka { font-size:12px; color:#333;  font-weight:bold; margin:10px; }
.napomena { color:#555; font-size:11px; padding:10px; }

.galerija_grupa b { display:block; background-color:#356395;  color:#FFF; padding-bottom:3px; padding-top:3px; padding-left:10px; margin:5px; }


.vijesti_okvir { margin-left:auto; margin-right:auto; width:70%; margin-top:5px; padding:3px; background-color:#356395; }
.vijesti_okvir a { color:#fff; text-decoration:none; font-weight:bold; }
.vijesti_okvir a:hover { text-decoration:underline; color:#fff; }
.vijesti_datum { float:right; }

.vijesti_unos { border-bottom:1px solid #7eb1d7; padding:5px; margin-left:auto; margin-right:auto; width:70%; }
.vijesti_unos a { color:#069; text-decoration:none; }
.vijesti_unos a:hover { color:#069; text-decoration:underline; }

#principali { text-align:left; padding-left:10px; margin-top:5px; height:5px; }

#footer { font-size:12px; text-align:right; color:#666; margin-left:auto; margin-right:auto; width:950px; margin-top:5px; }
#footer a { color:#3981b7; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


/* --------------------- Definicija proizvoda i vijesti na naslovnici ------------------------ */
#nas_proizvodi { width:99%; margin-left:4.5px; margin-right:4.5px; margin-top:5px; margin-bottom:5px;}
.naslovnica_proizvod { 
display:block; 
border:1px solid #999;
width:230px;
height:200px;
overflow:hidden;
text-decoration:none; 
background:#fff;
margin-left:1.5px;
margin-right:1.5px;
margin-top:2px;
margin-bottom:1.5px;
text-align:center;
}


.naslovnica_proizvod img { 
display:block; 
border:0; 
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80; 
opacity:0.8;
width:230px;
height:180px;
}
.naslovnica_proizvod:hover { text-decoration:none; border:1px solid #356395; }


.naslovnica_proizvod:hover img {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.0; }

.naslovnica_proizvod h3 { 
display:block; 
background-color:#bbb; 
color:#fff;
border-top:1px solid #999;
margin:0;
padding:0;
height:20px; line-height:20px;
font-size:12px;}
.naslovnica_proizvod:hover h3 { background-color:#356395;   }

.nas_vijest { 
border:1px solid #356395; 
width:230px;
height:200px;
overflow:hidden;
background:#B2C3D6;
margin-left:1.5px;
margin-right:1.5px;
margin-top:2px;
display:block;
margin-bottom:1.5px;
}

.nas_vijest:hover {}

.nas_vijest a { display:block; background-color: #356395; color:#fff; text-decoration:none; padding:2px; font-weight:bold; }
.nas_vijest a:hover { text-decoration:underline; }

.vijesti_datum { padding-right:5px; }
.naslovnica_vijesti_unos { padding-left:5px; padding-right:5px; }

#proizvod { width:945px; border:0; margin-left:1.5px; margin-right:1.5px; margin-top:5px; margin-bottom:5px; }
#proizvod img { border:1px solid #666; margin:1.5px; }
#proizvod_tekst b { display:block;background-color:#356395; color:#fff;}
#proizvod_tekst {text-align:justify;padding-left:5px; padding-right:5px; }



.prodown_lista { padding:5px; text-align:left; }


.proizvod_karakteristika {
display:block;
margin-bottom:3px;
width:250px;
overflow:hidden;
border:1px solid #356395;
background:url(../images/karakteristika.jpg) no-repeat bottom center #fff;
}

.proizvod_karakteristika h3 { 
display:block; 
background-color:#356395; 
color:#fff;
margin:0;
padding:0;
font-size:11px;}

.proizvod_karakteristika_tekst { 
padding-left:5px; 
padding-right:5px; 
text-align:justify; 
font-size:10px; 
color:#356395;
}

.sekcija_kartica { padding-top:10px; padding-bottom:10px; border-top:1px solid #ccc; }
.kartica { margin:5px; border:1px solid #ccc; width:150px;}

#onama img { border:1px solid #666; margin-top:10px; }
#onama { padding-bottom:10px; }

.clear { clear:both; }