@charset "utf-8";
/*
*********************************************
************Expert Online CSS Template*******
*********************************************
*******************V  1.2.5******************
*********************************************
******************NUME FIRMA*****************
*/
/**************VVgeneralVV******************/
body{
  padding: 0px;
  margin: 0px;
  background: #FFF;
  font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
  font-size: 13px;
  background: url(../images/body_bg_2.png) no-repeat center bottom;
}

div, ul, li, h1, h2, h3, h4{padding: 0px;margin: 0px;}
ul, ol{list-style-type: none;}
img{border: 0px;}

/*************stilul normal pentru linkuri*************/
a{
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  text-decoration: underline;
}

a:hover{
  text-decoration: none;
}

h2{
  font-size: 18px;
  font-weight: normal;
  color: #098C12;
  margin: 0px 0px 0px 10px;
}


/*************stilul normal pentru linkuri*************/


/*******************clase generale************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html.clearfix {height:1%;}
.zarro_float{float: none;height: 0px;overflow: hidden;width: 100%;}
.float_left{float: left;}
.float_right{float: right;}
.align_right{text-align: right;}
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_justify{text-align: justify;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.normal{font-style: normal; font-weight: normal}
/*************end clase generale************/


/*****************clase specifice***********/
.content_box{
  width: auto;
  border: 1px solid #7EBE6E;
  position: relative;
  background: transparent url(../images/bg_white_transparent.png);
  min-height: 400px;
  z-index: 2;
  margin-bottom: 10px;
  padding: 0px 25px 40px 25px;
  overflow: hidden;
}

.middle_bg{
  width: 422px;
  height: 298px;
  background: transparent url(../images/middle_bg.png) no-repeat;
  position: absolute;
  top: 90px;
  left: -140px;
}

.no_pipe{
  background-image: none !important;
}

.red_link{
  color: #F00;
  text-decoration: none;
}

.red_link:hover{
  text-decoration: underline;
}

.flower_bullets li a{
 padding-left: 25px;
}

.red_flower{background: transparent url(../images/bullet_red_flower.png) no-repeat center left;}
.yellow_flower{background: transparent url(../images/bullet_yellow_flower.png) no-repeat center left;}
.blue_flower{background: transparent url(../images/bullet_blue_flower.png) no-repeat center left;}
.mov_flower{background: transparent url(../images/bullet_mov_flower.png) no-repeat center left;}

.img_cont{
  float: left;
  width: 155px;
 height: 116px;
}


.img_cont img{
 display: block;
 margin: 0px auto;
 border: 1px solid #000;
}

.separator_div{
  width: 1px;
  height: 100px;
  background-color: #000;
  margin-top: 10px !important;
  float: left;
}

.side_box{
  margin-bottom: 25px;
  position: relative;
}

.side_box ul{
  padding: 35px 0px 0px 15px;
}

.side_box ul li{
  margin: 2px 0px;
}


.side_box ul li a{
  padding-left: 22px;
  background: transparent url(../images/bullet_butterfly.png) no-repeat center left;
}


.side_box_top{
  width: 201px;
  height: 9px;
  background: transparent url(../images/side_box_top.png) no-repeat top left;
}

.side_box_middle{
  width: 201px;
  height: auto;
  background: transparent url(../images/side_box_middle.png) repeat-y;
  overflow: hidden;
}


.side_box_bottom{
  width: 201px;
  height: 9px;
  background: transparent url(../images/side_box_bottom.png) no-repeat top left;
}

.gal_box{
  width:638px;
  margin-bottom: 25px;
  position: auto;
}

.gal_box ul{
  padding: 35px 0px 0px 15px;
}

.gal_box ul li{
  margin: 2px 0px;
}


.gal_box ul li a{
  padding-left: 22px;
  background: transparent url(../images/bullet_butterfly.png) no-repeat center left;
}


.gal_box_top{
  width: 639px;
  height: 9px;
  background: transparent url(../images/gal_top.png) no-repeat top left;
}

.gal_box_middle{
  width: 639px;
  height: auto;
  background: transparent url(../images/gal_middle.png) repeat-y;
  overflow: hidden;
}


.gal_box_bottom{
  width: 639px;
  height: 9px;
  background: transparent url(../images/gal_bottom.png) no-repeat top left;
}

.gal_img{
	border-style:solid;
	border-width:1px;
	border-color:#7EBe6E;
}

.gal_mid_cell{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#7EBe6E;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#7EBe6E;
}

/*************end clase specifice***********/

/************^^^^general^^^^^***************/

#ribbon{
  width: 100%;
  height: 65px;
  background: transparent url(../images/ribbon.png) repeat-x;
  position: absolute;
  top: 222px;
  z-index: 3;
}


/*===============header=====================*/
/*logo-swap*/
#logo{
  width: 177px;
  height: 153px;
  position: absolute;
  top: 75px;
  left: -20px;
}

#logo a{
  background: transparent url('../images/logo.png') no-repeat;
  display: block;
  width: 177px;
  height: 153px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}
/*logo-swap*/
/*certificari-1-swap*/
#certif1{
  width: 81px;
  height: 112px;
  position: absolute;
  top: 130px;
  left: 210px;
}

#certif1 a{
  background: transparent url('../images/certif_thin.jpg') no-repeat;
  display: block;
  width: 81px;
  height: 112px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}
/*certificari-1-swap*/
/*certificari-2-swap*/
#certif2{
  width: 81px;
  height: 112px;
  position: absolute;
  top: 130px;
  left: 300px;
}

#certif2 a{
  background: transparent url('../images/certif_thin.jpg') no-repeat;
  display: block;
  width: 81px;
  height: 112px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}
/*certificari-2-swap*/

#header{
  width: 100%;
  height: 322px;
  overflow: hidden;
  background: transparent url(../images/body_bg.png) repeat-x;
  position: relative;
}

#inner_header{
  width: 996px;
  height: 287px;
  margin: 0px auto;
  position: relative;
}

#slogan{
  position: absolute;
  top: 75px;
  left: 230px;
}

#flash{
  top: 0px;
  right: 0px;
  position: absolute;
  z-index: 1;
}

#menu_container{
  width: auto;
  height: 57px;
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 15px;
  z-index: 2;
}

#menu_container div{
  float: left;
  height: 57px;
}

#top_menu_left{
  width: 10px;
  height: 57px;
  background: transparent url(../images/top_menu_left.png) no-repeat;
}

#top_menu_middle{
  width: auto;
  height: 57px;
  background: transparent url(../images/top_menu_middle.png) repeat-x;
  padding: 0px 10px;
}

#top_menu_middle ul{
  margin-top: 4px;
}


#top_menu_middle ul li{
  display: block;
  float: left;
  height: 34px;
  padding: 12px 10px 0px 10px;
  background: transparent url(../images/top_menu_pipe.png) no-repeat center right;
}

#top_menu_middle ul li a {
  font-family: "Times New Roman", Times, "Nimbus Roman No9 L", "Free Serif", serif;
  font-size: 16px;
  color: #088C10;
  text-transform: uppercase;
  text-decoration: none;
}

#top_menu_middle ul li a:hover{
  text-decoration: underline;
}


#top_menu_right{
  width: 10px;
  height: 57px;
  background: transparent url(../images/top_menu_right.png) no-repeat;
}


/*===========end header=====================*/



/*===============content=====================*/
#container{
  width: 996px;
  height: auto;
  margin: 0px auto;
  position: relative;
  z-index: 2;
  top: -25px;
}

#home_pane{
  margin: 30px 0px 35px 0px;
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid #94D484;
}

#home_pane p{
  margin: 0px;
}

#home_pane div{
  min-height: 120px;
  float: left;
  height: auto;
  padding: 0px 10px;
}

#despre{
  width: 450px;
}

#servicii{
  width: 200px;
  border-left: 1px solid #94D484;
}

#lucrari{
  width: 200px;
  border-left: 1px solid #94D484;
}

#lucrari_pane{
  width: auto;
  height: 136px;
  border: 1px solid #CCCCCC;
  margin-top: 15px;
  padding: 0px 30px 8px;
  padding-top: 18px;
}

#lucrari_pane div{
  float: left;
  margin: 0px 18px;
}

#sidebar{
  float: left;
  margin-top: 30px;
}

#sidebar h2{
  position: absolute;
  background: transparent url(../images/bullet_logo.png) no-repeat left bottom;
  width: inherit;
  min-height: 30px;
  top: -5px;
  left: -18px;
  padding: 10px 0px 0px 50px;
}

#page_content{
  width: 710px;
  height: auto;
  float: left;
  margin: 30px 0px 0px 20px;
}
#page_content ul{
	list-style: disc;
	margin: 13px 0;
	padding-left: 35px;
}
#page_content ol{
	list-style: decimal;
}

/*===========end content=====================*/

/*===============footer======================*/
#footer{
  width: auto;
  min-height: 45px;
  background: transparent url(../images/bg_green_transparent.png);
  margin-top: 65px;
}

#copy{
  padding: 11px 0px 0px 0px;
  margin: 0px;
  color: #FFF;
}


/*===========end footer======================*/


/*jquery tools scrollabe*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 660px;
    height: 141px;
}

div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}


div.scrollable div.items div {
    float:left;
}

div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

div.items img{
  margin: 0 30px;
  padding: 2px;
  border: 1px solid #CCCCCC;
}


/*end jquery tools scrollabe*/

/*   --------   START CONTACT   ---------------   */


#contact_container{
  overflow: hidden;
}

#contact_container div{
  float: left;  /*sterge pentru varianta verticala*/

}
#contact_succes{
	width: 650px;
	margin: 0 auto;
	text-align: center;	
}



#contact_data{
  width: 240px; /*modifici aici pt lungimea datelor de contact*/
  height: auto;
  padding-left: 60px;
}

#contact_data p{
  margin: 0px 0px 20px 0px;
}

#formular_contact_form{
  width: 340px;
  height: auto;
  padding-left: 60px;
}

#formular_contact_form label{
  display: inline-block;
  text-align: right;
}

#formular_contact_form input, #formular_contact_form textarea{
  display: inline-block;
  border: 1px solid #A2A2A2;
}

#submit_buttons_container{
  width: 160px;
  height: 22px;
  margin-left: 84px; /*latimea trebuie sa fie aproximativ egala cu latimea labelului*/
  text-align: left;
}

#submit_buttons_container input{
  background-color: #F0F0F0;
  border: 1px solid #A2A2A2;
}

#submit_buttons_container input:hover{
  background-color: #FFFFFF;
  border: 1px solid #000;
}


.formular_contact_text_input{
  width: 200px;
  height: 18px; /*inaltimea inputului trebuie sa fie egala cu inaltimea labelului*/
}

.formular_contact_text_area{
  width: 220px;
  height: 140px;
}

#captcha_pic{
  margin: 10px 10px 10px 10px;
}
/*   --------   END CONTACT   ---------------  */

#galerie_div{
  overflow: hidden;
  margin-left: 30px;
  width: 670px;
}
.thumb{
  float: left;
  width: 180px;
  height: 120px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid green;
  margin: 5px 15px;
}

.thumb:hover{
  background-color: #7EBE6E;
}


.thumb img{
  display: block;
  margin: 0px auto;
}



/* jQuery lightBox plugin*/


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
/* jQuery lightBox plugin*/