body{
	width:100%;
	margin:0;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
div,
header,
nav,
article,
section,
aside,
footer,
*,
*:after,
*::before
 {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
a{
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
}
ul{
	list-style-type:none;
}
p,h1, h2, h3{
	display:block;
	color:rgba(0,80,115,1);
}
p{
	margin:0;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:0;
}
/***************************************************************************************************/
						/* VERSION DE ESCRITORIO DE 1216PX EN ADELANTE */
/***************************************************************************************************/
@media only screen and (min-width:1216px) {
h2 {
	font-size:0.9em;
}
h3 {
	font-size:1.2em;
}
/*------PÁGINA DE INICIO------*/
/*CONTENEDOR FULLSCREEN*/
.container0{
	width:100%;
	z-index:0;
	margin:0;		
}
.container0 img {
	margin:0;
	width:100%;
	height:500px;
	position:relative;
	top:0;
	left:0;	
}
h1{
	font-size:1.5em;
}
.container0-1{
	background-color:rgba(255,255,255,.75);
	position:absolute;
	top:15%;
	right:5%;
	width:50%;
	padding:2%;
	z-index:1;
}
.container0-1 p{
	text-align:justify;
}
/*------PÁGINA DE INICIO------*/
/*TRES IMÁGENES*/
.container1{
	width:100%;
	z-index:0;
	padding:2% 5%;
	margin-bottom:100px;
}
.container1 img{
	width:auto;
	height:220px;
	opacity:0.75;
	transition:all 300ms;
}
.container1 h2{
	margin:0;
	opacity:0.85;
	transition:all 300ms;	
}
.container1-1, .container1-2, .container1-3{
	width:30%;	
	float:left;
}
.container1-1:hover img,.container1-1:hover h2,
.container1-2:hover img,.container1-2:hover h2,
.container1-3:hover img,.container1-3:hover h2{
	opacity:1;
	transition:all 300ms;
}
.container1-1,.container1-3  {
	margin:0;
}
.container1-2 {
	margin:0 5%;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*TRES IMÁGENES*/
.container2{
	width:100%;
	height:100%;
	z-index:0;
	padding:0 5% 0 5%;
	margin:150px 0 100px 0;
}
.container2 img{
	width:110%;
	z-index:0;	
}
.container2-1, .container2-2, .container2-3{
	width:30%;
	overflow:hidden;		
	float:left;
	position:relative;
	top:0;
	left:0;
}
.container2-1, .container2-3 {
	margin:0;
}
.container2-2 {
	margin:0 5%;
}
.container2-1-1{
	background-color:rgba(255,255,255,.9);
	position:absolute;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	padding:5%;
	z-index:1;
}
.container2-1-1 ul{
	margin:0;
	padding:0;
	display:block;
}
.container2-1-1 h3{
	padding:5px 0 10px 0;	
	margin:0;
}
.container2-1-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;	
}	

/*-------PÁGINA SERVICIOS ENERGÉTICOS------*/
/*INICIO*/
.container6{
	width:100%;
	z-index:0;
	margin:0;		
}
.container6 img {
	margin:0;
	width:100%;
	height:700px;
	position:relative;
	top:0;
	left:0;	
}
.container6-1{
	background-color:rgba(255,255,255,.75);
	position:absolute;
	top:20%;
	right:5%;
	width:25%;
	padding:2%;
	z-index:1;
}
.container6-1 ul{
	margin:0;
	padding:0;
}
.container6-1 h2{
	padding:5px 0 10px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
}
.container6-1 h3{
	padding:5px 0 15px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
}
.container6-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;
		
}	
/*-------PÁGINA PROYECTOS REALIZADOS------*/
/*INICIO*/
.container8{
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;	
}
.container8 img {
	margin:0;
	width:60%;
	height:500px;
	display:block;
	float:left;
	margin-bottom:250px;
}
.container8-1{
	background-color:rgba(105,165,189,1);
	width:40%;
	height:500px;	
	padding:10% 5%;
	z-index:1;
	float:left;
}
.container8-1 ul{
	margin:0;
	padding:0;
}
.container8-1 h2{
	padding:5px 0 10px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
	color:rgba(0,80,115,1);
}
.container8-1 h3{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
	color:rgba(0,80,115,1);	
}
.container8-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;	
		
}	
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*FLECHA SCROLL*/
.flecha-scroll{
	width:100%;
	margin:3% 0;
}
.flecha-scroll a img{
	display:block;
	height:30px;
	margin:auto;
	text-align:center;
}
	
/*------PÁGINA SERVICIOS INTEGRALES------*/
.corte-azul{
	background-color:rgba(0,80,115,1);
	width:100%;
}
.corte-azul-claro{
	background-color:rgba(105,165,189,1);
	width:100%;
}	
.corte-amarillo{
	background-color:rgba(231,162,71,1);
	width:100%;
}
.corte-verde{
	background-color:rgba(26,98,74,1);
	width:100%;
}	
.corte-azul h3,.corte-amarillo h3, .corte-verde h3, .corte-azul-claro h3{
	color:rgba(255,255,255,1);
	font-size:2em;
	display:block;
	margin:0;
	padding:10px 0;
	text-align:center;
	font-weight:normal;
}
.corte-azul-claro h3{
	color:rgba(0,80,115,1);	
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*MANTENIMIENTO DE EDIFICIOS*/
.container3, .container4,.container5{
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-size:cover;
	z-index:0;
}
.container3, .container4{
	margin:0 0 50px 0;
	padding:5% 0;	
}
.container5{
	padding:5% 0 0 0;
	margin:0 0 50px 0;	
}
.container3{
	background-image: url(../imagenes/fondo-mantenimiento-edificios.jpg);
}
.container4{
	background-image: url(../imagenes/fondo-mantenimiento-mancomunidades.jpg);
}
.container5{
	background-image: url(../imagenes/fondo-obras.jpg);
}
.container3-1,.container3-2{
	width:100%;
	height:300px;	
	background-color:rgba(255,255,255,1);
	z-index:10;	
	padding:1.5% 5%;	
	margin:0 0 50px 0;	
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container3-1-1{
	width:50%;
	margin:0;
	float:left;
}
.container3-1-1 img,.container3-2-1 img{
	width:auto;
	height:264px;	
}
.container3-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:10px 0 0 20px;	
}
.container3-1-2 h4,.container3-2-2 h4{
	margin:0;
	padding:0;
	color:rgba(0,80,115,1);
	margin:25px 0 0 0;
}
.container3-1-2 p,.container3-2-2 p{
	margin:20px 0 0 0;
	text-align:justify;
	display:block;
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container3-2-1{
	width:50%;
	margin:0;
	float:right;
}
.container3-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:10px 20px 0 0;			
}
.volver{
	font-style:italic;
	transition:all 300ms;
	display:block;
	padding:5px 0;
	color:rgba(105,165,189,1);
}
.volver:hover{
	text-decoration:underline;
	transition:all 300ms;
}
/*-----PÁGINA SERVICIOS ENERGÉTICOS------*/
/*EFICIENCIA ENERGÉTICA*/
.container7{
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-size:cover;
}
.container7-1,.container7-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
}
.container7-1-2 h4,.container7-2-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:0 0 10px 0;
}
.container7-1-2 p,.container7-2-2 p{
	margin:0 0 10px 0;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container7-1-1{
	width:50%;
	margin:0;
	float:left;
}
.container7-3-1{
	width:50%;
	height:816px;
	margin:0;
	float:left;	
}	
.container7-1-1 img,.container7-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.imgEficiencia{
	width:100%;
	height:816px;
	margin:0;
}
.container7-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:2% 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container7-2-1{
	width:50%;
	margin:0;
	float:right;
}
.container7-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:2% 4%;			
}
/*-----PÁGINA PROYECTOS REALIZADOS------*/
/*PARROQUIA SAN FRANCISCO*/
.container9{
	width:100%;
	margin:0;
	padding:0;
}
.container9-img{
	width:100%;
	height:400px;
	display:block;
	padding:0;
	margin:0;
}
.container9-1,.container9-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
	margin:0;
	padding:0;	
}
.container9-1-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:75px 0 0 75px;
	font-size:2em;
}
.container9-2-2 p{
	margin:75px 0 0 0;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container9-1-1{
	width:50%;
	margin:0;
	height:272px;	
	float:left;
}
.container9-1-1 img,.container9-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.container9-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:0 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container9-2-1{
	width:50%;
	height:272px;
	margin:0;
	float:right;
}
.container9-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:0 4%;			
}
/*DATOS CONTACTO PÁGINA DE CONTACTO*/
.container10{
	width:100%;
	z-index:0;
	height:500px;	
	margin:60px 0 25% 0;
}
/*CONTENEDOR LATERAL*/
.container10-1{
	background-color:rgba(0,80,115,1);
	width:45%;
	height:400px;
	display:block;
	float:right;
	margin:5% 5% 0 0;
	padding:5% 5% 10% 0;	
}
.container10-1 img{
	height:30px;
	margin:0 0 0 10px;	
	display:block;
	float:right;	
}
.container10-1 h5,.container10-1 h4,.container10-1 a h4{
	color:rgba(255,255,255,1);
	margin:0;
}
.container10-1 h5{
	font-size:1.5em;
	display:block;
	float:right;
	font-weight:normal;	
}
.container10-1 h4,.container10-1 a h4{
	font-size:2em;
	display:block;
	clear:both;
	text-align:right;
	padding:15px 0 40px 0;
}
form{
	color:rgba(0,80,115,1);
	display:block;
	float:right;
	width:50%;
	height:500px;
	padding:5% 0 10% 5%;			
}
form p{
	line-height:30px;
}
.campo{
	float:left;
}
.form-cuadro{
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	width:350px;
	height:25px;
	padding:0.5%;
}
.consulta{
	height:125px;
	overflow:hidden;
}
.submit{
	background-color:rgba(0,80,115,1);
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	padding:1% 2%;	
	margin:10px 0 0 0;
}
/*footer*/
footer {
	margin: 0 auto;
	width:100%;
	height:50px;
	background:rgba(0,80,115,1);
	padding:10px 5%;
}	
.logos-oficiales{
	display:block;
	float:left;
}
.logos-oficiales img, .logos-contacto img{
	width:auto !important;
	height:25px;
}
.logos-contacto{
	display:block;
	float:right;
}
}

/*****************************************************************************************/
						/*    VERSION DE TABLET HORIZONTAL DE 1024PX A 1215PX    */
/*****************************************************************************************/
@media only screen and (min-width:1024px) and (max-width:1215px) {
h2 {
	font-size:0.9em;
}
h3 {
	font-size:1em;
}

/*PÁGINA DE INICIO*/
.container0{
	width:100%;
	z-index:0;
	margin:0;		
}
.container0 img {
	margin:0;
	width:100%;
	height:500px;
	position:relative;
	top:0;
	left:0;	
}
h1{
	font-size:1.2em;
}
.container0-1{
	background-color:rgba(255,255,255,.75);
	position:absolute;
	top:20%;
	right:5%;
	width:50%;
	padding:2%;
	z-index:1;
}
.container0-1 p{
	text-align:justify;
	font-size:.8em;
}
/*------PÁGINA DE INICIO------*/
/*TRES IMÁGENES*/
.container1{
	width:100%;
	z-index:0;
	padding:2% 5%;
}
.container1 img{
	width:auto;
	height:200px;
	opacity:0.75;
	transition:all 300ms;
}
.container1 h2{
	margin:0;
	opacity:0.85;
	transition:all 300ms;
	font-size:.8em;	
}
.container1-1, .container1-2, .container1-3{
	width:30%;	
	float:left;
}
.container1-1:hover img,.container1-1:hover h2,
.container1-2:hover img,.container1-2:hover h2,
.container1-3:hover img,.container1-3:hover h2{
	opacity:1;
	transition:all 300ms;
}
.container1-1 {
	margin:0;
}
.container1-2 {
	margin:0 5%;
}
.container1-3 {
	margin:0;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*TRES IMÁGENES*/
.container2{
	width:100%;
	height:100%;
	z-index:0;
	padding:10% 5% 0 5%;
}
.container2 img{
	width:110%;
	z-index:0;	
}
.container2-1, .container2-2, .container2-3{
	width:30%;
	overflow:hidden;		
	float:left;
	position:relative;
	top:0;
	left:0;
}
.container2-1, .container2-3 {
	margin:0;
}
.container2-2 {
	margin:0 5%;
}
.container2-1-1{
	background-color:rgba(255,255,255,.9);
	position:absolute;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	padding:5%;
	z-index:1;
}
.container2-1-1 ul{
	margin:0;
	padding:0;
	display:block;
}
.container2-1-1 h3{
	padding:5px 0 10px 0;	
	margin:0;
}
.container2-1-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;	
}	

/*-------PÁGINA SERVICIOS ENERGÉTICOS------*/
/*INICIO*/
.container6{
	width:100%;
	z-index:0;
	margin:0;		
}
.container6 img {
	margin:0;
	width:100%;
	height:600px;
	position:relative;
	top:0;
	left:0;	
}
.container6-1{
	background-color:rgba(255,255,255,.75);
	position:absolute;
	top:100px;
	right:5%;
	width:25%;
	padding:2%;
	z-index:1;
}
.container6-1 ul{
	margin:0;
	padding:0;
}
.container6-1 h2{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
}
.container6-1 h3{
	padding:5px 0 15px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
}
.container6-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;
}	
/*-------PÁGINA PROYECTOS REALIZADOS------*/
/*INICIO*/
.container8{
	width:100%;
	z-index:0;				
}
.container8 img {
	margin:0;
	width:60%;
	height:500px;
	display:block;
	float:left;
	margin-bottom:250px;	
}
.container8-1{
	background-color:rgba(105,165,189,1);
	width:40%;
	height:500px;	
	padding:10% 5%;
	z-index:1;
	float:left;
}
.container8-1 ul{
	margin:0;
	padding:0;
}
.container8-1 h2{
	padding:5px 0 10px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
	color:rgba(0,80,115,1);
}
.container8-1 h3{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
	color:rgba(0,80,115,1);
}
.container8-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;		
}	
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*FLECHA SCROLL*/
.flecha-scroll{
	width:100%;
	margin:3% auto;
}
.flecha-scroll img{
	display:block;
	width:auto;
	height:30px;
	margin:auto;
	text-align:center;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
.corte-azul{
	background-color:rgba(0,80,115,1);
	width:100%;
}
.corte-azul-claro{
	background-color:rgba(105,165,189,1);
	width:100%;
}
.corte-amarillo{
	background-color:rgba(231,162,71,1);
	width:100%;
}
.corte-verde{
	background-color:rgba(26,98,74,1);
	width:100%;
}	
.corte-azul h3,.corte-amarillo h3, .corte-verde h3,.corte-azul-claro h3{
	color:rgba(255,255,255,1);
	font-size:2em;
	display:block;
	margin:0;
	padding:10px 0;
	text-align:center;
	font-weight:normal;
}
.corte-azul-claro h3{
	color:rgba(0,80,115,1);
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*MANTENIMIENTO DE EDIFICIOS*/
.container3, .container4,.container5{
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-size:cover;
	z-index:0;
}
.container3, .container4{
	margin:0 0 50px 0;
	padding:5% 0;	
}
.container5{
	padding:5% 0 0 0;
	margin:0 0 50px 0;	
}
.container3{
	background-image: url(../imagenes/fondo-mantenimiento-edificios.jpg);
}
.container4{
	background-image: url(../imagenes/fondo-mantenimiento-mancomunidades.jpg);
}
.container5{
	background-image: url(../imagenes/fondo-obras.jpg);
}
.container3-1,.container3-2{
	width:100%;
	height:300px;
	padding:1.5% 5%;	
	background-color:rgba(255,255,255,1);
	z-index:10;	
	margin:0 0 50px 0;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container3-1-1{
	width:50%;
	margin:0;
	float:left;		
}
.container3-1-1 img,.container3-2-1 img{
	width:auto;
	height:220px;
	margin:25px 0 0 0;	
}
.container3-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:10px 0 0 50px;		
}
.container3-1-2 h4,.container3-2-2 h4{
	margin:0;
	padding:0;
	color:rgba(0,80,115,1);
	margin:25px 0 0 0;
}
.container3-1-2 p,.container3-2-2 p{
	margin:20px 0 0 0;
	text-align:justify;
	display:block;
}

/*IMAGEN DERECHA-TEXTO IZDA*/
.container3-2-1{
	width:50%;
	margin:0;
	float:right;
	padding:10px 20px 0 0;	
}
.container3-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:10px 20px 0 0;		
}
.volver{
	font-style:italic;
	transition:all 300ms;
	display:block;
	padding:5px 0;
	color:rgba(105,165,189,1);
}
.volver:hover{
	text-decoration:underline;
	transition:all 300ms;
}
/*-----PÁGINA SERVICIOS ENERGÉTICOS------*/
/*EFICIENCIA ENERGÉTICA*/
.container7{
	width:100%;
	height:100%;
}
.container7-1,.container7-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
}
.container7-1-2 h4,.container7-2-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:0 0 10px 0;
}
.container7-1-2 p,.container7-2-2 p{
	margin:0 0 10px 0;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container7-1-1{
	width:50%;
	margin:0;
	float:left;
}
.container7-3-1{
	width:50%;
	height:816px;
	margin:0;
	float:left;	
}	
.container7-1-1 img,.container7-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.imgEficiencia{
	width:100%;
	height:816px;
	margin:0;
}
.container7-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:2% 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container7-2-1{
	width:50%;
	margin:0;
	float:right;
}
.container7-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:2% 4%;			
}
/*-----PÁGINA PROYECTOS REALIZADOS------*/
/*PARROQUIA SAN FRANCISCO*/
.container9{
	width:100%;
	margin:0;
	padding:0;
}
.container9-img{
	width:100%;
	height:300px;
	display:block;
	padding:0;
	margin:0;
}
.container9-1,.container9-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
	margin:0;
	padding:0;	
}
.container9-1-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:75px 5% 0 5%;
	font-size:1.8em;
}
.container9-2-2 p{
	margin:50px 5%;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container9-1-1{
	width:50%;
	margin:0;
	height:272px;	
	float:left;
}
.container9-1-1 img,.container9-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.container9-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:0 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container9-2-1{
	width:50%;
	height:272px;
	margin:0;
	float:right;
}
.container9-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:0 4%;			
}
/*DATOS CONTACTO PÁGINA DE CONTACTO*/
.container10{
	width:100%;
	z-index:0;
	height:500px;	
	margin:55px 0 75% 0;
}
/*CONTENEDOR LATERAL*/
.container10-1{
	background-color:rgba(0,80,115,1);
	width:45%;
	height:400px;
	display:block;
	float:right;
	margin:5% 5% 0 0;
	padding:5% 2% 10% 0;	
}
.container10-1 img{
	height:30px;
	margin:0 0 0 10px;	
	display:block;
	float:right;	
}
.container10-1 h5,.container10-1 h4,.container10-1 a h4{
	color:rgba(255,255,255,1);
	margin:0;
}
.container10-1 h5{
	font-size:1.3em;
	display:block;
	float:right;
	font-weight:normal;	
}
.container10-1 h4,.container10-1 a h4{
	font-size:1.8em;
	display:block;
	clear:both;
	text-align:right;
	padding:15px 0 40px 0;
}
form{
	color:rgba(0,80,115,1);
	display:block;
	float:right;
	width:50%;
	height:500px;
	padding:5% 0 10% 5%;			
}
form p{
	line-height:30px;
}
.form-cuadro{
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	width:350px;
	height:25px;
	padding:0.5%;
}
.consulta{
	height:125px;
	overflow:hidden;
}
.submit{
	background-color:rgba(0,80,115,1);
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	padding:1% 2%;	
	margin:10px 0 0 0;
}
/*footer*/
footer {
	margin: 0 auto;
	width:100%;
	height:50px;
	background:rgba(0,80,115,1);
	padding:10px 5%;
}
.logos-oficiales{
	display:block;
	float:left;
}
.logos-oficiales img, .logos-contacto img{
	width:auto !important;
	height:25px;
}
.logos-contacto{
	display:block;
	float:right;
}
}
/*************************************************************************************/
					/*    VERSION DE TABLET VERTICAL DE 768PX A 1023PX    */
/*************************************************************************************/
@media only screen and (min-width:768px) and (max-width:1023px) {
h2 {
	font-size:0.9em;
}
h3 {
	font-size:1em;
}

/*PÁGINA DE INICIO*/
.container0{
	width:100%;
	z-index:0;
	margin:0;		
}
.container0 img {
	margin:0;
	width:100%;
	height:200px;
}
h1{
	font-size:1.2em;
}
.container0-1{
	background-color:rgba(255,255,255,.75);
	width:100%;
	padding:0 5% 5% 5%;
	z-index:1;
}
.container0-1 p{
	text-align:justify;
	font-size:.8em;
}
/*------PÁGINA DE INICIO------*/
/*TRES IMÁGENES*/
.container1{
	width:100%;
	z-index:0;
	padding:0 5% 5% 5%;
}
.container1 img{
	width:100%;
	height:auto;
	opacity:.85;
	transition:all 300ms;
}
.container1 h2{
	margin:0;
	opacity:.85;
	transition:all 300ms;
	font-size:.8em;	
}
.container1-1, .container1-2, .container1-3{
	width:100%;	
	float:left;
}
.container1-1:hover img,.container1-1:hover h2,
.container1-2:hover img,.container1-2:hover h2,
.container1-3:hover img,.container1-3:hover h2{
	opacity:1;
	transition:all 300ms;
}
.container1-1 {
	margin:3% 0;
}
.container1-2 {
	margin:3% 0;
}
.container1-3 {
	margin:3% 0 15% 0;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*TRES IMÁGENES*/
.container2{
	width:100%;
	height:100%;
	z-index:0;
	padding:10% 5% 0 5%;
	margin:10px 0 0 0;	
}
.container2 img{
	width:30%;
	height:350px;
	margin:15px 0 0 0;	
	z-index:0;	
}
.container2-1, .container2-2, .container2-3{
	width:100%;			
	float:right;
}
.container2-1, .container2-3 {
	margin:0;
}
.container2-2 {
	margin:0;
}
.container2-1-1{
	background-color:rgba(255,255,255,.9);
	width:60%;
	padding:2% 0 0 2%;
	float:right;	
	z-index:1;
}
.container2-1-1 ul{
	margin:0;
	padding:0;
	display:block;
}
.container2-1-1 h3{
	padding:0 0 5% 0;		
	margin:0;
	font-size:1em;
}
.container2-1-1 h4{
	padding:0 0 5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;	
}	

/*-------PÁGINA SERVICIOS ENERGÉTICOS------*/
/*INICIO*/
.container6{
	width:100%;
	z-index:0;
	margin:0;		
}
.container6 img {
	margin:0;
	width:50%;
	height:510px;
	display:block;
	float:left;
}
.container6-1{
	background-color:rgba(255,255,255,.75);
	width:50%;
	float:left;	
	padding:10% 5% 0 5%;
	z-index:1;
}
.container6-1 ul{
	margin:0;
	padding:0;
}
.container6-1 h2{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
}
.container6-1 h3{
	padding:5px 0 15px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
}
.container6-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;
}	
/*-------PÁGINA PROYECTOS REALIZADOS------*/
/*INICIO*/
.container8{
	width:100%;
	z-index:0;		
}
.container8 img {
	margin:0;
	width:60%;
	height:400px;
	display:block;
	float:left;
	margin:0 0 100px 0;	
}
.container8-1{
	background-color:rgba(105,165,189,1);
	width:40%;
	height:400px;	
	padding:10% 5%;
	z-index:1;
	float:left;
}
.container8-1 ul{
	margin:0;
	padding:0;
}
.container8-1 h2{
	padding:5px 0 10px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
	color:rgba(0,80,115,1);
}
.container8-1 h3{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
	color:rgba(0,80,115,1);
}
.container8-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;	
		
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*FLECHA SCROLL*/
.flecha-scroll{
	display:none;
}
.flecha-scroll img{
	display:none;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
.corte-azul{
	background-color:rgba(0,80,115,1);
	width:100%;
}
.corte-azul-claro{
	background-color:rgba(105,165,189,1);
	width:100%;
}
.corte-amarillo{
	background-color:rgba(231,162,71,1);
	width:100%;
}
.corte-verde{
	background-color:rgba(26,98,74,1);
	width:100%;
}	
.corte-azul h3,.corte-amarillo h3, .corte-verde h3,.corte-azul-claro h3{
	color:rgba(255,255,255,1);
	font-size:1.8em;
	display:block;
	margin:0;
	padding:10px 0;
	text-align:center;
	font-weight:normal;
}
.corte-azul-claro h3{
	color:rgba(0,80,115,1);
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*MANTENIMIENTO DE EDIFICIOS*/
.container3, .container4,.container5{
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-size:cover;
	z-index:0;
}
.container3, .container4{
	margin:0 0 20px 0;
	padding:0;	
}
.container3{
	background-image:;
}
.container4{
	background-image:;
}
.container5{
	margin:0 0 20px 0 !important;	
}
.container3-1,.container3-2{
	width:100%;
	padding:0 5%;	
	background-color:rgba(255,255,255,1);
	margin:0 0 10px 0;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container3-1-1{
	width:100%;
	margin:0;
}
.container3-1-1 img,.container3-2-1 img{
	width:100%;
	height:300px;
	margin:25px 0 0 0;	
}
.container3-1-2{
	width:100%;
	margin:0 0 30px 0;
	padding:5px 0 0 0;		
}
.container3-1-2 h4,.container3-2-2 h4{
	margin:0;
	padding:0;
	color:rgba(0,80,115,1);
	margin:10px 0 0 0;
}
.container3-1-2 p,.container3-2-2 p{
	margin:10px 0 10px 0;
	text-align:justify;
	display:block;
	clear:both;
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container3-2-1{
	width:100%;
	margin:0;	
}
.container3-2-2{
	width:100%;
	margin:0 0 30px 0;
	padding:5px 0 0 0;		
}
.volver{
	font-style:italic;
	transition:all 300ms;
	display:block;
	padding:3px 0;
	color:rgba(105,165,189,1);
}
.volver:hover{
	text-decoration:underline;
	transition:all 300ms;
}
/*-----PÁGINA SERVICIOS ENERGÉTICOS------*/
/*EFICIENCIA ENERGÉTICA*/
.container7{
	width:100%;
	height:100%;
}
.container7-1,.container7-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
}
.container7-1-2 h4,.container7-2-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:0 0 10px 0;
}
.container7-1-2 p,.container7-2-2 p{
	margin:0 0 10px 0;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container7-1-1{
	width:100%;
	margin:0;
	float:left;
}
.container7-3-1{
	width:100%;
	margin:0;
	float:left;	
}	
.container7-1-1 img,.container7-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.imgEficiencia{
	width:100%;
	height:150px;
	margin:0;
}
.container7-1-2{
	width:100%;
	margin:0;
	float:left;
	padding:2% 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container7-2-1{
	width:100%;
	margin:0;
	float:right;
}
.container7-2-2{
	width:100%;
	margin:0;
	float:right;
	padding:2% 4%;			
}
/*-----PÁGINA PROYECTOS REALIZADOS------*/
/*PARROQUIA SAN FRANCISCO*/
.container9{
	width:100%;
	margin:0;
	padding:0;
}
.container9-img{
	width:100%;
	height:250px;
	display:block;
	padding:0;
	margin:0;
}
.container9-1,.container9-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
	margin:0;
	padding:0;	
}
.container9-1-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:75px 5% 0 5%;
	font-size:1.8em;
}
.container9-2-2 p{
	margin:50px 5%;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container9-1-1{
	width:50%;
	margin:0;
	height:272px;	
	float:left;
}
.container9-1-1 img,.container9-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.container9-1-2{
	width:50%;
	margin:0;
	float:left;
	padding:0 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container9-2-1{
	width:50%;
	height:272px;
	margin:0;
	float:right;
}
.container9-2-2{
	width:50%;
	margin:0;
	float:right;
	padding:0 4%;			
}
/*DATOS CONTACTO PÁGINA DE CONTACTO*/
.container10{
	width:100%;
	z-index:0;	
	margin:60px 0 50% 0;
}
/*CONTENEDOR LATERAL*/
.container10-1{
	background-color:rgba(0,80,115,1);
	width:60%;
	height:400px;
	display:block;
	float:right;
	margin:60px 5% 30% 0;
	padding:10% 2% 10% 0;	
}
.container10-1 img{
	height:25px;
	margin:0 0 0 10px;	
	display:block;
	float:right;	
}
.container10-1 h5,.container10-1 h4,.container10-1 a h4{
	color:rgba(255,255,255,1);
	margin:0;
}
.container10-1 h5{
	font-size:1.3em;
	display:block;
	float:right;
	font-weight:normal;	
}
.container10-1 h4,.container10-1 a h4{
	font-size:1.8em;
	display:block;
	clear:both;
	text-align:right;
	padding:15px 0 20px 0;
}
form{
	color:rgba(0,80,115,1);
	display:block;
	float:right;
	width:30%;
	height:500px;
	margin:60px 0 0 0;
	padding:0 0 10% 0;			
}
form p{
	line-height:30px;
	margin-right:20px;	
}
.form-cuadro{
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	width:200px;
	height:25px;
	padding:0.5%;
	margin-right:10px;
}
.consulta{
	height:125px;
	overflow:hidden;
	width:200px;	
}
.submit{
	background-color:rgba(0,80,115,1);
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	padding:1% 2%;	
	margin:10px 0 0 0;
	display:block;
}
/*footer*/
footer {
	margin: 0 auto;
	width:100%;
	padding:0 5%;
	background:rgba(0,80,115,1);
}
.logos-oficiales{
	display:block;
	float:left;
	margin:10px 0 0 0;
}
.logos-oficiales img,.logos-contacto img {
	height:25px;
	width:auto !important;
}
.logos-contacto{
	display:block;
	float:right;	
	margin:10px 0;
}
}
/*****************************************************************************************/
					/*    VERSION DE MÓVIL HORIZONTAL DE 640PX A 767PX       */
/*****************************************************************************************/
@media only screen and (min-width:639px) and (max-width:767px) {
h2 {
	font-size:0.9em;
}
h3 {
	font-size:1em;
}

/*PÁGINA DE INICIO*/
.container0{
	width:100%;
	z-index:0;
	margin:0;		
}
.container0 img {
	margin:0;
	width:100%;
	height:200px;
}
h1{
	font-size:1.2em;
}
.container0-1{
	background-color:rgba(255,255,255,.75);
	width:100%;
	padding:0 5% 5% 5%;
	z-index:1;
}
.container0-1 p{
	text-align:justify;
	font-size:.8em;
}
/*------PÁGINA DE INICIO------*/
/*TRES IMÁGENES*/
.container1{
	width:100%;
	z-index:0;
	padding:0 5% 5% 5%;
}
.container1 img{
	width:100%;
	height:auto;
	opacity:.85;
	transition:all 300ms;
}
.container1 h2{
	margin:0;
	opacity:.85;
	transition:all 300ms;
	font-size:.8em;	
}
.container1-1, .container1-2, .container1-3{
	width:100%;	
	float:left;
}
.container1-1:hover img,.container1-1:hover h2,
.container1-2:hover img,.container1-2:hover h2,
.container1-3:hover img,.container1-3:hover h2{
	opacity:1;
	transition:all 300ms;
}
.container1-1 {
	margin:3% 0;
}
.container1-2 {
	margin:3% 0;
}
.container1-3 {
	margin:3% 0 20% 0;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*TRES IMÁGENES*/
.container2{
	width:100%;
	height:100%;
	z-index:0;
	padding:10% 5% 0 5%;
	margin:22px 0 0 0;	
}
.container2 img{
	width:30%;
	height:350px;
	margin:15px 0 0 0;	
	z-index:0;	
}
.container2-1, .container2-2, .container2-3{
	width:100%;			
	float:right;
}
.container2-1, .container2-3 {
	margin:0;
}
.container2-2 {
	margin:0;
}
.container2-1-1{
	background-color:rgba(255,255,255,.9);
	width:60%;
	padding:2% 0 0 2%;
	float:right;	
	z-index:1;
}
.container2-1-1 ul{
	margin:0;
	padding:0;
	display:block;
}
.container2-1-1 h3{
	padding:0 0 5% 0;		
	margin:0;
	font-size:1em;
}
.container2-1-1 h4{
	padding:0 0 5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;	
}	

/*-------PÁGINA SERVICIOS ENERGÉTICOS------*/
/*INICIO*/
.container6{
	width:100%;
	z-index:0;
	margin:0;		
}
.container6 img {
	margin:0;
	width:50%;
	height:510px;
	display:block;
	float:left;
}
.container6-1{
	background-color:rgba(255,255,255,.75);
	width:50%;
	float:left;	
	padding:15% 5% 0 5%;
	z-index:1;
}
.container6-1 ul{
	margin:0;
	padding:0;
}
.container6-1 h2{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.4em;
}
.container6-1 h3{
	padding:5px 0 15px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
}
.container6-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;
}	
/*-------PÁGINA PROYECTOS REALIZADOS------*/
/*INICIO*/
.container8{
	width:100%;
	z-index:0;
	margin:50px 0 50px 0;		
}
.container8 img {
	margin:0;
	width:50%;
	height:300px;
	display:block;
	float:left;
}
.container8-1{
	background-color:rgba(105,165,189,1);
	width:50%;
	height:300px;	
	padding:10% 5%;
	z-index:1;
	float:left;
}
.container8-1 ul{
	margin:0;
	padding:0;
}
.container8-1 h2{
	padding:5px 0 10px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
	color:rgba(0,80,115,1);
}
.container8-1 h3{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1em;
	color:rgba(0,80,115,1);	
}
.container8-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:.9em;
	font-weight:normal;
	text-align:right;	
		
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*FLECHA SCROLL*/
.flecha-scroll{
	display:none;
}
.flecha-scroll img{
	display:none;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
.corte-azul{
	background-color:rgba(0,80,115,1);
	width:100%;
}
.corte-azul-claro{
	background-color:rgba(105,165,189,1);
	width:100%;
}
.corte-amarillo{
	background-color:rgba(231,162,71,1);
	width:100%;
}
.corte-verde{
	background-color:rgba(26,98,74,1);
	width:100%;
}	
.corte-azul h3,.corte-amarillo h3, .corte-verde h3,.corte-azul-claro h3{
	color:rgba(255,255,255,1);
	font-size:1.8em;
	display:block;
	margin:0;
	padding:10px 0;
	text-align:center;
	font-weight:normal;
}
.corte-azul-claro h3{
	color:rgba(0,80,115,1);
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*MANTENIMIENTO DE EDIFICIOS*/
.container3, .container4,.container5{
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-size:cover;
	z-index:0;
	padding:0;
}
.container3{
	margin:0 0 20px 0;
}
.container4{
	margin:0 0 20px 0;
}
.container5{
	margin:0 0 50px 0 !important;	
}
.container3-1,.container3-2{
	width:100%;
	padding:0 5%;	
	background-color:rgba(255,255,255,1);
	margin:0;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container3-1-1{
	width:100%;
	margin:0;
}
.container3-1-1 img,.container3-2-1 img{
	width:100%;
	height:264px;
	margin:25px 0 0 0;	
}
.container3-1-2{
	width:100%;
	margin:0 0 30px 0;
	padding:5px 0 0 0;		
}
.container3-1-2 h4,.container3-2-2 h4{
	margin:0;
	padding:0;
	color:rgba(0,80,115,1);
	margin:10px 0 0 0;
}
.container3-1-2 p,.container3-2-2 p{
	margin:10px 0 10px 0;
	text-align:justify;
	display:block;
	clear:both;
	font-size:.8em;
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container3-2-1{
	width:100%;
	margin:0;	
}
.container3-2-2{
	width:100%;
	margin:0 0 30px 0;
	padding:5px 0 0 0;		
}
.volver{
	font-style:italic;
	font-size:.8em;
	transition:all 300ms;
	display:block;
	color:rgba(105,165,189,1);
}
.volver:hover{
	text-decoration:underline;
	transition:all 300ms;
}
/*-----PÁGINA SERVICIOS ENERGÉTICOS------*/
/*EFICIENCIA ENERGÉTICA*/
.container7{
	width:100%;
	height:100%;
}
.container7-1,.container7-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
}
.container7-1-2 h4,.container7-2-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:0 0 10px 0;
}
.container7-1-2 p,.container7-2-2 p{
	margin:0 0 10px 0;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container7-1-1{
	width:100%;
	margin:0;
	float:left;
}
.container7-3-1{
	width:100%;
	margin:0;
	float:left;	
}	
.container7-1-1 img,.container7-2-1 img{
	width:100%;
	height:272px;
	margin:0;	
}
.imgEficiencia{
	width:100%;
	height:150px;
	margin:0;
}
.container7-1-2{
	width:100%;
	margin:0;
	float:left;
	padding:2% 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container7-2-1{
	width:100%;
	margin:0;
	float:right;
}
.container7-2-2{
	width:100%;
	margin:0;
	float:right;
	padding:2% 4%;			
}
/*-----PÁGINA PROYECTOS REALIZADOS------*/
/*PARROQUIA SAN FRANCISCO*/
.container9{
	width:100%;
	margin:0;
	padding:0;
}
.container9-img{
	display:none;
}
.container9-1,.container9-2{
	width:100%;
	height:250px;	
	background-color:rgba(255,255,255,1);
	margin:0;
	padding:0;	
}
.container9-1-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:2% 5%;
	font-size:1.2em;
}
.container9-2-2 p{
	margin:2% 5%;
	text-align:justify;
	display:block;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container9-1-1{
	width:100%;
	margin:0;
	height:250px;	
	float:left;
}
.container9-1-1 img,.container9-2-1 img{
	width:100%;
	height:250px;
	margin:0;	
}
.container9-1-2{
	width:100%;
	margin:0;
	float:left;
	padding:0 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container9-2-1{
	width:100%;
	height:250px;
	margin:0;
	float:right;
}
.container9-2-2{
	width:100%;
	margin:0;
	float:right;
	padding:0 4%;			
}
/*DATOS CONTACTO PÁGINA DE CONTACTO*/
.container10{
	width:100%;
	z-index:0;
	margin:50px 0 50% 0;	
}
/*CONTENEDOR LATERAL*/
.container10-1{
	background-color:rgba(0,80,115,1);
	width:50%;
	height:400px;
	display:block;
	float:right;
	margin:50px 5% 30% 25px;
	padding:10% 2% 10% 0;	
}
.container10-1 img{
	height:20px;
	margin:0 0 0 10px;	
	display:block;
	float:right;	
}
.container10-1 h5,.container10-1 h4,.container10-1 a h4{
	color:rgba(255,255,255,1);
	margin:0;
}
.container10-1 h5{
	font-size:1em;
	display:block;
	float:right;
	font-weight:normal;	
}
.container10-1 h4,.container10-1 a h4{
	font-size:1.3em;
	display:block;
	clear:both;
	text-align:right;
	padding:15px 0 20px 0;
}
form{
	color:rgba(0,80,115,1);
	display:block;
	float:right;
	width:35%;
	height:400px;
	padding:2% 0 10% 0;	
	margin:50px 0 0 5%;		
}
form p{
	line-height:30px;
	margin-right:20px;	
}
.form-cuadro{
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	width:200px;
	height:25px;
	padding:0.5%;
	margin-right:10px;
}
.consulta{
	height:125px;
	overflow:hidden;
	width:200px;	
}
.submit{
	background-color:rgba(0,80,115,1);
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	padding:1% 2%;	
	margin:10px 0 0 0;
	display:block;
}
/*footer*/
footer {
	margin: 0 auto;
	width:100%;
	padding:2% 5%;
	background:rgba(0,80,115,1);
}
.logos-oficiales{
	display:block;
	text-align:center;
}
.logos-oficiales img,.logos-contacto img {
	height:25px;
	width:auto !important;
}
.logos-contacto{
	display:block;
	text-align:center;
	margin-top:10px;	
}
}
/***********************************************************************************/
				/*    VERSION DE MÓVIL VERTICAL A PARTIR DE 639PX       */
/***********************************************************************************/
@media only screen and (max-width:638px){
h2 {
	font-size:0.9em;
}
h3 {
	font-size:1em;
}

/*PÁGINA DE INICIO*/
.container0{
	width:100%;
	z-index:0;
	margin:0;		
}
.container0 img {
	margin:0;
	width:100%;
	height:200px;
	
}
h1{
	font-size:1.2em;
}
.container0-1{
	background-color:rgba(255,255,255,.75);
	width:100%;
	padding:0 5% 5% 5%;
	z-index:1;
}
.container0-1 p{
	text-align:justify;
	font-size:.8em;
}
/*------PÁGINA DE INICIO------*/
/*TRES IMÁGENES*/
.container1{
	width:100%;
	z-index:0;
	padding:0 5% 5% 5%;
}
.container1 img{
	width:100%;
	height:auto;
	opacity:.85;
	transition:all 300ms;
}
.container1 h2{
	margin:0;
	opacity:.85;
	transition:all 300ms;
	font-size:.8em;	
}
.container1-1, .container1-2, .container1-3{
	width:100%;	
	float:left;
}
.container1-1:hover img,.container1-1:hover h2,
.container1-2:hover img,.container1-2:hover h2,
.container1-3:hover img,.container1-3:hover h2{
	opacity:1;
	transition:all 300ms;
}
.container1-1 {
	margin:5% 0;
}
.container1-2 {
	margin:5% 0;
}
.container1-3 {
	margin:5% 0 50% 0;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*TRES IMÁGENES*/
.container2{
	width:100%;
	height:100%;
	z-index:0;
	padding:0 5% 0 5%;
	margin:75px 0 0 0;
}
.container2 img{
	width:30%;
	height:300px;
	margin:15px 0 0 0;	
	z-index:0;	
}
.container2-1, .container2-2, .container2-3{
	width:100%;			
	float:right;
}
.container2-1, .container2-3 {
	margin:0;
}
.container2-2 {
	margin:0;
}
.container2-1-1{
	background-color:rgba(255,255,255,.9);
	width:60%;
	padding:2% 0;
	float:right;	
	z-index:1;
}
.container2-1-1 ul{
	margin:0;
	padding:0;
	display:block;
}
.container2-1-1 h3{
	padding:0 0 5% 0;		
	margin:5px 0 0 0;
	font-size:1em;
}
.container2-1-1 h4{
	padding:0 0 5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;	
}	

/*-------PÁGINA SERVICIOS ENERGÉTICOS------*/
/*INICIO*/
.container6{
	width:100%;
	z-index:0;
	margin:0;		
}
.container6 img {
	margin:0;
	width:50%;
	height:510px;
	display:block;
	float:left;
}
.container6-1{
	background-color:rgba(255,255,255,.75);
	width:50%;
	float:left;	
	padding:20% 5% 0 5%;
	z-index:1;
}
.container6-1 ul{
	margin:0;
	padding:0;
}
.container6-1 h2{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:1.2em;
}
.container6-1 h3{
	padding:5px 0 15px 0;	
	margin:0;
	text-align:right;
	font-size:1em;
}
.container6-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:1em;
	font-weight:normal;
	text-align:right;
}	
/*-------PÁGINA PROYECTOS REALIZADOS------*/
/*INICIO*/
.container8{
	width:100%;
	z-index:0;
	margin:50px 0 50px 0;		
}
.container8 img {
	margin:0;
	width:30%;
	height:300px;
	display:block;
	float:left;
}
.container8-1{
	background-color:rgba(105,165,189,1);
	width:70%;
	height:300px;	
	padding:10% 5%;
	z-index:1;
	float:left;
}
.container8-1 ul{
	margin:0;
	padding:0;
}
.container8-1 h2{
	padding:5px 0 10px 0;	
	margin:0;
	text-align:right;
	font-size:1em;
	color:rgba(0,80,115,1);
}
.container8-1 h3{
	padding:5px 0 5px 0;	
	margin:0;
	text-align:right;
	font-size:.9em;
	color:rgba(0,80,115,1);
}
.container8-1 h4{
	padding:5% 0;	
	margin:2px;
	color:rgba(0,80,115,1);
	font-size:.8em;
	font-weight:normal;
	text-align:right;
		
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*FLECHA SCROLL*/
.flecha-scroll{
	display:none;
}
.flecha-scroll img{
	display:none;
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
.corte-azul{
	background-color:rgba(0,80,115,1);
	width:100%;
}
.corte-azul-claro{
	background-color:rgba(105,165,189,1);
	width:100%;
}
.corte-amarillo{
	background-color:rgba(231,162,71,1);
	width:100%;
}
.corte-verde{
	background-color:rgba(26,98,74,1);
	width:100%;
}	
.corte-azul h3,.corte-amarillo h3, .corte-verde h3,.corte-azul-claro h3{
	color:rgba(255,255,255,1);
	font-size:1.2em;
	display:block;
	margin:0;
	padding:10px 0;
	text-align:center;
	font-weight:bold;
}
.corte-azul-claro h3{
	color:rgba(0,80,115,1);
}
/*------PÁGINA SERVICIOS INTEGRALES------*/
/*MANTENIMIENTO DE EDIFICIOS*/
.container3, .container4,.container5{
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-size:cover;
	z-index:0;
	padding:0;
}
.container3{
	margin:0 0 20px 0;
}
.container4{
	margin:0 0 20px 0;
}
.container5{
	margin:0 0 50px 0 !important;	
}
.container3-1,.container3-2{
	width:100%;
	padding:0 5%;	
	background-color:rgba(255,255,255,1);
	margin:0;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container3-1-1{
	width:100%;
	margin:0;
}
.container3-1-1 img,.container3-2-1 img{
	width:100%;
	height:200px;
	margin:25px 0 0 0;	
}
.container3-1-2{
	width:100%;
	margin:0 0 15px 0;
	padding:5px 0 0 0;		
}
.container3-1-2 h4,.container3-2-2 h4{
	margin:0;
	padding:0;
	color:rgba(0,80,115,1);
	margin:10px 0 0 0;
}
.container3-1-2 p,.container3-2-2 p{
	margin:10px 0 10px 0;
	text-align:justify;
	display:block;
	clear:both;
	font-size:.8em;
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container3-2-1{
	width:100%;
	margin:0;	
}
.container3-2-2{
	width:100%;
	margin:0 0 15px 0;
	padding:5px 0 0 0;		
}
.volver{
	font-style:italic;
	font-size:.8em;
	transition:all 300ms;
	display:block;
	color:rgba(105,165,189,1);
}
.volver:hover{
	text-decoration:underline;
	transition:all 300ms;
}
/*-----PÁGINA SERVICIOS ENERGÉTICOS------*/
/*EFICIENCIA ENERGÉTICA*/
.container7{
	width:100%;
	height:100%;
}
.container7-1,.container7-2{
	width:100%;
	height:272px;	
	background-color:rgba(255,255,255,1);
}
.container7-1-2 h4,.container7-2-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:0 0 10px 0;
	font-size:.8em;
}
.container7-1-2 p,.container7-2-2 p{
	margin:0 0 10px 0;
	text-align:justify;
	display:block;
	font-size:.8em;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container7-1-1{
	width:100%;
	margin:0;
	float:left;
}
.container7-3-1{
	width:100%;
	margin:0;
	float:left;	
}	
.container7-1-1 img,.container7-2-1 img{
	width:100%;
	height:200px;
	margin:0;	
}
.imgEficiencia{
	width:100%;
	height:150px;
	margin:0;
}
.container7-1-2{
	width:100%;
	margin:0;
	float:left;
	padding:2% 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container7-2-1{
	width:100%;
	margin:0;
	float:right;
}
.container7-2-2{
	width:100%;
	margin:0;
	float:right;
	padding:2% 4%;			
}
/*-----PÁGINA PROYECTOS REALIZADOS------*/
/*PARROQUIA SAN FRANCISCO*/
.container9{
	width:100%;
	margin:0;
	padding:0;
}
.container9-img{
	display:none;
}
.container9-1,.container9-2{
	width:100%;
	height:250px;	
	background-color:rgba(255,255,255,1);
	margin:0;
	padding:0;	
}
.container9-1-2 h4{
	padding:0;
	color:rgba(0,80,115,1);
	margin:2% 5%;
	font-size:1.2em;
}
.container9-2-2 p{
	margin:2% 5%;
	text-align:justify;
	display:block;
	font-size:.8em;
}
/*IMAGEN IZDA-TEXTO DERECHA*/
.container9-1-1{
	width:100%;
	margin:0;
	height:250px;	
	float:left;
}
.container9-1-1 img,.container9-2-1 img{
	width:100%;
	height:250px;
	margin:0;	
}
.container9-1-2{
	width:100%;
	margin:0;
	float:left;
	padding:0 4%;	
}
/*IMAGEN DERECHA-TEXTO IZDA*/
.container9-2-1{
	width:100%;
	height:250px;
	margin:0;
	float:right;
}
.container9-2-2{
	width:100%;
	margin:0;
	float:right;
	padding:0 4%;			
}
/*DATOS CONTACTO PÁGINA DE CONTACTO*/
.container10{
	width:100%;
	z-index:0;	
	margin:5% 0 500px 0;
}
/*CONTENEDOR LATERAL*/
.container10-1{
	background-color:rgba(0,80,115,1);
	width:90%;
	height:250px;
	display:block;
	margin:100px 5% 0 5%;
	padding:7% 2% 7% 0;	
}
.container10-1 img{
	height:30px;
	margin:0 0 0 10px;	
	display:block;
	float:right;	
}
.container10-1 h5,.container10-1 h4,.container10-1 a h4{
	color:rgba(255,255,255,1);
	margin:0;
}
.container10-1 h5{
	font-size:.9em;
	display:block;
	float:right;
	font-weight:normal;	
}
.container10-1 h4,.container10-1 a h4{
	font-size:1.2em;
	display:block;
	clear:both;
	text-align:right;
	padding:15px 0 20px 0;
}
form{
	color:rgba(0,80,115,1);
	display:block;
	width:90%;
	height:400px;
	padding:5% 0 10% 0;	
	margin:auto;		
}
form p{
	font-size:.9em;
	line-height:30px;	
}
.form-cuadro{
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	width:100%;
	height:25px;
	padding:1%;
}
.consulta{
	height:125px;
	overflow:hidden;
	width:100%;	
}
.submit{
	background-color:rgba(0,80,115,1);
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,80,115,1);
	border-radius:5px;
	padding:1% 2%;	
	margin:10px 0 0 0;
	display:block;
}
/*footer*/
footer {
	margin: 0 auto;
	width:100%;
	padding:2% 5%;
	background:rgba(0,80,115,1);
}
.logos-oficiales{
	display:block;
	text-align:center;
}
.logos-oficiales img,.logos-contacto img {
	height:25px;
	width:auto !important;
}
.logos-contacto{
	display:block;
	text-align:center;
	margin-top:10px;	
}
}