@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'neotechitalic';
    src: url('fonts/neotech-italic-webfont.eot');
    src: url('fonts/neotech-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neotech-italic-webfont.woff2') format('woff2'),
         url('fonts/neotech-italic-webfont.woff') format('woff'),
         url('fonts/neotech-italic-webfont.ttf') format('truetype'),
         url('fonts/neotech-italic-webfont.svg#neotechitalic') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'neotechbold_italic';
    src: url('fonts/neotech-blackitalic-webfont.eot');
    src: url('fonts/neotech-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neotech-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/neotech-blackitalic-webfont.woff') format('woff'),
         url('fonts/neotech-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/neotech-blackitalic-webfont.svg#neotechbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;}



@font-face {
    font-family: 'neosansregular';
    src: url('fonts/neosans-webfont.eot');
    src: url('fonts/neosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neosans-webfont.woff2') format('woff2'),
         url('fonts/neosans-webfont.woff') format('woff'),
         url('fonts/neosans-webfont.ttf') format('truetype'),
         url('fonts/neosans-webfont.svg#neosansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, html {
				padding:0px;
				margin: 0px;
				background:url(images/fondo.jpg) repeat-x}
.contacto_bg
{
margin:0px;
padding:0px;
background:none;

} 
#contenedor{position:absolute;
   width:1024px;
   height:1430px;
   top:5px;
   left: 50%;
   margin-left:-512px;}
   
.contenedor_contacto{position:absolute;
   width:1024px;
 
   top:5px;
   left: 50%;
   margin-left:-512px;}   
   
#header{position:absolute;
width:1024px;
height:130px;
top:0px;}   
#slider_perfil{
	position: absolute;
	width: 100%;
	height: 460px;
	top: 142px;
	background: url(images/img_slider/2.jpg) no-repeat scroll center center / cover transparent;
	z-index: 1;
}
#slider_ubicacion{position:absolute;
width:100%; height:460px;top:140px;
background:url(images/img_slider/5.jpg) no-repeat scroll center center / cover transparent;z-index:1;}
#slider_inicio{position:absolute;
width:100%; height:460px; top:140px;}
#slider_servicios{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/3.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_aseo{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/7.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_cerrajeria{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/8.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_gasfiteria{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/9.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_climatizacion{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/10.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_electrico{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/11.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_menor{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/12.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_clientes{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/4.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#slider_contacto{position:absolute;
width:100%; height:460px; top:140px;
background:url(images/img_slider/6.jpg) no-repeat scroll center center / cover transparent; z-index:1;}
#pensamiento{position:absolute;
width:1024px;
height:130px;
top:590px;}

.pensamiento_contacto {
    position: absolute;
    width: 1024px;
    height: 130px;
    top: 120px;
}

#cuadro_uno{position:absolute;
width:440px;
height:440px;
top:728px;}
#cuadro_dos{position:absolute;
width:584px;
height:220px;
top:728px;
left:440px;}
#cuadro_tres{position:absolute;
width:584px;
height:220px;
top:948px;
left:440px;}
#caja_contenidos{
	position:absolute;
	width:1024px;
	height:440px;
	top:728px;
	}
.caja_contenidos_contacto{
	position:absolute;
	width:1024px;
	height:440px;
	top:270px;
	}
	
#mapa{margin-top:20px; width:1024;heigth:420;}	
#footer{position:absolute;
width:1024px;
height:250px;
top:1250px;
background:#F6F6F6;}

.footer_contacto{position:absolute;
width:1024px;
height:250px;
top:750px;
background:#F6F6F6;}

#botonera{
	position:absolute;
	width:800px;
    height:20px;
	top:80px;
	right:0px;
	z-index:2;}
#logo{
	position:absolute;
	width:187px;
	height:130px;}
/*_________________________________*/
#menu-wrapper ul{
	text-align: right;
	font-family: 'Maven Pro', sans-serif;
	font-size: 14px;
	margin:0;
	padding:0;
	list-style:none;}
#hmenu > li{
	display:inline-block;}
#hmenu > li > a{
	display:block;
	padding-top:3px;
	width:auto;
	height:25px;
	padding-left:20px;}
li ul{
	position:absolute;
	display:none;}
.sub-menu a{
	text-align:center;
	font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
   	display:block;
	padding: 8px 15px;
	border-left:#F6F6F6 solid 2px;
	border-bottom:#F6F6F6 solid 2px;
	border-right:#F6F6F6 solid 2px;}
li:hover ul{
	display:block;
	width: 150px;}	
#menu-wrapper, li ul{
	background:#FFF;}
#hmenu {
	widht:908px;
	margin: 0 auto;}
#hmenu a{
	color: #666;
	text-decoration:none;
	}
.sub-menu a:hover{background:#F5F5F5;
color:#FFF;}
#hmenu a:hover{
	color:#F18733;
	-webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; 
	text-decoration:underline;}
/*______________________________________*/		     

#botones_header{
	padding-top:15px;}
#botones_header li{
	display: inline;}	
#botones_header li a{	
    padding:0 10px 0 0;
	color:#333;
	text-decoration:none;
	float:right;
	font-family:'Maven Pro', sans-serif;
    font-size: 11px;}	
#botones_header li a:hover{
	text-decoration:underline;
	color:#F18733;
	-webkit-transition: color .4s linear; -moz-transition: 		color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear;} 
.sinlinkheader{
	padding:0 8px 0 0;
	color:#CCC;
	text-decoration:none;
	float:right;
	font-family: 'Helvetica', sans-serif;
    font-size: 11px;
   	font-weight:400;}	
/*.........................................*/	
#caja_titulo_seccion{padding-top:40px; width:1024px;height:90px; }
#caja_subtitulo_seccion{position:absolute; margin-top:-50px; width:1024px;height:20px;}
.titulo_seccion{ font-family: 'neotechbold_italic';
 font-size:40px;
 text-align:left;
 color:#07334B;}
#caja_titulo_pensamiento{margin-top:35px; margin-left:40px; width:300px;border-radius:5px; border:solid 2px #F18733;padding:15px;}
.titulo_pensamiento{ font-family: 'neotechbold_italic';
 font-size:30px;
 text-align:center;
 color:#07334B;}
#frase_pensamiento{
	margin-top:-50px;
	margin-left:420px;
 width:550px;
 height:50px;
 left:40px;}
.texto_pensamiento{font-family: 'Maven Pro', sans-serif;
 font-size:14px;
 text-align:center;
 color:#666;}
 #caja_textos_perfil{width:600px;height:440px;padding-right:20px;border-right:#CCC solid 1px;}
 .texto_perfil{font-family: 'Maven Pro', sans-serif;
 font-size:16px;
 text-align:left;
 color:#666;
 line-height:22px;}
 .texto_formulario{font-family: 'Maven Pro', sans-serif;
 font-size:14px;
 text-align:left;
 color:#666;
 line-height:22px;}
 
  .texto_perfil_negrita{font-family: 'Maven Pro', sans-serif;
 font-size:16px;
 text-align:left;
 font-weight:bold;
 color:#333;
 line-height:22px;}
 .links_perfil a:hover{
	 border-bottom:#F60 solid 1px;color:#F18733;}
 .links_perfil{font-family: 'Maven Pro', sans-serif;
 font-size:14px;
 text-align:left;
 color:#F18733;
 line-height:12px;}
.fuente_normal{font-family: 'Maven Pro', sans-serif;
 font-size:16px;
 text-align:left;
 color:#F18733;} 
#caja_logo_perfil{ position:absolute; top:0px;left:621px; width:403px;height:440px;}
/*............................................*/
#titulo_footer{width:705px;
height:33px;
border-bottom:#666 solid 1px;
font-family: 'neotechbold_italic';
font-size:22px;
text-align:left;
color:#666;
padding-top:17px;}
#pie_footer{width:1024px;
height:19px;
margin-top:170px;
background:#07334B;
font-family: 'Maven Pro', sans-serif;
 font-size:11px;
 text-align:right;
 color:#FFF;
 padding-top:10px;}
#corporativo{position:absolute;
left:0px;}
#secciones{position:absolute;
left:200px;}
#contactos{position:absolute;
left:440px;}
#sitios_amigos{position:absolute;
left:440px;
top:120px;}
#logo_footer{position:absolute;
width:121px;
height:108px;
left:815px;
top:50px;}
#linkeos_pie{
list-style:none;
font-family:'Maven Pro', sans-serif;
font-size:12px;
padding-left:0px;}
#linkeos_pie li{
padding: 0 0 5px 0;}
a{text-decoration:none;color:#666;}
#linkeos_pie a:hover{
text-decoration:underline;color:#F18733;}	
.sin_link_pie{font-family:'Maven Pro', sans-serif;
font-size:12px;
padding-left:0px;color:#666;}
.transparencia img:hover{
	margin-top: 0px;}
.transparencia img {
	float: left;
	margin-top: 14px;
	-webkit-transition: margin 0.2s ease-out;
	-moz-transition: margin 0.2s ease-out;
	-ms-transition: margin 0.2s ease-out;
	transition: margin 0.2s ease-out;}	
.logo_header img:hover{
	margin-top: 0px;}
.logo_header img {
	float: left;
	margin-top: 5px;
	-webkit-transition: margin 0.1s ease-out;
	-moz-transition: margin 0.1s ease-out;
	-ms-transition: margin 0.11s ease-out;
	transition: margin 0.1s ease-out;}	
/*...........................................*/
.forma{
		width: 584px;
		height: 220px;
		background:url(images/donde_estamos.jpg);
		position: relative;
	}
	.detalles{
		position: absolute;
		font-family:'neotechbold_italic';
		font-size:30px;
 		padding-top:135px;
		padding-right:30px;
		background: #29A9AB;
		opacity:0.8;
		width: 554px;
		height:85px;
		color: #fff;
		text-align:right;
		z-index:999;
		-webkit-transform:initial;
		-webkit-transform: scale(0);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform:initial;
		-moz-transform: scale(0);
		-moz-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;	}
	.forma:hover .detalles{
		cursor: pointer;
		-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		
		-moz-transform: scale(1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;}
.forma2{
		width: 584px;
		height: 220px;
		background:url(images/contacto.jpg);
		position: relative;
	}
	.detalles2{
		position: absolute;
		font-family:'neotechbold_italic';
		font-size:30px;
 		padding-top:135px;
		padding-right:30px;
		background: #F18733;
		opacity:0.9;
		width: 554px;
		height:85px;
		color: #fff;
		text-align:right;
		z-index:999;
		-webkit-transform:initial;
		-webkit-transform: scale(0);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform:initial;
		-moz-transform: scale(0);
		-moz-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;	}
	.forma2:hover .detalles2{
		cursor: pointer;
		-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		
		-moz-transform: scale(1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;}	
.forma3{
		width: 440px;
		height: 440px;
		background:url(images/servicios.jpg);
		position: relative;	}
.detalles3{
		position: absolute;
		font-family:'neotechbold_italic';
		font-size:30px;
 		padding-top:350px;
		padding-right:30px;
		background: #F84241;
		opacity:0.9;
		width: 402px;
		height:90px;
		color: #fff;
		text-align:right;
		z-index:999;
		-webkit-transform:initial;
		-webkit-transform: scale(0);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform:initial;
		-moz-transform: scale(0);
		-moz-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;	}
	.forma3:hover .detalles3{
		cursor: pointer;
		-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform: scale(1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;}						
/*............. servicios ..................*/
#caja_serv_1{width: 506px; height: 139px;
		background:url(images/servicios/serv1.jpg);
		position: absolute;	top:3px	}
#caja_serv_2{width: 506px; height: 139px;
		background:url(images/servicios/serv2.jpg);
		position: absolute;	top:3px;	left:518px;}
#caja_serv_3{width: 506px; height: 139px;
		background:url(images/servicios/serv3.jpg); position: absolute;
		top:152px	}
#caja_serv_4{width: 506px; height: 139px;
		background:url(images/servicios/serv4.jpg); position: absolute;
		top:152px;	left:518px;}
#caja_serv_5{width: 506px; height: 139px;
		background:url(images/servicios/serv5.jpg); position: absolute;
		top:301px	}
#caja_serv_6{width: 506px; height: 139px;
		background:url(images/servicios/serv6.jpg); position: absolute;
		top:301px;	left:518px;}
		
	/*-------------------------------*/
.forma_a{
		width: 506px;
		height: 139px;
		position: relative;
	}
	.detalles_forma{
		position: absolute;
		font-family:'neotechbold_italic';
		font-size:30px;
 		padding-top:65px;
		padding-right:15px;
		background: #07334b;
		opacity:0.8;
		width: 491px;
		height:74px;
		color: #fff;
		text-align:right;
		z-index:999;
		-webkit-transform:initial;
		-webkit-transform: scale(0);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform:initial;
		-moz-transform: scale(0);
		-moz-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;	}
	.forma_a:hover .detalles_forma{
		cursor: pointer;
		-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		
		-moz-transform: scale(1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;}		
/*............................................................*/
#caja_texto1{position:absolute; width:512px; height:440px;}		
#caja_texto2{position:absolute; width:497px; height:440px; padding-left:15px;left:512px;}	
/*....................clientes................................*/
#cliente_1{width: 506px; height: 139px;
		background:url(images/clientes/1.jpg); position: absolute;
		top:100px	}
#cliente_2{width: 506px; height: 139px;
		background:url(images/clientes/2.jpg); position: absolute;
		top:100px;	left:518px;}
#cliente_3{width: 506px; height: 139px;
		background:url(images/clientes/3.jpg); position: absolute;
		top:247px	}
#cliente_4{width: 506px; height: 139px;
		background:url(images/clientes/4.jpg); position: absolute;
		top:247px;	left:518px;}	
.forma_b{
		width: 506px;
		height: 139px;}
	.detalles_forma_b{
		font-family:'Maven Pro', sans-serif;
		padding-top:90px;
		color:#FFF;
        font-size:16px;
		text-align:center;
		width: 0px;
		height: 49px;
		background-color: #333;
		opacity:0.5;
		text-align: center;
		margin-left: -200px;
		overflow: hidden;
		-webkit-transform:translate(200px, 0px);
		-webkit-transition-timing-function: ease-in;
		-webkit-transition-duration: 250ms;}
	.forma_b:hover .detalles_forma_b{
		width: 506px;
		height: 49px;}	
#definicion_clientes{
	   position:absolute;
	   padding-top:20px;
       top:0px; 
       left:0px; 
       width:1024px;
       height:80px; 
       }		
/*.........................................................*/
#caja_texto_formulario{ position:absolute; top:0px;left:621px; padding-top:15px; padding-left:15px; width:388px;height:425px;
}	 
#caja_texto_contacto1{position:absolute;width:300px;height:20px;top:150px; }
#caja_texto_contacto2{position:absolute;width:300px;height:20px;top:170px;} 
#caja_texto_contacto3{position:absolute;width:300px;height:20px;top:190px;} 

#foto_formulario{position:absolute;width:388px;height:165px;top:238px;background:url(images/foto_formulario.jpg);}
/*.........................................................*/
.banner { 		position: relative; 
				width: 100% !important; 
				overflow: auto; 
				padding: 0px;
				margin: 0px;
			}
			.banner ul {
				padding: 0px;
				margin: 0px;
			}
			.banner li { 
				list-style: none; 
				padding: 0px;
				margin: 0px;
			}
			.banner ul li { 
				float:left;
			    padding: 0px;
				margin: 0px;
				min-height: 460px;
				-webkit-background-size: 100% auto;
				-moz-background-size: 100% auto;
				-o-background-size: 100% auto;
				-ms-background-size: 100% auto;
				background-size: 100% auto;
				box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);}