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

/*colores
naranja: fc5000
azul: 00339f
azul intenso:002570
azul oscuro: 011a4e
*/

* {
	margin:0px;
	padding:0px;
}

/* fuentes - start */

@font-face {
    font-family: 'robotobold';
    src: url('../../fonts/roboto-bold-webfont.eot');
    src: url('../../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansregular';
    src: url('../../fonts/droidsans-webfont.eot');
    src: url('../../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/droidsans-webfont.woff2') format('woff2'),
         url('../../fonts/droidsans-webfont.woff') format('woff'),
         url('../../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansbold';
    src: url('../../fonts/droidsans-bold-webfont.eot');
    src: url('../../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/droidsans-bold-webfont.woff2') format('woff2'),
         url('../../fonts/droidsans-bold-webfont.woff') format('woff'),
         url('../../fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('../../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../../fonts/opensans-bold-webfont.eot');
    src: url('../../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../../fonts/opensans-bolditalic-webfont.eot');
    src: url('../../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../../fonts/opensans-extrabold-webfont.eot');
    src: url('../../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../../fonts/opensans-extrabolditalic-webfont.eot');
    src: url('../../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../../fonts/opensans-italic-webfont.eot');
    src: url('../../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../../fonts/opensans-light-webfont.eot');
    src: url('../../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-light-webfont.woff') format('woff'),
         url('../../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../../fonts/opensans-lightitalic-webfont.eot');
    src: url('../../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../../fonts/opensans-regular-webfont.eot');
    src: url('../../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../../fonts/opensans-semibold-webfont.eot');
    src: url('../../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../../fonts/opensans-semibolditalic-webfont.eot');
    src: url('../../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('../../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'webfontregular';
    src: url('../../fonts/thesans_tt6_-webfont.eot');
    src: url('../../fonts/thesans_tt6_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/thesans_tt6_-webfont.woff2') format('woff2'),
         url('../../fonts/thesans_tt6_-webfont.woff') format('woff'),
         url('../../fonts/thesans_tt6_-webfont.ttf') format('truetype'),
         url('../../fonts/thesans_tt6_-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'webfontregular';
    src: url('../../fonts/thesans_tt7_-webfont.eot');
    src: url('../../fonts/thesans_tt7_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/thesans_tt7_-webfont.woff2') format('woff2'),
         url('../../fonts/thesans_tt7_-webfont.woff') format('woff'),
         url('../../fonts/thesans_tt7_-webfont.ttf') format('truetype'),
         url('../../fonts/thesans_tt7_-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* fuentes - end */

body {
	font-family:'open_sansregular';
	background:#ebebeb;	
	margin-top:30px;
	width:97%;
	
}

a {text-decoration:none;}

.cuerpo {
	width:65%;	
	margin-left:5%;
	overflow:hidden;
	float:left;
}

.side {
	width:30%;
	float:left;
}

/*IZQUIERDA*/

.principal_izquierda_x2 {
	width:46%;
	height:429px;
	display:block;
	float:left;
	background:#00339f;	
	overflow:hidden;	
	margin-right:25px;
}

.principal_izquierda_x2:hover p {
	opacity:.95;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;	
}

.principal_izquierda_x2 > h2 > a {
	color:#fff;		
	padding:15px;
	margin-top:30px;
	display:block;
	position:relative;
	font-family: 'droid_sansregular';	

}

.principal_izquierda_x2 > a > img {
	width:100%;
	height:auto;
	margin-top:50px;
	display:block;
	position:relative;
	bottom:375px;
	z-index:0;
}

.principal_izquierda_x2 > p {
	background:#011a4e;
	opacity:0;
	color:#fff;
	height:360px;
	position:relative;
	bottom:-40px;
	z-index:2;
	padding:15px;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;	
}

/*FIN IZQUIERDA*/

/*DERECHA*/

.articulo_derecha_wide_x2 {
	background:#ffffff;
	width:50%;
	height:140px;
	margin-bottom:20px;
	margin-left:2%;
	float:left;
	overflow:hidden;
	margin-bottom:40px;
}

.articulo_derecha_wide_x2:hover img {
	opacity:.6;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;	
}

.articulo_derecha_wide_x2>img {	
	height:100%;
	width:auto;
	float:right;	
}

.textos_derecha {
	float:left;
	width:38%;
	padding:15px;
}

.textos_derecha > h2 {
	/*background:#000;*/
	font-family: 'droid_sansregular';	
	font-size:22px;	
	height:auto;		
	display:block;	
	text-decoration:none;	
	float:left;
}

.textos_derecha > h2 > a:hover  {	
	color:#fc5000;	
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;	
}

.textos_derecha > h2 > a {	
	color:#00339f;
}

.textos_derecha>p {
	clear:both;
	padding-top:10px;
	font-size:14px;
}

.video_derecha > video {	
	width:46%;
	height:429px;
	/*margin-left:25px;	*/
	margin-bottom:25px;
	background:#000;
	
}


/*FIN DERECHA*/

/*ABAJO*/

.primero {
	margin-bottom:60px;
}

.segundo {width:95%;}

hr {	
	border:solid 3px #00000;
	opacity:0.3;
	width:94%;
}

.vertical_x2 {
	width:23%;
	height:260px;
	display:block;
	float:left;
	background:#00339f;	
	overflow:hidden;
	margin-left:3%;	
}

.vertical_x2:first-child {
	width:22%;
	height:260px;
	display:block;
	float:left;
	background:#00339f;	
	overflow:hidden;
	margin-left:0;
}

.vertical_x2:hover p {
	opacity:.95;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;	
}

.vertical_x2 > a > img {
	width:100%;
	height:auto;	
	display:block;
	position:relative;
	bottom:370px;
	z-index:0;
}

.vertical_x2 > h2 > a {
	color:#fff;		
	padding:15px;
	margin-top:15px;
	display:block;
	position:relative;
	font-family: 'droid_sansregular';
	font-size:18px;
}

.vertical_x2 > p {
	background:#00339f;
	font-size:15px;
	opacity:0;
	color:#fff;
	height:360px;
	position:relative;
	bottom:-20px;
	z-index:2;
	padding:15px;
	border-top:solid 2px #fc5000;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;	
}

table {
	width:100%;
}


/*FIN ABAJAO*/

/* ..:: MEDIA RESPOSIVE MAQUETA ::.. */


@media screen and (max-width: 970px) {
	/*arriba - 800px*/
	body {
		min-height:3000px; 
	}
	.principal_izquierda_x2 {
	height:450px;			
	}
	.principal_izquierda_x2 > p {
		bottom:10px;
	}
	.articulo_derecha_wide_x2 {
	height:120px; 
	width:95%;
	}
	.textos_derecha > h2 {	
	font-size:16px;
	}
	.textos_derecha>p {
	font-size:12px;
	}	
	.textos_derecha > h2 > a {	
	color:#000;
	}
	/*abajo - 800px */
	.vertical_x2 > h2 > a {
	font-size:13px;
	}	
	.vertical_x2 > p {
	background:#000;
	font-size:11px;
	}
	.vertical_x2 {
	height:350px;
	width:47%;
	margin-left:0%;
	margin-top:15px;
	margin-right:15px;
	}
	.vertical_x2:first-child {
	height:350px;
	width:47%;	
	}	
	.vertical_x2 > p {		
	border-top:solid 2px #fff;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}
	.side {
	width:97%;
	margin-left:3%;
	}
	.cuerpo {
	width:97%;
	margin-left:3%;
	}
	.principal_izquierda_x2 {
		width:95%;
		margin-bottom:20px;
	}
	
	.video_derecha > video {
		width:95%;
		height:auto;
	}
	.iframe_responsive > iframe {	
		display:block;
	}
	hr {display:none;}
	.segundo {margin-bottom:15px:}
	
	.principal_izquierda_x2 > a > img {
	width:100%;
	height:auto;
	margin-top:0px;
	display:block;
	position:relative;
	bottom:400px;
	z-index:0;
}
}



@media screen and (max-width:750px) {
	/*arriba - 800px*/
	body {
		min-height:3000px; 		
		
	}
	
	.cuerpo {
		margin:auto;
		margin-left:35px;
		width:85%;
		position:relative;
	}
	
	.principal_izquierda_x2 {
	height:400px;
	width:100%;	
	}
	.principal_izquierda_x2 > p {		
	}
	.articulo_derecha_wide_x2 {
	height:120px; 
	width:100%;
	}
	.textos_derecha > h2 {	
	font-size:16px;
	}
	.textos_derecha>p {
	font-size:12px;
	}	
	.textos_derecha > h2 > a {	
	color:#000;
	}
	/*abajo - 800px */
	.vertical_x2 {
	height:300px;
	width:100%;
	margin-left:0%;
	margin-top:15px;
	margin-right:0px;
	}
	.vertical_x2:first-child {
	height:300px;
	width:100%;	
	}	
	
	.vertical_x2 > h2 > a {
	font-size:13px;
	}	
	.vertical_x2 > p {
	background:#000;
	font-size:11px;
	}	
		
	.vertical_x2 > p {		
	border-top:solid 2px #fff;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}	
	
	.principal_izquierda_x2 {
		width:100%;
		margin-bottom:20px;
	}
	
	.video_derecha > video {
		width:100%;
		height:auto;
	}
	.iframe_responsive > iframe {	
		display:block;
		width:50%;
	}
	hr {display:none;}
	.segundo {
		margin-bottom:15px;	
		width:100%;	
	}
	
	.side {
		width:100%;		
		margin:auto;
		margin-left:25px;
		
	}

}