@charset "UTF-8";
/* CSS Document */

body{
font-size:14px;
	font-family: "Poppins", serif;
font-weight: 300;
text-align:center;
line-height:1.8em;
margin:auto;
}
#botonmenumovil{
display:none;
}
#menumovil{
background:#00639b;
width:100%;
top:0;
	display: none;
}
#menumovil ul{
	margin: 0;
	padding: 0;
}
#menumovil li{
color:#FFFFFF;
padding:7px 0px;
border-bottom:1px dotted #000;
	list-style: none;
}
#menumovil li a, #menumovil li a:hover {
color:#FFFFFF;
display:block;
	text-align: center;
	text-decoration: none;
}
.centrador{
width:1100px;
clear:both;
margin:auto;
}
.centrador2{
width:900px;
clear:both;
margin:auto;
}

.banner-texto{
width:50%;
	float: left;
}
.banner-foto{
	float: right;
	width: 48%;
}
.banner-foto img{
	width: 85%;
}

#medio-fotos{
margin: auto;
}
#medio-fotos-derecha h2{
	color: #e9b829;
}
#medio-fotos-izq, #medio-fotos-izq2{
float: left;
width: 40%;
}
#medio-fotos-izq img {
width: 100%;
height: auto;
border-radius: 0px 30px 30px 0px;
}
#medio-fotos-izq2 img {
width: 100%;
height: auto;
	border-radius: 10px;
}
#medio-fotos-derecha{
float: right;
width: 45%;
	padding: 1%;
	text-align: left;
}
#medio-fotos-derecha ul{
padding:0;
margin:0;
}
#medio-fotos-derecha li{
list-style-image: url("contratos-images/vineta.jpg");
}
#medio-fotos-derecha li a, #medio-fotos-derecha li a:hover {
	text-decoration: none;
}
#medio-fotos-derecha li img{
padding:1%;
width:45%;
}
.texto{
	padding-left: 2%;
	width: 100%;
	margin-top: 20%;
	font-size: 38px;
	line-height: 53px;
	font-weight: 600;
}
.amarillo{
	color: #e9b829;
}
.banner-imagen{
width:45%;
	float: right;
}
.contacto-contenido{
width:30%;
margin:auto;
}
.clear{
clear:both;
}
h1{
font-family: "Archivo Black", sans-serif;
color:#FFFFFF;
text-transform:uppercase;
	font-weight: 700;
	font-size: 40px;
	line-height: 42px;
}
h2{
color:#FFFFFF;
	font-size: 25px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
}
h3{
color:#FFFFFF;
	font-size: 25px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
}
h4{
color:#E9B829;
	font-size: 30px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
}
.balazo{
color:#e9b829;
	font-size: 22px;
	line-height: 23px;
	font-weight: 500;
}
.head{
background-color:#0d6498;
	padding: 1% 0%;
}
.head-boton{
		background-color: #e9b829;
	color: #00041e;
	padding: 2px;
	display: block;
	width: 33%;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 14px;
	float: right;
	margin-right: 2%;
}
.cabezal{
background-color:#006488;
	background-image: url("images/fondo-cabezal.jpg");
	color: #FFFFFF;
	text-align: left;
	background-size: cover;
}

.banner h2{
color:#FFF;
font-size:40px;
line-height:55px;
	padding: 10% 0% 5% 0%;
	text-align: left!important;
	font-weight: 200;
}

.lista-servicios {
	margin: 5% 0%;
}
.lista-servicios h3 {
	color: #006488;
}
.lista-servicios ul{
	padding: 0;
	margin: 0;
	text-align: center;
}
.lista-servicios li{
	width: 13%;
	list-style: none;
	padding: 1%;
	border-radius: 10px;
	display: inline-block;
	margin: 2%;
	font-size: 21px;
	color: #000008;
	font-weight: 600;
}
.conocenos{
		background-color: #e9b829;
	color: #00041e;
	padding: 1px;
	display: block;
	width: 33%;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	margin-top: 5%;
}
.conocenos a, .conocenos a:hover{
	color: #00041e;
	text-decoration: none;
}

.pie{
background-color:#017497;
padding:50px 0px;
	font-size: 11px;
	line-height: 22px;
	color: #FFFFFF;
}
.pie img{
	width: 10%;
	height: auto;
	margin-bottom: 2%;
}
.pie a{
color:#FFF;
text-decoration:none;
}
.pie ul{
list-style:none;
padding:0px;
margin:0px;
}


.empresahome a{
background-color:#046180;
text-transform:uppercase;
color:#FFF;
text-decoration:none;
padding:10px 20px;
}
.soluciones{
margin:50px auto;
}

.menu{
	text-transform: uppercase;
}
.menu ul{
	text-align: center;
	margin: 0;
}
.menu li{
	list-style: none;
	display: inline-table;
	padding: 10px;
}
.menu a {
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover{
	color: #e9b829;
	text-decoration: none;
}
.menu li ul li a{
height:auto;
min-height:inherit;
}
.menu li a:hover{
color:#FFFF00;
vertical-align:middle!important;
}
.menu li ul li a:hover{
min-height: inherit;
}
.menu li ul{
width:150px;
display:none;
border:none;
position:absolute;
z-index:999;
text-align:center;
text-transform:none;
margin:0px!important;
}
.submenu{
	text-align:center!important;
}
#menu li ul li{
color:#FFF;
text-decoration:none;
border:none;
background: rgba(130, 98, 153, 0.9);
margin:0px;
display:block;
width:100%;
text-align:center;
}
#menu li ul li a{
color:#FFF;
text-align:center;
display:block;
margin:0px;
text-decoration:none;
border:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#menu li ul li a:hover{
background: rgba(80, 57, 96, 0.9);
color:#FFF;
text-align:center;
	margin:0px;
	border:none;
text-decoration:none;
}

#menu li:hover ul{
	display:block;
	z-index: 99999;
}
.botonmenumovil{
display:none;
float:right;
padding:10px;
position:absolute;
top:10px;
right:10px;
z-index:99999999;
}
.menu-boton{
width:54%;
	float: right;
}
.logotipo{
width:15%;
	float: left;
}
.logotipo img{
width:100%;
height:auto;
}
.bannercentral img{
width:100%;
height:auto;
}
.telefonoymenu{
float:right;
text-align:right;
width:70%;
}
.campo{
color: #000;
font-size:14px;
	font-family: "Poppins", serif;
font-weight: 300;
border: 1px solid #e2e2e2;
width: 98%;
	text-align: center;
height: 35px;
background-color: #EBEBEB
}
.multilinea{line-height:150%;
	height:90px;
	overflow:hidden;
	font-size:14px;
	font-family: "Poppins", serif;
font-weight: 300;
color: #000;
	text-align: center;
border: 1px solid #e2e2e2;
width: 98%;
background-color: #EBEBEB}

.productos ul{
list-style:none;
padding:0px;
margin:0px;
}
.productos li{
width:30%;
margin:1%;
display:inline-table;
}
.productos li img{
width:80%;
height:auto;
}


#texto{
width: 70%;
margin: auto;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
	font-size: 40px;
}


.seguro{
    float:left;
    padding: 1%;
    width: 47%;
}
.financiamiento{
    float:right;
    padding: 1%;
    width: 47%;
}
.pagotransferencia{
	width: 100%;
	text-align: center;
	color:#FFFFFF;
	font-size: 20px;
	padding: 3% 0%;
	background-color:#E4AC1E;
}
.fotosuperior img{
	width: 100%;
	height: auto;
}
.intro-fotovoltaico{
	background-image: url("images/fondo-sv.jpg");
	background-size: cover;
	}
.intro-fotovoltaico-derecho{
	float: right;
	width: 44%;
	padding: 1%;
	margin: 2%;
	border-radius: 5px;
	text-align: left;
	background: rgb(250,255,255, .8);
	}
.intro-fotovoltaico-izq{
	float: left;
	width: 50%;
	}
.intro-fotovoltaico-izq img{
	width: 100%;
	height: auto;
	}
#garantia{
	background-image: url("images/fondo-garantia.jpg");
	background-size: cover;
}
.titulo-servicio{
	color: #499055;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
}
.titulo-servicio2{
	color: #017497;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 19px;
	font-weight: 600;
}
.icono-servicio{
	width: 40%;
	height: auto;
	margin: auto;
	padding: 4% 0%;
}
.proyectos{
	margin-top: 5%;
	margin-bottom: 5%;
}
.proyectos img{
	border-radius:15px;
	width: 100%;
	height: auto;
}
.proyectos ul{
	text-align: center;
	margin: 0;
	padding: 0;
}
.proyectos li{
	width: 30%;
	list-style: none;
	display: inline-table;
	padding: 5px;
	color: #FFFFFF;
}
.titulo-proyectos{
color:#006488;
	font-size: 25px;
	line-height: 23px;
	text-align: center;
	padding: 10px 0px;
	font-weight: 400;
}
.servicios{
	margin-top: 5%;
}
.servicios img{
	border-radius:5%;
	width: 100%;
	height: auto;
}
.servicios ul{
	text-align: center;
	margin: 0;
	padding: 0;
}
.servicios li{
	width: 28%;
	list-style: none;
	display: inline-table;
	margin: 1%;
	background: #B6EAFA;
background: linear-gradient(180deg,rgba(182, 234, 250, 1) 0%, rgba(255, 255, 255, 1) 99%);
	border-radius:10px;
	padding: 1%;
	color: #00639b;
}
.servicios2{
	margin-top: 5%;
	margin-bottom: 5%;
}
.servicios2 img{
	width: 100%;
	height: auto;
}
.servicios2 ul{
	text-align: center;
	margin: 0;
	padding: 0;
}
.servicios2 li{
	width: 15%;
	list-style: none;
	display: inline-table;
	margin: 1%;
	background: #B6EAFA;
background: linear-gradient(180deg,rgba(182, 234, 250, 1) 0%, rgba(255, 255, 255, 1) 99%);
	border-radius:10px;
	padding: 1%;
	min-height: 200px;
	color: #FFFFFF;
}
#medio{
	color: #FFFFFF;
	text-align: center;
	background-image:url("images/fondo-seccion.jpg");
	padding: 30px 0px;
	background-size: cover;
}
#medio-mision{
	color: #FFFFFF;
	text-align: center;
	background-image: url("images/fondo-mision.jpg?version=2.8");
	padding: 30px 0px;
	background-size: cover;
}
.medio-planes{
	text-align: center;
	padding: 30px 0px;
	background-color: aliceblue;
}
.medio-planes img{
	border-radius: 20px;
}

.leermas{
	background-color: #0e4768;
	color: #FFFFFF;
	padding: 1%;
	display: block;
	width: 60%;
	border-radius: 10px;
	margin: 4% auto;
}
.leermas a, .leermas a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.descubre a, .descubre a:hover, .head-boton a, .head-boton a:hover{
	text-decoration: none;
	color: #00041e;
	font-weight: 600;
}
.descubre {
	background-color: #e9b829;
	color: #00041e;
	padding: 1%;
	display: block;
	width: 40%;
	border-radius: 10px;
	text-transform: uppercase;
	margin: auto;
	font-size: 20px;
}
.testimonio{
color: #29AAB8;
	text-transform: uppercase;
	font-size: 15px;
}
.firma{
color: #253787;
	padding-top: 25px;
}
#garantia-derecha{
float: right;
width: 45%;
	padding: 1%;
	text-align: left!important;
}
#garantia-derecha ul{
padding:0;
margin:0;
}
#garantia-derecha li{
display:inline-table;
width:100%;
	list-style-image: url("images/vineta.jpg");
}
#garantia-derecha img{
padding:1%;
width:25%;
}
#medio-fotos-derecha{
float: right;
width: 50%;
	padding: 10px 50px 10px 10px;
	text-align: left;
}
#medio-fotos-derecha ul{
padding:0;
margin:0;
}
#medio-fotos-derecha li{
display:inline-table;
width:42%;
	padding: 3%;
}
#medio-fotos-derecha li a, #medio-fotos-derecha li a:hover {
	text-decoration: none;
	color: #374470;
}
#medio-fotos-derecha li img{
padding:1%;
width:45%;
}

.vermas{
	background-color: #F7931E;
	color: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	width: 30%;
	margin: auto;
	text-transform: uppercase;
	font-size: 15px!important;
	padding: 1%;
	display: block;
	margin-top: 3%;
}
.vermas2{
	background-color: #F7931E;
	color: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	width: 30%;
	text-transform: uppercase;
	font-size: 15px!important;
	padding: 1%;
	display: block;
	margin-top: 3%;
}
.vermas-asesoria{
	background-color: #1B1464;
	color: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	width: 70%;
	margin: auto;
	text-transform: uppercase;
	font-size: 18px!important;
	padding: 2%;
	display: block;
	margin-top: 3%;
}
.vermas a, .vermas a:hover, .vermas2 a, .vermas2 a:hover, .vermas-asesoria a, .vermas-asesoria a:hover{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

.contacto{
padding:50px 0px;
margin:auto;
	color: #FFFFFF;
	background-image: url("images/fondo-contacto.jpg?version=2.8");
	background-size: cover;
}
.contacto h3{
	color: #00639b;
}

.boton{
text-align:center;
color:#fff;
font-size:20px;
border:0;
padding:10px 20px;
background-color:#2C8BC7;
text-transform: uppercase;
}
#galeria-inicio{
width:100%;
margin:auto;
	padding-top: 5%;
}
#galeria-inicio img{
width:100%;
height:auto;
padding: 0;
margin: 0;
}
#galeria-inicio-izq{
float:left;
width:50%;
border: 0px;
padding: 0px;
}
#galeria-inicio-izq1{
width:100%;
}
#galeria-inicio-izq2{
width:100%;
}
#galeria-inicio-izq2a{
float:left;
width:50%;
}
#galeria-inicio-izq2b{
float:right;
width:50%;
}
#galeria-inicio-derecho{
float:right;
width:50%;
}
#galeria-inicio-derecho1{
float:left;
width:50%;
}
#galeria-inicio-derecho2{
float:right;
width:50%;
}
#galeria-inicio-derecho2a{
width:100%;
}
#galeria-inicio-derecho2b{
width:100%;
}
.banner-remodelacion{
	background-image: url("images/fondo-remodelacion.jpg?version=1.98");
width:100%;
	background-size: cover;
}
.banner-nosotros{
	background-image:url("images/banner-quienes.jpg");
width:100%;
	background-size: cover;
}
.banner-contacto{
	background-image:url("images/banner-contacto.jpg?version=2.8");
width:100%;
	background-position: top;
	background-size: cover;
}
.banner-proyectos{
	background-image: url("images/banner-proyectos.jpg");
width:100%;
	background-size: cover;
}
.banner-servicios{
	background-image:url("images/banner-servicios.jpg");
width:100%;
	background-size: cover;
}
.seccion-servicios{
	color: #E9B829;
	font-size: 90px;
	font-weight: 700;
	padding: 100px 0px;
width:100%;
}
.texto-contacto{
	color: #FFFFFF;
	padding: 150px 0px;
width:80%;
	background-size: cover;
	margin: auto;
	font-size: 50px;
	line-height: 60px;
}
.banner-nosotros-contenido{
	text-align: right;
	width: 500px;
	margin: auto;
	padding: 100px 0px 100px 500px;
}
.banner-nosotros-contenido h1{
	font-size: 30px;
}
.mision ul{
	text-align: center;
	margin: 0;
	padding: 0;
}
.mision li{
	color: #FFFFFF;
	display: inline-block;
	width: 18%;
	font-size: 17px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 2%;
	list-style: none;
}
.mision li img{
	width: 40%;
	height: auto;
	padding-bottom: 10px;
}
.planes ul, .planes2 ul{
	text-align: center;
	margin: 0;
	padding: 0;
}
.planes li{
	display:inline-table;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	padding: 2%;
	margin: 0% 1%;
	list-style: none;
	border-radius: 0px 0px 50px 50px;
	width: 15%;
	min-height: 100px;
}
.basico{
	background-color: #b6eafa;
	color: #00639b;
}
.intermedio{
	background-color: #19a6d4;
	color: #FFFFFF;
}
.alto{
	background-color: #00639b;
	color: #b6eafa;
}
.planes2 li{
	color: #A7A7A7;
	display:inline-table;
	width: 90%;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	padding: 2%;
	list-style: none;
}
.btn_wapp{
position: fixed;
bottom: 24px;
top:auto;
right: 5px;
border-radius: 50%;
padding: 10px;
background-color: #25d366;
color: #FFFFFF;
text-align: center;
box-sizing: border-box;
box-shadow: 0 5px 10px 2px rgba(0,0,0,.2);
display: flex;
align-items: center;
vertical-align: middle;
font-size: 16px;
z-index: 99999;
width: 60px;
}
.btn_wapp a,.btn_wapp a:hover{
color:#fff;
text-decoration:none;
	display: flex;
}
.btn_wapp img{
width:100%;
height:auto;
}