/* CSS Document */



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}







#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color:  #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



body{

	background:url(images/bg.gif) repeat-x 0 0 #05386B;

	color:#80B7EE;

	font:normal 12px/16px Arial, Helvetica, sans-serif;

	margin:0;

	padding: 0;

	

}





div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a {

	margin:0;

	text-align: justify;

	}

ul{

	list-style:none;}

.spacer{

	font-size:0; line-height:0; clear:both;}



/* ------------------------ header start --------------------------- */

#header{

	position:relative; width:858px; height:282px; margin:0 auto;

	background:url(images/header_bg3.jpg) no-repeat 0 0 #05386B; color:#80B7EE;}

#header ul{

	position:absolute; left: -40px; top:0;}	

#header ul li{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left;

	background:url(images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;}

#header ul li a{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;

	background:url(images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;

	width:80px; height:26px; display:block;}

#header ul li a.hover{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;

	

	width:80px; height:26px; display:block;}

#header ul li a:hover{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;

	background:url(images/top_nav_bg_h.jpg) repeat-x 0 0 #0E0E0E;

	width:80px; height:26px; display:block;}

	

	

#telefon_index { height: 27px;

		   width : 128px;

		   float: right ;

		   margin-top:3px;

		   

}



#contact_index { height: 27px;

		   width : 175px;

		   margin-left: 10px;

		   margin-top: 3px;

		   float: right;

		   

}



#contact_index a { color:#80B7EE;

					text-decoration:none;}



#limba { height : 27px;

		 width: 57px;

		 margin-left: 25px;

		 padding-top:0px;

		 float:right;}

/* ------------------------ header end --------------------------- */

/* ------------------------ body start --------------------------- */







#bara{

	position:relative;

	padding-top:1px;

	width:858px;

	height:87px;

	margin:0 auto;

	color:#FFFFFF;

	background:url(images/banner.jpg);

	

}



#logo { float:left;

		width: 280px;

		height: 112px;

		

		margin-top:30px;

		margin-left:5px;

}

/* ------------------------ logo end --------------------------- */



#body{

	width:850px; margin:0 auto; text-align:justify; height: 750px;

	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE; text-align:justify}

#body h2{

	font:normal 20px/16px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF; text-align:justify}

#body p{

	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B; text-align:justify}

#body p strong{

	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B; text-align:justify}

#body a { color:#FFC04E;

		   text-decoration:none;}

#bodystanga{

	width:300px; float:left;

	height:450px;

	margin-top: 25px;

	text-align:justify;

	padding: 5px;

	

	

			}

		

#titlu-stanga { width: 280px;

				float: left;

				height: 162px;

				margin-bottom: 15px;

				margin-right: 10px;

				border:  solid 2px #DEA418;

}





#bodycentru {

	width:300px; 

	float:left;

	height: 450px;

	margin-top:25px;

	margin-left:18px;

	text-align:justify;

	padding: 5px;

	

}



#titlu-centru { width: 280px;

				height: 162px;

				float:left;

				margin-bottom:10px;

				margin-right:10px;

				border:  solid 2px #DEA418;

}



#bodydreapta {

	width:180px; 

	float:left;

	height: 580px;

	margin-top:25px;

	margin-left:12px;

	text-align:justify;

	padding:5px;

	

}



#titlu-drepta1 { width: 180px;

				height: 116px;

				float:left;

				margin-right:10px;

				margin-bottom:12px;

				border:  solid 2px #DEA418;}

				

#titlu-drepta2 { width: 180px;

				height: 116px;

				float:left;

				margin-right:10px;

				margin-bottom:12px;

				border:  solid 2px #DEA418;}









#bodyFooter{

	width:800px; margin:0 auto; padding:30px 20px 0;

	background:url(images/body_footer_shadow.gif) no-repeat 0 0 #05386B; color:#FFFFFF;}

#bodyFooter a.world{

	background:url(images/world.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;

	width:800px; height:130px; display:block; text-decoration:none; text-indent:-2000px;}

#bodyFooter a.work{

	background:url(images/work.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;

	width:800px; height:130px; display:block; text-decoration:none; text-indent:-2000px;} 

#bodyFooter a.service{

	background:url(images/service.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;

	width:800px; height:130px; display:block; text-decoration:none; text-indent:-2000px;} 



/* ------------------------ Footer --------------------------- */

#footer{

	background:url(images/footer_bg.gif) repeat-x 0 0 #14191C; color:#FFFFFF; margin:30px 0 0 0;}

#footerContainer{

	width:800px; margin:0 auto; padding:14px 0; }

#footerContainer ul{

	width:800px;

	margin:0 auto;

	text-align: justify;

}

#footerContainer ul li{

	font:bold 11px/16px Arial, Helvetica, sans-serif;

	background-color:#14191C; color:#FFFFFF; float:left;}

#footerContainer ul li a{

	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;

	background-color:#14191C; color:#FFFFFF; text-decoration:none;}

#footerContainer ul li a:hover{

	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;

	background-color:#22292D; color:#FFFFFF; text-decoration:none;}

#footerContainer p{

	font:normal 11px/26px Arial, Helvetica, sans-serif; width:800px; text-align:center;

	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}

#footerContainerValidation {

	width:112px; margin:0 auto; padding:0;}

#footerContainerValidation a.xhtml{

	background-color:#214F7C; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;

	font:bold 13px/15px Arial, Helvetica, sans-serif; 

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainerValidation a.xhtml:hover{

	background-color:#19436B; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;

	font:bold 13px/15px Arial, Helvetica, sans-serif; 

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainerValidation a.css{

	background-color:#B4830E; color:#FFFFFF; width:41px; height:16px;

	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainerValidation a.css:hover{

	background-color:#805E0C; color:#FFFFFF; width:41px; height:16px;

	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainer p.tworld{

	font:normal 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;

	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}

#footerContainer p.tworld a{

	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;

	background-color:#14191C; color:#FFC04E; text-decoration:none; margin:0 auto;}

#footerContainer p.tworld a:hover{

	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;

	background-color:#22292D; color:#FFCE09; text-decoration:none; margin:0 auto;}

/* ------------------------ footer end --------------------------- */





/*-------------------------Despre noi---------------------------*/



#body-despre-noi{

	width:850px; margin:0 auto; text-align:justify;  margin-top:20px;

	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE;

	padding: 8px;}

#body-despre-noi h2{

	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF; padding-left:8px;}

#body-despre-noi p{

	font:normal 12px/20px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B;}

#body-despre-noi p strong{

	font:bold 12px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}





#imagine-despre-noi { 

					  margin-right: 10px;

					  width: 250px;

					  height:166px;

					  float:left;

					  border:  solid 2px #DEA418;

					   }

					   

/*-------------------------Servicii---------------------------*/



#pagina-servicii { width:850px; height: 750px; margin:0 auto; text-align:justify;  margin-top:20px;

	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE;

	padding: 8px;}

	

#pagina-servicii h2{

	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF; padding-left:8px;}

#pagina-servicii p{

	font:normal 12px/20px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B;}

#pagina-servicii p strong{

	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}



#imagine-servicii {  margin-right: 10px;

					  width: 280px;

					  height:162px;

					  float:left;

					  border:  solid 2px #DEA418;

					   }

					   





	

	

#serviciu1 {width:80px; float:left;

	height:80px;

	margin-top:35px;

		 	   

}





#serviciu1-text { margin-left: 95px;

				  width: 750px;

				  margin-top:35px;

}

#serviciu2 {width:80px ; float:left;

	height:80px;

	margin-top:35px;

		 	   

}





#serviciu2-text { margin-left: 95px;

				  width: 750px;

				  margin-top:35px;

				  }

				  

#serviciu3 {width:80px; float:left;

	height:80px;

	margin-top:35px;

		 	   

}

#serviciu3-text { margin-left: 95px;

				  width: 750px;

				  margin-top:35px;

				  }

				  

#serviciu4 {width:80px; float:left;

	height:80px;

	margin-top:35px;

		 	   

}

#serviciu4-text { margin-left: 95px;

				  width: 750px;

				  margin-top:35px;

				  }

				  

/*-------------------------Portofoliu---------------------------*/

#pagina-portofoliu {width:850px; height: 550px; margin:0 auto; text-align:justify;  margin-top:20px;

	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE;

	padding: 8px;}		

#portofoliu { margin:3px; background:#FFF; height:500px;border:  solid 2px #DEA418;}

  

 /*-------------------------Contact---------------------------*/

 #pagina-contact { width:850px; height: 700px; margin:0 auto; text-align:justify;  margin-top:20px;

	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE;

	padding: 8px;}

 #pagina-contact h2{

	font:normal 22px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF; padding-left:8px;}

#pagina-contact p{

	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B;}

#pagina-contact p strong{

	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}

 

 #contact1{

	width:300px; float:left;

	height:670px;

	margin-top: 25px;

	margin-left: 90px;

	text-align:justify;

	padding: 5px;

	

	

			}

#contact1-map 	{ border:  solid 2px #DEA418; width:280px; }		

#imagine-contact1 { width: 180px;

				float: left;

				height: 116px;

				margin-bottom: 15px;

				margin-right: 110px;

				border:  solid 2px #DEA418;

}





#contact2 {

	width:300px; 

	float:left;

	height: 580px;

	margin-top:25px;

	

	text-align:justify;

	padding: 7px;

	border:  solid 2px #DEA418;

}

#sliderContent { width:700px; margin:auto; }
.viewer { width:700px; height:380px; margin:0 auto 20px; padding:1px; overflow:hidden; position:relative; border:1px solid #F93;}
.content-conveyor { width:700px; height:360px; position:relative; }
.item { width:350px; height:380px; float:left;text-align:center; background-color: #F1F1F1;-webkit-border-radius:3px;
	border-radius:3px; }
.item h2 { font-size:20px; margin:10px 0; padding-left:50px; }
.descriere { width:290px; margin-left:40px; padding:10px; text-align:justify; color:#000;}