#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: #008031;
}

.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 #008031; 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_arhitectura, #wrapper_urbanism, #wrapper_studii, #wrapper_project_management {width: 100%; height: 100%; position: absolute; top: -1000px; left: 0; }
#wrapper_arhitectura {top: 0;}
#masca_arhitectura, #masca_urbanism, #masca_studii, #masca_project_management { clip:rect(0,345px,252px,0); overflow:hidden; width: 345px; height: 252px; position: relative; top: 20px; left: 20px;}
/* #drag_arhitectura, #drag_urbanism, #drag_studii, #drag_project_management { background-image:url(../images/drag_servicii.gif); width: 11px; height: 34px; position: absolute; top: 0; left: 378px; cursor: pointer;} */
#up_arhitectura, #up_urbanism, #up_studii, #up_project_management {width: 11px; height: 11px; background-color: #008031; display: block; position: absolute; top: 0; left: 378px; cursor: pointer; background-image:url(../images/up_transp.gif); background-position: 2px 3px; overflow: hidden;}
#down_arhitectura, #down_urbanism, #down_studii, #down_project_management {width: 11px; height: 11px; background-color: #008031; 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_despre_noi {  height: 234px; clear: both; width: 582px;}
#masca_despre_noi {position: relative; top: 0; left: 0;}
*/

#wrapper_despre_noi, #wrapper_subcontrol , #wrapper_echipa , #wrapper_sediu {  height: 234px;  width: 582px; position: absolute; top: -1000px; left: 20px; clear: both; }
#wrapper_despre_noi {top: 46px; }
#masca_despre_noi, #masca_subcontrol, #masca_echipa, #masca_sediu {clip:rect(5px,290px,234px,0); overflow:hidden; width: 314px; height: 234px; position: absolute; top: 0; left: 0;}
#drag_despre_noi, #drag_subcontrol, #drag_echipa, #drag_sediu { width: 7px; height: 57px; background-color: #98989C; position: absolute; top: 0; left: 307px; margin: 7px 0; cursor: pointer;}
#up_despre_noi, #up_subcontrol, #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_despre_noi, #down_subcontrol, #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 {
background-position: 0 -9px; 
cursor: default;

}

.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: 31px; 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: -7px; left: 0;}

#up_proiect_description_portofoliu, #up_proiect_description_proiecte { background-image:url(../images/proiecte_up.gif); width: 7px; height: 7px; overflow: hidden;   cursor: pointer; position: absolute; top: -7px; left: 200px;} 
#down_proiect_description_portofoliu, #down_proiect_description_proiecte {background-image:url(../images/proiecte_down.gif); width: 7px; height: 7px; overflow: hidden;  cursor: pointer; position: absolute; top: 328px; left: 200px;} 

#drag_proiect_description_portofoliu, #drag_proiect_description_proiecte{ width: 7px; height: 57px; background-color: #393939; position: absolute; top: 0; left: 200px;  cursor: pointer; }


#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;}

#wrapper_clienti {height: 219px; width: 558px;  clear: both; position: absolute; top: -1000px; left: 20px; margin-top: 13px;}
#masca_clienti {position: relative; top: 0; left: 0; width: 558px; height: 219px; overflow: hidden;}
#clienti {left: 0; top: 0; width: 100%; height: 219px;}
#clienti h3 {display: none;}
#galerie_clienti {float: none; padding: 0; margin: 0;  position: absolute; top: 0; left: 0; width: 558px; height: 202px; }
#galerie_clienti li {float: none; position: absolute;}
#left_clienti, #right_clienti {position: absolute; top: 206px;  display: block; width: 13px; height: 13px; overflow: hidden; cursor: pointer; visibility: hidden;}
#left_clienti { background-image:url(../images/left_arrow.gif); left: 531px;}
#right_clienti { background-image:url(../images/right_arrow.gif); left: 545px;}

#wrapper_sediu .galerie_masca, #wrapper_echipa .galerie_masca {width: 218px; height: 216px; top: 16px; right: 22px;}
.foto_related {height: 319px;}
.pdf {position: absolute; top: 197px; left: 300px; display: none; }
.filtru {top: 40px; overflow: hidden;}
.filtru form {display: none;}
.option_title {display: block; border: 1px solid #6C6C6C; line-height: 17px;  background-color: #fff; background-image:url(../images/option_title_bg.gif); background-position: right top; padding: 0 22px 0 5px; cursor: pointer;}

#wrapper_portofoliu_options, #wrapper_proiecte_options {border: solid #6C6C6C; border-width: 0 1px 1px; position: relative; top: 0; left: -5000px;  width: 252px; height: 154px; background-color: #fff; padding: 4px; }
#masca_portofoliu_options, #masca_proiecte_options {position: relative; top: 0; left: 0; overflow: hidden; clip:rect(0, 233px, 154px, 0);  width: 233px; height: 154px;}
#up_portofoliu_options, #up_proiecte_options {width: 7px; height: 10px; background-image:url(../images/select_top.gif); position: absolute; top: 4px; left: 248px; cursor: pointer; overflow: hidden;}
#down_portofoliu_options, #down_proiecte_options {width: 7px; height: 10px; background-image:url(../images/select_bottom.gif); position: absolute; top: 148px; left: 248px; cursor: pointer;  overflow: hidden;}
#drag_portofoliu_options, #drag_proiecte_options {width: 7px; height: 65px;  background-color: #008031; position: absolute; top: 0; left: 248px; cursor: pointer; margin-top: 14px;  overflow: hidden;  }
.options {position: absolute; left: -3000px;}
.options ul {width: 233px; }
.options li {display: inline;}
.options li a {display: block; line-height: 17px; cursor: pointer; padding: 0 3px; text-decoration: none; }
.options li a:hover { background-color:#008031; color: #fff; }
#wrapper_portofoliu_options .options , #wrapper_proiecte_options .options {left: 0;}
.options {display: block;}

.no_scroll {height: auto !important;}
.no_scroll #masca_proiecte_options, .no_scroll #masca_portofoliu_options {height: auto !important;}
.no_scroll #proiecte_options, .no_scroll #portofoliu_options {position: relative !important; top: 0 !important; zoom: 1;}