/* CSS Document */

body {padding:0; margin:0; background-color:#f2f2f2;}
.clear {clear:both; height:1px;}
#right-side h1 { font-size: 20px; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 20px; border-bottom: 1px solid #ccc; font-family: tahoma; }

#main {width:960px; background-color:#e5e5e5; margin-left:auto; margin-right:auto;}

#header {height:180px; z-index:0;}

#menu_container {position:absolute; top:0px; left:0px; width:100%; height:180px; z-index:10;}
#menu {width:950px; height:30px; margin-left:auto; margin-right:auto; margin-top:143px;}
#menu-left {
float:left; width:4px; height:32px; 
/*background: black;*/
}

#menu-bg {
	float:left; 
	width:942px; 
	height:25px; 
	padding:7px 0 0 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; color:#8c8c8c; 
	/*background: black;*/
}

ul {
	margin:0 0 0 -40px;_margin:0 0 -20px 0;
}
	
li {float: left; list-style:none;}
li a {display: block; line-height:16px; text-decoration: none; color:#ffffff; padding: 1px 6px 0 6px; _padding-top:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-right:1px solid #8c8c8c;}
li a:hover, .active{color:#ffed26;}

#steaguri {float:right; width:70px; text-align:right; margin-right:6px; _margin-right:3px;}
#steaguri img {border:0px solid #bfbfbf;}
#steaguri a {margin-left:5px;}

#menu-right {float:left; width:4px; height:32px; 
	/*background: black;*/
}

#content {padding:0px 5px 2px 5px; _padding-bottom:0; background:#e5e5e5 url(../images/content-bg.gif) repeat-y;}
#correct-top {height:5px; background-color:#e5e5e5; padding:0; margin:0;}

#left-side {float:left; width:295px;}
#left-side .top {height:18px; background:white url(../images/left-sides-top-bg.gif) top no-repeat; padding:7px;}
#left-side .top2 {height:18px; background:#2157C3 url(../images/left-sides-top-bg2.gif) top no-repeat; padding:7px; color: white;}
#top-title {float:left; width:126px;_width:116px;}
#left-side h1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:0; margin:0;}
#data {float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; padding-top:2px}
#left-side .content {background:white url(../images/left-side-bottom-bg.gif) bottom no-repeat; padding:0px 10px 14px 10px;}
#left-side .last {padding:8px 10px 11px 10px;}
#left-side p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; padding:0; margin:8px 0 0 0;}
#left-side p a {color:#0055ff; margin:0; padding:0;}
#left-side p a:hover { color:#595959;}
#left-side p em {font-style:normal; font-size:11px; font-weight:bold; color:#a6a6a6;}

#acces-casute {float:left;}
#acces-casute label { display: block; float: left; width: 75px; padding: 5px 10px 0px 0px; text-align: right; }
#acces-casute input {font-size:0.90em; width:140px; border:1px solid #bfbfbf; margin:5px 0 0 0;}
#acces-casute img { margin-left: 50px; }

#right-side {float:left; width:650px; margin-left:5px;}
#harta {background:white url(../images/right-side-top-bg.gif) top no-repeat; padding-top:3px; border-bottom:1px dotted #e5e5e5; padding-left:4px; padding-right:4px;}
#indici-harta { margin-top:5px; z-index:1000; width:75px; display: none;}
#indici-harta a {display: block; line-height:28px; width:75px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#indici-harta-orar { margin-top:5px; z-index:1000; width:75px; display: none;}
#indici-harta-orar a {display: block; line-height:28px; width:75px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#indici-harta-general-specific {position: absolute; left: 575px; z-index:1000; width:75px; top:125px; display: none;}
#indici-harta-general-specific a {display: block; line-height:28px; width:75px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#indici-harta-general-orar {position: absolute; left: 575px; z-index:1000; width:75px; top:125px; display: none;}
#indici-harta-general-orar a {display: block; line-height:28px; width:75px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#indice-general {position: absolute; top: 0px; left: 550px; z-index:1000; width:75px; display: none;}
#indice-general a {display: block; line-height:28px; width:99px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#indice-specific {position: absolute; top: 30px; left: 550px; z-index:1000; width:99px; display: none;}
#indice-specific a {display: block; line-height:28px; width:99px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#tip-indice-general {position: absolute; left: 575px; z-index:1000; width:75px;   top: 30px; display: none;}
#tip-indice-general a {display: block; line-height:28px; width:75px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}
#tip-indice-specific {position: absolute; left: 575px; z-index:1000; width:75px;   top:60px;display: none;}
#tip-indice-specific a {display: block; line-height:28px; width:75px; text-indent: -5000px; overflow: hidden; margin:2px 0 0 0; padding:0;}

#so2, #so2orar, #so2general, #so2orargeneral{background:url(../images/harta-indici-so2.gif) left no-repeat;}
#pm10, #pm10orar, #pm10general, #pm10orargeneral {background:url(../images/harta-indici-pm10.gif) left no-repeat;}
#pm25, #pm25orar, #pm25general, #pm25orargeneral {background:url(../images/harta-indici-pm25.gif) left no-repeat;}
#no2, #no2orar, #no2general, #no2orargeneral {background:url(../images/harta-indici-no2.gif) left no-repeat;}
#co, #coorar, #cogeneral, #coorargeneral {background:url(../images/harta-indici-co.gif) left no-repeat;}
#o3, #o3orar, #o3general, #o3orargeneral {background:url(../images/harta-indici-o3.gif) left no-repeat;}

#general {background:url(../images/indice-general.gif) left no-repeat;}
#specific {background:url(../images/indice-specific.gif) left no-repeat;}
#zilnic-general, #zilnic-specific {background:url(../images/indice-zilnic.gif) left no-repeat;}
#orar-general, #orar-specific {background:url(../images/indice-orar.gif) left no-repeat;}
#general:hover, #specific:hover, #zilnic-general:hover, #zilnic-specific:hover, #orar-general:hover, #orar-specific:hover,
#general.active, #specific.active , #zilnic-general.active, #zilnic-specific.active, #orar-general.active, #orar-specific.active{background-position:right;}
#so2:hover, #pm10:hover, #pm25:hover, #no2:hover, #co:hover, #o3:hover,
#so2.active, #pm10.active, #pm25.active, #no2.active, #co.active, #o3.active 
{background-position:right;}
#so2orar:hover, #pm10orar:hover, #pm25orar:hover, #no2orar:hover, #coorar:hover, #o3orar:hover,
#so2orar.active, #pm10orar.active, #pm25orar.active, #no2orar.active, #coorar.active, #o3orar.active 
{background-position:right;}
#so2general:hover, #pm10general:hover, #pm25general:hover, #no2general:hover, #cogeneral:hover, #o3general:hover,
#so2general.active, #pm10general.active, #pm25general.active, #no2general.active, #cogeneral.active, #o3general.active 
{background-position:right;}
#so2orargeneral:hover, #pm10orargeneral:hover, #pm25orargeneral:hover, #no2orargeneral:hover, #coorargeneral:hover, #o3orargeneral:hover,
#so2orargeneral.active, #pm10orargeneral.active, #pm25orargeneral.active, #no2orargeneral.active, #coorargeneral.active, #o3orargeneral.active 
{background-position:right;}

#txt {padding:10px 10px 0 10px; background-color:white;}
#txt p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; padding:0; margin:0 0 15px 0;} 
#txt img {float:left; margin-right:10px; border:2px solid #d9d9d9;}
#txt .clear {clear:both; height:10px;}

#footer {padding:10px 10px 10px 10px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; background-color:#d3d3d3;}
#footer a {color:#595959; font-size:12px; text-decoration:none; margin:0 1px 0 1px;}
#footer a:hover {text-decoration:underline;}
.date {font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#a6a6a6; padding-left:0px;}




/*======================================= contact form ======================================*/

fieldset{
	width:595px;
	#width:550px;
	margin: 10px;
	padding:1em;
	border:1px solid #ccc;
}

legend{
	font-weight:bold;
	color:#333333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

label{
	display:block;
	color:#333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

input{
	font-size:14px;
}
/*======================================= end contactform  ======================================*/

/*================================================== start text ================================*/
.txtContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#595959;
	line-height:1.5;
}

.txtMotto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#595959;
	font-weight:bold;
	padding-left:10px;
	line-height:1.5;
}

.txtContent-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
padding-left:30%;
}

.txtContent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	line-height:1.5;
}

.txtGlosar-Content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
/*	line-height:1.5;*/
}

.txtOUG{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0000ff;
	font-style:italic;
	/*line-height:1.5;*/
}
/*================================================== end text ================================*/

#ContactInfo{
	margin-left:10px;
	padding:10px;
}


#content-statii{
	margin-left:10px;
	margin-right:30px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; color:#4d4d4d; 	
}




.img-statii{
	border:#e8e8e8 1px solid;
	padding:4px;
}

#logo-statie{
	float:left;
	width:120px;
	margin-left:0px;
}


.img{border:#5195ea 3px solid;
padding:2px;}

p.just { text-align: justify; }
p.indent { text-indent: 25px; }