@import "reset.css";

/* ===== LAYOUT ===== */

body { padding:0; margin:0; background:#000 }
#bg { position:relative; z-index:1}
#layer { position: absolute; z-index:2; top:0; width:100% }
#container {width:960px; margin:0 auto;  }
#content { width:635px; float:left; margin-bottom:15px;}
#extra { float:right;width:310px}
#wrapper { clear:both; width:100%; margin-top:15px;  }
#footer {clear:both;  }

/* ===== HEADER ===== */

#layer { background:url(../images/topnav-bg.png) repeat-x 0px 50px}
#header h1 { padding:0; margin:30px 0 0 0; background:url(../images/bosmal-logo.png) no-repeat}
#header h1 a { display:block; width:255px; height:89px; text-indent:-2000px}
#header ul { padding:0; margin:-50px 0 0 0; list-style:none; float:right}
#header li { display:inline}
#header li a { padding:10px 20px; color:#EFEFEF; font-weight:bold; text-transform:uppercase; text-decoration:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; font-size:14px;}
#header li a:hover { background:#333333; color:#FFF}

#jezik { background-image:url(../images/jezik.png); background-position:right; width:27px; height:27px; display:block; float:right; margin:-110px 30px 0 0; text-indent:-3000px}
#jezik.eng { background-position:left}

#headline {  width:450px; height:250px; margin:50px 0 15px 0; color:#FFF}
#headline h2 {margin:0; line-height:60px; }
#headline h2 , #headline p{ color:#FFF}

/* ===== NAV ===== */
#nav {}
#nav ul { margin:0 0 0 0; padding:0; display:block;list-style:none}
#nav li { float:left; }
#nav li a { width:320px; height:77px; display:block;background-image:url(../images/nav-bg3.png); background-repeat:no-repeat}
#nav.eng li a {background-image:url(../images/nav-bg3_en.png); }
#nav li a span { display:none}

#nav li.n1 a { } 
#nav li.n1 a:hover { background-position:0 0px} 

#nav li.n2 a { background-position:-320px 0px }

#nav li.n3 a { background-position:-640px 0px } 


/*#navsub { height:130px; width:960px; overflow:hidden; border-bottom:5px solid #ffac44; font-size:0.9em; line-height:1.5em; background:#FFF; }
#navsub li { display:block; width:920px; padding:20px; height:80px; font-size:18px; font-weight:bold; color:#999}
#navsub li p {background:#FFF; color:#999; height:88px;}
#navsub ul { display:block;  padding:0; margin:0; }*/

#navsub { padding:10px 20px ;  border-bottom:5px solid #ffac44; font-size:0.9em; background:#FFF}



/* ===== CONTENT ===== */
#content { }
.text { background:#FFF; padding:20px 15px; margin-bottom:15px; line-height:1.4em}

#content .text p a { color:#F60;padding:2px;}
#content .text p a:hover {
background-color:#FFAE49;
color:white;
text-decoration:none;
text-shadow:1px 1px 1px #333355;
-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
}

.vijest { border-bottom:1px solid #999; margin-bottom:15px;  }

.vijest h3 {  }
.vijest p { color:#999; font-weight:bold;text-decoration:none; border:0 }
.vijest p.datum { width:40px; height:35px; padding-top:5px; position: absolute; margin:0 0 0 -54px; font-size:24px; color:#FFF; font-weight:bold; text-align:center; line-height: 18px; background:url(../images/datum-bg.gif) no-repeat;}
.vijest p.datum span { color:#7d4b0e; font-size:12px;}

.vlist a { text-decoration:none; color:#333;}
.vlist a:hover strong { color:#e2830c;}
.vlist p { font-size:0.9em;margin-bottom:0.8em;}
.vlist strong { display:block; border-bottom:1px solid #CCC; padding-bottom:10px; }
.vlist span { color:#999;font-weight:bold; text-transform:uppercase}

.galerija { padding:0; margin:0;list-style-type:none; }
.galerija li { display:inline;}
.galerija li img { }
.galerija li a { border:1px solid #ccc; display:inline-block ; margin:5px; padding:8px } 
.galerija li a:hover { border:1px solid #999; background:#efefef  } 

a.tlocrt { float:left; margin:0 15px 10px 0; padding:10px; border:1px solid #CCC}
a.tlocrt img { border:1px solid #ccc; margin:10px}
a.tlocrt:hover { border-color:#999}

ul.lista li{  padding:5px; list-style-image: url(../images/check.gif); list-style-position:inside; }

#tooltip{position:absolute;background:url(../images/tooltip.png) no-repeat;padding:7px 10px 15px 10px;color:#ccc;font:bold 9px Tahoma, Geneva, sans-serif;text-transform:uppercase;display:block; z-index:1000}

.dugme { padding:10px 15px; color:#FFF; text-decoration:none !important; font-size:16px; margin:10px; display:inline-block; border:0 none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #333637; 
	 opacity: 0.8;
}
.dugme:hover { opacity: 1; }

.listavijesti { padding:0; margin:0; list-style-type:none}
.listavijesti li { border-top:1px solid #999; }

/*.listavijesti li:nth-child(even) {background: #efefef}
.listavijesti li:nth-child(odd) {background: #FFF}*/

.listavijesti li:hover { background:#efefef}
.listavijesti li img { float:left; margin:0 10px 30px 0}
.listavijesti li a { display:block; padding:5px;text-decoration:none; color:#333;}

.listavijesti li p { font-size:0.9em;}
.listavijesti li strong { display:block; border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:5px; font-size:1.6em }
.listavijesti li span { color:#999;font-weight:bold; font-size:0.8em; text-transform:uppercase}
.listavijesti li a:hover span { color:#e2830c;}

.naslovvijesti { margin-bottom:10px; border-bottom:1px solid #CCC;}
.naslovvijesti span {color:#999; font-size:0.8em; text-transform:uppercase}

a.naprijed { display:inline-block; width:22px; height:22px; background:url(../images/strelice.gif) no-repeat 0 0}
a.naprijed:hover { background-position:0 -25px}
a.nazad { display:inline-block; width:22px; height:22px; background:url(../images/strelice.gif) no-repeat -25px 0}
a.nazad:hover { background-position:-25px -25px}


/* ===== FOOTER ===== */
#footer { background:#333637 url(../images/bosmal-logo-footer.gif) no-repeat 20px 10px; color:#7a7c7d; padding:15px 30px 0 30px; margin-top:15px; position:relative; font-size:0.9em; letter-spacing:0.1em}
#footer a, #footer p { color:#7a7c7d}
#footer .designby { display:block; width:83px; height:29px; background:url(../images/creative247-logo.gif) no-repeat; position: absolute; right:10px; bottom:10px}
#footer .designby span { display:none; }
#adresa { width:350px; padding-left:200px}