@charset "utf-8";
/* CSS Document */

body {text-align:center; background: #FFFFFF url(../slike/background.jpg) repeat-x center top;}
body {font:62.5%/140% Verdana, Arial, Helvetica, sans-serif; color:#000;}

/* @font-face */
/* @font-face for IE */
/* convert ttf to eot: http://www.cuvou.com/wizards/ttf2eot.cgi */
/* convert otf to ttf: http://www.microsoft.com/typography/WEFT.mspx*/
@font-face {font-family: "FFdin"; src: url(fonts/FFDIN__regular.eot);}

/* Other major browser rules come after IE rules */
@font-face {font-family: "FFdin"; src: url(fonts/FFDIN__regular.otf) format("opentype"); font-weight:normal;}

h1 {font:normal normal normal 2.4em/120% "FFdin", Arial, Helvetica, sans-serif; color:#0099FF; padding:0 0 20px 0; letter-spacing:-0.06em;}
h2 {font:normal normal bold 1.4em/120% "FFdin", Arial, Helvetica, sans-serif; color:#000; padding:0 0 20px 0;}
p {padding:0 0 10px 0;}

/***** uvjek pokazuje vertikalni scrollbar *****/
body {min-height: 101%;}
html {height: 100%;}
/* staviti u master_ie.css: html {overflow-y:scroll;} */

/* HEADER */
#header {width:100%; height:185px; background:url(../slike/header.png) no-repeat 0 0; position:relative;}
#andres {position:absolute; right:0; top:50px;}
#header .meni ul {position:absolute; bottom:0; left: 163px; background:url(../slike/black_25.png) repeat; height:22px; overflow:hidden;}
#header .meni ul li {float:left; border-left:1px solid  #3a79b1; border-right:1px solid #123d64;}
#header .meni ul li a {display:inline-block; height:22px; line-height:20px; padding:0 16px; text-decoration:none; color:#fff; background:url(../slike/black_25.png) repeat-x 0 22px;}
body#naslovna #header .meni ul li a.naslovna,
body#vijest #header .meni ul li a.vijesti, 
body#propozicije #header .meni ul li a.propozicije, 
body#raspored #header .meni ul li a.raspored, 
body#rezultati #header .meni ul li a.rezultati, 
body#povijest #header .meni ul li a.povijest, 
body#foto #header .meni ul li a.foto {background-position:0 0;}

/* MAIN */
#main {text-align:left; font-size:1.1em; padding:30px 0 20px;}
.vijest, .vijest_mala_box, .freske_slike {border-bottom:1px solid #bbb;}
.vijest, .vijest_mala, .freske_slike {padding:25px 0 15px 0;}
.nadnaslov {font:normal normal bold 1em/140% Verdana, Arial, Helvetica, sans-serif;}
.naslov {font:normal normal normal 2.4em/120% "FFdin", Arial, Helvetica, sans-serif; color:#0099FF; padding:10px 0 10px; letter-spacing:-0.06em;}
.sazetak {}
.vijest_mala {float:left; width:300px;}
table#freske_slike {border:1px solid #ddd;}
table#freske_slike td {width:120px; height:120px; vertical-align:middle; text-align:center; border:1px solid #eee;}

/* PROPOZICIJE */
.propozicije {padding-bottom:10px;}
#propozicije h1, #propozicije h2 {font:normal normal bold 1.7em/140% Arial, Helvetica, sans-serif; color:#0099FF; padding:10px 0;}
#propozicije h2 {font-size:1.4em;}

/* RASPORED */
table#gl_turnir {color:#000; border:1px solid #5D8DC0; width:60%;}
table#gl_turnir th {text-align:center; background-color: #99CCFF; border: 1px solid #5D8DC0; color:#003399; height:30px; vertical-align:middle; font-weight:bold;}
table#gl_turnir td {text-align:center; border:1px solid #5D8DC0; height:30px; vertical-align:middle;}
#navmenu_sk li {float:left; padding-right:3px;}
#navmenu_sk li a {display:block; height:25px; line-height:25px; padding:0 15px; background-color:#eee;}
#navmenu_sk li a:hover {background-color:#ddd;}

/* REZULTATI */
.rezultati_datum {font:normal normal bold 1.3em/140% Arial, Helvetica, sans-serif; color:#0099FF;}

/* VIJESTI */
body#vijest .sazetak {font:normal normal bold 1.2em/120% Arial, Helvetica, sans-serif; display:inline-block; padding-bottom:20px;}
span.datum {font-size:1em; padding:0 2px; background-color:#0099FF; color:#fff;}
ul#vijest_linkovi li {padding-bottom:3px;}
ul#vijest_linkovi a {display:block; padding:2px 5px; /*border:1px solid #0099FF; border-left:none; border-right:none;*/ background-color:#f8f8f8; text-decoration:none; color:#0099FF;}
ul#vijest_linkovi a:hover {background-color:#d5eeff;}

/* POVIJEST */
body#povijest #pobjednici li {padding-bottom:2px;}
body#povijest #pobjednici a {display:block; width:200px; padding:2px 5px; color:#000; background-color:#eee; text-decoration:none;}
body#povijest #pobjednici a:hover {background-color:#ccc;}

/* DESNO */
#desno {padding-top:90px;}
#sponzori_slide {height:100px; overflow:hidden;}
#sponzori, #danas, #slijedi, #lokacije {background: url(../slike/desno.png) no-repeat; min-height:100px; height:auto !important; height:100px; padding-bottom:30px;}
#sponzori p, #danas p, #slijedi p {padding:0 12px;}
#desno h3 {width:300px; height:37px; font:normal normal bold 1.2em/37px Arial, Helvetica, sans-serif; color:#0099FF; padding-left:12px;}
.naj_datum {font-weight:bold;}
.naj_datum span {display:block; padding:5px 0;}
.naj_sadrzaj {border-bottom:1px dashed #ddd;}
.naj_sadrzaj span {display:block; padding-bottom:10px;}
#lokacije li {padding:0 12px; border-top:1px dashed #ddd;}
#lokacije li:first-child {border:none;}
#lokacije li a {display:block; padding:5px 0;}
a.tutnjevic { text-decoration:none; color:#000000; display:block; margin-bottom:20px;}
a.map {text-decoration:none; color:#0099FF; font-weight:bold; font-size:9px;}
a.map:hover {color:#bd0000;}

#linkovi a {display:block; padding:3px; margin-bottom:5px; background-color:#06F; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#fff; font-size:1.2em; text-align:center;}
#linkovi a:hover {color:#FC0; background-color: #03C}
#linkovi a:visited {color:#FC0;}


/* FOTO */
.foto_container {padding:0 0 5px 0;}
.foto_naslov {padding: 2px 5px; font-size:1.2em; font-weight:bold; color:#fff; background-color:#0099FF;}
.foto_sadrzaj {padding:10px 0;}
a.slika {display:inline-block; text-decoration:none; color:#000; border:2px solid #fff}
a.slika:hover {border-color:#bbb;}
a.slika img {border:none;}

/* STICKY FOOTER */
* {margin: 0;}
html, body {height: 100%;}
#wrapper {
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -100px; /* the bottom margin is the negative value of the footer's height */
}
#wrapper * {text-align:left;}
#footer, .push {height: 100px; /* .push must be the same height as .footer */}
#footer {background: #fff url(../slike/footer.jpg) repeat-x center bottom; color:#fff;}

#footer div.container_12 {padding-top:25px;}
#footer .meni ul {float:right;}
#footer .meni ul li {float:left;}
#footer .meni ul li a {display:inline-block; padding-left:20px; text-decoration:none; color:#fff; font-size:0.9em;}
body#naslovna #footer .meni ul li a.naslovna, 
body#vijest #footer .meni ul li a.vijesti,
body#propozicije #footer .meni ul li a.propozicije, 
body#raspored #footer .meni ul li a.raspored, 
body#rezultati #footer .meni ul li a.rezultati, 
body#povijest #footer .meni ul li a.povijest, 
body#foto #footer .meni ul li a.foto {color: #99FFFF;}
#footer .meni ul li a:hover {color: #FFCC00;}


/* GLOBALNE */
.first         { padding-top:0;}
.overflow      { overflow: auto;} /* u master_ie.css staviti: .overflow {_height:1%;} */
.img-left      { float:left;margin:0 10px 4px 0; }
.img-right     { float:right;margin:0 0 4px 10px; }
.padding_right15 {padding-right:15px;}
.bullet		   { padding-left:15px; list-style: outside square;}
.float-left    { float:left;}
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#0099FF;}

a.link {text-decoration:none; font-weight:bold; font-size:0.8em; color:#0099FF; padding:0 1px;}
a.link:hover {color:#fff; background:#0099FF;}

.arhiva {padding-top:20px; color:#0099FF;}
.arhiva a {text-decoration:none; padding:1px 3px; color:#0099FF;}
.arhiva a:hover {color:#fff; background-color:#0099FF; color:#fff;}