/* CSS Document */
body{
	margin:0;
	padding:0;
	background-color:#fff;
	color:#4d4d4d;
	font-family: 'Dosis-Book';
}
.clear{clear:both;}
/*Fuentes*/
@font-face {
	font-family: 'Myriad Pro';
	src:url('../fonts/Myriadpro.eot');
	src:url('../fonts/Myriadpro.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Myriadpro.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/Myriadpro.woff') format('woff'),
		url('../fonts/Myriadpro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro-Bold';
	src:url('../fonts/Myriadpro-Bold.eot');
	src:url('../fonts/Myriadpro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Myriadpro-Bold.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/Myriadpro-Bold.woff') format('woff'),
		url('../fonts/Myriadpro-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dosis-Light';
	src:url('../fonts/dosis-light.eot');
	src:url('../fonts/dosis-light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dosis-light.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/dosis-light.woff') format('woff'),
		url('../fonts/dosis-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dosis-Book';
	src:url('../fonts/dosis-book.eot');
	src:url('../fonts/dosis-book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dosis-book.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/dosis-book.woff') format('woff'),
		url('../fonts/dosis-book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dosis-Bold';
	src:url('../fonts/dosis-bold.eot');
	src:url('../fonts/dosis-bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dosis-bold.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/dosis-bold.woff') format('woff'),
		url('../fonts/dosis-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dosis-Medium';
	src:url('../fonts/dosis-medium.eot');
	src:url('../fonts/dosis-medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dosis-medium.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/dosis-medium.woff') format('woff'),
		url('../fonts/dosis-medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dosis-SemiBold';
	src:url('../fonts/dosis-semibold.eot');
	src:url('../fonts/dosis-semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dosis-semibold.svg#MyriadPro-Regular') format('svg'),
		url('../fonts/dosis-semibold.woff') format('woff'),
		url('../fonts/dosis-semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*HEADER*/
#header{
	position:absolute;
	top:0;
	width:100%;
	height:80px;
	background-color:#000;
}
.logotipo{
	position:absolute;
	top:20px;
	left:20px;
	width:300px;
	height:auto;
	z-index:2000;
}
.fondo_negro{
	width:100%;
	height:65px;
	background-color:#000;
	margin-top:80px;
}
/*Menú*/
.icono_menu{
	display:none;
	width:40px;
	height:auto;
	position:absolute;
	top:25px;
	right:15px;
	cursor:pointer;
}
.menu{
	float:right;
	margin-top:30px;
	margin-right:30px;
	z-index:1000;
}
.menu ul{
	width:auto;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
}
.menu ul li.seccion{float:left; padding-bottom:25px;}
.menu ul li.seccion a{
	position: relative;
	margin: 0 10px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.menu ul li.seccion a:hover{color:#CCC;}
.menu ul li.seccion a::before {
	position: absolute;
	top:70%;
	left: 40%;
	color: transparent;
	content: '•';
	font-size:18px;
	-webkit-transition: text-shadow 0.3s;
	-moz-transition: text-shadow 0.3s;
	transition: text-shadow 0.3s;
	pointer-events: none;
}
.menu ul li.seccion a:hover::before{
	color: #6aafb3;
	text-shadow: 10px 0 #6aafb3, -10px 0 #6aafb3;
}
.menu ul li ul{
	position:absolute;
	top:80px;
	margin:0;
	padding:0;
	z-index:9999 !important;
}
.menu ul li ul li{
	display:block;
}
.menu ul li.seccion ul li a::before {
	content: '';
}
.menu ul li ul li a{
	display:block;
	background-color: rgba(6,50,86,0.5);
	color:#fff !important;
	font-size:12px !important;
	text-decoration:none;
	padding:15px;
	transition:1s !important;
}
.menu ul li ul li a:hover{
	background-color: rgba(6,50,86,1);
}
/*Fin Menú*/
.vermas{
	width:100px;
	height:auto;
}
.vermas2{
	display:block;
	width:80px;
	height:auto;
	background-color:#fff;
	padding:10px;
	margin:0 auto;
}
.push {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.push:hover{
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/*HOME*/
.contenido_home{
	position:relative;
	width:100%;
	height:auto;
	z-index:-1;
}
.info_home{
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
}
.slogan{
	font-size:90px;
	color:#fff;
	margin:0 0 20px 20px;
}
.info_text{
	width:84%;
	height:auto;
	padding:3% 8%;
	text-align:center;
	background-color: rgba(0,0,0, 0.8);
}
.info_text span{
	font-size:40px;
	color:#6aafb3;
}
.info_text p{
	font-size:18px;
	color:#fff;
	font-family: 'Myriad Pro';
}
.info_text2{
	display:none;
	width:90%;
	height:auto;
	padding:3% 5%;
	text-align:center;
	background-color: #000;
}
.info_text2 span{
	font-size:20px;
	color:#6aafb3;
}
.info_text2 p{
	font-size:14px;
	color:#fff;
	font-family: 'Myriad Pro';
}
.portada{
	width:100%;
	height:auto;
}

.contenido_home2{
	width:100%;
	height:auto;
	min-height:200px;
}
/*Articulos*/
.articulos{
	float:left;
	width:44%;
	height:auto;
	min-height:200px;
	padding:3%;
}
.noticia{
	background-color:#dfdfdf;
	height:auto;
	width:100%;
	text-align:center;
}
.img_noticia{
	width:110%;
	height:auto;
	margin-bottom:15px;
}
.noticia_info{
	width:92%;
	height:auto;
	padding:0 4% 4% 4%;
	font-family: 'Myriad Pro';
	font-size:14px;
}
.noticia_titulo{
	font-family: 'Dosis-SemiBold';
	font-size:19px;
}
#paginador_articulos{
	position:absolute;
	right:0;
	bottom:-45px;
}
/*Tema*/
.tema{
	position:relative;
	float:right;
	width:50%;
	height:auto;
	min-height:610px;
	background: url(../images/img_tema.jpg) 100% 100% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.info_tema{
	position:absolute;
	bottom:20px;
	right:20px;
	color:#fff;
	text-align:right;
	font-size:20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.tema_titulo{font-size:45px;}
/*FIN HOME*/

/*SECCIONES INTERNAS*/
.contenido_interno{
	width:84%;
	height:auto;
	padding:3% 8% 5% 8%;
	font-family: 'Myriad Pro';
	font-size:16px;
	line-height:26px;
	overflow:hidden;
}
.contenido_interno2{
	width:80%;
	height:auto;
	padding:3% 10% 5% 10%;
	font-family: 'Myriad Pro';
	font-size:16px;
	line-height:26px;
	overflow:hidden;
}
.contenido_interno p{margin-top:0;}
.contenido_interno2 p{margin-top:0;}
.titulo_seccion{
	display:block;
	font-family: 'Dosis-Medium';
	font-size:40px;
	color:#0c5592;
	text-align:center;
	margin-bottom:30px;
}
.separador{
	display:block;
	width:120px;
	height:auto;
	margin:0 auto;
}
.seccion_izquierda{
	float:left;
	width:48%;
	height:auto;
}
.seccion_derecha{
	float:right;
	width:48%;
	height:auto;
}
.apoyo, .apoyo2{
	width:100%;
	height:auto;
}

.areas_titulo{
	display:block;
	font-family: 'Dosis-Medium';
	font-size:30px;
	color:#0c5592;
	margin-bottom:20px;
}
ul.areas_lista li{list-style-image:url(../images/bullet.svg);}
.separador2{
	display:block;
	width:100%;
	height:1px;
	background-color:#a09fa4;
	margin:40px auto 40px;
}
.separador2 img{
	display:block;
	width:112px;
	height:auto;
	margin:0 auto;
}
/*FIN SECCIONES INTERNAS*/

/*CONTACTO*/
.img_contacto{
	float:right;
	width:75%;
	height:auto;
}
.contacto_seccion{
	display:block;
	width:480px;
	overflow:hidden;
	margin-bottom:35px;
	background-color:#ededed;
}
.contacto_icono{
	display:block;
	float:left;
	width:60px;
	height:auto;
	margin-right:20px;
}
.contacto_dato{
	display:block;
	float:left;
	font-family: 'Dosis-Book';
	font-size:24px;
	margin-top:19px;
}
.contacto_dato a{
	text-decoration:none;
	color:#4d4d4d;
}
input{
	display:block;
	width:310px;
	height:30px;
	color:#437287 !important;
	border:none;
	margin:10px 0;
	padding:0 0 0 20px;
	letter-spacing:2px;
	border:1px solid #ccc;
}
input:focus{
	color:#437287;
	font-size:14px;
}
textarea{
	display:block;
	width:310px;
	height:90px;
	color:#9c9c9c;
	border:none;
	margin:20px 0;
	padding:10px 0 0 20px;
	letter-spacing:2px;
	border:1px solid #ccc;
}
textarea:focus{
	color:#437287;
	font-size:14px;
}
.enviar_formulario{
	width:30%;
	float:left;
	margin-right:15px;
}

.btn_envio {
	float:left !important;
	display:block !important;
	width:140px !important;
	height:50px !important;
	padding: 10px 20px !important;
	margin-right:15px !important;
	background: #6aafb3 !important;
	color:#fff !important;
	font-size:18px;
	font-weight:normal;
	font-family: 'Dosis-Book';
	letter-spacing:2px;
	border:2px solid #fff;
	-webkit-transition: all 0.3s !important;
	-moz-transition: all 0.3s !important;
	-ms-transition: all 0.3s !important;
	-o-transition: all 0.3s !important;
	transition: all 0.3s !important;
	cursor: pointer !important;
}
.btn_envio:hover {background: #3fa09b !important;}

/****Answer Process*****/
#answer_process{
	font-size:20px;
	margin-top:80px;
	color:#2d5263;
}
/*FIN CONTACTO*/

/*FOOTER*/
.footer1{
	width:94%;
	height:auto;
	padding:3%;
	background-color:#262626;
	color:#fff;
	overflow:hidden;
}
.footer_seccion{
	float:left;
	width:24.5%;
	height:auto;
}
.footer_titulo{
	color:#ccc;
	margin-bottom:15px;
	display:block;
}
.footer_seccion ul{
	margin:0;
	padding:0 0 0 20px;
	font-family: 'Myriad Pro';
	font-size:13px;
}
.footer_seccion li{margin-bottom:15px;}
.footer_seccion li a{
	text-decoration:none;
	color:#fff;
	transition: .3s;
}
.footer_seccion li a:hover{
	color:#ccc;
}
.compartir{
	display:block;
	width:180px;
	height:auto;
	margin-bottom:15px;
}
.contacto_info{
	overflow:hidden;
}
.footer_icono{
	float:left;
	width:30px;
	height:auto;
	margin:0 15px 15px 0;
}
.footer_telefono{
	float:left;
	color:#fff;
	font-size:24px;
	margin-top:0;
}
.footer_mail{
	float:left;
	color:#fff;
	font-size:18px;
	margin-top:0;
}
.footer2{
	width:94%;
	height:auto;
	padding:10px 3%;
	font-family: 'Myriad Pro';
	font-size:10px;
	color:#fff;
	background-color:#000;
	overflow:hidden;
}
.seccion1_footer{
	display:inline-block;
	width:33%;
	vertical-align:top;
}
.seccion2_footer{
	display:inline-block;
	width:33%;
	vertical-align:top;
	text-align:center;
}
.seccion3_footer{
	display:inline-block;
	width:33%;
	vertical-align:top;
}
.footer2 .logo{float:left;}
.sadecv{
	float:left;
	margin:10px 0 0 10px;
}
.aviso a{
	display:inline-block;
	vertical-align:top;
	margin:15px 5px 0 0;
	color:#fff;
	text-decoration:none;
}
.privacidad{
	display:inline-block;	
	margin-top:7px;
}
.sweety{
	margin-top:15px;
	float:right;
}
/*FIN FOOTER*/

@media only screen and (max-width:1280px){
	/*HOME*/
	/*Tema*/
	.tema{min-height:530px;}
}

@media only screen and (max-width:1190px){
	/*HOME*/
	.slogan{
		font-size:60px;
		color:#fff;
		margin:0 0 20px 20px;
	}
	.info_text{
		padding:1.5% 5%;
		background-color: rgba(0,0,0, 0.8);
	}
	.info_text span{font-size:36px;}
	.info_text p{font-size:16px;}
	
	/*Artículos*/
	.noticia_titulo{font-size:16px;}
	
	/*SECCIONES INTERNAS*/
	.apoyo2{display:none;}
}

@media only screen and (max-width:1120px){
	/*HEADER*/
	.fondo_negro{
		width:100%;
		height:80px;
		background-color:transparent;
		margin-top:0;
	}

	/*HOME*/
	.logotipo{
		position:relative;
		float:left;
		width:150px;
		height:auto;
		top:10px;
		z-index:9999 !important;
	}
	#header{z-index:5000 !important;}
	/*Menú*/
	.icono_menu{display:block;}
	.menu{
		display:none;
		float:none;
		margin-top:80px;
		margin-right:0;
	}
	.menu ul{width:100%;}
	.menu ul li.seccion{
		float:none;
		display:block;
		padding:0;
	}
	.menu ul li.seccion a{
		position: relative;
		display:block;
		margin:0;
		font-size:16px;
		text-align:center;
		padding:10px 2%;
		border-bottom:1px solid #222222;
		background-color: rgba(0,0,0,0.9);
	}
	.menu ul li.seccion a:hover{
		color:#CCC;
		background-color: rgba(0,0,0,1);
	}
	.menu ul li.seccion a::before {content: '';}
	.menu ul li ul{
		position:relative;
		top:0;
		width:100%;
		margin:0;
		padding:0;
	}
	.menu ul li ul li{
		display:block;
	}
	.menu ul li ul li a{
		display:block;
		background-color: rgba(3,18,31,0.95) !important;
		color:#fff !important;
		font-size:12px !important;
		text-decoration:none;
		padding:15px;
		transition:1s !important;
	}
	.menu ul li ul li a:hover{
		background-color: rgba(3,28,50,1) !important;
	}
}

@media only screen and (max-width:1050px){
	/*HOME*/
	/*Tema*/
	.tema{min-height:480px;}
	
	/*FOOTER*/
	.footer_seccion{
		width:49.5%;
		margin-bottom:25px;
	}
	.seccion1_footer{width:100%;}
	.seccion2_footer{
		width:49%;
		text-align:left;
	}
	.seccion3_footer{width:49%;}
	.aviso{margin:15px 5px 0 45px;}
	.sweety{margin-top:0;}
	/*FIN FOOTER*/
}

@media only screen and (max-width:960px){
	/*HOME*/
	.slogan{
		font-size:45px;
		margin:0 0 5px 20px;
	}
	.info_text{
		padding:1% 5%;
		background-color: rgba(0,0,0, 0.8);
	}
	.info_text span{font-size:28px;}
	.info_text p{font-size:14px;}
	
	/*CONTACTO*/
	.img_contacto{
		width:65%;
	}
}

@media only screen and (max-width:850px){
	/*HOME*/
	/*Articulos*/
	.articulos{
		float:none;
		width:94%;
		z-index:-1 !important;
	}
	.noticia_titulo{font-size:16px;}
	#paginador_articulos{
		position:absolute;
		right:0;
		bottom:-45px;
	}
	/*Tema*/
	.tema{
		width:100%;
		min-height:450px;
		margin-top:30px;
	}
	
	/*SECCIONES INTERNAS*/
	.titulo_seccion{
		font-size:30px;
		margin-bottom:20px;
	}
	.seccion_izquierda{
		float:none;
		width:100%;
		margin-bottom:30px;
	}
	.seccion_derecha{
		float:none;
		width:100%;
	}
	.apoyo{
		display:block;
		width:80%;
		margin:0 auto;
	}
	
	/*CONTACTO*/
	.img_contacto{display:none;}
	.contacto_seccion{
		margin:0 auto 35px auto;
	}
}

@media only screen and (max-width:700px){
	/*HOME*/
	/*.info_home{
		position:relative;
		bottom:0;
		width:100%;
		height:auto;
	}*/
	.slogan{font-size:30px;}
	.info_text span{font-size:20px;}
	.info_text p{font-size:12px;}
}

@media only screen and (max-width:580px){
	.contacto_seccion{width:100%;}
	.contacto_dato{font-size:18px;}
}

@media only screen and (max-width:500px){
	/*HOME*/
	.slogan{display:none;}
	/*Tema*/
	.tema{
		min-height:340px;
		margin-top:45px;
	}
	.info_text{display:none;}
	.info_text2{display:block;}
	.info_tema{font-size:18px;}
	.tema_titulo{font-size:35px;}
	
	/*SECCIONES INTERNAS*/
	.apoyo{width:100%;}
	
	/*FOOTER*/
	.footer_seccion{
		width:95%;
		margin-bottom:25px;
		text-align:center;
	}
	.footer_seccion li{list-style:none !important;}
	.compartir{margin:0 auto 15px auto;}
	.contacto_info{
		width:230px;
		margin:0 auto;
		overflow:hidden;
	}
	/*FIN FOOTER*/
}
@media only screen and (max-width:450px){
	.contacto_dato{font-size:13px;}
}