@media all { 

/* =universals */
* { margin: 0; padding: 0; }

/* =html */
html { background-color: #FFF; }

/* =body */
body { font: 11px Verdana, Arial; color: #999150; }

/* =h1 */
h1 { float: left; display: inline; margin-bottom: 30px; padding-bottom: 10px; width: 100%; height: 15px; text-indent: 40px; font: 14px Geneva, Arial, Helvetica, sans-serif; color: #32373B; background: url(../img/linie.jpg) no-repeat 15px bottom; }

/* =h2 */
h2 { float: left; display: inline; padding: 10px 0 10px 0; width: 100%; height: 15px; text-indent: 15px; color: #000; font-size: 15px; }

/* =ul */
ul { list-style-type: none; }
ul#ul_meniu { float: left; display: inline; margin-left: 33px; width: 461px; height: 167px; background: #000 url(../img/meniu.jpg) no-repeat; overflow: hidden; }
ul#ul_submeniu { float: left; display: inline; margin-left: 30px; width: 357px; height: 100%; background: url(../img/meniu.gif) no-repeat; overflow: hidden; }
	
div.box3 ul { display: inline-block; margin: 0 0 10px 15px; width: 720px; overflow: hidden; }
div.box ul { margin: 0 0 10px 9px; width: 173px; overflow: hidden; text-align: left; }

ul.content_left { margin: 0 0 10px 10px; width: 170px; overflow: hidden; text-align: left; }
ul.ul_galerie_foto { float: left; display: inline; margin: 0 0 0 55px; width: 410px; }


/* =li */
ul#ul_meniu li { float: left; color: #FFF; } 
ul#ul_meniu li.li1 { display: inline; padding: 36px 0 0 60px; width: 387px; height: 24px; }
ul#ul_meniu li.li2 { display: inline; padding: 14px 0 0 60px; width: 387px; height: 16px; }
ul#ul_meniu li.li3 { display: inline; padding: 15px 0 0 11px; width: 100%; font: 9px Geneva, Arial, Helvetica, sans-serif; }

ul#ul_submeniu li { float: left; height: 26px; } 
ul#ul_submeniu li.li1 { display: inline; margin-left: 25px; width: 89px; }
ul#ul_submeniu li.li2 { width: 78px; }
ul#ul_submeniu li.li3 { width: 59px; }
ul#ul_submeniu li.li4 { width: 69px; }

div.box ul li { width: 100%; height: 12px; line-height: 11px; border-bottom: 1px solid #DDD; text-indent: 12px; }
div.box3 ul li { float: left; margin-right: 40px; width: 200px;  line-height: 13px; border-bottom: 1px solid #DDD; text-indent: 12px; }
ul.content_left li { width: 100%; line-height: 11px; border-bottom: 1px solid #DDD; text-indent: 12px; }
ul.content_left li.noborder { border-bottom: none; }

ul.ul_galerie_foto li { float: left; margin: 0 15px 15px 0; padding: 1px; width: 78px; height: 58px; border: 1px solid #C4C4C4; text-indent: 0; }

/* =p */
.p_right { float: left; margin: 0 20px 10px 0; width: 520px; color: #7D7D7D; font-size: 11px; text-align: justify; }
p#p_eroare { float: left; display: inline; margin: 0 0 10px 20px; width: 400px; color: #666; }
div.box div.box-right p { float: left; display: inline-block; margin-left: 11px; width: 311px; text-align: left; color: #757575; }
div#blue_box p { float: left; }
div#white_box p { float: left; width: 295px; color: #757575; }
.p_text { float: left; display: inline; margin: 0 0 10px 23px; width: 410px; color: #747474; }
div#content-right p { float: left; display: inline; margin: 5px 0 0 30px; color: #757575; }

/* =span */
#media-sun { font-size: 13px; }
#media-sun2 { font-size: 11px; }
span.span_display { display: none; }	
ul#ul_matrite li span { float: left; margin-bottom: 4px; color: #BDBDBD; }
div.box2 p span { float: left; margin: 5px 0; color: #FFF; }
#span_big { display: inline; margin-left: 10px; font-size: 22px; }
.p_text span.span_text { display: block; margin-bottom: 20px; padding-left: 15px; color: #747474; text-indent: 20px; }
.p_text span.span_blue { color: #004AC3; }

/* =a */
a { color: #696969; font-style: normal; text-decoration: none; cursor: pointer; }
a:link { color: #696969; }
a:visited { color: #696969; }
a:hover, a:active { color: #FFF; text-decoration: underline; }
  
div#blue_box a { display: inline-block; margin-left: 280px; color: #FFF; font: 11px Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }  
div#blue_box a:link { }
div#blue_box a:visited { }
div#blue_box a:hover, div#blue_box a:active { color: #C3C3C3; }  

  
h1 a { color: #F6854D; }
h1 a:link, h1 a:visited { color: #F6854D; }  
h1 a:hover, h1 a:active { color: #F6854D; text-decoration: none; }  

ul#ul_meniu li a { display: block; color: #FFF; font: 12px Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }  
ul#ul_meniu li a:link { }
ul#ul_meniu li a:visited { }
ul#ul_meniu li a:hover, ul#ul_meniu  li a:active { color: #C3C3C3; }  

ul#ul_submeniu li a { display: block; width: 100%; height: 100%; text-decoration: none; }  
ul#ul_submeniu li a:link { }
ul#ul_submeniu li a:visited { }
ul#ul_submeniu li a:hover, ul#ul_submeniu  li a:active { }

ul#ul_submeniu li.li1 a:hover, ul#ul_submeniu li.li1 a:active { background: url(../img/meniu.gif) no-repeat -25px -26px; }
ul#ul_submeniu li.li2 a:hover, ul#ul_submeniu li.li2 a:active { background: url(../img/meniu.gif) no-repeat -114px -26px; }
ul#ul_submeniu li.li3 a:hover, ul#ul_submeniu li.li3 a:active { background: url(../img/meniu.gif) no-repeat -192px -26px; }
ul#ul_submeniu li.li4 a:hover, ul#ul_submeniu li.li4 a:active { background: url(../img/meniu.gif) no-repeat -251px -26px; }  
#8BBAE6

a.link_detalii { float: left; display: inline-block; padding: 10px 0 10px 40px; width: 322px; color: #8BBAE6; font: 11px Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
a.link_detalii:link { color: #8BBAE6; display: inline-block; margin-left: 30px; padding: 10px 0 10px 50px; width: 272px; border-bottom: 1px solid #DADADA; font: 11px Geneva, Arial, Helvetica, sans-serif; }
a.link_detalii:visited { color: #8BBAE6; display: inline-block; margin-left: 30px; padding: 10px 0 10px 50px; width: 272px; border-bottom: 1px solid #DADADA; font: 11px Geneva, Arial, Helvetica, sans-serif; }
a.link_detalii:hover, a.link_detalii:active { color: #9F9F9F; text-decoration: none; }    

a.link_meniu { float: left; display: inline-block; padding: 10px 0 10px 5px; width: 322px; color: #8BBAE6; font: 11px Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
a.link_meniu:link { color: #8BBAE6; display: inline-block; margin-left: 30px; padding: 10px 0 10px 5px; width: 272px; border-bottom: 1px solid #DADADA; font: 11px Geneva, Arial, Helvetica, sans-serif; }
a.link_meniu:visited { color: #8BBAE6; display: inline-block; margin-left: 30px; padding: 10px 0 10px 5px; width: 272px; border-bottom: 1px solid #DADADA; font: 11px Geneva, Arial, Helvetica, sans-serif; }
a.link_meniu:hover, a.link_meniu:active { color: #9F9F9F; text-decoration: none; }    

  
ul.ul_galerie_foto li a { display: block; }  
ul.ul_galerie_foto li a:link { }
ul.ul_galerie_foto li a:visited { }
ul.ul_galerie_foto li a:hover, ul.ul_galerie_foto li a:active { }  
    
/* =img */ 
img, img a { border: none; margin: 0; padding: 0; }
#img_banner { position: absolute; top: 37px; left: 475px; }
div#white_box img { float: left; margin-right: 10px; }
#img_right { float: left; display: inline; margin: 0 0 0 50px; }

/* =form input */
form#f_common { float: left; display: inline; margin-left: 20px; width: 400px; overflow: hidden; }   
form#f_common label { float: left; width: 100%; padding-bottom: 5px; }
form#f_common label span.span_titlu { float: left; width: 60px; line-height: 24px; color: #7D7D7D; }
form#f_common label span.span_titlu2 { float: left; width: 295px; line-height: 24px; color: #7D7D7D; }
form#f_common label span.span_input { float: left; width: 300px; padding: 0 2px; height: 22px; border: 1px solid #C4C4C4; overflow: hidden; }
form#f_common input { float: left; padding-top: 2px; width: 298px; height: 18px; border: 1px solid #FFF; cursor: text; color: #999; font-size: 11px; }
form#f_common input:hover, form#f_common input:focus { background-color: #FAFAFA; }
form#f_common textarea { float: left; padding: 5px; width: 295px; height: 140px; cursor: text; color: #999; font-size: 12px; border: 1px solid #C4C4C4; }
form#f_common textarea:hover, form#f_common textarea:focus { background-color: #FAFAFA; }
form#f_common label span#span_trimite { float: left; margin: 10px 0; width: 100%; }
form#f_common input#trimite { float: left; display: inline; margin-left: 60px; padding: 0 5px; width: 100px; height: 24px; border: 1px solid #999; font-weight: bold; cursor: pointer; background-color: #FFF; }
form#f_common input#sterge { float: left; display: inline; margin-left: 15px; padding: 0 5px; width: 100px; height: 24px; border: 1px solid #3D3D3D; font-weight: bold; cursor: pointer; }

/* =div */
div#container { margin: 0 auto; width: 900px; } 

div#branding { position: relative; margin-top: 10px; width: 100%; overflow: hidden; }
div#branding-left { float: left; width: 494px; overflow: hidden; }
div#branding-right { float: left; width: 406px; overflow: hidden; }
div#logo { float: left; width: 475px; height: 190px; }
div#meniu { float: left; width: 494px; height: 167px; overflow: hidden; }
div#submeniu { float: left; margin-top: 10px; width: 357px; height: 26px; overflow: hidden; }

div#content { width: 100%; overflow: hidden; }
div#content-left { float: left; display: inline; margin: 20px 0 0 0; width: 450px; overflow: hidden; }

div#blue_box { float: left; display: inline; margin-left: 33px; padding: 15px 10px 10px 10px; width: 387px; font: 10px Geneva, Arial, Helvetica, sans-serif; color: #FFF; background-color: #0A4EA3; }
div#white_box { float: left; display: inline; margin: 14px 0 0 33px; padding: 15px 10px 10px 10px; width: 385px; border: 1px solid #6188B1; font: 10px Geneva, Arial, Helvetica, sans-serif; }


div#content-right { float: left; display: inline; margin: 0 20px 0 0; padding-bottom: 40px; width: 430px; overflow: hidden; background: url(../img/umbra.jpg) no-repeat left bottom; }
div#content-right2 { float: left; display: inline; margin: 0 20px 0 0; padding-bottom: 40px; width: 430px; overflow: hidden; }

div.box { float: left; display: inline; margin-left: 35px; width: 400px; }
div.box-left { float: left; padding-top: 45px; width: 78px; }
div.box-right { float: left; width: 322px; }  

div#content-bottom-inner { float: left; margin-top: 10px; width: 100%; height: 24px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #DEDEDE; }
div#content-bottom { float: left; width: 100%; height: 22px; line-height: 22px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #DEDEDE; font: Geneva, Arial, Helvetica, sans-serif; color: #888; text-align: center; overflow: hidden; }

div#copyright { position: relative; float: left; width: 100%; }

div#copyright_left { position: relative; float: left; padding: 0 0 10px 10px; color: #696969; }
div#copyright_right { position: relative; float: right; padding: 0 10px 10px 0; }

}

