/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
	overflow-x: hidden;
}
@font-face {
	font-family: 'Arcon-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Arcon-Regular'), url('Arcon-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Nexa-Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Nexa-Bold'), url('Nexa-Bold.woff') format('woff');
}

body {
	font-family: 'Arcon-Regular';
	text-align:center;
	margin:0;
	background:#FFF;
	width:100%;
	height:100%;

}

.clearer{
    display:block;
    clear: both;
}
#menu{
	width:100%;
	padding:10px 0;
	height:auto;
	display:table;
	background:#B3BECF;
	font-size:10px;
	position:fixed;
	z-index:500;
}
#menu_izq{
	width:30%;
	float:left;
	text-align:center;
}
#menu_izq img{
	height:30px;
}
#menu_der{
	width:70%;
	float:left;
	text-align:center;
	padding:5px 0;
}
#menu_der ul{
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	height:auto;
}
#menu_der ul li{
	width:15%;
	float:left;
	text-align:center;
	border-right:solid 1px #FFFFFF;
	padding:5px 0;
	position:relative;
}
#menu_der ul li a{
	text-decoration:none;
	color:#FFF;
	display:block;
}
#logo{
	width:100%;
	padding:200px 0;
	text-align:center;
	/*background:#F3F0F6;*/
	background:#FFF;
}
#logo img{
	height:250px;
}
#bloque_video{
	width:100%;
	position:relative;
	display:table;
}
#footer_video{
	width:100%;
	height:50px;
	padding:30px 0;
	text-align:center;
	background:#a3b0c9;
	color:#FFF;
	font-size:40px;
	font-family: 'Nexa-Bold';
	top:-30px;
	z-index:200;
}

/*CONOCENOS*/
#bloque_conocenos{
	width:100%;
	height:auto;
	display:table;
	padding-top:50px;
}
#bloque_conocenos_izq{
	width:50%;
	float:left;
	text-align:left;
}
#bloque_conocenos_izq img{
	width:90%;
}
#bloque_conocenos_der{
	width:35%;
	padding:50px 10% 50px 5%;
	text-align:left;
	float:left;
}
#bloque_conocenos_der h1{
	font-size:50px;
	font-family: 'Nexa-Bold';
	padding:30px 0;
	color:#CCC;
	letter-spacing:10px;
}
#bloque_conocenos_der h2{
	font-size:20px;
	padding:10px 0;
	color:#999;
	letter-spacing:2px;
}
#bloque_conocenos_der p{
	font-size:15px;
	color:#999;
}
#linea{
	width:100%;
	border-bottom:solid 3px #999;
}
#imagen_centrada{
	width:100%;
	padding:0;
	text-align:center;
}
#imagen_centrada img{
	width:60%;
}
#indicador_1, #indicador_2, #indicador_3, #indicador_4, #indicador_5, #indicador_6{
	font-size:25px;
	color:#FFF;
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	display:none;
}

/*ÁREAS*/
#bloque_areas{
	width:100%;
	height:auto;
	display:table;
	padding-top:50px;
}
#titulo_centrado{
	width:100%;
	text-align:center;
}
#titulo_centrado h1{
	font-size:50px;
	font-family: 'Nexa-Bold';
	padding:30px 0;
	color:#CCC;
	letter-spacing:10px;
}
#texto_centrado{
	width:40%;
	text-align:center;
	padding:0 30%;
}
#texto_centrado p{
	font-size:15px;
	color:#999;
}
#diapositivas{
	width:100%;
	height:auto;
	display:table;
	margin-bottom:450px;
}
#diapositiva_1{
	width:100%;
	position:absolute;
	
}
#diapositiva_2, #diapositiva_3, #diapositiva_4{
	width:100%;
	position:absolute;
	right:-100%;
}
#diapositiva_imagen{
	width:100%;
	text-align:center;
}
#diapositiva_imagen img{
	width:40%;
}
#diapositiva_texto{
	width:40%;
	margin:50px 30%;
	text-align:center;
}
#diapositiva_texto p{
	font-size:15px;
	color:#999;
}
#area_imagen{
	width:60%;
	padding-left:40%;
	text-align:right;
}
#area_imagen img{
	width:100%;
}
#back_1{
	position:absolute;
	top:30%;
	left:10%;
}
#next_1{
	position:absolute;
	top:30%;
	right:10%;
}

/*EQUIPO*/
#bloque_equipo{
	width:100%;
	height:auto;
	display:table;
	padding:50px 0;
	background:#525B64;
}
#titulo_centrado{
	width:100%;
	text-align:center;
}
#titulo_centrado h1{
	font-size:50px;
	font-family: 'Nexa-Bold';
	padding:30px 0;
	color:#CCC;
	letter-spacing:10px;
}
#listado_equipo{
	width:100%;
	height:auto;
	display:table;
	padding:30px 0;
}
#listado_equipo ul{
	width:100%;
	list-style:none;
}
#listado_equipo ul li{
	width:21%;
	padding:0 2%;
	float:left;
	text-align:center;
	font-size:15px;
	color:#FFF;
	line-height:25px;
	position:relative;
}
#equipo_imagen_1{
	width:100%;
}
#equipo_imagen_1 img{
	width:100%;
}
#equipo_imagen_1_b{
	width:100%;
	display:none;
}
#equipo_imagen_1_b img{
	width:100%;
}
#equipo_imagen_2, #equipo_imagen_3, #equipo_imagen_4{
	width:100%;
}
#equipo_imagen_2 img, #equipo_imagen_3 img, #equipo_imagen_4 img{
	width:100%;
}
#equipo_imagen_2_b, #equipo_imagen_3_b, #equipo_imagen_4_b{
	width:100%;
	display:none;
}
#equipo_imagen_2_b img, #equipo_imagen_3_b img, #equipo_imagen_4_b img{
	width:100%;
}
#ficha_1{
	width:100%;
	padding:10% 0;
	height:80%;
	display:block;
	background:#B3BECF;
	display:none;
	z-index:10000000;
}
#ficha_imagen{
	width:50%;
	padding:10px 25%;
	text-align:center;
}
#ficha_imagen img{
	width:50%;
}
#ficha_texto{
	width:30%;
	margin:10px 35%;
	text-align:center;
	font-size:15px;
	color:#FFF;
}
#ficha_texto h1{
	font-size:20px;
	padding:0;
	letter-spacing:5px;
}
#ficha_texto h2{
	font-size:15px;
	padding:0;
	letter-spacing:0;
}
#ficha_texto p{
	font-size:13px;
	color:#FFF;
}
#ficha_x{
	width:100%;
	padding:40px 0;
	text-align:center;
	font-size:20px;
}
#ficha_x a{
	text-decoration:none;
	color:#FFF;
	font-family: 'Nexa-Bold';
}
#ficha_2, #ficha_3, #ficha_4{
	width:100%;
	padding:10% 0;
	height:80%;
	display:block;
	background:#B3BECF;
	display:none;
	z-index:10000000;
}


/*TECNOLOGÍA*/
#bloque_tecnologia{
	width:100%;
	margin:50px 0;
	text-align:center;
}
#tecnologia_texto{
	width:30%;
	margin:20px 35%;
	text-align:center;
}
#tecnologia_texto p{
	font-size:15px;
	color:#999;
}
#tecnologia_texto h2{
	font-size:20px;
	padding:10px 0;
	color:#999;
	letter-spacing:2px;
}
#slide{
	width:40%;
	margin:0 30%;
}
#slide img{
	width:100%;
}

/*SERVICIOS*/
#bloque_servicios{
	width:100%;
	height:auto;
	display:table;
	padding:50px 0;
	background:#b9c3d6;
}
#listado_servicios{
	width:100%;
	padding:50px 0;
	height:auto;
	display:table;
}
#listado_servicios h2{
	font-size:13px;
	padding:10px 0;
	color:#5D666F;
	letter-spacing:2px;
}
#listado_servicios ul{
	width:70%;
	margin:0 15%;
	list-style:none;
}
#listado_servicios ul li{
	width:21%;
	padding:0 2%;
	float:left;
	text-align:center;
}
#listado_servicios ul li img{
	width:70%;
}
#forma_servicios{
	width:50%;
	margin:20px 25%;
	text-align:center;
}
#titulo_forma{
	color:#FFF;
	font-size:15px;
}
.txt{
	width:70%;
	padding:10px;
	border:none;
	border:solid 1px #FFFFFF;
	border-radius:20px;
	background:none;
	color:#5D666F;
	margin-top:20px;
}
.txt2{
	width:70%;
	height:100px;
	padding:10px;
	border:none;
	border:solid 1px #FFFFFF;
	border-radius:20px;
	background:none;
	color:#5D666F;
	margin-top:20px;
}
.enviar{
	width:20%;
	padding:10px;
	border:none;
	border:solid 1px #5D666F;
	border-radius:20px;
	background:none;
	color:#5D666F;
	margin-top:20px;
	cursor:pointer;
	font-size:13px;
}
.enviar:hover{
	width:20%;
	padding:10px;
	border:none;
	border:solid 1px #FFF;
	border-radius:20px;
	background:none;
	color:#FFF;
	margin-top:20px;
	cursor:pointer;
	background:#5D666F;
	font-size:13px;
}


/*CONTACTO*/
#bloque_contacto{
	width:100%;
	margin:50px 0;
	text-align:center;
}
#mapa{
	width:100%;
	height:auto;
	display:table;
	
}
#contacto_izq{
	width:40%;
	padding:0 5%;
	text-align:right;
	float:left;
	font-size:13px;
	color:#5D666F;
	padding-top:100px;
}
#contacto_izq img{
	height:40px;
}
#contacto_der{
	width:40%;
	padding:0 5%;
	text-align:left;
	float:left;
}
.txt_contacto{
	width:70%;
	padding:10px;
	border:none;
	border:solid 1px #5D666F;
	border-radius:20px;
	background:none;
	color:#5D666F;
	margin-top:10px;
}
.txt_contacto2{
	width:70%;
	height:100px;
	padding:10px;
	border:none;
	border:solid 1px #5D666F;
	border-radius:20px;
	background:none;
	color:#5D666F;
	margin-top:10px;
}
.enviar_contacto{
	width:20%;
	padding:10px;
	border:none;
	border:solid 1px #5D666F;
	border-radius:20px;
	background:#5D666F;
	color:#FFF;
	margin-top:10px;
	cursor:pointer;
	font-size:13px;
}
#cabecera_movil{
	display:none;
}
#bloque_conocenos_movil{
	display:none;
}
#bloque_areas_movil{
	display:none;
}
#diapositivas_movil{
	display:none;
}

/*MOVIL*/
@media only screen and (min-width:200px) and (max-width:850px){
#menu{
	display:none;
}
#cabecera_movil{
	width:100%;
	display:table;
	position:relative;
}
#logotipo_movil{
	width:100%;
	padding:20px 0;
	text-align:center;
}
#logotipo_movil img{
	height:200px;
}
#datos_movil{
	width:98%;
	padding:10px 1%;
	text-align:right;
	font-size:11px;
	color:#333;
}
#datos_movil a{
	text-decoration:none;
	color:#333;
}
#menu_movil{
	position:absolute;
	top:0;
	left:5px;
	display:block;
}
#menu_movil_2{
	position:absolute;
	top:20px;
	left:10px;
	display:block;
}
#bloque_menu{
	width:100%;
	height:180px;
	padding:50px 0;
	background:#FFF;
	position:absolute;
	left:-100%;
	top:-8%;
	z-index:16000;
	display:table;
}
#opcion{
	width:100%;
	height:auto;
	padding:10px 0;
	text-align:center;
	font-size:13px;
	border-bottom:solid 1px rgba(51,51,51,0.1);
	display:table;
}
#opcion a{
	width:100%;
	text-decoration:none;
	padding:10px 0;
	color:#333;
	display:block;
}

/*INICIO*/
#logo{
	display:none;
}
#footer_video{
	width:100%;
	height:auto;
	padding:20px 0;
	text-align:center;
	background:#a3b0c9;
	color:#FFF;
	font-size:20px;
	font-family: 'Nexa-Bold';
	top:-30px;
	z-index:200;
}
/*CONOCENOS*/
#bloque_conocenos{
	display:none;
}
#bloque_conocenos_movil{
	width:100%;
	height:auto;
	display:table;
}
#bloque_conocenos_movil h1{
	font-size:30px;
	font-family: 'Nexa-Bold';
	padding:30px 0;
	color:#CCC;
	letter-spacing:10px;
}
#bloque_conocenos_izq{
	width:70%;
	padding:0;
	text-align:left;
}
#bloque_conocenos_izq img{
	width:100%;
}
#bloque_conocenos_der{
	width:80%;
	padding:50px 10%;
	text-align:left;
}
#bloque_conocenos_der h2{
	font-size:20px;
	padding:10px 0;
	color:#999;
	letter-spacing:2px;
}
#bloque_conocenos_der p{
	font-size:15px;
	color:#999;
}
#imagen_centrada{
	width:100%;
	padding:0;
	text-align:center;
}
#imagen_centrada img{
	width:100%;
}
/*ÁREAS*/
#bloque_areas{
	width:100%;
	height:auto;
	display:table;
	/*padding-top:50px;*/
	padding:0;
	overflow-x: hidden;
}
#titulo_centrado{
	width:100%;
	text-align:center;
}
#titulo_centrado h1{
	font-size:30px;
	font-family: 'Nexa-Bold';
	padding:30px 0;
	color:#CCC;
	letter-spacing:10px;
}
#diapositivas{
	display:none;
}
#diapositivas_movil{
	width:100%;
	height:auto;
	display:table;
	margin-bottom:300px;
}
#diapositiva_1_movil{
	width:100%;
	position:absolute;
	
}
#diapositiva_2_movil, #diapositiva_3_movil, #diapositiva_4_movil{
	width:100%;
	position:absolute;
	left:0;
	display:none;
}
#diapositiva_imagen{
	width:100%;
	text-align:center;
}
#diapositiva_imagen img{
	width:60%;
}
#diapositiva_texto{
	width:80%;
	margin:50px 10%;
	text-align:center;
}
#diapositiva_texto p{
	font-size:15px;
	color:#999;
}
#back_1{
	position:absolute;
	top:15%;
	left:5%;
}
#next_1{
	position:absolute;
	top:15%;
	right:5%;
}
#texto_centrado{
	width:80%;
	text-align:center;
	padding:0 10%;
}
#texto_centrado p{
	font-size:15px;
	color:#999;
}
#area_imagen{
	width:90%;
	padding-left:10%;
	text-align:right;
}
#area_imagen img{
	width:100%;
}

/*EQUIPO*/
#listado_equipo ul li{
	width:40%;
	padding:0 5%;
	float:left;
	text-align:center;
	font-size:15px;
	color:#FFF;
	line-height:20px;
	position:relative;
}
#ficha_x{
	width:100%;
	padding:30px 0;
	text-align:center;
	font-size:30px;
}
#ficha_texto{
	width:80%;
	margin:10px 10%;
	text-align:center;
	font-size:15px;
	color:#FFF;
}
#ficha_imagen{
	width:50%;
	padding:10px 25%;
	text-align:center;
}
#ficha_imagen img{
	width:100%;
}

#bloque_tecnologia{
	width:100%;
	margin:0;
	text-align:center;
}
#tecnologia_texto{
	width:80%;
	margin:20px 10%;
	text-align:center;
}
#slide{
	width:80%;
	margin:0 10%;
}

/*SERVICIOS*/
#listado_servicios ul{
	width:90%;
	margin:0 5%;
	list-style:none;
}
#listado_servicios ul li{
	width:40%;
	padding:0 5%;
	float:left;
	text-align:center;
}
#forma_servicios{
	width:90%;
	margin:20px 5%;
	text-align:center;
}

/*CONTACTO*/
#contacto_izq{
	width:90%;
	padding:0 5%;
	text-align:center;
	font-size:15px;
	color:#5D666F;
}
#contacto_izq img{
	height:40px;
}
#contacto_der{
	width:90%;
	padding:0 5%;
	text-align:center;
}
}