/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}
@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Avenir Next LT Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold'), url('AvenirNextLTPro-Bold.woff') format('woff');
}

body {
	font-family: 'Avenir Next LT Pro Regular';
	text-align:center;
	margin:0;
	background:#FFF;
	width:100%;
	height:100%;
}

.clearer{
    display:block;
    clear: both;
}
.resaltar{
	font-family: 'Avenir Next LT Pro Bold';
}
.naranja{ color:#F57F23; }

/*INICIO*/
#wrapper{
	width:100%;
	margin:0;
	padding: 0;
	height:auto;
	overflow: hidden;
	display: table;
}

#cabecera{
	width: 80%;
	padding: 20px 10%;
	height: auto;
	display: table;
}
#cabecera_izq{
	width: 70%;
	float: left;
	margin-top: 100px;
}
#cabecera_der{
	width: 30%;
	float: left;
	text-align: center;
}
#cabecera_der img{
	height: 150px;
}
#fijo{
	width: 100%;
	/*padding: 10px 0;*/
	height: auto;
	/*background:#2F4A9F;*/
	background:#FFF;
	z-index: 4000;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: solid 2px #324F9D;
}
#fija_izq{
	width: 80%;
	float: left;
}
#fija_der{
	width: 20%;
	float: left;
	text-align: center;
}
#fija_der img{
	height: 80px;
}
#bloque_inicio{
	width: 100%;
	height: auto;
	display: table;
}
#fondo_azul img{
	width: 100%;
}
#opcion{
	width: 20%;
	float: left;
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
}
#opcion a{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color:#324F9D;

}
#opcion a:hover{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color:#324F9D;
	font-weight: 700;
}
#opcion_logotipo{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30%;
}
#opcion_logotipo img{
	height: 100px;
}
#info_1{
	width: auto;
	margin-left: 10%;
	padding:0;
	text-align: left;
}
#info_1 img, #info_2 img, #info_3 img{
	height: 220px;
}
#info_2{
	width: auto;
	margin-left: 30%;
	padding:0;
	text-align: left;
}
#info_3{
	width: auto;
	margin-right: 20%;
	padding:0;
	text-align: right;
}
#footer{
	width: 100%;
	padding: 50px 0;
	height: auto;
	display: table;
	font-size: 14px;
	color: #FFF;
	background:#2F4A9F;

}
#footer img{
	height: 40px;
	padding: 10px 0;
}
#footer h1{
	font-size: 20px;
	font-family: 'Avenir Next LT Pro Bold';
}
#slide{
	width: 100%;
	height: auto;
}
#slide img{
	width:100%;
}

/*SERVICIOS*/
#bloque_servicios{
	width: 100%;
	height: auto;
	display: table;
	background:#324F9D;
}
#servicios_1{
	width: auto;
	padding-left: 10%;
	text-align: left;
}
#servicios_1 img{
	height: 220px;
}
#servicios_2{
	width: auto;
	padding-right: 10%;
	text-align: right;
}
#servicios_2 img{
	height: 220px;
}
#servicios_mitad{
	width: 50%;
	padding-left:0;
	text-align: left;
	float: left;
}
#servicios_mitad img{
	height:250px;
}
#servicios_mitad_2{
	width: 50%;
	padding-left:0;
	text-align: center;
	float: left;
}
#servicios_mitad_2 img{
	width:80%;
}
#bloque_tinaco{
	width: 100%;
	height: auto;
	position: relative;
	display: table;
}
#gris{
	width: 100%;
	padding:20px 0;
	position: absolute;
	bottom: 0;
	background:#999;
	z-index: 100;
}


/*GALERIA*/
#bloque_galeria{
	width: 100%;
	height: auto;
	display: table;
	position: relative;
}
#fondo_galeria{
	width:100%;
	background:#999;
	padding:30px 0;
}
#titulo_galeria{
	width: 90%;
	padding: 0 5%;
	text-align: left;
}
#titulo_galeria img{
	width: 35%;
}
#bloque_galeria ul{
	width: 100%;
	list-style: none;
}
#bloque_galeria ul li{
	width: 25%;
	float: left;
	padding: 0;
	margin: 0;
	list-style:none;
}
#bloque_galeria ul li img{
	width:100%;
	height:cover;
}


/*CLIENTES*/
#bloque_clientes{
	width: 100%;
	height: auto;
	display: table;
}
#titulo_clientes{
	width: auto;

}
#titulo_clientes img{
	width: 50%;
}
#logotipos{
	width: 100%;
	text-align: center;
}
#logotipos img{
	width: 75%;
}


/*CONTACTO*/
#bloque_contacto{
	width: 100%;
	height: auto;
	min-height: 300px;
	display: table;
	position: relative;
	background-image: url(../images/FONDO_CONTACTO.svg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: top;
}
#bloque_contacto_izq{
	width: 50%;
	float: left;
	text-align: center;
	padding: 100px 0;
}
#bloque_contacto_izq img{
	width: 70%;
}
#bloque_contacto_der{
	width: 40%;
	padding: 100px 5%;
	text-align: right;
	float: left;
}
.texto{
	width: 90%;
	padding: 10px;
	border: none;
	border-bottom:solid 1px #FFF;
	color: #FFF;
	font-size: 14px;
	background: none;
}
.enviar{
	width: auto;
	padding: 10px 20px;
	border: none;
	border:solid 1px #FFF;
	font-size: 11px;
	background: none;
	cursor: pointer;
	color:#FFF;
	border-radius: 20px;
}
.enviar:hover{
	background:#FFF;
	color:#369;
}








#logotipo_movil, #menu_2, #bloque_menu, #cabecera_movil, #fondo_blanco_movil, #movil{
	display: none;
}
#desk{
	display: block;
}

/*
@media only screen and (min-width:1025px) and (max-width:1100px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 1550px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 150px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1101px) and (max-width:1200px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 1700px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 200px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1201px) and (max-width:1300px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 1800px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 200px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1301px) and (max-width:1400px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 1950px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 300px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1401px) and (max-width:1500px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 2100px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 350px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1501px) and (max-width:1600px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 2200px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 400px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1601px) and (max-width:1700px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 2300px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 400px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1701px) and (max-width:1800px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 2500px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 450px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}
@media only screen and (min-width:1801px) and (max-width:1900px){
	#fondo_azul_curvo{
		width: 100%;
		height: auto;
		min-height: 2600px;
		background-image: url(../images/FONDO-AZUL.png);
		background-size:100%;
		z-index: 2000;
		position: relative;
	}
	#contenido_servicios{
		width: 100%;
		padding: 20px 0;
	}
	#servicios{
		width: 80%;
		padding: 500px 10% 50px 10%;
		height: auto;
		display: table;
		min-height: 500px;
	}

}

*/






















/*MOVIL*/
@media only screen and (min-width:300px) and (max-width:1024px){
#wrapper{
	width:100%;
	margin:0;
	height:auto;
	display:table;
	position:relative;

}
#menu, #menu_desk, #logotipo, #desk{
	display: none;
}
#movil{
	display: block;
}

#menu_2{
	width:auto;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 5500;
	display: block;
}
#menu_2 img{
	height: 25px;
}
#logotipo_movil{
	width: 100%;
	padding: 10px 0;
	text-align: center;
	height: auto;
	position: fixed;
	top: 0;
	background-color:#FFF;
	display: block;
	border-bottom: solid 2px #2F4A9F;
	z-index: 2900;
}
#logotipo_movil img{
	height: 70px;
}


#footer{
	width: 100%;
	padding: 50px 0;
	height: auto;
	overflow: hidden;
	text-align: center;
}
#footer img{
	width: 50%;
}

#cabecera, #wts_gris{
	display:none;
}
#cabecera_movil{
	width:100%;
	display:table;
	position: fixed;
	top: 0;
	z-index: 5000;
	background:#2F4A9F;
}
#espacios{
	display:none;
}
#bloque_menu{
	width:100%;
	height:150%;
	padding:50px 0;
	background:#2F4A9F;
	position:fixed;
	left:-100%;
	top:0;
	z-index:16000;
	display:table;
}
#opcion{
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
	font-size:15px;
	border-bottom:solid 1px #EEE;
	display:table;
}
#opcion a{
	width:100%;
	text-decoration:none;
	padding:20px 0;
	color:#F1F2F2;
	display:block;
}
#opcion a:hover{
	width:100%;
	text-decoration:none;
	padding:20px 0;
	color:#F1F2F2;
	display:block;
}

#punto_1{
	width: 100%;
	height: auto;
	display: table;
	height: 170px;
}
#punto_1_izq{
	width: 10%;
	height: auto;
	background-color:#2F4A9F;
	float: left;
	height: 170px;
}
#punto_1_der{
	width: 84%;
	height: 150px;
	padding: 10px 3%;
	float: left;
	text-align: left;
}
#punto_1_der h1{
	font-size: 20px;
	font-family: 'Avenir Next LT Pro Bold';
	color:#2F4A9F;
}
#punto_1_der p{
	font-size: 13px;
	color:#666;
}
#punto_2{
	width: 100%;
	height: auto;
	display: table;
	height: 170px;
}
#punto_2_izq{
	width: 10%;
	height: auto;
	background-color:#2F4A9F ;
	float: left;
	height: 170px;
}
#punto_2_der{
	width: 84%;
	height: 150px;
	padding: 10px 3%;
	float: left;
	text-align: right;
}
#punto_2_der h1{
	font-size: 20px;
	font-family: 'Avenir Next LT Pro Bold';
	color:#2F4A9F;
}
#punto_2_der p{
	font-size: 13px;
	color:#666;
}

/*SERVICIOS*/
#servicio_m{
	width: 100%;
	padding: 50px 0;
	height: auto;
	display: table;
	background-color:#2F4A9F;
}
#servicio_m_1{
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
#servicio_m_1 img{
	width: 90%;
}
#servicio_m_2{
	width:100%;
	padding:0;
	text-align: left;
}
#servicio_m_2 img{
	width:140%;
	margin-left:-20%;
}
#servicio_m_3{
	width: 100%;
	text-align: center;
}
#servicio_m_3 img{
	width: 90%;
}


/*GALERÍA*/
#galeria_m{
	width: 100%;
	height: auto;
	display: table;
}
#galeria_m ul{
	width: 100%;
	list-style: none;
}
#galeria_m ul li{
	width: 50%;
	float: left;
	margin:0;
}
#galeria_m ul li img{
	width: 100%;
}
#titulo_galeria_m{
	width: 100%;
	padding: 30px 0;
	color:#FFF;
	/*background-color:#2F4A9F;*/
	background-color:#999;
	text-align:center;
	font-size: 40px;
	font-family: 'Avenir Next LT Pro Bold';
}


/*CLIENTES*/
#titulo_clientes_m{
	width: 100%;
	padding: 30px 0;
	color:#999;
	background-color:#FFF ;
	text-align:center;
	font-size: 40px;
	font-family: 'Avenir Next LT Pro Bold';
}
#logotipos_movil{
	width: 100%;
}
#logotipos_movil img{
	width: 100%;
}


/*CONTACTO*/
#bloque_contacto{
	width: 100%;
	height: auto;
	display: table;
	position: relative;
	background-image: url(../images/FONDO_CONTACTO.svg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: top;
}
#bloque_contacto_izq{
	width: 100%;
	text-align: center;
	padding: 30px 0;
}
#bloque_contacto_izq img{
	width: 70%;
}
#bloque_contacto_der{
	width: 90%;
	padding:10px 5% 30px 5%;
	text-align: left;
}


.blink_img {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}
@keyframes blin {
  50% { opacity: 0; }
}

}