*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	background-color:#000000;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}

img{
	border:0;
}

.resize{
	width:100%;
	clear:both;
	height:0px;
	line-height:0px;
}


/********************************  LAYOUT ******************************************************/
#wrapper{
	width:953px;
	min-height:641px;
	margin:0 auto;
	text-align:left;
	position: relative;
}

* html #wrapper{
	height:641px;
}

/************************************************
		HEADER
************************************************/

#header{
	width:100%;
	height:129px;
	overflow: hidden;
}

#header #htop{
	height:59px;
	background:url(../img/header-margin-top.jpg) no-repeat;
}

#header #company{
	height:70px;
	width: 953px;
	background:url(../img/header-background.jpg) no-repeat;
}

#header #company #logo{
	position:relative;
	top:11px;
	left:10px;
	float:left;
	width:155px;
	height:100%;	
}


#header #company #title{
	width:300px;
	float:left;	
	font-size:13px;
	margin-top:30px;
}


/************ IDIOMAS *********************************/

#idiomas{
	float:right;
	/*background-color:#006600;*/
	margin:13px 18px 0 0;
	font-size:10px;
}

#idiomas ul{
	list-style:none;	
}

#idiomas ul li{
	float:left;
	padding:0 5px;
	border-right:1px solid #464646;
}

#idiomas ul li.current{
	font-weight:bold;
}

#idiomas ul li a{
	color:#fff;
	text-decoration:none;
}

#idiomas ul li.last{
	border:none;
	padding-right:0;
}

/*************** Contacto *************************/

#header #hcontact{
	width:180px;
	
	position:absolute;
	right: 30px;
	top: 100px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}


#header #hcontact #email{
	font-size:10px;	
}

#header #hcontact #email b{
	color:#ff0700;
}

#header #hcontact #email a{
	text-decoration:none;
	color:#fff;
}

#header #phone a {
	display: block;
	background:url(../img/phone2.png) no-repeat;
	width: 191px;
	height: 43px;
}
#header #phone span { display: none; }

label.error { color: #F00; font-size: 10px; }
/*
#header #hcontact #phone_img{
	float:left;
	width:22px;
	height:44px;
	position:relative;
	top:4px;
	left:10px;
	background:url(../img/phone.png) no-repeat;
}

* html #phone_img{
	background: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/phone.png", sizingMethod="crop");
}


#header #hcontact #phone a {
	font-size:24px;
	font-weight:bold;
	height:22px;
	color: #FFF;
	text-decoration: none;
}
*/
a.ampliar { float: right; color: #c1c1c1; text-decoration: none; }
div.conta { width: 469px; height: 50px; margin: 15px 0 0 5px; }
div.conta h2 { color: #dddddd; font-size: 22px; font-family: Times New Roman; font-weight:normal; } 
div.conta p { color: #c1c1c1; font-size:10px; line-height: 15px; margin-top: 5px; }    
#contenido { margin: 25px 0px; } 
#contenido tr td { vertical-align: top;  }
div.infocontc { width: 470px; padding-top: 10px; }  
div.infocontc table tr td { padding: 10px 10px 10px 5px; }
div.infocontc table tr td.imagen { padding: 10px 0px; vertical-align: bottom !important; }
div.infocontc table tr td p.titulo { color: #c1c1c1; font-size: 11px; }
div.infocontc table tr td p.dir { font-family: Tahoma; font-size: 12px; }
div.infocontc table tr td p.tel { font-family: Tahoma; font-size: 14px; font-weight: bold; }
div.formcontac { width: 400px; }
div.formcontac h2{ color: #bbbbbb; font-size:17px; font-weight:normal; letter-spacing:-1px; margin-bottom: 3px; }
div.formcontac table tr td { padding: 3px 0px; }
div.formcontac table tr td p { font-size: 10px; }
div.formcontac table tr td input.gra { width: 235px; height: 23px; background-color: #282727; border: none; color: #ffffff; }  
div.formcontac table tr td input.peq { width: 195px; height: 23px; background-color: #282727; border: none; color: #ffffff; }
div.formcontac table tr td textarea { width: 440px; height: 63px; background-color: #282727; border: none; color: #ffffff; }
div.formcontac table tr td div { float: right;  background: url(../img/background-enviar.gif) repeat-x; -moz-border-radius: 2px; text-align: center; vertical-align: middle; padding: 4px 3px 3px 3px; }
div.formcontac table tr td div a { color: #ffffff; font-size: 14px; font-family: Myriad Semibold, Arial; font-weight: bold; text-decoration: none; display: block; width: 74px; height: 17px;  }
/************ CALLMEBACK *********************************/
#callmeback { text-align: left; overflow: hidden; }
#callmeback div.content { padding-left: 40px; }
#callmeback label { display: block; margin-bottom: 5px;  }
#callmeback input { font-size: 14px; padding: 3px; }
#callmeback p { margin-bottom: 10px;  } 
#callmeback input.error { border: 1px solid #DF211D; background: #FFD0CF; }
/************ MENU PRINCIPAL *********************************/

#menu { 
	width:100%;
	height:23px;
	background:url(../img/menu-background.png) repeat-y;	
}

#nav { 
	list-style:none;
	padding:0px 0 0 50px;	
	line-height:22px;
	height:100%; 	
}

#nav li.dash{
	width:30px;
	text-align:center;
}

#nav li { 
	float:left;	
	height:100%;
}

#nav li a {		
	display:block; 
	font-size:13px;
	color:#b3b3b3;
	text-decoration:none;
	outline: 0;	
}
#nav li a:hover { color: #FFF; }
#nav li a.current{
	font-weight:bold;
	color:#fff;
}
#nav li ul {
	position: absolute;
	left: -999em;
	list-style: none;
	margin-left: -10px;
}
#nav ul li { display: block; clear: left;  }
#nav li:hover ul {
	left: auto;
	overflow: hidden;
	background: #2A2929;
	padding: 10px;
}
#nav li:hover > a { color: #FFF; }


/*********************** SUBMENU  ********************************/

#submenu{
	height:28px;
	background-color:#000;
	padding:0px 0 0 40px;	
}

#submenu.hide{
	overflow:hidden;
}

#submenu ul{
	list-style:none;
	padding:0 10px;
	line-height:25px;
	height:100%; 
}

#submenu ul li{
	float:left;
}

#submenu ul li.dash{
	padding:0 14px;
	color:#535353;
}

#submenu ul li a{
	display:block;
	font-size:12px;
	color:#b2b1b1;
	text-decoration:none;	
}

#submenu ul li.current a, #submenu ul a.current {
	color:#fff;
	font-weight:bold;
}

#submenu li ul {
	position: absolute;
	left: -999em;
	list-style: none;
	margin-left: -10px;
	height: auto;
	z-index: 100;
}
#submenu ul.sub li { display: block; clear: left;  }
#submenu li:hover ul {
	left: auto;
	overflow: hidden;
	background: #000;
	padding: 10px;
}
#submenu li:hover > a { color: #FFF; }




/************************************************
		CONTENT
************************************************/

#content{
	min-height:300px;
}

* html #wrapper #content{
	height:300px;
}


/************************************************
		FOOTER
************************************************/

#footer{
	height:38px;
	background:url(../img/footer-background.jpg) no-repeat;	
	font-size:10px;
	clear:both;
}

#footer div{
	margin-top:10px;
}

#footer #copyright{
	margin-top:11px;/*se le añade un pixel ya que la otra capa tiene texto a 11px cuando este es de 10px*/
	float:left;
	margin-left:14px;
	color:#bebebe;
}

#footer #copyright span{
	color:#fff;
}

#footer #direccion{
	float:right;
	margin-right:18px;
}

#footer #direccion span{
	color:#df211d;
	margin-left:3px;
	font-size:11px;
}



/************************************************
		HOME
************************************************/

/*proyectos destacados*/
#destacados{
	width:100%;
	height:288px;
	overflow:hidden;
}


#destacados #left, #destacados #right{	
	float:left;
	width:76px;
	height:288px;
	position:relative;
	top:-290px;	
}

#destacados #right{
	float:right;
}

#tooltip{
	width:100%;
	height:26px;	
	position:relative;
	margin-top:-26px;
	
	background:url(../img/tooltip_background.png);
	line-height:25px;
	text-indent:90px;
}
#tooltip table { margin: 0 76px; width: 802px; }
#tooltip td { text-align: center; }

* html #tooltip{
	background: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tooltip_background.png", sizingMethod="scale");
}


#filete{
	width:100%;
	height:1px;
	background:url(../img/dotted.gif) repeat-x;
	overflow:hidden;	
}


#intro{
	margin:25px 0 15px 0;
	min-height:130px;
}

* html #wrapper #content #intro{
	height:130px;
}

#intro #imenu, #intro #vfilete, #intro #text{
	margin:0 10px;
}

#intro #imenu{
	width:250px;
	float:left;
	margin-left:5px;
}

#intro #imenu ul{
	list-style:none;	
}

#imenu ul li{
	margin:4px 0 4px 0;
}

#imenu ul div{
	height:1px;
	overflow:hidden;
	background:url(../img/dotted.gif) repeat-x;
}

/*Igualamos margenes*/
* html #wrapper #content #intro #imenu div{
	margin-top:4px;
}

#imenu ul li a{
	font-size:14px;
	color:#707070;
	text-decoration:none;
	display:block;
}

#imenu ul li a:hover{
	color:#fff;
}

#intro #vfilete{
	float:left;
	height:130px;
	width:1px;
	background:url(../img/vdotted.gif);
}

#intro #text{
	float:left;
	width:330px;
	min-height:120px;
	
	color:#c0bfbf;
	font-size:12px;	
}

#intro #text p#entradilla{
	color:#fff;
}

#intro #text p#entradilla b{
	text-transform:uppercase;
	color:#df211d;
}

#intro #anys{
	float:right;
}



/***************************************************
		PROYECTOS
****************************************************/

#projectsflow{
	padding:20px 0;
}

#projectsflow .item{
	cursor: pointer;
}

#projectsflow .globalCaption{
	margin:3em auto 1em auto;	
	font-size:18px;	
}


/************************************
	FICHA PROYECTO
************************************/

/*carrusel fotos proyectos*/
#carrusel_proyecto{
	width:100%;
	height:374px;
	overflow:hidden;
}



#carrusel_proyecto #left, 
#carrusel_proyecto #right{	
	float:left;
	width:76px;
	height:374px;
	position:relative;
	top:-376px;	
}

#carrusel_proyecto #right{
	float:right;
}


/*ficha y flechas debajo imagenes*/
#ficha{
	float:left;
	width:100%;
	
	height:76px;
}

#ficha #left,
#ficha #right{
	float:left;
	height:39px;
	margin-top:19px;
}

#ficha #left{
	float:left;
	margin-left:15px;
}

#ficha #right{
	float:right;
	margin-right:15px;
}

#ficha #left img{
	float:left;	
}


#ficha #left a,
#ficha #left span,
#ficha #right a,
#ficha #right span{
	height:39px;	
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	font-size:9px;
	line-height:38px;
}

#ficha #left.disabled span,
#ficha #right.disabled span{
	color:#808080;
}

#ficha #left span{
	padding-left:10px;
}

#ficha #right span{
	padding-right:10px;
	float:left;
}

#ficha #center{
	float:left;
	margin-top:19px;
	margin-left:150px;
}

#ficha #center #label{
	float:left;
	padding-right:5px;	
	
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	font-size:9px;
	line-height:38px;
}


#ficha #center #info{
	float:left;
}

#ficha #center #info h1{
	color:#ff0000;
	font-size:24px;
	margin-bottom:2px;
}

#ficha #center #info div{
	/* text-transform:uppercase;       */
}


/***************************************************
		EQUIPAMIENTO
****************************************************/

/*carrusel fotos equipamiento*/
#carrusel_equipamiento{
	width:100%;
	height:343px;
	overflow:hidden;
}


#carrusel_equipamiento #left, #carrusel_equipamiento #right{	
	float:left;
	width:76px;
	height:343px;
	position:relative;
	top:-345px;	
}

#carrusel_equipamiento #right{
	float:right;
}

/*menu categorias*/
/*si es un menu que esta debajo del carrusel*/
#categorias{
	height:80px;	
}

#categorias div{
	background-color:#232323;
}


/*****************************
	SERVICIOS
*****************************/

#content #servicio-imagen{
	float:left:
	width:100%;
	height:304px;
}

#content #servicio-info{
	float:left;
	width:100%;
	height:102px;
	margin-top:20px;
	margin-bottom:5px;
	/* background:url(../img/background-servicios-info.jpg) repeat-x;	 */
	text-align:center;
}


#content #servicio-info h1{
	margin: 0 0 5px 0;
	font-size:24px;
}

#content #servicio-info p{
	padding:0 15px;
	font-size: 14px;
}


/*************************************
 	CONTACTO
 ************************************/
 
#google-map{
 	width:100%;
	height:286px;
}

#contacto{
	margin-bottom:0px;
}

#whereare{
	float:left;
	width:100%;
	height:35px;
	
	margin-top:20px;
	margin-bottom:25px;
}

#whereare #onestem{
	margin-left:12px;
	margin-right:15px;
}

#whereare span{
	position:relative;
	bottom:2px;
}

#metro{
	position:relative;
	top:3px;
	
	margin-left:18px;
	margin-right:5px;
}

#contacto{
	float:left;
	width:100%;
	background:url("../img/background-contacto.jpg") repeat-x;
	text-indent:15px;
	height:74px;
}

#contacto span{
	position:relative;
	top:-70px;
	
	font-family:Tahoma, Arial, Helvetica;
	font-size:24px;
}

#contacto span a{
	color:#fff;
}

#contacto #phone2{
	position:relative;
	top:-41px;
}

#contacto #envelop{
	position:relative;
	top:-37px;
	margin-left:20px;
}

* html #contacto{
	margin-bottom:-42px;
}

 /**********************************
 	MAPA WEB
 ************************************/
 
 #empresa{
 	margin:15px 0 30px 20px;
 }
 
 #empresa h1{
 	font-size:24px;
 	margin-bottom:10px;
 }
 #empresa p { font-size: 14px; margin-bottom: 10px; }
 
 /**********************************
 	MAPA WEB
 ************************************/
 
 #mapaweb{
 	float:left;
 	width:953px;
 	margin:15px 0 30px 20px;
 }
 
 #mapaweb h1{
 	font-size:24px;
 	margin-bottom:10px;
 }
 
 #mapaweb div{
 	float:left; 
 	margin-right:10px;
 }
 
 #mapaweb div h2{
 	width:200px; 	
 	padding-left:5px;
 	padding-bottom:2px;
 	margin-bottom:10px;
 	background:url("../img/dotted.gif") repeat-x bottom;
 }
 
 #mapaweb div.nomenu { margin-right: 30px; }
 #mapaweb div.nomenu h2{
 	width:150px;
 }
 
 #mapaweb div h2 a{
 	font-size:16px;
 	color:#fff;
 	text-decoration:none;
 }
 
 #mapaweb div a:hover{
 	color:#B3B3B3;
 }
 
 
 /*listados*/ 
 #mapaweb div ul a{
 	text-decoration:none;
 	color:#fff;
 }
 
 #mapaweb div ul{
 	list-style:none;
 	margin-left:15px; 	 	
 }
 
 #mapaweb div ul li{
 	margin:2px 0;
 }
 
 #mapaweb div ul li a{
 	font-size:10px;
 }
 
/* CLASES ADICIONALES --------------------------------------------------------*/
div.ckeditor { }
div.ckeditor p { margin-bottom: 12px; }
 
#empresa { overflow: hidden; }
#empresa div.right-col { float: right; }

#content #servicio-imagen { height: auto; }

#ficha { height: auto; overflow: hidden; padding-bottom: 20px; }
#ficha #center { margin-left: 50px; width: 550px; overflow: hidden; }
#ficha #center #info { float: right; width: 450px; }