/* - - - - - - - - - - - - - - - - - - - - - - - -
 
 FORMATING
 
- - - - - - - - - - - - - - - - - - - - - - - - - - */	   
@charset "UTF-8"; /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup,
main, nav, section, summary {
    display: block
}

img, audio, video, canvas, svg, object, table, iframe {
    display: block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: sans-serif
}

menu, dl, dt, dd, ol, ul, li, form, fieldset, legend, p, h1, h2, h3, h4, h5,
h6 {
    margin: 0;
    padding: 0
}

ul, ol {
    list-style: none;
    list-style-image: none
}

body{ margin:0}

 
body {
	font-size: 12px;
    line-height: 2em;
    font-family: Trebuchet MS, Verdana," sans-serif";   background: url(../img/header.png) no-repeat center 120px;
    min-width: 990px;
    }	 
a:active, a:hover, a:focus, input:active, input:hover, input:focus,
textarea:active, textarea:hover, textarea:focus, select:active, select:hover,
select:focus, button:active, button:hover, button:focus {
    outline: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    font-weight: normal
}	   

#header{   height:140px;    }
.header-content{ width: 100%; height:140px; margin-left:auto; margin-right:auto;}	
.header-link{ float:right;    width:400px; height:20px; margin-bottom:60px; }		
.header-link a {text-decoration: none; color:#FFF; margin-right:10px}
.header-semnatura{background: url(../img/logo_ue.png) no-repeat center; height:140px;   margin-bottom:10px; width:1000px; float:left;}
.header-titlu-proiect{float: left; width: 1000px;  text-align: center;}
.disclaimer{float: left; width: 400px;  text-align: center; margin-left: 50px;font-size: 11px;} 
h1{font-family: 'Source Sans Pro', sans-serif; font-size: 30px; color:#174794; margin-bottom:10px;font-weight: bold}
h2{font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: bold;color:#0874b6; }		   
h3{font-family: 'Source Sans Pro', sans-serif;font-size: 14px;font-weight: bold;color: #0874b6;}
 #image_center{ width: 100%; clear:both; height: 550px;margin-right: auto;margin-left: 0px; margin-top:10px;}
.q-clearfix:after, .clearfix:after {
    content: "";
    display: table;
    clear: both
}
 	
.date {
  position: relative;
  width: 70px;
font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  margin: 0 auto;
 }
 
.day, .month, .year {
  position: absolute;
  }
 
.day { 
  font-size: 30px;
  top: 15px;font-weight: bold;
  }
 
.month { 
  top: 0;
  left: 0;  
  font-size: 18px; line-height:10px;
  }
 
.year { 
  top: 7px;
  right: 9px;
  font-size: 20px;
  rotation: -90deg !important;
  /* ** Hacks ** */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);  
  }
 
#content{ width: 30%;margin-right: 20px;  float: left;padding-left: 10px;text-align: justify; line-height: 22px;} 
#content_left{float: left;width: 70%;padding-left: 10px; text-align: justify; line-height: 22px}
#content_right{float: left;width: 25%}
#stadiu{ float: left; width: 38%; text-align: left; margin-right: 2%}
#stadiu2{ float: left; width: 70%; text-align: left}
#harta{float:left;width: 20%}
#stadiu_left{float: left; width: 290px;}
#stadiu_right{float: right}

#stadiu_left2{float: left; width: 50%;}
#stadiu_right2{float: right;width: 50%;}

.stadiu{   margin-bottom:10px; width:290px; float:left; text-align: left}
.stadiu_icon_1 {background:url(../img/icon_statie_de_epurare.png) no-repeat;background-position:0px 0px;float:left; width:45px; height:45px; }
.stadiu_icon_2 {background:url(../img/icon_statie_pompare.png) no-repeat;background-position:0px 0px;float:left; width:45px; height:45px; }
.stadiu_icon_3 {background:url(../img/icon_extindere.png) no-repeat;background-position:0px 0px;float:left; width:45px; height:45px; }
.stadiu_icon_nume{float: left; width: 240px; margin-top: 10px}
.chart{display:block;line-height:2;cursor:pointer;font-weight:bold;float:left;width:265px;clear:both; margin-left: 45px; margin-bottom: 10px }
.chart_left{   float: left; width: 83px}
.chart_right{float:left; padding-top: 3px  }
.chart_bar{ height:18px; background:#0b3a60; line-height:1; }
.chart_bar_text{color: aliceblue;padding: 3px}
.chart_bar_blank{line-height:1;height:18px;width:170px;background-color:#0874b6;float:left;margin-left:10px;margin-bottom:10px;}
.chart_down{float:left;width:455px;margin-top:10px;font-size:12px;padding-left:10px}
#info-proiect{ z-index:998;margin-right: auto;margin-left: auto;  padding-top:10px; padding-bottom:10px; clear:both;} 
#disclaimer{color: black; width: 1600px;margin-right: auto;margin-left: auto;line-height: 12px;vertical-align: middle;text-align: center;font-size: 12px;margin-top: 5px; clear: both}
.fotobox{float: left;height: 80px;width: 103px;margin-right: 2px;margin-bottom: 5px;}

.nav {float:left;height:20px; width:200px; margin-top:40px; } 
#nav {font-family: 'Source Sans Pro', sans-serif; font-size: 13px;font-weight: bold;width: 600px;float:left; line-height: 100%;  }
#nav li {width: 140px;float: left;position: relative;list-style: none; }
#nav a {font-weight: bold;color: #1193d2;text-decoration: none;display: block;padding: 10px 10px 10px 10px;margin: 0;}
#nav a:hover { color: #1193d2;}
#nav .current a, #nav li:hover > a { color: #164493; }
#nav ul li:hover a, #nav li:hover li a {border: none;color: #1193d2;}
#nav ul a:hover {color: #164493 !important;}
#nav li:hover > ul {display: block;}
#nav ul {display: none;	margin: 0;padding: 0;width: 165px;position: absolute;top: 35px;left: 0;}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {}
#nav ul ul {left: 181px;top: -3px;}
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;} 
html[xmlns] #nav {display: block;}
 * html #nav {height: 1%}
#main {width:1200px;	padding: 0px 10px 10px 10px;margin-right: auto;margin-left: auto; }
.clear{clear: both}
.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.comunicat{float: left; margin-right: 10px}
/* Native image links remain usable with keyboard navigation. */
a:focus-visible { outline: 3px solid #174794; outline-offset: 3px; }
.fotobox:hover img, .comunicat:hover img { opacity: .85; }