@media all {
/* =universals */

* { margin: 0; padding: 0; }

/* =html */ 
html { background: #528037 url(../img/back.jpg) no-repeat center top; }

/* =body */
body { margin-bottom: 20px; font: 11px Verdana, Arial; color: #000; }

/* =h1 */
div#content_top h1 { float: left; margin: 28px 0 14px 0; }

/* =h2 */
div.box h2 { float: left; margin-top: 15px; height: 18px; line-height: 18px; text-indent: 5px; font: 13px Arial, Helvetica, sans-serif; color: #84A435; }
div.box h2.proiect { display: inline; margin: -7px 0 0 5px; }

/* =h4 */
ul#ul_meniu li h4 { float: left; width: 100%; height: 25px; text-indent: 25px; font: 12px Arial, Helvetica, sans-serif; line-height: 25px; color: #FFF; }

/* =ul */
ul { list-style-type: none; }
ul#ul_meniu { float: left; width: 100%; overflow: hidden; }
ul#ul_meniu_sus { float: left; display: inline; height: 100%; }
ul.ul_galerie_foto { float: left; width: 100%; overflow: hidden; }
ul.ul_lista { float: left; margin-top: 25px; width: 100%; overflow: hidden; }

/* =li */
ul#ul_meniu li { float: left; width: 100%; height: 24px; overflow: hidden; }

ul#ul_meniu_sus li { float: left; display: inline; height: 32px; line-height: 32px; overflow: hidden; }
ul#ul_meniu_sus li.li1 { width: 101px; }
ul#ul_meniu_sus li.li2 { width: 79px; }
ul#ul_meniu_sus li.li3 { width: 69px; }

ul.ul_lista li { float: left; width: 100%; height: 18px; line-height: 18px; text-indent: 16px; overflow: hidden; }

ul.ul_galerie_foto li { float: left; padding: 8px 20px 0 7px; width: 167px; height: 114px; background: url(../img/umbra-foto-stiri.gif) no-repeat; }

/* =p */
p#p_eroare { float: left; padding: 0 0 10px 50px; width: 300px !important; font-size: 11px; color: #7898BF; }
div#content_top p { font: left; width: 100%; line-height: 18px; font-size: 12px; color: #525951; }

/* =span */
span.span_display { display: none; }

div#newsletter span { float: left; display: inline; margin: 30px 0 0 15px; color: #2C4971; }

div#content_bottom_colturi span.left { float: left; width: 46px; height: 46px; background: url(../img/colt-dreapta-jos.gif) no-repeat; }
div#content_bottom_colturi span.right { float: right; width: 46px; height: 46px; background: url(../img/colt-stanga-jos.gif) no-repeat; }

div.box span.titlu { float: left; padding-top: 12px; width: 100%; height: 33px; text-indent: 65px; background: url(../img/frunza-titlu.gif) no-repeat; }
div.box span.linie { float: left; margin-top: 25px; width: 750px; height: 1px; background-color: #D5DEC3; }

div.box span.titlu_img { float: left; display: inline; margin-bottom: -10px; padding: 12px 0 0 20px; width: 100%; }

div.box span.stire { float: left; width: 380px; overflow: hidden; }
div.box span.stire span.poza { float: left; padding: 8px 10px 0 0; width: 174px; height: 114px; text-align: center; background: url(../img/umbra-foto-stiri.gif) no-repeat; }
div.box span.stire span.titlu_stire { float: left; padding-top: 15px; color: #7A7A7A; }
div.box span.stire span.text { float: left; width: 180px; color: #7B7B7B; }

div.box span.proiect { float: left; width: 720px; overflow: hidden; }
div.box span.proiect span.poza { float: left; padding: 8px 10px 0 0; width: 174px; height: 114px; text-align: center; background: url(../img/umbra-foto-stiri.gif) no-repeat; }
div.box span.proiect span.titlu_proiect { float: left; display: inline; padding: 15px 0 9px 10px; width: 100%; color: #797979; }
div.box span.proiect span.text { float: left; width: 530px; color: #7B7B7B; }
div.box span.proiect span.text2 { float: left; display: inline; padding: 0 0 30px 10px; width: 98%; text-align: justify; color: #7B7B7B; }


span.titlu_img_rec { float: left; margin-top: 10px; width: 100%; }

/* =a */
a { color: #f01c1c; font-style: 20px; text-decoration: none; cursor: pointer; }
a:link { color: #f01c1c;}
a:visited { color: #f01c1c; }
a:hover, a:active { color: #f01c1c; text-decoration: underline;}

div#logo a { display: block; width: 100%; height: 100%; }

ul#ul_meniu li a { display: block; width: 100%; height: 100%; }
ul#ul_meniu li.li1 a:hover, ul#ul_meniu li.li1 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -168px; }
ul#ul_meniu li.li2 a:hover, ul#ul_meniu li.li2 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -192px; }
ul#ul_meniu li.li3 a:hover, ul#ul_meniu li.li3 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -216px; }
ul#ul_meniu li.li4 a:hover, ul#ul_meniu li.li4 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -240px; }
ul#ul_meniu li.li5 a:hover, ul#ul_meniu li.li5 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -264px; }
ul#ul_meniu li.li6 a:hover, ul#ul_meniu li.li6 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -288px; }
ul#ul_meniu li.li7 a:hover, ul#ul_meniu li.li7 a:active { background: url(../img/meniu-stanga.gif) no-repeat 0 -312px; }

ul#ul_meniu_sus li a { display: block; width: 100%; height: 100%; text-decoration: none; }
ul#ul_meniu_sus li.li1 a:hover, ul#ul_meniu_sus li.li1 a:active { background: url(../img/meniu-general-hover.gif) no-repeat; }
ul#ul_meniu_sus li.li2 a:hover, ul#ul_meniu_sus li.li2 a:active { background: url(../img/meniu-general-hover.gif) no-repeat -101px 0; }
ul#ul_meniu_sus li.li3 a:hover, ul#ul_meniu_sus li.li3 a:active { background: url(../img/meniu-general-hover.gif) no-repeat -180px 0; }

ul#ul_meniu_stanga li a { display: block; width: 100%; height: 16px; line-height: 16px; text-indent: 12px; color: #A6BA09; text-decoration: none; background: url(../img/bullet-verde.gif) no-repeat 4px 7px; }
ul#ul_meniu_stanga li a:link { }
ul#ul_meniu_stanga li a:visited { }
ul#ul_meniu_stanga li a:hover, ul#ul_meniu_stanga li a:active { color: #FFF; background-color: #B987C4; }

ul.ul_submeniu_stanga li a { display: block; width: 100%; height: 16px; line-height: 16px; text-indent: 0 !important; color: #93928E; font-weight: normal !important; text-decoration: none; background: none !important; }
ul.ul_submeniu_stanga li a:link { color: #93928E !important; }
ul.ul_submeniu_stanga li a:visited { color: #93928E !important; }
ul.ul_submeniu_stanga li a:hover, ul.ul_submeniu_stanga li a:active { background: none; }

ul#ul_meniu_central li a { display: block; text-decoration: none; }
ul#ul_meniu_central li a:link { }
ul#ul_meniu_central li a:visited { }
ul#ul_meniu_central li a:hover, ul#ul_meniu_central li a:active { }

ul.ul_lista li a { display: block; height: 100%; background: url(../img/bullet-continuare.gif) no-repeat 10px 10px; color: #89A23A; text-decoration: none; overflow: hidden; }
ul.ul_lista li a:link { }
ul.ul_lista li a:visited { }
ul.ul_lista li a:hover, ul.ul_lista li a:active { font-weight: bold; }

a.detalii { float: left; display: inline-block; margin: 20px 0 0 30px; width: 105px; height: 23px; background: url(../img/mai-multe-detalii.gif) no-repeat; }
a.stiri { float: left; display: inline-block; margin-left: 640px; width: 105px; height: 23px; background: url(../img/vezi-toate-stirile.gif) no-repeat; }

div.box span.stire a span.detalii, div.box span.proiect a span.detalii { float: left; margin-top: 2px; text-indent: 6px; color: #8A9C39; background: url(../img/bullet-continuare.gif) 0 7px no-repeat; }

/* =img */ 
img, img a { border: none; margin: 0; padding: 0; }
div.butoane_categorii img { float: left; margin-bottom: 8px; }
 
ul.ul_display_full_list li a img { float: left; display: inline; border: 5px solid #FFF; }
ul.ul_display_full_list li a:hover img, ul.ul_display_full_list li a:active img { border: 5px solid #FFDE00; }

ul.ul_carusel li a img { float: left; display: inline; padding: 3px; border: 1px solid #D7D6D4; background-color: #FFF; }
ul.ul_carusel li a:hover img, ul.ul_carusel li a:active img { }

div#suport_content_left img.banner { float: left; margin-top: 10px; }
div#suport_content_left img.titlu { margin: 20px 0 15px 0; }

div.box img.lista_img { float: left; display: inline; margin: 25px 0 0 10px; }

/* =form =fieldset input */
fieldset { border-width: 0; }

form#f_cauta { float: left; width: 290px; }
form#f_cauta label { float: left; width: 100%; padding-bottom: 8px; }
form#f_cauta label span.span_titlu { float: left; width: 115px; margin-right: 5px; line-height: 16px; font-size: 10px; color: #FFF; font-weight: bold; text-align: right; }
form#f_cauta label span.span_input { float: left; overflow: hidden; }
form#f_cauta label span.span_input2 { float: left; width: 332px; overflow: hidden; }
form#f_cauta select { float: left; height: 16px; border: 1px solid #C6C6C6; cursor: pointer; color: #FFF; font-size: 11px; background-color: #868686; }
form#f_cauta fieldset label span#span_butoane { float: left; display: inline; margin: 8px 0 0 127px; }
form#f_cauta fieldset label input#trimite { width: 36px; height: 19px; border: none; cursor: pointer; background: url(../img/ok-newsletter.gif) no-repeat; }

form#f_news { float: left; display: inline; margin: 12px 0 0 87px;  background: url(../img/newsletter.gif) no-repeat 0 12px;  }
form#f_news label { float: left; border: none; }
form#f_news label#l_news { float: left; width: 144px; height: 19px; border: 1px solid #606060; }
form#f_news input { float: left; margin-top: 2px; text-indent: 10px; font-size: 10px; cursor: text; border: none; color: #555; font-size: 11px; background: none; }
form#f_news input#trimite_news { float: left; display: inline; margin: 0 0 0 10px; padding: 0; width: 38px; height: 21px; border: none; cursor: pointer; background: url(../img/buton_news.gif) no-repeat; }

form#f_common { float: left; display: inline; width: 98%; }
form#f_common fieldset { float: left; display: block; width: 100%; }
form#f_common fieldset label { float: left; width: 100%; padding-bottom: 4px; }
form#f_common fieldset label span.span_titlu { float: left; width: 50px; margin-right: 20px; height: 22px; line-height: 22px; color: #333; text-align: left; }
form#f_common fieldset label span.span_input { float: left; width: 200px; overflow: hidden; }
form#f_common fieldset label span.span_input2 { float: left; width: 332px; overflow: hidden; }
form#f_common fieldset input { float: left; width: 180px; height: 22px; line-height: 22px; border: none; cursor: text; color: #333; font-size: 11px; background-color: #9BC960; }
form#f_common fieldset textarea { float: left; width: 330px; height: 100px; border: none; cursor: text; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #9BC960; }
form#f_common fieldset label span#span_butoane { float: left; display: inline; margin: 10px 0 0 70px; }
form#f_common fieldset label input#trimite { cursor: pointer; display: inline; margin: 0 30px 0 70px; padding: 0; width: 60px; height: 25px; color: #333; background-color: #9BC960; }

/* =div */
div#container { position: relative; margin: 0 auto; padding-left: 30px; width: 949px; overflow: hidden; }

div#implicate { position: absolute; top: 432px; left: 0;	z-index:200; }  
div#foto { position: absolute; top: 117px; left: 195px; }  

div#branding { position: relative; float: left; width: 100%; height: 134px; overflow: hidden; }
div#logo { position: absolute; top: 10px; left: 10px; width: 300px; height: 100px; overflow: hidden; }
div#meniu_sus { float: left; margin-top: 102px; width: 249px; height: 32px; overflow: hidden; }
div#slogan { float: left; margin-top: 110px; width: 669px; color: #FFF; font-size: 12px; }

div#content { float: left; width: 100%; overflow: hidden; }

div#meniu { float: left; display: inline; margin: 55px 0 0 28px; width: 116px; height: 168px; background: #FFF url(../img/meniu-stanga.gif) no-repeat; overflow: hidden; }

div#content_top { float: left; display: inline; margin: 0 0 55px 480px; width: 310px; height: 245px; overflow: hidden; }

div.box { float: left; display: inline; padding-left: 170px; width: 779px; background-color: #FFF; overflow: hidden; }

div#newsletter { float: left; margin-top: 10px; width: 159px; height: 107px; background: url(../img/back-newsletter.gif) no-repeat; overflow: hidden; }

div#content_bottom { float: left; width: 100%; height: 46px; overflow: hidden; }
div#content_bottom_colturi { float: left; width: 100%; height: 100%; background: url(../img/gradient-jos.gif) repeat-x; overflow: hidden; }

div#copyright { float: left; padding: 10px 0; width: 100%; text-align: center; color: #CCC; overflow: hidden; }
div#copyright .left { float: left; width: 20%; text-indent: 20px; }
div#copyright .center { float: left; width: 60%; }
div#copyright .right { float: right; width: 20%; }

}