/**************************
	Plava: #00adef
	Zelena: #39e39d
**************************/

* {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF url(../images/header.gif) repeat-x;
text-align: justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}


h1 {
font-size: 197%;
color: #333333;
margin-bottom: 20px;
font-weight: normal;
}

h2 {
font-size: 152%;
font-style:italic;
font-weight: normal;
margin-bottom:5px;
}


h3 {
font-size: 100%;
color: #333333;
text-align:right;
}

p, ul, ol {
margin-bottom: 20px;
line-height: 1.8em;
}

ul, ol {
margin-left: 3em;
}

blockquote {
padding-left: 3em;
background: url(../images/img08.gif) no-repeat;
font-style: italic;
}

a {
color: #00adef;
text-decoration:none;
}

a:link {
color: #00adef;
}

a:active {
color: #00adef;
}

a:visited {
color: #00adef;
}

a:hover {
text-decoration: underline;
color: #39e39d;
}

img {
border: 1px solid #00adef;
padding:2px;
}
a:hover img {
border: 1px solid #39e39d;
padding:2px;
}

img.left {
float: left;
margin: 0 15px 0px 0;
}
img.right {
float: right;
margin: 0  0 0px 15px;
}
img.onama {
float: right;
border: 0;
margin: 0  0px 0px 4px;
}
img.aktuelnost {
border: 1px solid #00adef;
float: left;
padding: 2px;
margin: 15px 0 5px 0;
clear:both;
}
img.mapa {
border: 1px solid #00adef;
float: left;
padding: 2px;
margin: 25px 0 0 43px;
clear:both;
}

/***************************************************
			           MENI
***************************************************/
#meni {
width: 770px;
height: 65px;
margin: 0 auto;
border-right: 1px solid #39e39d;
}

#meni ul {
margin: 0;
padding: 0;
list-style: none;
}

#meni li {
display: inline;
}

#meni a {
display: block;
float: left;
width: 95px;
height: 45px;
padding: 20px 0 0 0;
border-left: 1px solid #39e39d;
text-decoration: none;
text-align: center;
font-size: 17px;
color: #00adef;
}

#meni a:hover {
background: #d6f4ff;
}

#meni .aktivan a {
background: #00adef;
color: #fff;
}
#meni .posl_poli a {
padding:9px 0 11px 0;
}
#meni .posl_poli_aktivan a {
padding:9px 0 11px 0;
background: #00adef;
color: #fff;
}
#meni .aktuelnosti a {
width: 97px;
}


/***************************************************
			           HEADER
***************************************************/
#header {
width: 770px;
height: 170px;
margin: 0 auto;
/*background: url(../images/header.png) no-repeat;*/
}


/***************************************************
			       KONTEJNER
***************************************************/
#kontejner {
width: 770px;
margin: 0 auto;
padding: 20px 0;
border-left:1px solid #39e39d;
border-right:1px solid #39e39d;
background: url(../images/watermark.gif) no-repeat right bottom;
}

/***************************************************
			         SADRZAJ
***************************************************/
#sadrzaj {
float: left;
width: 750px;
padding: 0 10px;
}
	#sadrzaj_lijevo {
	float: left;
	width: 500px;
	}
	#sadrzaj_desno {
	float: left;
	width: 240px;
	padding-left:9px;
	padding-bottom:10px;
	border-left:1px dashed #39e39d;
	}
		#sadrzaj_desno_naslov {
		border-bottom:1px dashed #39e39d;
		margin-top:10px;
		padding-bottom:10px;
		font-size:20px;
		font-style:italic;
		text-align:center;
		color:#00adef;
		}
			.aktuelnost_kratko {
			border-bottom:1px dashed #39e39d;
			margin-top:15px;
			padding-bottom:10px;
			text-align:left;
			}
				.naslov {
				font-size:15px;
				text-align:left;
				}
	
				.datum_kratko {
				color: #39e39d;
				margin-bottom:4px;
				font-size:11px;
				}
				.vijest_kratko {
				font-size:12px;
				text-align:justify;
				}
				
			.standardi {
			border:0;
			padding-left:60px;
			}

		#prijava {
		padding:0;
		text-align:right;
		font-size:12px;
		}
		#login {
		width:210px;
		display:none;
		}
			.login {
			padding-left:42px;
			margin:0px;
			}
			.textbox_login {
			width:140px;
			height:20px;
			border:1px solid #cccccc;
			background-color:#ffffff;
			color:#00adef;
			padding:2px;
			padding-bottom:0px;
			margin: 0 0 3px 0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			clear:both;
			float:left;
			}
			.textbox_login:focus {
			border:1px solid #39e39d;
			background-color:#d6f4ff;
			cursor:text;
			}
			
			#submit_login {
			width:30px;
			height:30px;
			padding:5px 0 3px 29px;
			clear:both;
			}
			.submit_login {
			height:30px;
			width:88px;
			font-size:14px;
			font-weight:bold;
			color:#ffffff;
			background-color:#00adef;
			cursor:pointer;
			}


.box {
margin-bottom: 20px;
padding: 0 20px;
}
.album_box {
margin-bottom: 20px;
padding: 0 10px 0 16px;
}

/*SLIKA BOX*/
.slika_box {
float: left;
margin: 0 15px 0px 0;
}
.obrisi_sliku {
width:166px;
height:16px;
background-color:#FFCCCC;
color:red;
border-top: 2px solid red;
text-align:center;
font-weight:bold;
}
.obrisi_sliku a {
color:red;
}
img.album_slika {
border: 1px solid #00adef;
padding:2px;
}
a:hover img.album_slika {
border: 1px solid #39e39d;
padding:2px;
}


/*AKTUELNOSTI*/
.aktuelnost {
margin-bottom: 20px;
padding: 0 0px;
border-bottom: 1px dashed #39e39d;
}

.datum {
color: #39e39d;
margin-bottom:7px;
}

.opsirnije  {
}

/*NEXT - PREVIEW*/
#next {
font-size:14px;
text-align:center;
padding-top:6px;
padding-bottom:6px;
clear:both;
height:24px;
}
#next a {
text-decoration:none;
border:1px solid #39e39d;
padding:2px 5px;
color:#00adef;
}
#next a:hover {
color:#00adef;
background-color:#d6f4ff;
}
#next span {
text-decoration: none;
padding:2px 5px;
border:1px solid #39e39d;
color:#fff;
background-color:#00adef;
}

/*GALERIJA*/
.albumi {
margin-bottom: 15px;
padding: 0 0px;
border-bottom: 1px dashed #39e39d;
}
.naslov_datum_albuma {
float:left;
}
.naslov_albuma {
font-size: 152%;
font-style:italic;
font-weight: normal;
padding-top:25px;
margin-bottom:5px;
}


/***************************************************
			      FOOTER
***************************************************/
#footer {
clear: both;
height: 21px;
padding: 19px 0;
background: #92c93f url(../images/footer.gif) repeat-x;
color: #01719c;
margin: 0;
text-align: center;
font-size: 9px;
}
#footer a {
color: #01719c;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}



/***************************************************
			    KONTAKT FORMS
***************************************************/
form{
padding-left:50px;
margin:0px;
}
.form_textarea {
width:100%;
position:relative;
float:left;	
}
.form_textbox{
height:58px;
width:100%;
position:relative;
float:left;	
}

label {
color:#666666;
font-size:12px;
width:90px;
display:block;
float:left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 5px;
clear: both;
}
.plava_zvjezdica{
color:#00adef;
}

.textbox {
width:200px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#00adef;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:80px;
margin-left:0px;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
.textbox:focus {
border:1px solid #39e39d;
background-color:#d6f4ff;
cursor:text;
}

textarea {
width:300px;
height:200px;
border:1px solid #cccccc;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:19px;
font-size:12px;
color:#00adef;
margin-top:0px;
padding:2px;
clear:both;
float:left;
}
textarea:focus {
border:1px solid #39e39d;
background-color:#d6f4ff;
cursor:text;
}

#submit {
width:300px;
height:30px;
padding-top:20px;
padding-left:105px;
padding-bottom:10px;
}
.submit {
height:30px;
width:88px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#00adef;
cursor:pointer;
}

.greska, .greska2, .greska3, .greska4 {
font-size:11px;
color:#00adef;
position:absolute;
right:125px;
top:23px;
}
.greska2{
right: 62px;
}
.greska3{
right: 3px;
}
.greska4{
right: 109px;
}


/***************************************************
			         CLEAR
***************************************************/
.clear10 {
clear: both;
height: 10px;
}
.clear15 {
clear: both;
height: 15px;
}
.clear20 {
clear: both;
height: 20px;
}
.clear30 {
clear: both;
height: 30px;
}
.clear121 {
clear: both;
height: 121px;
}
.clear262 {
clear: both;
height: 262px;
}
.clear163 {
clear: both;
height: 163px;
}
.clear327 {
clear: both;
height: 327px;
}
.clear_line {
clear: both;
height: 30px;
border-top:1px dashed #39e39d;
}
/***************************************************
			         VALID
***************************************************/
#validan_korisnik {
border-top:2px solid red;
border-bottom:2px solid red;
background-color:#FFCCCC;
color:red;
margin:0 10px 5px 10px;
clear: both;
height: 21px;
font-size:14px;
font-weight:bold;
padding-top:5px;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
}
#validan_korisnik a {
color:red;
}
.izmjene {
width:500px;
float:left;
margin-left:15px;
}
.odjava {
width:200px;
float:right;
text-align:right;
margin-right:15px;
}

/***************************************************
			    DODAJ AKTEULNOST
***************************************************/

.dodaj_aktuelnost {
padding-left:105px;
margin:0px;
}
.textbox_dodaj_aktuelnost {
width:470px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#00adef;
padding:2px;
padding-bottom:0px;
margin: 0 0 3px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
.textbox_dodaj_aktuelnost:focus {
border:1px solid #39e39d;
background-color:#d6f4ff;
cursor:text;
}
.textbox_dodaj_aktuelnost_slika {
border:1px solid #cccccc;
background-color:#ffffff;
color:#00adef;
padding:2px;
padding-bottom:0px;
margin: 0 0 3px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
.textbox_dodaj_aktuelnost_slika:focus {
border:1px solid #39e39d;
background-color:#d6f4ff;
cursor:text;
}

.textarea_dodaj_aktuelnost {
width:470px;
height:400px;
border:1px solid #cccccc;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:19px;
font-size:12px;
color:#00adef;
margin-top:0px;
padding:2px;
clear:both;
float:left;
}
.textarea_dodaj_aktuelnost:focus {
border:1px solid #39e39d;
background-color:#d6f4ff;
cursor:text;
}

#submit_dodaj_aktuelnost {
width:30px;
height:30px;
padding:5px 0 3px 190px;
clear:both;
}
.submit_dodaj_aktuelnost {
height:30px;
width:88px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#00adef;
cursor:pointer;
}


/***************************************************
			    AJAX LOGIN
***************************************************/
.top {
margin-bottom: 15px;
}
.buttondiv {
margin-top: 10px;
}
.messagebox{
position:absolute;
margin-left:10px;
border:1px solid #c93;
background:#ffc;
padding:3px;
}
.messageboxok{
position:absolute;
width:auto;
margin-left:0px;
border:1px solid #349534;
background:#C9FFCA;
padding:3px;
font-weight:bold;
color:#008000;

}
.messageboxerror{
position:absolute;
width:auto;
margin-left:10px;
border:1px solid #CC0000;
background:#F7CBCA;
padding:3px;
font-weight:bold;
color:#CC0000;
}