/* start reset */
* {outline: none; background-repeat: no-repeat; border: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */

.clearer {
 height: 1px;
 width: 100%;
 clear: both;
}

body {
background-color:#363636;
background-image:url(../images/bg.gif);
background-repeat:repeat;
font-family:Arial;
font-size:62.5%;
/*
padding-bottom:20px;
*/

}

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

#main_menu {
background-repeat: repeat-y; 
}

.first_page {
background-image:url(../images/1_bg.gif);
background-position: 604px 0; 
}

.second_page {
background-image:url(../images/2_bg.gif);
}

.third_page {
background-image:url(../images/3_bg.gif);
}

.fourth_page {
background-image:url(../images/4_bg.gif);
}
.fifth_page {
background-image:url(../images/5_bg.gif);}
.sixth_page a.toggler {width: 142px !important; background-position: center !important;}



#wrapper {
margin:0 auto;
width:736px;
position: relative;
top: 0;
left: 0;
z-index: 10;
font-size: 1.2em;



}

h1 {
height:136px;
overflow: hidden;
position: relative; 
top: 0;
left: 0;
}

h1 a {
display: block;
height:136px;
left:441px;
position:absolute;
top:0pt;
width:142px;
background-image:url(../images/logo.gif);
text-indent: -3000px;
overflow: hidden;
}

#container {
 margin-top: 27px;
 width: 100%;
 float: left;
}

#content {
 
 background-image:url(../images/bg_top.gif);
 position: relative;
top: 0;
left: 0;

z-index: 100;
width: 100%;
 float: left;
 
 
}


#subpage {
width: 100%; float: left; height: 100%;



}


#page {
 
 padding: 9px;
 width: 718px;
 background-image:url(../images/bg_bottom.gif);
 background-position: left bottom;
 float: left;
 
}






#main_menu {width: 100%;    float: left;         }
* html #main_menu {height: 1px;}
#main_menu li.stretch {  /*padding-bottom: 10000px; margin-bottom: -10000px;  overflow: hidden; */  float: left;  margin-right: 2px;   }


#main_menu li.stretch .page {
  
 width: 602px;
 padding: 0;
 min-height: 300px;
 float: left;
 position: relative; top: 0;
 left: 0;
}







#main_menu li.stretch a.toggler {
text-indent: -3000px;
/*
padding-bottom: 10000px; 
margin-bottom: -10000px; 
*/ 
height: 300px;
width: 27px;
background-position: 0 30px; 
float: left; 
display: block; 
overflow: hidden;
}






 
#main_menu li.despre {
background-color:#505054; 
} 
 
#main_menu li.despre a.toggler  {

background-image:url(../images/li_despre.gif);
background-color:#505054;
}

#main_menu li.servicii {
background-color:#98989C;

}

#main_menu li.servicii a.toggler  {

background-image:url(../images/li_servicii.gif);
background-color:#98989C;
}


#main_menu li.portofoliu {
background-color:#C3C4C7;

}

#main_menu li.portofoliu  a.toggler {

background-image:url(../images/li_portofoliu.gif);
background-color:#C3C4C7;
}



#main_menu li.proiecte  {
background-color:#ECEDEE;


}

#main_menu li.proiecte  a.toggler {

background-image:url(../images/li_proiecte.gif);
background-color:#ECEDEE;
}

#main_menu li.contact {
margin-right: 0;
background-color:#008031;


}

#main_menu li.contact a.toggler {

background-image:url(../images/li_contact.gif);
background-color:#008031;
}




















#sec_menu { 


padding: 12px 0 0 313px;
float: left;
position: relative; top: 0; left: 0;
z-index: 101;


}



#sec_menu li {
float: left;
padding: 0 10px;
}

#sec_menu li .ro,#sec_menu li .en {
display: block;
width: 17px;
height: 14px;

display: block;
text-indent: -3000px;
overflow: hidden;

}
#sec_menu li.last {
border: solid #fff;
border-width: 0 0 0 1px;
}

#sec_menu li a.ro { background-image:url(../images/ro.gif);}
#sec_menu li a.en { background-image:url(../images/en.gif);}
#sec_menu li .ro { background-image:url(../images/ro_over.gif);}
#sec_menu li .en { background-image:url(../images/en_over.gif);}

#sec_menu  li a.blog {display: block; text-indent: -3000px; overflow: hidden; width: 165px; height: 14px; background-image:url(../images/blog.gif);}

#sec_menu li.cariere {
display: block;
position: absolute;
top: 12px;
 margin: 0;
left: 143px;

width: 145px;
height: 14px;

z-index: 10000;

float: none;


}


#sec_menu li.cariere a.toggler {
 width: 145px;
 height: 14px;
 background-image:url(../images/li_cariere.gif);
 
 text-indent: -3000px; overflow: hidden;
 display: block;


}





#footer {

width: 100%;
margin: 0 auto;
float: left;
padding-top: 70px;
color: #8C8C8C;
font-size: 10px;
padding-bottom: 20px;
}

#footer p {
 float: left;
 
 
 border: solid #7F7F80;
  border-width: 0 1px  0 0;
  padding: 10px 35px 10px 154px;
  margin-right: 35px;
}
#footer a {
 display: block;
 float: left;
 width: 73px; 
 height: 10px;
 overflow: hidden;
 margin-top: 9px;
 position:relative;
 top:0;
 left:0;
}/*
#footer a:hover span {
 top:-10px !important;
}*/
#footer a span {
 display:block;
 text-indent: -3000px; 
 
 background-image: url(../images/desero_alb_roshu.png);
 width:73px;
 height:20px;
 position:absolute;
 top: 0;
 left: 0;
}


/*

#top_guide {
 background-image:url(../images/top_guide.gif);
 width: 19px;
 height: 5px;
 display: block;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -9px;
}

#bottom_guide {
 background-image:url(../images/bottom_guide.gif);
 width: 19px;
 height: 5px;
 display: block;
 position: absolute;
 bottom: 0;
 left: 50%;
 margin-left: -9px;

}

#vertical {
 width: 19px;
 height: 318px;
 height: 5px;
 background-image:url(../images/top_guide.gif);

 position: absolute;
 top: 163px;
 left: 340px;
 
}
#vertical div {
 height: 100%;
  background-image:url(../images/bottom_guide.gif);
  background-position: left bottom;
  
 
}


#horizontal {
 height: 19px;
 width: 736px;
 width: 5px;
 position: absolute;
 top: 300px; 
 left: 0;
 background-image:url(../images/left_guide.gif);  
}
#horizontal div {
 height: 100%;
 background-image:url(../images/right_guide.gif);
 background-position: right top;
}



#left_guide {
 
 width: 5px;
 height: 19px;
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 margin-top: -9px;

}

#right_guide {
 background-image:url(../images/right_guide.gif);  
 width: 5px;
 height: 19px;
 display: block;
 position: absolute;
 top: 50%;
 right: 0;
 margin-top: -9px;

}

*/







/*  despre   */
#despre {
color: #ACACAD;
padding: 0 0 10px 20px;
float: left;
/*
width: 582px;
height: 290px;
overflow: auto;
*/

}

#despre a:link, #despre a:visited, #despre a:active { 
color: #ACACAD;
}
#despre a:hover {
color: #fff;
}

#despre h2 {
background-color:#008031;
background-image:url(../images/h2_despre_ro.gif);
background-position:9px 22px;
text-indent: -3000px;
height:46px;
width:314px;
float: left;
margin-right: 17px;

}

#despre_menu {
float: left;
padding: 25px 0 0;
padding-right: 15px;




}

#despre_menu li {
float: left;
padding: 0 6px;
background-image:url(../images/meniu_despre_bg.gif);
background-position: right center;
}
#despre_menu li.last { background: none; padding-right: 0;}

#despre_menu li a:link, #despre_menu li a:visited, #despre_menu li a:active {display: block; text-indent: -3000px; overflow: hidden; height: 9px; background-position: 0 0;}
#despre_menu li a:hover {background-position: 0 -9px;}
.despre_sub { background-image:url(../images/despre_sub.gif); width: 43px;}
.subcontrol_sub { background-image:url(../images/subcontrol_sub.gif); width: 45px;}
.echipa_sub { background-image:url(../images/echipa_sub.gif); width: 27px;}
.locatie_sub { background-image:url(../images/locatie_sub.gif); width: 30px;}
.clienti_sub { background-image:url(../images/clienti_sub.gif); width: 25px;}

.despre_subpage {
width: 560px;
float: left;
}

.despre_subpage h3 {
color: #fff;
line-height: 16px;
padding-top: 3px;
font-weight: bold;
}

.despre_subpage p {
padding-bottom: 10px;
}

.galerie_despre {
width: 100%;
float: left;
}

#despre .galerie_despre li {
float: left;
padding: 0 10px 10px 0;
list-style:none;
}

.galerie_despre img {
display: block; 
float: left;
}

#clienti {overflow: hidden;}
#galerie_clienti {margin: 10px 0 0 ; width: 564px; float: left; /* background:url(../../images/client_bg.gif); */}
#galerie_clienti li {width: 106px; height: 97px;  padding: 0 7px 7px 0; float: left; overflow: hidden;}
#galerie_clienti li a, #galerie_clienti li img {display: block;}

/* despre */



/* servicii */

#servicii {
color:#505054;
width: 562px;
padding: 22px 0 22px 20px;
float: left;
}

#servicii p {
padding-bottom: 15px;
}



#servicii_menu {
width: 169px;
float: left;
}

#servicii_menu li {
width: 100%;
float: left;
padding-bottom: 4px;
}

#servicii_menu li a:link, #servicii_menu li a:visited, #servicii_menu li a:active {
display: block;
background-color: #fff;
background-image:url(../images/servicii_menu_bg.gif);
background-repeat: repeat-y;
background-position: -169px 0;
font-weight: bold;
text-decoration: none;
padding: 9px 0 9px 20px;
}

#servicii_menu li a:hover {
background-position: 0 0;
}




#servicii_subpages{
width: 349px;
float: left;
padding: 26px 20px 5px;
background-color: #fff;

}


.servicii_subpage {
background-color: #fff;
}

.servicii_subpage ul li {
padding: 0 0 5px 18px;
}

.servicii_subpage ul {
padding: 0 0 10px;
list-style-type:square;
list-style-position: inside;
}

#servicii a:link, #servicii a:visited, #servicii a:active {
color:#505054;
text-decoration: underline;
}
#servicii a:hover {text-decoration: none;}

#servicii h2 {
background-image:url(../images/h2_servicii_ro.gif);
height:24px;
overflow:hidden;
text-indent:-3000px;
}

/* servicii */

/* portofoliu */
#portofoliu {
color:#393939;
width: 582px;
padding: 22px 0 22px 20px;
float: left;
position: relative; top: 0; left: 0;
}
#portofoliu p {
padding-bottom: 5px;
}
#portofoliu h2 {
background-image:url(../images/h2_portofoliu_ro.gif);
height:24px;
overflow:hidden;
text-indent:-3000px;
}

#proiect_wrapper {
width: 562px; 
float: left;
position: relative; 
top: 0; 
left: 0;
overflow: hidden;


}

#proiect_wrapper  span.opac2 {
 width: 280px;
 height: 3000px;
 background-color: #fff;
 
 clear: both;
 position: absolute;
 bottom: 5px;
 right: 0;
}

#proiecte_portofoliu {
width: 277px; float: left;

}

#proiecte_portofoliu .row {
width: 100%;
float: left;
position: relative; top: 0; left: 0;
overflow: hidden;
margin-bottom: 5px;
}

#proiecte_portofoliu dl {
width: 272px; 
border: solid #000;
border-width: 0 0 0 5px;
float: left;

padding: 4px 0 ;
line-height: 14px;
position: relative; top: 0; left: 0;
z-index: 10;


}



#proiecte_portofoliu  dt, #proiecte_portofoliu  dd {float: left;}
#proiecte_portofoliu  dt {width: 90px; padding-left: 6px;}
#proiecte_portofoliu  dd {width: 176px;}
#proiecte_portofoliu  dt a, #proiecte_portofoliu  dt img {display: block;}
#proiecte_portofoliu  dt a {border: 1px solid #000; float: left;}
#proiecte_portofoliu  dd em {display: block; font-weight: bold;}
#proiecte_portofoliu  dd span {display: block;}
#proiecte_portofoliu  dd a {display: block; float: left;}

#proiecte_portofoliu .row span.opac {
width: 270px; 
height: 3000px;
background-color: #fff;
position: absolute; top: 0; left: 7px;
display: block;
clear: both;


}

 a.detalii:link,  a.detalii:visited,  a.detalii:active {color:#008031; text-decoration: underline;}
 a.detalii:hover {text-decoration: none;}
.detalii { background-image:url(../images/right_arrow.gif); background-position: left center; padding-left: 19px;}

.proiect_portofoliu {padding: 9px 9px 19px; width: 262px; float: right; position: relative; z-index: 10; top: 0; left: 0; line-height: 14px; }
.proiect_portofoliu img {display: block;  }
.proiect_portofoliu dl {width: 100%; float: left;}
.proiect_portofoliu dl dt, #proiect_portofoliu dd {width: 100%; float: left;}
.proiect_portofoliu dt  a {display: block; border: 1px solid #000; position: relative; top: 0; left: 0; text-decoration: none;  font-size: 11px;  }
.proiect_portofoliu dt  em {display: block; position: absolute; top: -1px; left: -1px; background-color: #008031; padding: 5px; color: #fff; }
.proiect_portofoliu dt {padding-bottom: 5px;}
.proiect_portofoliu em {display: block; font-weight: bold;}
.proiect_portofoliu span {display: block;}
.proiect_portofoliu a.detalii {margin-top: 2px; display: block; float: left;}

#proiecte_nav {width: 277px; float: left;}

#proiecte_nav li {float: right; clear: right;}
#proiecte_nav li a {color: #393939; padding-right: 16px; background-position: right center; text-decoration: none;}
#proiecte_nav li a#next { background-image:url(../images/right_arrow_black.gif);}
#proiecte_nav li a#prev { background-image:url(../images/left_arrow_black.gif);}

.proiect_details {width: 562px; float: left; padding-right: 20px; margin-top: -24px;}
.proiect_description {width: 206px; float: left; margin-bottom: -7px; padding-top: 24px;}
.proiect_description dt {font-weight: bold;}
.proiect_description dd {padding-bottom: 7px;}
.proiect_gallery {width: 331px; float: right; overflow: hidden; position: relative; top: 0; left: 0; padding: 0 0 35px;}
.proiect_foto {display: block; border: 1px solid #AFB0B4; width: 329px; height: 226px; position: relative; top: 0; left: 0; overflow: hidden; }
.proiect_foto img { position: absolute; top: -1px; left: -1px; display: block; width: 331px; height: 228px;}
.proiect_thumbs {width: 332px; float: left; margin-bottom: 15px; margin-top: 1px;  }
.proiect_thumbs img {display: block;}
.proiect_thumbs li {float: left; padding: 0 1px 1px 0;}
.proiect_thumbs a {border: 0; display: block; width: 82px; height: 75px; position: relative; top: 0; left: 0; overflow: hidden;}
.proiect_thumbs a  img {position: absolute; top: 0; left: 0;}
.proiect_thumbs a:hover {border: 4px solid #008031; width: 74px; height: 67px;}
.proiect_thumbs a:hover img {top: -4px; left: -4px;}

.details_nav { float: right; font-weight: bold;}
.details_nav li {float: left; padding-left: 1px;}
.prev_details , .next_details {width: 13px; height: 13px; display: block; overflow: hidden; text-indent: -3000px; margin-top: 2px;}
.prev_details { background-image:url(../images/left_arrow.gif);}
.next_details { background-image:url(../images/right_arrow.gif);}
.back_portofoliu {display: block; float:left; margin-right: 7px; color:#008031;}

.pdf  {background-image:url(../images/pdf.png);  display: block; width: 25px; height: 25px; overflow: hidden; text-indent: -3000px; cursor: pointer;}

/* portofoliu */


/* proiecte */
#proiecte {
color:#393939;
width: 582px;
padding: 22px 0 22px 20px;
float: left;
position: relative; top: 0; left: 0;
}

#proiecte p {
padding-bottom: 5px;
}

#proiecte h2 {
background-image:url(../images/h2_proiecte_ro.gif);
height:24px;
overflow:hidden;
text-indent:-3000px;
}

#proiecte_wrapper {
width: 566px; 
float: left;
position: relative;
top: 0; left: 0;
overflow: hidden;

}
.proiect1 {
float: left !important;
}
#proiecte_wrapper span.opac2, #proiecte_wrapper span.opac1 {
background-color: #fff;
width: 280px;
height: 3000px;
position: absolute; 
top: 0; 
clear: both;
}

#proiecte_wrapper span.opac2 {right: 0;}
#proiecte_wrapper span.opac1 {left: 0;}
#proiecte .detalii {color: #008031; text-decoration: underline;}
#proiecte .detalii:hover {text-decoration: none;}

#proiecte #proiecte_nav {
/* position: absolute; top: 22px; right: 18px;  */
float: right;
position: relative; right: 16px; top: -15px;

}

/* proiecte */

/* contact */
#contact {
color:#fff;
width: 558px;
padding: 0 0 30px 20px;
float: left;


}

#contact h2 {
background-color:#505054;
background-position:9px 22px;
height:46px;
width:314px;
background-image:url(../images/h2_contact_ro.gif);
text-indent: -3000px; overflow: hidden;

}

#contact_wrapper {
width: 100%;
float: left;
padding-top: 30px;
}
#contact form {width: 309px; float: right; }
#contact fieldset, #contact label {width: 100%; float: left;}
#contact label {margin-bottom: 3px; background-color: transparent;}
#contact input, #contact textarea {float: right; display: block;}
#contact textarea {overflow: auto;}
#contact input.text, #contact textarea {width: 244px; color: #505054; font-family: Arial; font-size: 12px; padding: 2px 0;}
#contact form span {display: block; float: left;  }
#contact address {width: 210px; padding: 42px 0 0 10px; float: left;  }
#contact a {color: #fff;}
#contact address em {font-weight: bold;}
#contact address span {display: block; padding-bottom: 15px;}
#contact address span.span2 {padding: 0;}
#contact textarea {height: 72px; background-color: #C8C8C8;}


/* contact */

/* cariere */
#sec_menu li.cariere .page, #overlay .page {
width: 477px;
min-height: 347px; 
padding: 25px;
border: 1px solid #fff;
background-color: #505054;
position: absolute;
top: -373px;
left: -40px;
float: left;
}

#overlay .page {
 left: 50%;
 top: 100px;
 margin-left: -238px;
}

#cariere {
width: 100%;
float: left;
position: relative;
top: 0;
left: 0;
color: #fff;
}
#cariere a {color: #fff;}
#cariere h2 {
background-image:url(../images/h2_cariere_ro.gif);
height:19px;
overflow:hidden;
text-indent:-3000px;
width:227px;
}

#cariere h3 {
position: relative;
top: 0;
left: -45px;
}

#cariere_menu {
width: 100%;
float: left;
}
#cariere_menu li {
background-image:url(../images/cariere_menu_bg.gif);
background-position: left center;
}

#cariere_menu li a:link, #cariere_menu li a:visited, #cariere_menu li a:active {text-decoration: none;}
#cariere_menu li a:hover { text-decoration: underline;}

#cariere_menu li.first {
padding-left: 0 !important;
background: none;
} 

#cariere form {width: 383px; padding: 13px 0 0 45px; float: left;  } 
#cariere fieldset {width: 100%; float: left; } 
#cariere label {width: 377px; float: left; padding: 0 2px 0 0; margin: 0 0 3px; border: solid #505054; border-width: 0 4px 0 0;}
#cariere label.mandatory {border-color: #008031;}
#cariere  input, #cariere  textarea, #cariere span {display: block; float: right; }
#cariere span {float: left;}
#cariere  textarea {overflow: auto; height: 95px; background-color: #C8C8C8;}
#cariere input.text, #cariere textarea {width: 245px; padding: 1px 0; font-family: Arial; font-size: 12px; color: #505054;}
#cariere input.button {position: relative; top: 0; right: 6px; }
#angajati h3 , #colaboratori h3 {padding-bottom: 7px;}
#cariere #close_window {display: block; 
text-decoration: none; 
float: none; 
position: absolute; 
top: 0; right: 0; padding-right: 18px;
 background-image:url(../images/inchide.gif); 
 background-position: right center; 
 }


/* cariere */
#eroare {
background-color:#505054;
border:1px solid #FFFFFF;
left:50%;
margin-left:-150px;
margin-top:-50px;
padding:15px;
position:absolute;
top:50%;
width:300px;
min-height: 63px;
text-align:center;
}

* html #eroare {height:63px;}

#eroare p {
padding-bottom:10px;
min-height: 30px;
color: #fff;
}

* html #eroare {height:30px;}

#eroare_wrapper {
display:none;
height:100%;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index: 10;
}

#despre_noi ul, #subcontrol ul, #echipa ul, #sediu ul {  padding-bottom: 10px;}
#despre_noi ul li, #subcontrol ul li , #echipa ul li, #sediu ul li {list-style-type:square; list-style-position:inside; }
#despre_noi ul li, #subcontrol ul li,  #echipa ul li, #sediu ul li {padding: 1px 0;}

.loading {background-position: 22px 22px;}
.despre .loading { background-image:url(../images/despre-loader.gif); }
.servicii .loading { background-image:url(../images/servicii-loader.gif); }
.portofoliu .loading { background-image:url(../images/portofoliu-loader.gif);}
.proiecte .loading { background-image:url(../images/proiecte-loader.gif); }
.contact .loading { background-image:url(../images/contact-loader.gif); }

.filtru {position: absolute; width: 280px; z-index: 200;  top: 20px; left: 302px;}
.filtru fieldset, .filtru form {width: 100%;}
.filtru select {width: 100%;}
.filtru input {float: right;}
.filtru fieldset:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.options {display: none;}