/* 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 */
html, body {height: 100%; border: 0;}
body {background:#62615e; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #fff; position: relative; top: 0; left: 0;    }
a:link, a:visited, a:hover, a:active {color: #fff; text-decoration: none;}
#content a:link, #content a:visited, #content a:active {text-decoration: underline;}
#content a:hover {text-decoration: none;}
#wrapper {height: 100%; min-height: 60em;  background:url(../images/pix.gif);  min-width: 1000px; position: relative; top: 0; left: 0; font-size: 1em; width: 100%; overflow: hidden;  }
img {display: block;}

#bg {width: 100%; height: 100%; position: absolute;  min-width: 100%; min-height: 100%;}
.holiday {top: 0; right: 0;}
.despre_toggler_bg {right: 0; top: 0;}
.servicii_toggler_bg {left: 0; bottom: 0;}
.portofoliu_toggler_bg {left: 0; bottom: 0;}
.clienti_toggler_bg {left: 0; bottom: 0;}
.contact_toggler_bg {right: 0; bottom: 0;}

#container {min-height: 100%;  position: relative; top: 0; left: 0; z-index: 10; background:url(../images/pix.gif); width: 100%;   }

h1 {height: 12em; width: 12em; background-color:#FF0000; position: absolute; top: 40px; left: 0; z-index: 1000;}
h1 a:link, h1 a:visited, h1 a:active {width:83px; height:18px; display:block; text-indent: -3000px; overflow: hidden; background-image:url(../images/h1.gif); position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -33px;}
h1 a:hover { background-position: 0 -18px;}

#page {padding: 40px 0 0 0; float: left; width: 855px; padding-left: 12.1em;}

#main_menu_wrapper {background: #aeaba6; width: 600px; float: left;    }
#main_menu {position: relative; top: 0; left: 0; z-index: 10; margin-top: 1.5em; padding-bottom: 1.5em; min-height: 9em; width: 100%; float: left;  }
#main_menu li {width: 120px; padding-right: 1px; float: left; clear: left; background-image:url(../images/pix.gif); background-repeat:repeat;  }
#main_menu a, #main_menu span { display: block; line-height: 1.63636em; white-space:nowrap;  padding-left: 20px; cursor: pointer;  font-size: 1.1em; background:url(../images/pix.gif);  }
#main_menu a.hover, #main_menu span.hover {background-image:url(../images/li_bg.png); background-repeat:repeat;}

#main_menu li.opened { background-image:url(../images/white_arrow.gif) !important; background-position: right center !important; background-repeat:no-repeat !important;} 
.no_js #main_menu li:hover ul {visibility: visible;}
.no_js #main_menu li:hover li:hover ul, .no_js #main_menu li li:hover div.links_wrapper {visibility: visible;}
#main_menu ul {position: absolute; top: 0; left: 121px; visibility: hidden; width: 121px; float: left; min-height: 9em;}
#main_menu ul div.links_wrapper {position: absolute; top: 0; left: 121px; visibility: hidden; width: 359px;  }
#main_menu ul div.links_wrapper div {position: relative; top: 0; left: 0; width: 100%; height: 9em; overflow: auto; }
#main_menu li li ul {top: 0; left: 0; position: relative;  width: 339px;    }
.no_js #main_menu li:hover li ul {visibility: hidden; }
#main_menu ul ul li {width: 100%;}

.no_js #clienti_links div.links_wrapper {position: absolute; top: 0; left: 121px; visibility: hidden; width: 359px;   }
.no_js #clienti_links  div.links_wrapper div {position: relative; top: 0; left: 0; width: 100%; height: 9em; overflow: auto;  }
.no_js #clienti_links ul {top: 0; left: 0; position: relative; width: 339px !important; }
.no_js #clienti_links ul li {width: 100% !important;}
.no_js #clienti_links:hover div.links_wrapper {visibility: visible;}
.no_js #main_menu a:hover, .no_js #main_menu span:hover {color: red;}



#content {width: 846px; float: left; padding-top: 1px; padding-bottom: 40px; font-size: 1.1em; position: relative; top: 0; left: 0; overflow: hidden;  }
#proiect_gallery {width: 349px;  border: 5px solid #fff; background-color: #fff; float: left; min-height: 381px;  }
#proiect_caption {width: 100%; float: left; padding: 12px 0 6px;}
#proiect_caption dt {float: right;  }

#proiect_caption dd {float: left;}
#proiect_nav {float: left;}
#proiect_nav li {float: left; padding-right: 3px;}
#proiect_nav li a {display: block; padding: 0 4px; background-color: #fff;}
#proiect_nav li a:hover, #proiect_nav li a.thumb_on { background-color:#FF0000 !important; color: #fff !important;}


#proiect_fotos {width: 348px; height: 349px; overflow: hidden; float: left; position: relative; top: 0; left: 0; }
/*
#fotos {width: 3000px; position: relative; top: 0; left: 0; height: 348px; }
#proiect_fotos img {position: absolute; top: 0; left: 0;}
*/

#proiect_gallery a:link, #proiect_gallery a:visited, #proiect_gallery a:active {color: #FF0000; text-decoration: none; background-color: #fff; padding: 0 4px;}
#proiect_gallery a:hover {color:#fff; background-color:#FF0000;}

#proiect_description {width: 465px;  float: right;}
#facts {width: 580px;  float: left;  padding: 16px 0 0 20px; height: 350px; overflow: auto; } 
#facts_inner {width: 520px;}
#current_project a, #facts a {padding: 0 4px;}
#current_project a:hover, .fact a:hover {background-color: red;}

#current_project  { padding: 16px 0 15px;  min-height: 276px;}
.fact  {padding: 0 0 15px;}

h2 {font-size: 1.63em;}
#proiect_description span.date, #facts span.date { display: block; margin-top: -3px;}
#proiect_description {}
#proiect_description p, #facts p { line-height: 19px; padding-top: 15px;}
#facts p {padding: 0 0 15px;}


#other_projects {width: 100%; overflow: hidden; float: left;}
#other_projects h3  {padding-bottom: 10px; width: 100%; float: left;}
#projects_list dt {width: 55px; height: 54px; border: 3px solid #fff; overflow: hidden; position: relative; top: 0; left: 0; cursor: pointer;}
#projects_list dt img {position: absolute; left: -55px; top: 0;}
#projects_list dl, #projects_list dt, #projects_list dd {float: left;}
#projects_list dd {padding: 0 0 0 13px;  width: 133px;  overflow: hidden; }
#projects_list dl {width: 207px; background:url(../images/pix.gif);}
#projects_list dd em, #projects_list dd a {margin: 3px 0; display: block; float: left; clear: left;}
#projects_list dd em {width: 100%;}
#projects_list {width: 700px;  float: left; overflow: hidden;}
#projects_list li {float: left; width: 61px; overflow: hidden; margin-right: 4px;}
#projects_list li:hover {width: 207px;}
#projects_list li:hover dt img {left: 0;}
#footer {clear: both; position: absolute; left: 11em; bottom: 17px; font-size: 1.1em; width: 349px; }

#projects_list dd a.detalii {  padding: 0 4px 0 14px;  background-image:url(../images/detalii_bg.gif); background-position: 4px 4px;  margin-right: -3px;  }

a.detalii:link, a.detalii:visited, a.detalii:active {}
a.detalii:hover { background-color: #FF0000; text-decoration: none;}

#contactWrapper {padding-top: 25px; width: 570px; float: left;  padding-left: 22px;}
#locatie {width: 184px; float: right;}
#locatie address {padding-bottom: 15px;}

#contact_form {width: 361px; float: left;}
#contact_form fieldset, #contact_form label {width: 100%; float: left; display: block;}
#contact_form label {padding-bottom: 3px; clear: both;}
#contact_form label em {display: block; float: left; font-style: normal;}


#contact_form label input, #contact_form label textarea {display: block;  width: 303px; background-color: transparent; 
font-family: Arial; font-size: 11px; color: #fff;  position: relative; top: 0; left: 0; float: right;}
#contact_form span {background-image:url(../images/li_bg.png); background-repeat:repeat; display: block; float: right; width: 303px; padding: 2px 0; }



#contact_form label textarea {height: 104px; overflow: auto;}
input.button {float: left; position: relative; top: 0; left: 58px; clear: both;}
#menu_map {width: 600px; float: left;  text-indent: 20px; line-height: 18px;}

.content_off #proiect_gallery, .content_off #proiect_description, .content_off #contact {visibility: hidden;}
#lang {height: 12em; width: 23px; background-color: #fff; float: right; margin-top: 40px;   /*position: absolute; top: 40px; right: 0; */ overflow: hidden; }
#lang li {height: 60px; float: left; clear: left;}
#lang a {display: block; color:#8b8b8b; font-size: 11px; text-align: center; line-height: 22px; width: 23px;}
#lang a:hover { color:#FF0000;}
#lang span {display: block; width: 23px; height:60px; text-indent: -3000px;  overflow: hidden;  }
#lang .ro {background-image:url(../images/romana.png);}
#lang .en {background-image:url(../images/english.png);}



.clearer {height: 1px; clear: both;}
#facts p {padding: 12px 0 0;}
.list {padding: 10px 0  15px 20px; }
.list ul {padding-left: 30px; }
.list li {background-image:url(../images/red_arrow.gif); padding-left: 9px; margin: 0 0 5px; background-position: 0 5px;}
.list li li {background-image:url(../images/red_square.gif); margin: 5px 0 0 ; background-position: 0 6px;}

#default_form span.legend, #employee_form span.legend {
background-image:none;
display:block;
float:none;
padding: 5px 0 10px;
width:auto;

}
.cariere_form fieldset{
position: relative;
top: 0; 
left: 0;


}
#default_form, #employee_form {width: 100%; float: left;}
#default_form fieldset, #default_form label , #employee_form fieldset, #employee_form label{width: 100%; float: left; display: block;}
#default_form label, #employee_form label {padding-bottom: 3px; clear: both; width: 361px; }
#default_form label em, #employee_form label em {display: block; float: left; font-style: normal;}
#default_form label input, #default_form label textarea, #employee_form label input, #employee_form label textarea , #contact_form label input, #contact_form label textarea {display: block;  width: 303px; background-color: transparent !important; 
font-family: Arial; font-size: 11px; color: #fff;  position: relative; top: 0; left: 0; float: right; z-index: 10;}
#default_form span, #employee_form span {background-image:url(../images/input_bg.png); background-repeat:repeat; display: block; float: right; width: 303px; padding: 2px 0; }
#default_form label textarea, #employee_form label textarea {height: 104px; overflow: auto;}
#angajari {padding-left: 0; padding-bottom: 10px;}
.error {background-color: red !important;}
#contact_form span, #default_form span, #employee_form span  {position: relative; top: 0; left: 0;}
#contact_form span strong, #default_form span strong, #employee_form span strong {display:none; position: absolute; top: 0; left: 0; font-weight: normal; width: 100%;}
* html #default_form span {position: static;}


/* membri */
#echipa_wrapper {position: relative; top: 0; left: 0;}
#membri_echipa { position: relative; top: 0; left: 0; height: 400px; }
#membri_echipa li {position: absolute;}
#membri_echipa li span.character ,#membri_echipa li span.character  span {display: block; position: absolute; }
#membri_echipa li span.character {overflow: hidden; z-index: 1;}

 

#mona span.character {width: 71px; height:81px;  top: 30px; left: 25px; }
#mona span.character span {background-image:url(../images/mona.png); width: 71px; height: 162px;}
#mona span.character span.on {top: -81px;}


#evi span.character {width: 77px; height: 106px; top: 35px; left: 333px;}
#evi span.character span {width: 77px; height: 212px; background-image:url(../images/evi.png);}
#evi span.character span.on {top: -106px;}

#bapsy span.character {width: 65px; height: 85px; top: 157px; left: 230px;}
#bapsy span.character span {width: 65px; height: 170px; background-image:url(../images/bapsy.png); }
#bapsy span.character span.on {top: -85px;}

#sonia span.character {width: 96px; height: 82px;  top: 32px; left: 232px;}
#sonia span.character span {width: 96px; height: 164px; background-image:url(../images/sonia.png);}
#sonia span.character span.on {top: -82px;}

#mishu span.character {width: 43px; height: 108px;  top: 123px; left: 44px;}
#mishu span.character span {width: 43px; height: 216px; background-image:url(../images/mishu.png);}
#mishu span.character span.on {top: -108px;}

#andi span.character {width: 65px; height: 75px; top: 162px; left: 318px;}
#andi span.character span {width: 65px; height: 150px; background-image:url(../images/andi.png);}
#andi span.character span.on {top: -75px;}




#marian span.character {width: 58px; height: 82px;  top: 185px; left: 430px;}
#marian span.character span  {width: 58px; height: 164px; background-image:url(../images/marian.png);}
#marian span.character span.on {top: -82px;}

#alex span.character {width: 92px; height: 84px;  top: 20px; left: 152px;}
#alex span.character span  {width: 92px; height: 168px; background-image:url(../images/alex.png);  }
#alex span.character span.on {top: -84px;}

#lin span.character {width: 54px; height: 117px;  top: 20px; left: 433px;}
#lin span.character span  {width: 54px; height: 234px; background-image:url(../images/lin.png);  }
#lin span.character span.on {top: -117px;}


#filip span.character {width: 81px; height: 99px;  top: 143px; left: 117px;}
#filip span.character span  {width: 81px; height: 198px; background-image:url(../images/filip.png);  }
#filip span.character span.on {top: -99px;}


#echipa_map {position: absolute; top: 0; left: 0; width: 441px; height: 318px; visibility: hidden;}


#membri_echipa li strong {display: block; position: absolute; font-weight: bold; font-size: 1.45455em; }
#membri_echipa li strong span {display: block;}
#membri_echipa li em {display: block; white-space:nowrap; font-weight: normal; font-size: 0.68750em; margin-top: -4px;}
#mona strong span, #mishu strong span, #alex strong span, #bapsy strong span { width: 29px; height: 31px; background-image:url(../images/right_pointer.png);}
#sonia strong span, #evi strong span, #andi strong span, #marian strong span, #lin strong span, #filip strong span { width: 31px; height: 29px; background-image:url(../images/left_pointer.png);} 
#mona strong {top: 98px; left: 0;}
#evi strong {top: 115px; left: 405px;}
#lin strong {top: 115px; left: 485px;}
#bapsy strong {top: 243px; left: 213px;}
#sonia strong {top: 94px; left: 293px;}
#mishu strong {top: 200px; left: 0px;}
#andi strong {top: 207px; left: 373px;}
#filip strong {top: 234px; left: 167px;}
#alex strong {top: 85px; left: 126px;}
#marian strong {top: 222px; left: 490px;}
/* membri */

/* news */
#news dt a, #news dt img {display: block;}
#news dl {width: 460px; float: left; padding: 5px 0 16px;}
#news dd {width: 360px; float: right; line-height: 1.82em; margin-top: -5px;}
#news dt {float: left;}
#news dt a {border: 3px solid #fff; padding: 0; float: left;}
#news dd a {white-space: nowrap;}
#news h2, #news span.date {width: 100%; float: left; clear: left;}
#news .list {padding: 0;}
#news .list li {

background-position:0 7px;
margin:0pt 0pt 3px;
padding: 0;
background-image:none;

}
#news .list li li {
margin: 3px 0 0 ;
background-position:0 8px;
background-image: url(../images/red_square.gif);
padding-left: 9px;
}

/* news */