/******* Design by Jevta - jun, 2008  ******/

body {
background: #cccccc;
font: 12px arial, sans-serif;
color: #000000;
margin: 0;
padding: 0;
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #bd3103;
font-weight: bold;
text-decoration: none;
}

/* Gornji dio - Vrh stranice */
#gore {
background: #336699;
height: 32px;
margin: 0;
padding: 0;
border-top: #ffffff 2px solid;
border-bottom: #ffffff 2px solid;
}

#gore-sve {
width: 1010px;
margin: 0 auto;
padding: 0;
}

/* Gornji dio - Vrh stranice - Lijevi dio */
#gore-lijevo {
float: left;
width: 670px;
height: auto;
margin: 0;
padding: 5px 0 0 0;
}

/* Gornji dio - Vrh stranice - Desni dio */
#gore-desno {
float: right;
width: 280px;
_width: 275px;
height: auto;
margin: 0;
padding: 0;
}

/*Gornji dio - Top stranice - Logo sajta */
#top {
background: #3399CC url('slike/top-logo-pozadina.gif') no-repeat center;
width: 980px;
height: 108px;
margin: 0 auto;
padding: 0;
border-left: #ffffff 2px solid;
border-right: #ffffff 2px solid;
}

#top-tekst {
width: 740px;
height: 61px;
line-height: 28px;
color: #ffffff;
margin: 0 0 0 122px;
padding: 0;
}

#logo {
margin: 0 0 0 372px;
padding: 0;
}

/*Gornji dio - Ispod top stranice  - Mjesto za reklame*/
.reklame {
background: #ffffff;
width: 980px;
height: 45px;
margin: 0 auto;
padding: 0;
border-top: #ffffff 2px solid;
border-right: #ffffff 2px solid;
border-left: #ffffff 2px solid;
}

.reklame-90 {
background: url('slike/reklame-90-pozadinaS.gif') no-repeat;
width: 979px;
height: 97px;
text-align: center;
margin: 0 auto;
padding: 1px 0 0 1px;
}

.reklame-60 {
background: url('slike/reklame-60-pozadinaS.gif') no-repeat;
width: 979px;
height: 67px;
text-align: center;
margin: 0 auto;
padding: 1px 0 0 1px;
}

.reklame-15 {
background: url('slike/reklame-15-pozadinaS.gif') no-repeat;
width: 979px;
height: 31px;
text-align: center;
margin: 0 auto;
padding: 16px 0 0 1px;
}

.reklame-15-1 {
background: url('slike/reklame-15-1-pozadinaS.gif') no-repeat;
width: 979px;
height: 22px;
text-align: center;
margin: 0 auto;
padding: 4px 0 0 1px;
}

/* Glavni dio od sajta - Kad izbacim gornje reklame-90 ili kad dodam gore reklame-60, onda treba dodati bordere left-right ispod u #glavno */
/* border-left: #ffffff 2px solid; */
/* border-right: #ffffff 2px solid; */
#glavno {
background: #ffffff;
width: 980px;
overflow: hidden;
margin: 0 auto;
padding: 0;
border-left: #ffffff 2px solid;
border-right: #ffffff 2px solid;
}

/* Lijevi dio - Meni - Reklame - Prijatelji sajta */
#lijevo {
float: left;
width: 314px;
height: auto;
margin: 0;
padding: 0;
}

.lijevo-naslov {
background: #3399CC url('slike/lijevo-naslov-pozadina.gif') no-repeat;
width: 304px;
height: 20px;
color: #ffffff;
overflow: hidden;
margin: 2px 0 0 0;
padding: 1px 0 2px 10px;
}

.lijevo-tekst {
background: #ffffff;
width: 300px;
color: #999999;
overflow: hidden;
margin: 0;
padding: 6px;
border-left: #3399CC 1px solid;
border-right: #3399CC 1px solid;
border-bottom: #3399CC 1px solid;
}

/* Linkovi kategorija tv kanala */
.kat-link a {
font-weight: bold;
text-decoration: underline;
color: #0000FF;
}

.kat-link dno-tekst a:hover {
font-weight: bold;
text-decoration: underline;
color: #0000FF;
}

/* Desni dio - Sadrzaj sajta */
#desno {
float: right;
background: #ffffff;
width: 664px;
_width: 649px;
height: auto;
margin: 0;
padding: 0;
}

.desno-naslov {
background: #3399CC url('slike/desno-naslov-pozadina.gif') no-repeat;
height: 24px;
width: 664px;
_width: 649px;
color: #ffffff;
overflow: hidden;
margin: 2px 0 0 0;
padding: 1px 0 2px 15px;
}

.desno-tekstL {
width: 652px;
font: 12px sans-serif, arial;
color: #000000;
overflow: hidden;
margin: 0;
padding: 5px 5px 4px 5px;
border-left: #3399CC 1px solid;
border-right: #3399CC 1px solid;
border-bottom: #3399CC 1px solid;
}

.desno-tekstC {
width: 652px;
text-align: center;
color: #999999;
overflow: hidden;
margin: 0;
padding: 5px 5px 4px 5px;
border-left: #3399CC 1px solid;
border-right: #3399CC 1px solid;
border-bottom: #3399CC 1px solid;
}

/* Desno tekst mediji */
#desno-tekstM {
width: 652px;
height: 685px;
text-align: center;
color: #999999;
overflow: hidden;
margin: 0;
padding: 5px 5px 4px 5px;
border-left: #3399CC 1px solid;
border-right: #3399CC 1px solid;
border-bottom: #3399CC 1px solid;
}

/* Dno - Donji dio sajta - Linkovi - C - Brojac posjeta */
#dno {
background: #336699;
height: 155px;
font: 10px arial, sans-serif;
line-height: 16px;
margin: 0;
padding: 0;
border-top: #ffffff 2px solid;
border-bottom: #ffffff 2px solid;
}

#dno-tekst {
width: 980px;
text-align: center;
color: #ffffff;
overflow: hidden;
margin: 0 auto;
padding: 15px;
}

#dno-tekst a {
text-decoration: underline;
color: #ffffff;
}

#dno-tekst a:hover {
text-decoration: none;
}

/*Naslovi - Headeri */
h1 {
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0;
}

h2 {
font-size: 16px;
margin: 3px 3px 0 3px;
}

h3 {
font-size: 16px;
margin: 0 3px 0 3px;
}

h4 {
font-size: 14px;
margin: 3px;
}

h5 {
font-size: 14px;
margin: 3px;
}

h6 {
font-size: 12px;
text-align: center;
color: #cccccc;
margin: 0;
padding: 0;
}

#contact {background: #fff; border: 1px solid #e7e7e7; margin: 5px auto 1em; text-align: left; width: 500px; padding: 1em; margin-bottom: 5px;}
#contact #error {background: #f9efef url(images/cross.png) no-repeat 9px 8px; width: auto; height: auto; padding: 9px 34px; color: #494949; font: 11px arial; border: 1px #e9c6c6 solid; margin-right: 8px;}
#contact #success {background: #DFF2BF url(images/tick.png) no-repeat 9px 8px; width: auto; height: 13px; padding: 9px 34px; color: #4F8A10; font: 11px arial; border: 1px #4F8A10 solid;}
#contact .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contact label {display: block; margin-bottom: 4px; color: #6182a1;}
#contact input[type=text], #contact input[type=password], #contact textarea {color: #333; margin-bottom: 7px; background: #fff; border: 1px solid #ccc; padding: 5px; width: 95%;}
#contact input[type=submit] {background: #eee; border: 3px double #ccc; padding: 2px; font-size: 1em; width: auto; margin-right: 6px;}
#contact a {color: #6182a1; font: inherit; text-decoration: none;}
#contact #captcha div {display: inline; float: left;}