#wrapper {


}

html {height: 100%;} 
body {min-height: 100%;}
* html body {height: 100%;}


.selectat {visibility: hidden;}

#page {
height: 300px;
padding: 9px 0 9px 9px;
width: 727px;

overflow: hidden;

}

#main_menu {
width: 727px;
height: 100%;
overflow: hidden;


}

#main_menu li.stretch {
position: relative; 
top: 0; 
left: 0;
padding: 0;
height: 100%;
margin: 0 2px 0 0;
overflow: hidden;
}

#main_menu li.contact {
margin: 0;
}

#main_menu li.stretch a.toggler {
width: 142px; 
height: 100%;
position: relative; 
top: 0;
left: 0;
z-index: 20;
background-position: center;
margin: 0; 
padding: 0;
}

#main_menu li.stretch .page {

float: none;


}

#main_menu li.portofoliu {

background-image:url(../images/ceamcontrolat_bg1.jpg);
}

#main_menu li.proiecte  {

background-image:url(../images/controlamacum_bg1.jpg);

}

#main_menu li.contact {

background-image:url(../images/controleazane_bg.gif);
background-position: 0 0;
}

 span.opac2, span.opac, span.opac1 {

clear: both;

}

#proiecte_wrapper span.opac2, #proiecte_wrapper span.opac1 {
background-color: #5A5959;
}

#proiecte_portofoliu .row_on dl {
 border-color: red;
}

.proiect_thumbs_wrapper {
height: 91px;
width: 332px;
float: left;
position: relative; 
top: 0;
left: 0;
overflow: hidden;

}


.proiect_thumbs {
height: 76px;
width: 10000px;
position: absolute;
top: 0;
left: 0;
display: none;
margin: 0;
}


.galerie_nav {float: left; visibility: hidden;}
.galerie_nav dt, .galerie_nav dd {float: left;}
.galerie_nav dt {font-weight: bold; padding: 0  10px 0 24px; background-image:url(../images/camera.gif); line-height: 16px; background-position: left center;}
.galerie_nav dd {margin-right: 1px;}
.galerie_nav dd  {display: block; width: 13px; height: 13px; text-indent: -3000px; overflow: hidden; margin-top: 2px; cursor: pointer;}
dd.prev_galerie { background-image:url(../images/left_arrow.gif); visibility: hidden;}
dd.next_galerie { background-image:url(../images/right_arrow.gif); visibility: hidden;}

.proiect_thumbs a.thumb_selected, .proiect_thumbs a.thumb_selected:hover {border: 4px solid #E50208; width: 74px; height: 67px;}
.proiect_thumbs a.thumb_selected img, .proiect_thumbs a.thumb_selected:hover img {top: -4px; left: -4px;}
.proiect_thumbs a:hover {border: 0; display: block; width: 82px; height: 75px; position: relative; top: 0; left: 0; overflow: hidden;}
.proiect_thumbs a:hover  img {position: absolute; top: 0; left: 0;}


#text_sample {font-size: 1.2em; position: absolute; top: -10000px; left: -10000px;}
#servicii_subpages {position: relative; top: 0; left: 0; padding: 0; height: 292px; width: 389px; overflow: hidden;}
.servicii_subpage {width: 100%; position: absolute; top: 0; left: 0;}
#wrapper_consultanta, #wrapper_proiectare, #wrapper_pilotaj_santier, #wrapper_project_management {width: 100%; height: 100%; position: absolute; top: -1000px; left: 0; }
#wrapper_consultanta {top: 0;}
#masca_consultanta, #masca_proiectare, #masca_pilotaj_santier, #masca_project_management { clip:rect(0,345px,252px,0); overflow:hidden; width: 345px; height: 252px; position: relative; top: 20px; left: 20px;}
/* #drag_consultanta, #drag_proiectare, #drag_pilotaj_santier, #drag_project_management { background-image:url(../images/drag_servicii.gif); width: 11px; height: 34px; position: absolute; top: 0; left: 378px; cursor: pointer;} */
#up_consultanta, #up_proiectare, #up_pilotaj_santier, #up_project_management {width: 11px; height: 11px; background-color: #E50208; display: block; position: absolute; top: 0; left: 378px; cursor: pointer; background-image:url(../images/up_transp.gif); background-position: 2px 3px; overflow: hidden;}
#down_consultanta, #down_proiectare, #down_pilotaj_santier, #down_project_management {width: 11px; height: 11px; background-color: #E50208; display: block; position: absolute; top: 12px; left: 378px; cursor: pointer; background-image:url(../images/down_transp.gif); background-position: 2px 3px; overflow: hidden;}
#servicii_menu li a#servicii_selectat {background-position: 0 0;}
.servicii_subpage ul {padding: 0 0 15px;}
.servicii_subpage ul li {padding-bottom: 7px;}





/*
.servicii_subpage {position: absolute; top: 0; left: 0; height: 252px; width: 349px; padding: 20px; overflow: hidden;  }
#consultanta {z-index: 2}
*/

#proiecte { min-height: 365px; padding-bottom: 20px;}
* html #proiecte {height: 365px;}
#proiecte_wrapper {margin-bottom: 20px;}
#contact {padding-bottom: 36px; min-height: 264px;}
* html #contact {height: 264px;}
#portofoliu { min-height: 365px;  padding-bottom: 20px;}
* html portofoliu {height: 365px;}
#servicii {padding-bottom: 24px;}

.contact .page {min-height: 300px;}
.proiecte .page {min-height: 407px;}
.portofoliu .page {min-height: 407px;}
.servicii .page {min-height: 407px;}
.despre .page {min-height: 300px; }

/*
#istoric {width: 314px; height: 234px; overflow: hidden;}
#wrapper_istoric {  height: 234px; clear: both; width: 582px;}
#masca_istoric {position: relative; top: 0; left: 0;}
*/

#wrapper_istoric, #wrapper_structura , #wrapper_echipa , #wrapper_sediu {  height: 234px; clear: both; width: 582px; position: absolute; top: -1000px; left: 20px; clear: both; }
#wrapper_istoric {top: 46px; }
#masca_istoric, #masca_structura, #masca_echipa, #masca_sediu {clip:rect(5px,290px,234px,0); overflow:hidden; width: 314px; height: 234px; position: absolute; top: 0; left: 0;}
#drag_istoric, #drag_structura, #drag_echipa, #drag_sediu { width: 7px; height: 57px; background-color: #98989C; position: absolute; top: 0; left: 307px; margin: 7px 0; cursor: pointer;}
#up_istoric, #up_structura, #up_echipa, #up_sediu { background-image:url(../images/despre_up.gif); width: 7px; height: 7px; display: block; position: absolute; top: 0; left: 307px; cursor: pointer;}
#down_istoric, #down_structura, #down_echipa, #down_sediu  { background-image:url(../images/despre_down.gif); width: 7px; height: 7px; display: block; position: absolute; top: 227px; left: 307px; cursor: pointer;}

#despre_menu li a#despre_selectat {
text-decoration: underline;
cursor: default;
color: #fff;
}

.despre_subpage {float: none; width: 280px;  position: absolute; top: 0; left: 10px;}

.galerie_masca {width: 221px; height: 177px; overflow: hidden; position: absolute; top: 50px; right: 0;}
.galerie_fw {width: 13px; height: 13px; background-image:url(../images/right_arrow.gif); display: block; overflow: hidden; position: absolute; top: 164px; left: 14px; cursor: pointer; visibility: hidden;}
.galerie_bk {width: 13px; height: 13px; background-image:url(../images/left_arrow.gif); display: block; overflow: hidden; position: absolute; top: 164px; left: 0; cursor: pointer; visibility: hidden; }
.galerie_despre {position: absolute; top: 0; left: 0;  width: 10000px;}
.galerie_despre li {padding: 0;}
#despre_menu {position: absolute; float: none; top: -3px; left: 350px; z-index: 10;}
#cariere_menu li {float: left; padding: 0 10px;}
#cariere_menu li.first {padding-left: 10px;}
#overlay .page {top: 123px; margin-left: -264px; }
#over {height: 100%; width: 100%; position: absolute; top: 0; left: 0;  z-index: 900; background-color: #000;  display: none;}
#overlay {height: 100%; width: 100%; position: absolute; top: 0; left: 0;  z-index: 1000; font-size: 1.2em; display: none;}
#cariere_lks_selectat {text-decoration: underline !important; cursor: default;}
form#colaboratori {display: none;}
.proiect_description { /* height: 335px; overflow: hidden;  width: 190px; */ width: 190px; position: absolute; top: 0; left: 0; padding: 0; margin: 0; }
.proiect_details {position: relative; top: 0; left: 0;}
#wrapper_proiect_description_portofoliu, #wrapper_proiect_description_proiecte {position: absolute; top: 24px; left: 0; width: 206px; height: 335px;}
#masca_proiect_description_portofoliu, #masca_proiect_description_proiecte {width: 190px; height: 335px; overflow: hidden; clip:rect(0,190px,335px,0); position: absolute; top: 0; left: 0;}
#up_proiect_description_portofoliu, #up_proiect_description_proiecte {width: 11px; height: 11px; background-color: #000; overflow: hidden; background-image:url(../images/scroll_up.gif);  cursor: pointer; position: absolute; top: 0; left: 200px;} 
#down_proiect_description_portofoliu, #down_proiect_description_proiecte {width: 11px; height: 11px; background-color: #000; overflow: hidden; background-image:url(../images/scroll_down.gif);  cursor: pointer; position: absolute; top: 12px; left: 200px;} 



#top_guide, #bottom_guide, #left_guide, #right_guide { position: absolute;  display: block;  overflow: hidden; clear: both;}
#top_guide { background-image:url(../images/top_guide.gif); width: 19px; height: 5px; top: 0; }
 #bottom_guide {bottom: 0; background-image:url(../images/bottom_guide.gif); width: 19px; height: 5px; z-index: 100;}
#left_guide {left: 0; background-image:url(../images/left_guide.gif); width: 5px; height: 19px;}
#right_guide { background-image:url(../images/right_guide.gif); width: 5px; height: 19px; left: 731px;}

#page1, #page5 {position: absolute; width: 602px;  top: 0; left: 0; min-height: 300px;}
#page2, #page3, #page4 {position: absolute; width: 602px;  top: 0; left: 0; min-height: 407px;}

* html #page1, * html #page5 {position: absolute; width: 602px;  top: 0; left: 0; height: 300px;}
* html #page2, * html #page3, * html #page4 {position: absolute; width: 602px;  top: 0; left: 0; height: 408px;}