@charset "utf-8";
/*
*********************************************
****************CSS Template*****************
*********************************************
*******************V  1.2.6******************
*********************************************
***********Iordache Dragos*******************
**********dragosh.iordache@yahoo.com*********
*********************************************
*********************************************
******************NUME FIRMA*****************
*/
/**************VVgeneralVV******************/
body{
  padding: 0px;
  margin: 0px;
  background: #000 url(../files/images/bg-body.jpg) no-repeat center top;
  font-family: Arial, FreeSans, "Nimbus Sans L", sans-serif;
  font-size: 14px;
}

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{
  color: #000;
  text-decoration: none;
  font-family: Arial, FreeSans, "Nimbus Sans L", sans-serif;
  font-size: 14px;
}

a:hover{
  text-decoration: underline;
}
/*************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***********/
.side-box{
  margin-bottom: 30px;
}

.cert{
    margin: 10px 5px;
}

.image-float-right{
  float: right;
  margin: 10px 0px 10px 10px;
}

.image-float-left{
  float: left;
  margin: 10px 10px 10px 0px;
}

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

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

#container{
  width: 990px;
  height: auto;
  margin: 0px auto;
}


/*===============header=====================*/
/*logo-swap*/
#logo{
  width: 231px;
  height: 161px;
  margin-left: 30px;
}

#logo a{
  background: transparent url('../files/images/logo.png') no-repeat;
  display: block;
  width: 231px;
  height: 161px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}
/*logo-swap*/

#header{
  position: relative;
}

#limbi{
  display: inline-block;
  position: absolute;
  top: 100px;
  right: 40px;
}

#limbi li{
  float: left;
  background: transparent url(../files/images/bullet-gray-angle.png) no-repeat bottom left;
  padding: 0px 0px 4px 7px;
  margin-left: 17px;
}

#limbi li a{
  color: #F00;
  font-size: 14px;
}

#inner-header{
  width: 990px;
  height: 273px;
  background: transparent url(../files/images/bg-slideshow.png);
  padding-top: 11px;
  margin-top: 60px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}

#menu{
  position: absolute;
  right: 0px;
  top: -34px;
  z-index: 2;
}

#menu li{
  float: left;
  width: auto;
  height: 41px;
}

#menu li a{
  display: block;
  width: auto;
  height: 41px;
  background: transparent url(../files/images/bg-menu-normal.png) repeat-x;
  font: 18px bold;
  color: #FFF;
  padding: 6px 22px 0px 22px;
}

#menu li a:hover{
  background: transparent url('../files/images/bg-menu-hover.png') repeat-x;
  text-decoration: none;
}


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



/*===============content=====================*/
#content{
  overflow: hidden;
  margin-top: 5px;
  background: transparent url(../files/images/bg-content.png) repeat-y;
}

#content-left{
  width: 265px;
  height: auto;
  float: left;
  padding-left: 25px;
  margin-bottom: 25px;
}

#content-left h2{
  color: #D4D3D3;
  font: 21px normal;
  border-bottom: 1px dotted #7E7E7E;
  height: 28px;
  text-align: center;
  padding-bottom: 20px;
  margin: 15px 0px 25px 0px;
}

#content-left img{
  vertical-align:middle;
}
#content-left h2{
  vertical-align:middle;
}

#content-left p{
  color: #D4D3D3;
}

#servicii ul{

}

#servicii ul li{
  margin: 25px 0px 0px 10px;
}

#servicii ul li a{
  color: #FFFFFF;
}

#certificari{
  text-align: center;
}


#content-right{
  width: 666px;
  height: auto;
  float: right;
  padding: 0px 15px 25px 15px;
  color: #D1D1D1;
  overflow: hidden;
}

#content-right h2{
  color: #D4D3D3;
  font: 21px normal;
  background: transparent url(../files/images/bullet-special-red-angle.png) no-repeat left bottom;
  margin: 15px 0px;
  height: 28px;
  padding-left: 7px;
}

#content-right h3{
  color: #858484;
  font-size: 15px;
}


#content-right p{
  font-size: 13px;
}

#content-right ul{
  list-style-type: disc;
  margin: 15px 0px 15px 50px;
  font-size: 13px;
}

#content-right ul li{
  margin: 5px 0px;
}

#content-right a{
  color: #E21616;
  font-size: 13px;
  font-weight: bold;
}


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

/*===============footer======================*/
#footer{
  width: auto;
  height: 48px;
  background: #FF3333 url(../files/images/bg-footer.png) repeat-x;
  overflow: hidden;
}

#inner-footer{
  width: 990px;
  height: inherit;
  margin: 0px auto;
  overflow: hidden;
}

#inner-footer p{
  font-size: 12px;
  color: #FFF;
  margin: 0px 0px 0px 0px;
  width: 30%;
  height: 100%;
}

#copy{
	margin-top: 10px;
	width: 33%;
	color: #fff;
  	float: left;
  	height: 100%;
}
#bottom{
	margin-top: 10px;
	width: 42%;
	float: left;
	text-align: right;
	height: 100%;
	}

#by{
	margin-top: 10px;
	padding-top:5px;
	width: 20%;
	float: right;
	text-align: right;
}


#by a{
  font-size: 12px;
  color: #393939;
}
ul#menu_bottom{
	list-style: none;
	float: left;
	padding:5px 0 0 0;
	}
ul#menu_bottom li{
	float: left;
	padding:0 4px 0 0;
	}

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

/*slideshow*/
#slideshow{
  width: 960px;
  height: 260px;
  margin: 0px auto;
  position: relative;
  z-index: 1;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


/*slideshow*/
/*   --------   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: 280px; /*modifici aici pt lungimea datelor de contact*/
  height: auto;
  padding-left: 10px;
}

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

#formular_contact_form{
  margin-top: 84px;
  width: 350px;
  height: auto;
  padding-left: 10px;
}

#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   ---------------  */

/* 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*/
#galerie_div{
	width:89%;
  	overflow: hidden;
  	margin: 25px auto 0px auto;
}
.thumb{
  float: left;
  width: 150px;
  height: 113px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #77838B;
  margin: 5px 15px;
}

.thumb:hover{
  background-color: #424B53;
}


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