@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}

body {

	width: 802px;

	margin-top: 3px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px;

	background-color: #291400;

	background-image: url(slike/pozadinska.jpg);

	background-repeat:repeat-x;

	background-position:0px 0px;

}

body,td,th {

	font-family: Tahoma, Arial;

	font-size: 11px;

	color: #000000;

}

a {

	font-family: Tahoma, Arial;

	font-size: 11px;

	color: #EC008C;

	font-weight: normal;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

	color: #291400

}

ul li {
	list-style: none;
}

select {
	padding: 1px;
}

input, textarea {
	padding: 2px;
}

select, input, textarea {
	border: 2px solid #EC008C;
	background: #fff;
	font-family: Arial, Helvetica;
	font-size: 11px;
	text-align: left;
}

input[type=text]:focus, textarea:focus, select:focus {
	border: 2px solid #000;
}

.submit {
	height: 22px;
	padding: 0px  10px 1px 10px;
	margin: 0 1px 0 0;
	background: #EC008C;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.submit:hover {
	background: #EC008C;
	color: #000;
}

.clear_both {
	clear: both;
}

.narandzasti {
	color: #EC008C;
	font-weight: bold;
}

.imgMenu {
	display: block;
	margin-bottom: 2px;
}

#form{

	margin: 0 auto;

	padding: 0 auto;

}

.braonTabelaMeni {

	width: 165px;

	border-collapse: collapse;

	border-spacing: 0;

	border: 1px solid #330000;

}

.braonTabelaMeni td, braonTabelaMeni th {

	text-align:center;

	padding: 5px 0 5px 0;

}

.braonTabelaMeni .title {

	padding: 0 0 5px 0;

}

.braonTabelaMeni .end {

	padding: 5px 0 0 0;

}

.braonTabelaMeni .razmak {

	padding-left:0px;

	padding-top:10px;

	padding-bottom:10px;

	padding-right: 0px;

	margin: 0px;

}

.braonTabelaMeni .kontakt {

	padding-top:10px;

	padding-left:9px;

	border-top: 0px;

	border-bottom: 0px;

	text-align: left;

}

.braonTabelaMeni .title {

	font-weight: bold;
	color: #EC008C;

}

.braonTabelaSadrzaj {

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;

	border: 1px solid #330000;

}

.braonTabelaSadrzaj td, braonTabelaMeni th {

	padding-left:15px;

	padding-top:5px;

	padding-bottom:5px;

	padding-right: 15px;

	margin: 0px;

	text-align:left;

	vertical-align:top;

}

.braonTabelaSadrzaj .kontaktTitle {

	padding: 2px 10px 0 0;

	text-align:right;

}

.braonTabelaSadrzaj .inputFields {

	padding: 2px 0 0 0;

	text-align:left;

}

.copyright1Font {

	font-family: Tahoma, Arial;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #CCCCCC;

	text-decoration: none;

}

.copyright2Font {

	font-family: Tahoma, Arial;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #EC008C;

	text-decoration: none;

}

a.linkRoze:link {

	font-family: Tahoma, Arial;

	font-size: 11px;

	color: #EC008C;

	font-weight: normal;

	text-decoration: none;

}

a.linkRoze:visited {

	font-family: Tahoma, Arial;

	font-size: 11px;

	color: #EC008C;

	font-weight: normal;

	text-decoration: none;

}

a.linkRoze:hover {

	font-family: Tahoma, Arial;

	font-size: 11px;

	color: #EC008C;

	font-weight: normal;

	text-decoration: underline;

}

a.linkRoze:active {

	font-family: Tahoma, Arial;

	font-size: 11px;

	color: #EC008C;

	font-weight: normal;

	text-decoration: none;

}

a.linkMeni:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #291400;

	font-weight: bold;

	text-decoration: none;

}

a.linkMeni:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #291400;

	font-weight: bold;

	text-decoration: none;

}

a.linkMeni:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #291400;

	font-weight: bold;

	text-decoration: underline;

}

a.linkMeni:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #291400;

	font-weight: bold;

	text-decoration: none;

}

.slike{

	border: 1px solid #D5811F;

}

.kontakt {

	font-family: Tahoma, Arial;

	font-size: 10px;

	color:#000000;

	border: 1px solid #291400;
	
	padding: 2px;

}

.meniTB {

	font-family: Comic Sans MS, CourierPS;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	color: #C19E56;

	text-decoration: none;

	background-color: #F9F7F0;

	margin: 0px;

	padding: 0px;

}

.unutrasnjeTB {

	font-family: Comic Sans MS, CourierPS;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #663924;

	text-decoration: none;

	background-color: #F9F7F0;

	border: 1px solid #C19E56;

	margin: 0px;

	padding: 30px;

	-moz-border-radius: 5px;

    border-radius: 5px;

}

.meniSaSlikomTB {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	color: #C19E56;

	text-decoration: none;

	background-image:url(slika/mapa_levoTransparent.gif);

	background-repeat: no-repeat;

	background-position: top right;

	background-color: #F9F7F0;

	margin: 0px;

	padding: 0px;

}

a.linkoviMeni:link {

	font-family: Arial, Helvetica, sans-serif;

	/*color: #846748;*/

	color:#124817;

	font-weight: normal;

	font-size: 11px;

}

a.linkoviMeni:visited {

	font-family: Arial, Helvetica, sans-serif;

	/*color: #846748;*/

	color:#124817;

	font-weight: normal;

	font-size: 11px;

}

a.linkoviMeni:active {

	font-family: Arial, Helvetica, sans-serif;

	/*color: #846748;*/

	color: #FF0000;

	font-weight: normal;

	font-size: 11px;

}

a.linkoviMeni:hover {

	font-family: Arial, Helvetica, sans-serif;

	/*color: #846748;*/

	color: #00CC00;

	font-weight: normal;

	font-size: 11px;

}

.zeleniMaslina {

	font-family: Arial, Helvetica, sans-serif;

	/*color: #846748;*/

	color:#124817;

	font-weight: normal;

	font-size: 11px;

}

.podNasloviMeni {

	font-family: Comic Sans MS, CourierPS;

	color: #D79E35;

	font-weight: bold;

	font-size: 13px;

}

.nasloviMeni {	

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	color: #715E40;

	font-size:13px;

}

.listepadajuce {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #F3EEE0;

}

.lista {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #F3EEE0;

	border: 1px none #CCCCCC;

}

.belaBold {

	color: #FFFFFF;

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	font-size: 13px;

}

.crna {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	

}

a.linkovi:link {

	font-family: Comic Sans MS, CourierPS;

	font-size: 12px;

	color: #124817;

	font-weight: normal;

	text-decoration: underline;

}

a.linkovi:visited {

	font-family: Comic Sans MS, CourierPS;

	font-size: 12px;

	color: #124817;

	font-weight: normal;

	text-decoration: underline;

}

a.linkovi:hover {

	font-family: Comic Sans MS, CourierPS;

	font-size: 12px;

	color: #124817;

	font-weight: normal;

	text-decoration: none;

}

a.linkovi:active {

	font-family: Comic Sans MS, CourierPS;

	font-size: 12px;

	color: #124817;

	font-weight: normal;

	text-decoration: underline;

}

a.linkoviBold:link {

	font-weight: bold;

	color: #124817;

	font-size: 12px;

	text-decoration: none;

}

a.linkoviBold:visited {

	font-weight: bold;

	color: #124817;

	font-size: 12px;

	text-decoration: none;

}

a.linkoviBold:hover {

	font-weight: bold;

	color: #124817;

	font-size: 12px;

	text-decoration: none;

}

a.linkoviBold:active {

	font-weight: bold;

	color: #124817;

	font-size: 12px;

	text-decoration: none;

}

a.crniLink:link{

	font-size:11px;

	font-weight: normal;

	font-family: Comic Sans MS, CourierPS;

	color: #000000;

	text-decoration: underline;

}

a.crniLink:visited{

	font-size:11px;

	font-weight: normal;

	font-family: Comic Sans MS, CourierPS;

	color: #000000;

	text-decoration: underline;

}

a.crniLink:hover{

	font-size:11px;

	font-weight: normal;

	font-family: Comic Sans MS, CourierPS;

	color: #000000;

	text-decoration: none;

}

a.crniLink:active{

	font-size:11px;

	font-weight: normal;

	font-family: Comic Sans MS, CourierPS;

	color: #000000;

	text-decoration: underline;

}

.nasloviBoldLink:link {

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	color: #124817;

	font-size: 13px;

	text-decoration: underline;

}

.nasloviBoldLink:visited {

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	color: #124817;

	font-size: 13px;

	text-decoration: underline;

}

.nasloviBoldLink:hover {

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	color: #124817;

	font-size: 13px;

	text-decoration: none;

}

.nasloviBoldLink:active {

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	color: #124817;

	font-size: 13px;

	text-decoration: underline;

}

.nasloviBold {

	font-family: Comic Sans MS, CourierPS;

	font-weight: bold;

	color: #124817;

	font-size: 13px;

	text-decoration: none;

}

.prezimena {

	font-weight: bold;

	color: #B3691A;

	font-size: 11px;

	text-decoration: none;

}

.cifre {

	color: #C16905; 

	font-size: 12px;

	font-family: Geneva, Arial, Helvetica, sans-serif;  

}

.zelena {color: #66CC00}

.zelenkasta {color: #33CC00}

.narandzastaSvetla {color: #FF9900}

.narandzasta {color: #FF6600}

.crvena {color: #FF0000}

.crvenkasta {color: #FF3300}

.plavicasta {color: #3399FF}

.plava {color: #5366FD}

.zelenaF {color: #124817}

.zelenaFBold {color: #124817; font-weight:bold;}

.zelenaFSmall {font-size: 11px; color: #124817; font-weight:normal;}

.nasloviTabela{

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #89500B;

}

.temperatura {

    color: #00A650; 

	font-size: 19px;

	font-weight:bold;

	font-family: Geneva, Arial, Helvetica, sans-serif; 

}

.prognozaBold{

	color: #00A650; 

	font-size: 12px;

	font-weight:bold;

	font-family: Geneva, Arial, Helvetica, sans-serif; 

}

.prognoza{

	color: #00A650; 

	font-size: 12px;

	font-weight:normal;

	font-family: Geneva, Arial, Helvetica, sans-serif; 

}

.kurs{

	color: #B00000; 

	font-size: 12px;

	font-weight:normal;

	font-family: Arial, Helvetica, sans-serif; 

}

/*Fontovi za dugorocnu prognozu*/

.crni7 {FONT-SIZE:7.5pt;FONT-FAMILY:Verdana;COLOR:#000000;}

.zel8 {BACKGROUND:#F9F7F0;}

.zel0 {BACKGROUND:#F3DFAE; background-image:url(slika/prognozaTBG.gif); background-repeat:repeat-x}

.crni {FONT-SIZE:8pt;FONT-FAMILY:Verdana;COLOR:#000000;}

.crni9 {FONT-SIZE:9pt;FONT-FAMILY:Verdana;COLOR:#000000;FONT-WEIGHT:bold;}

.kan {FONT-SIZE:8pt;FONT-FAMILY:Verdana;COLOR:#990000;FONT-WEIGHT:bold;}

.ros {BACKGROUND:#F3DFAE;background-image:url(slika/prognozaTBG.gif); background-repeat:repeat-x;FONT-SIZE:7.5pt;FONT-FAMILY:Verdana;COLOR:#333333;FONT-WEIGHT:bold;PADDING-TOP:10px;PADDING-BOTTOM:10px;PADDING-LEFT:9px;PADDING-RIGHT:9px;}

.crniMali {

	color: #000000; 

	font-size: 9px;

	font-weight:normal;

	font-family: Comic Sans MS, CourierPS;; 

}





/*linkovi galerije*/

#galerija {

	padding:0;

	margin:0;

	vertical-align:top;

}



#galerija a, galerija a:visited {

	font-family: Verdana; 

	font-size: 8pt;

	text-decoration: underline;

    font-weight: normal ;

    color: #000000;

    position: relative;

}

#galerija a:hover {

	background-position: 0px -25px;

	color: #E58C1E;

}

#galerija td{ 



border-bottom:1px solid #FFFFFF;

}

#galerija a span {

	display:none;

	

}

#galerija a:hover span {

	display: block;

	position: absolute;

	left: 90px;

	top: 0px;

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 11px;

	text-decoration: none;

    font-weight:normal;

	text-align: left;

	padding: 2px;

	background-color: #CCCCCC;

	width: 250px;

	border: 1px solid #4E5D15;

	color: #000000;

	overflow:visible;

	

}

#galerija a:hover span:first-line {

	font-weight: bold;

	font-size: 16px;

	color: #E58C1E;

} 



#galerija img {

	float: left;

	border: 1px solid #E7F1BD;

	margin: 0 5px 0 0;

}

/*--- Navigation ---------------------------------------*/

.navigation {
	margin: 10px 0 0 0;
}

.navigation li {
	border: 1px solid #EC008C;
	float: left;
	margin: 0 1px 0 0px;
	padding: 1px 4px 1px 4px;
	line-height: 12px;
}

.navigation .marked {
	font-weight: bold;
}

.navigation li a {
	color: #333;
}

.navigation_statistic {
	float: left;
	margin: 10px 0 0 0;
	padding: 3px 10px 3px 10px;
	border: 1px solid #f4f4f4;
}

.navigation_statistic_select {
	border: 2px solid #EC008C;
	padding: 1px 0 1px 1px;
	margin: 10px 0 0 2px;
}

/*---- Search --------------------------------------------*/

.search {
	margin: 10px 0 0 0;
}

.search td {
	margin: 0;
	padding: 0;
}

.search .input {
	padding-left: 20px;
	margin-right: 1px;
	width: 100px;
	background: url(slike/search-icon.png) 1px center no-repeat;
}

.search .select {
	margin-right: 1px;
}