/* 
prvo sve da resetujemo
 */

* {
	margin: 0;
	padding: 0;
}
img, a img { border: 0; }
	
/* Headers */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
	
/* Lists */
	
ul, ol, dl, li, dt, dd {
	list-style: none;
}

/* Forms */

form, fieldset {
	border: 0;
}	
legend {
	color: #000;
}
input, textarea, select, button {
	font-size: 100%;
	font-family: serif;
}
/* select {
	margin: inherit;
} */
/* Tables */

table {
	border-collapse: collapse;
	border: 0;
}
td, th, caption {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}
/* kraj resetovanja */


/*  --------- vazno za pozicioniranje ne dirati bez preke potrebe - POCETAK -----  */
html, body
   {
   margin: 0px;
   padding: 0px;
/*   width: 1015px; */
   }
#header
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}
/* sve ovo zbog IE/PHP include problema	POCETAK ----- */
#naziv, #naslov, #baner
	{
	position: absolute;
	top: 0px;
	}	
#naziv
	{
	left: 0px;
	}
#naslov
	{
	left: 222px;
	}
#baner
	{
	left: 896px;
	}
/* sve ovo zbog IE/PHP include problema	KRAJ ----- */		
#meni
	{
	position: absolute;
	top: 72px;
	bottom: 0px;
	left: 0px;
	width: 220px;
	}	
#copyright	
	{
	bottom: 0px;
	left: 0px;
	}
#content
	{
	position: absolute;
	top: 72px;
	bottom: 0px;
	left: 220px;
	width: 800px;  
	margin-left: 2px; 
	}
/*  --------- vazno za pozicioniranje ne dirati bez preke potrebe - KRAJ -----  */
   
body
	{
	font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	}
h1
    {
	font-size: 13px;
	}
	
body, caption, thead a:hover, .plavapozadina a:hover
	{
	font-size: 12px;
	}
	
.map
	{
	font-size: 11px;
	}
/* nepromenjivo bez obzira na izabrani font POCETAK */
#naziv a:link, #naziv a:visited, #naziv a:hover, #jezik a:link, #jezik a:visited, #jezik a:hover, #wmo, #copyright
	{
	font-size: 11px;
	}
/* nepromenjivo bez obzira na izabrani font KRAJ */	

/* meni - sa ovim jako oprezno POCETAK */
#links .nav a, #links .nav a:hover
	{
	font-size: 12px;
	font-weight: bolder;
	}
#links .nav1 a, #links .nav1 a:hover, .naslov, .malinaslov, .naslov_prazan
    	{
	font-size: 11px;
	}
#links .nav2 a, #links .nav2 a:hover
    	{
    	font-size: 10px;
	}
/* meni - sa ovim jako oprezno KRAJ */

thead th, thead a:link, thead a:visited, .plavapozadina, .plavapozadina a:link, .plavapozadina a:visited, tfoot td, tfoot a:link, tfoot a:visited, tfoot a:hover, .bela75, .conf, .crvena, .c0, .c1, .c2, .c3, .c4, .c5, .c6, .dno, .lejeri, .map1, .nav1, .plavi_tekst08, .siva75
	{
	font-size: 10px;
	}

.map2, .nav2, .malitekst, .tekst, .tekst_prazan	
	{
	font-size: 9px;
	}	
hr 
    {
	font-size: 2px;
	}		
	

/* osnovne boje POCETAK */
#meni, hr, li a:link, li a:visited, #copyright a:link, #copyright a:visited, #wmo a:link, #wmo a:visited, body, h1, td, td a:link, td a:visited, caption, .lejeri, .map1 a:link, .map1 a:visited, .map2 a:link, .map2 a:visited, .plavi_tekst08, .plavi_tekst, .td1, #copyright, #wmo, #jezik a:link, #jezik a:visited, #naziv a:link, #naziv a:visited, .naslov a:link, .naslov a:visited, .malinaslov a:link, .naslov a:visited, .naslov_prazan a:link, .naslov_prazan a:visited
	{
	color: #1A5AA6;
	}
h1 a:link, h1 a:visited, li a:hover, #copyright a:hover, #jezik a:hover, #naziv a:hover, #wmo a:hover, tfoot a:hover, thead a:hover, .plavapozadina a:hover, td a:hover, .map a:hover, .map1 a:hover, .map2 a:hover, tfoot a:link, tfoot a:visited
    {
	color: #FFCC00;
	}
 thead th, thead a:link, thead a:visited, .plavapozadina, .plavapozadina a:link, .plavapozadina a:visited, tfoot td, .map a:link, .map a:visited, #naziv, .c6
	{
	color: #FFFFFF;
	}
.bela75
	{
	background-color: #FFFFFF;
	}	
			
tfoot, tfoot a:hover, th, thead a:hover, .plavapozadina, .plavapozadina a:hover, .map a:hover, .map1 a:hover, .map2 a:hover, .c6, .map
	{
	background-color: #1A5AA6;
	}   
body, #copyright, #jezik, #links, #naziv, #wmo
	{
	background-color: #FFFFFF;
	}	

/* osnovne boje KRAJ */

/* HTML elementi */

li a:link, li a:visited, #copyright a:link, #copyright a:visited, tfoot a:link, tfoot a:visited,  #naziv a:link, #naziv a:visited, #wmo a:link, #wmo a:visited, #content a:link, #content a:visited, td, td a:link, td a:visited, #jezik a:link, #jezik a:visited
	{
	text-decoration: none;
	}
caption
	{
	display: block;
	}
h1
    {
	margin-bottom: 13px;
	}	
#foot, #jezik_mob, #naslov_mob
   {
   display: none;
   }	
table
	{
    border: 1px solid #1A5AA6;
	width: 100%;
    margin-bottom: 10px;	
	}

#bio table
	{
    border: 0px;
	width: 100%;
	}	
	
td, td a:link, td a:visited, thead th, thead a:link, thead a:visited, .plavapozadina, .plavapozadina a:link, .plavapozadina a:visited, tfoot td, thead a:hover, .plavapozadina a:hover
	{
	font-weight: normal;
	text-align: center;
	}
td a:link, td a:visited, td a:hover, h1, caption, .bold, .lejeri, .map, .td1  
	{
	font-weight: bold;
	}
tfoot td, tfoot a:link, tfoot a:visited, tfoot a:hover
	{
	font-style: italic;
	}

/* HTML elementi  kraj */

/* HTML elementi  kontejneri */

#aktivnosti
{
	margin-top:10px;
}
#clear_floats
{
	clear:both;
}
#copyright, #jezik
	{
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #1A5AA6;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: middle;
	}
#jezik
	{
    margin-top: 2px;
	}
#komentar	
    {
	margin-top: 5px;
	margin-left: 5px;
	clear: both;
	}
#links
	{
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #1A5AA6;
	}
	
#mapa, #mapa1, #mapa2
	{
	float: left;
	width: 250px;
	}

.month
	{
	width: 350px;
	}	
	
#napomena130 /* povrsinske_index*/
    {
	position: absolute;
	top: 34px;
	left: 300px;
	height: 672px;
	width: 130px;
	}		
#napomena200, #napomena300
    {
/*	margin-left: 10px; */
	padding-left: 10px;
	}
#napomena200	
    {
	width: 200px;
	}
#napomena300
    {
	width: 300px;
	}	
#napomena275_450, #napomena350_450, #napomena200, #napomena300	/* opera */
    {
    position: absolute; 
	top: 30px;
	left: 450px;
	height: 672px;
	/* margin-left: 455px;
	margin-top: 15px; */
	}	
#napomena275_450 
    {
	width: 270px;
	}
#napomena350_450 
    {
	width: 300px;
	}
#napomena_alarm 
    {
	position: absolute;
	top: 50px;
	left: 410px;
	width: 370px;
	float:left;	 
	}	
#napomena300_300
    {
    position: absolute; 
	top: 30px;
	left: 310px;
	width: 450px;
	}
#napomena300_300 table
    {
	width: 410px;
	}		 
#napomena500
    {
	width: 370px;
	float: right;
	}
#napomena600	
    {
    position: absolute; 
	top: 20px;
	left: 610px;
	}
#napomena_grafikon	
    {
	position: absolute; 
	top: 180px;
	left: 530px;
	width: 200px;
	}			
#podaci_stanica	
	{
	width: 500px;
	margin-left: 245px;
	margin-top: 15px;
	}

#dunav
	{
	clear: both;
	width: 250px;
	}
#dun_leg
	{
	clear: both;
	width: 650px;
	}	
#sadrzaj	
	{
	color: #000066;
	width: 797px;  
	/* padding: 2px; */
	}
#sadrzaj li	
	{
	list-style-position: inside;
	list-style-type: square;
	}
		
#slika, #slika_kv
	{
	width: 350px;
	margin-left: 3px;
	float: left;
	display: block;
	}
#slika
	{
	height: 650px;
	}
#slika_kv
	{
	height: 370px;
	}		
#google
	{
	margin-left: 3px;
	float: left;
	display: block;
	}
	
#slika_pracenje
	{
	width: 400px;
	margin-left: 3px;
	float: left;
	display: block;
	}
	
#slika_izv
	{
	position: absolute;
	top: 34px;
	left: 5px;
	width: 450px;
	height: 672px;
	float: left;
	}	
	
#slika_alarm
	{
	position: absolute;
	top: 50px;
	left: 5px;
	width: 400px;
	height: 598px;
	float: left;
	display:block; 
	border:solid 1px #64BEF7;
	}		

#slika_450
	{
	margin-left: 450px; /* povrsinske_index*/
	}
#slika_stanica	
	{
	float: left;
	width: 200px;
	height: 200px;
	margin-left: 5px;
	margin-top: 15px;
	}
	
#slika_naslovna, #srednji_blok	
	{
	margin-left: 10px;
	margin-top: 10px;
	display: block;
	}
#slika_naslovna	
	{
	float: left;
	}	
#srednji_blok	
	{
	float: left;
	height: auto;
	}
#wmo
	{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	margin-bottom: 2px;
	background-image: url(../ikonice/logo/linkovi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 80px;
	width: 183px;
	border: 1px solid #1A5AA6;
	}
	
#links ul, #srednji_blok ul, #srednji_blok li
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#srednji_blok ul
{
border-top: 1px solid #90bade;
margin: 0;
}
#links li
{
border-bottom: 1px solid #90bade;
margin: 0;
}
#srednji_blok li
{
	border-bottom: 1px solid #90bade;
	margin: 0;
}
#links li a
{
display: block;
padding: 5px 5px 5px 2px;
border-left: 5px solid #1A5AA6;
color: #1A5AA6;
text-decoration: none;
}
#links.nav2 img
	{
	vertical-align: middle;
	}
#srednji_blok li a
{
display: block;
padding: 5px 5px 5px 5px;
/* border-right: 5px solid #1A5AA6; */
color: #1A5AA6;
text-decoration: none;
}

#srednji_blok li a img
{
	vertical-align: bottom;
}

html>body #links li a { width: auto; }

#links li a:hover
{
border-left: 5px solid #1c64d1;
background-color: #2586d7;
color: #fff;
}
#srednji_blok li a:hover
{
/* border-right: 5px solid #1c64d1; */
background-color: #2586d7;
color: #fff;
}	
/* HTML elementi  kontejneri KRAJ */	
		
.blok
	{
	width: auto;
	clear: both;
	}				
.conf 
	{
	list-style-type: none;
	text-align: left;
	font-size: 10px;
	margin-left: -15px;
	margin-top: 0;
	}
.crveni_tekst
	{
	color: #FF0000;
	}
.crvena
	{
	font-size: 10px;
	background-color: #FF0000;
	}

.c0, .c1, .c2, .c3, .c4, .c5, .c6, .c- {
	font-weight: bold;
	background-color: #EBF8FB;
	border-top-color: #EBF8FB;
	border-top-style: solid;
	border-top-width: thin;
	border-left-color: #EBF8FB;
	border-left-style: solid;
	border-left-width: thin;
	}
.c0
	{
	color: #0066cc;
	}	
.c1, .c-
	{
	color: #333399;
	}
.c2 
	{
	color: #009900;
	}
.c3 
	{
	color: #FFFF00;
	}
.c4 
	{
	color: #FF9900;
	}
.c5  
	{
	color: #FB5656;
	}			
.desno
	{
	text-align: right;
	}
.dno
	{
	border-bottom-color: #64BEF7;
	border-bottom-style: dashed;
	border-bottom-width: thin;
	}	
.lejeri
	{
	position:absolute;
	width:36px;
	height:23px;
	z-index:11;
	}		
.levo
	{
	text-align: left;
	}
.map, .map1, .map2  
	{
	list-style-type: none;
	text-align: left;
	line-height: 15px;
	}
.map 
	{
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding-left: 5px;
	}
.map1 
	{
	margin-left: 10px;
	list-style-type: disc;
	list-style-position: inside;
	}	
.map2 
	{
	margin-left: 15px;
	}

.nav1, .naslov, .naslov_prazan
	{
background-color: #DBE9F0;
	}
.nav2, .malinaslov
	{
background-color: #A6C9DB;
	}


.okvir {
	border: 1px solid #000000;
	display: block;
	width: 730px;
	}	
.radari
	{
	float: left;
	width: 185px;
	margin-bottom: 5px;
	}	
.radio_logo	
	{
    float: left;
	text-align: center;
	}			
.slika_izv
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}			
.tekst
	{
	left: 10px;
	top: 5px;
	position: relative;
	}	
.td1 
	{
	background-color: #64BEF7;
	border-bottom-color: #EBF8FB;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-right-color: #EBF8FB;
	border-right-style: solid;
	border-right-width: thin;
	}
.tradio
	{
    clear: left;
	}
.tradio, .tradio_sr 
	{
	border-collapse: collapse;
	border: 1px solid #1A5AA6;
	width: 240px;
	margin-bottom: 10px;
	float: left;
	}	
.uokviren
	{
	border: 1px solid #999999;
	}
.dejstvo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FF3300;
}
.pracenje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #66FF33;
}

.steta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #AA0055;
}

select, input, textarea
{
	font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.bg_stanica
{
font-size:11px;
font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FFFFFF;
margin-top:5px;
margin-bottom:5px;
}
.bg_stanica_parametar
{
font-size:9px;
font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
color: #004080;
}
#sadrzaj a:link, a:visited
	{
	text-decoration: none;
	}
.velikibox, .velikiboxdesno, .velikiboxuski, .velikibox_prazan 
	{
	border-style: solid;
	border-width: 1px;
	border-color: #1A5AA6;
	height: 100px; 
	display: block;
	margin-bottom: 10px;
	width: 797px;
	clear: left;
	}	
.velikiboxuski 
	{
	height: 70px;
	}

.maliboxlevo, .maliboxl, .malibox 
	{
	border-style: solid;
	border-width: 1px;
	border-color: #1A5AA6;
	width: 390px;
	height: 70px;
	display: block;
	margin-bottom: 10px;
	}
.maliboxlevo
	{
	float: left;
	}
.malibox
	{
	margin-left: 407px;
	}
.naslov, .tekst, .naslov_prazan, .tekst_prazan  
	{
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 10px;
	}
.naslov, .tekst 
	{
	margin-left: 150px;
	}
.slika
	{
	width: 150px;
	height: 100px;
	float: left;
	}
.malaslika
	{
	width: 100px;
	height: 70px;
	float: left;
	}
.malinaslov, .malitekst 
	{
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 5px;
	margin-left: 100px;
	}
.malaslika img, .slika img 
	{
	border-style: none;
	display: block;
	}