/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700,800,300);

/*
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

.clearfix
{
	clear:both;
}

#sociales
{
	width:120px;
	height:19px;
	position:absolute;
	top:5px;
	left:50%;
	margin-left:300px;
	z-index:10;
}

#contenedor
{
	max-width:1280px;
	height:auto;
	margin:auto;
	position:relative;
}

#contenedorInterno
{
	max-width:1280px;
	height:auto;
	margin:auto;
	position:relative;
	background-image:url(../img/bg_interno.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	z-index:0;
}

#top_center
{
	width:604px;
	height:110px;
	position:absolute;
	top:35px;
	left:50%;
	margin-left:-302px;
	
	background-image:url(../img/top_center.png);
	background-repeat:no-repeat;
	z-index:10;
}
#logo_top
{
	width:184px;
	height:66px;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-92px;
	
	background-image:url(../img/logo_top.svg);
	background-repeat:no-repeat;
	z-index:11;
}

#nivel1
{
	width:100%;
	height:35px;
	background-color:#001F50;
	position:relative;
}

#nivel2
{
	width:100%;
	height:40px;
	background-color:#0047BA;
	position:relative;
}

#nivel3
{
	width:100%;
	height:25px;
	background-color:#CFD1D2;
	position:relative;
}

/* MENU NIVEL 1 */
#contenedorMenuN1
{
	width:380px;
	height:auto;
	margin:auto;
	position:relative;
}
.opcionMenuN1
{
	width:auto;
	height:auto;
	padding:7px 20px 0px 20px;
	float:left;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px; /* AUMENTO DE TANAÑO, DE 14 A 16PX*/
	color:#FFF;
	
	cursor:pointer;
}
.opcionMenuN1:hover
{
	color:#9C9C9B;
}

#enlaceDescarga
{
	width:100px;
	height:auto;
	padding:3px 10px 0px 10px;
	
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:16px; /* AUMENTO DE TANAÑO, DE 14 A 16PX*/
	color:#00B3FF;
	text-align:center;
	border-top: 3px solid #00B3FF;
	
	position:absolute;
	left:6%;
	
	cursor:pointer;
}
#enlaceDescarga:hover
{
	color:#FFF;
	border-top: 3px solid #FFF;
}


#enlaceNormateca
{
	width:100px;
	height:auto;
	padding:3px 10px 0px 10px;
	
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:16px; /* AUMENTO DE TANAÑO, DE 14 A 16PX*/
	color:#00B3FF;
	text-align:center;
	border-top: 3px solid #00B3FF;
	
	position:absolute;
	left:20%;
	
	cursor:pointer;
}
#enlaceNormateca:hover
{
	color:#FFF;
	border-top: 3px solid #FFF;
}

/* MENUS NIVEL 2 */
#contenedor1MenuN2
{
	width:360px;
	height:auto;
	left:50%;
	margin-left:-580px;
	position:relative;
	z-index:30;
}
#contenedor2MenuN2
{
	width:320px;
	height:auto;
	left:50%;
	margin-left:250px;
	position:relative;
	z-index:15;
}
.opcionMenuN2
{
	width:auto;
	height:auto;
	padding:9px 20px 0px 20px;
	float:left;
	
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:18px; /* AUMENTO DE TANAÑO, DE 14 A 16PX*/
	color:#FFF;
	
	cursor:pointer;
}
.opcionMenuN2:hover
{
	color:#9C9C9B;
}

/* MENUS NIVEL 3 */
#contenedor1MenuN3
{
	width:340px;
	height:auto;
	left:50%;
	margin-left:-550px;
	position:relative;
	z-index:15;
}
#contenedor2MenuN3
{
	width:300px;
	height:auto;
	left:50%;
	margin-left:240px;
	position:relative;
	z-index:15;
}
.opcionMenuN3
{
	width:auto;
	height:auto;
	padding:4px 20px 0px 20px;
	float:left;
	
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:16px; /* AUMENTO DE TANAÑO, DE 14 A 16PX*/
	color:#706F6F;
	
	cursor:pointer;
}
.opcionMenuN3:hover
{
	color:#9C9C9B;
}


/* -------------- */
#slider
{
	width:100%;
	height:710px;
	overflow:hidden;
	position:relative;
	z-index:0;
}

.imagen
{
	width:100%;
	height:auto;
}


#sobrepuesto1
{
	width:100%;
	height:319px;
	position:absolute;
	margin:auto;
	top:570px;
	
	background-image:url(../img/onda1.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
}

#noticiasTituloMain
{
	width:300px;
	height:auto;
	text-align:center;
	margin:auto;
	z-index:2;
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:36px;
	color:#1A71FF;
}

#noticiasContenedorMain
{
	max-width:990px;
	height:auto;
	position:relative;
	margin:auto;
}

.noticiaMain
{
	width:310px;
	height:300px;
	position:relative;
	float:left;
	
	margin:0px 10px 0px 10px;
	border-top:8px solid #1A71FF;
	border-bottom:3px solid #EBEBEB;
}
.notaImagenMain
{
	width:310px;
	height:120px;
	background-size:cover;
	background-position:center;
	margin:20px 0px 20px 0px;
}

.notaTituloMain
{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color:#1A71FF;
}

.notaDescripcionMain
{
	height:130px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:13px;
	color:#706F6F;
}

#vermasNoticiasMain
{
	padding-right:10px;
	padding-top:10px;
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color: #4470FA;
}

.enlaceVerMas
{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color: #4470FA;
	text-decoration:none;
}

#onda2
{
	width:624px;
	height:114px;
	position:relative;
	margin:auto;
	background-image:url(../img/onda2.png);
	margin-top:100px;
}

.tituloMultimediaMain
{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:36px;
	color:#001F50;
	padding-top:80px;
	position:relative;
}

#cuadroMultimediaMain
{
	width:100%;
	height:450px;
	background-color:#EAEAEA;
}

#mmYoutube
{
	width:560px;
	height:350px;
	position:relative;
	left:50%;
	padding-top:50px;
	margin-left:-450px;
	padding-bottom:10px;
	float:left;
}

.tituloYoutube
{
	padding-top:5px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color: #001F50;
	line-height:1.2;
}

#mmSoundCloud
{
	width:300px;
	height:310px;
	position:relative;
	left:50%;
	margin-top:50px;
	margin-left:30px;
	background-color:#001F50;
	float:left;
	padding:10px;
}

.tituloSoundCloud
{
	padding-top:5px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color: #FFF;
	line-height:1.2;
}

.tituloSoundCloud2
{
	padding-top:50px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:18px;
	color: #FFF;
	line-height:1.2;
	text-align:center;
}

#bottom1
{
	width:100%;
	height:134px;
	background-color:#0047BA;
	background-image:url(../img/lineas_bottom_bg1.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#bottom2
{
	width:100%;
	height:30px;
	background-color:#001F50;
	background-image:url(../img/lineas_bottom_bg2.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

.bottomTexto1
{
	width:300px;
	height:auto;
	padding:10px 0 10px 0;
	margin:auto;
	
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#FFF;
}

.bottomTexto2
{
	width:170px;
	height:auto;
	margin:auto;
	padding:6px 0 6px 0;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#FFF;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #FFF;
	
	cursor:pointer;
	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bottomTexto2:hover
{
	color:#001F50;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #001F50;
}

.bottomTexto3
{
	width:200px;
	height:auto;
	margin:auto;
	padding-top:5px;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#FFF;
}

.enlaceBottom
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}
.enlaceBottom:hover
{
	color:#eaeaea;
}

#avisodeprivacidad
{
	max-width:90%;
	height:auto;
	margin:auto;
}

.avisoTitulo
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:36px;
	color:#001F50;
}

.avisoTexto
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#706F6F;
	text-align:justify;
}

/* ======= INTERIORES ======== */

#contenedorColumnas
{
	max-width:1020px;
	height:auto;
	margin:auto;
	margin-top:100px;
	margin-bottom:100px;
}

#columna1
{
	width:250px;
	height:auto;
	float:left;
	padding:0px 10px 0px 10px;
}
#columna2
{
	max-width:730px;
	height:auto;
	float:left;
	padding:0px 10px 0px 10px;
}

#menu2
{
	width:auto;
	height:auto;
	position:fixed;
}

.seccionTitulo
{
	width:100%;
	height:80px;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:36px;
	color:#B1B1B1;
	font-style:italic;
}

.seccionTextoDescripcion
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#706F6F;
}

.enlaceMenuInterno
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#0047BA;
	text-decoration:none;
	cursor:pointer;
	line-height:1.8;
}

.enlaceMenuInterno:hover /*:before*/
{
	color:#717171;
	/*content:"-> ";*/
}

.artTitulo
{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:26px;
	color:#777776;
	padding-bottom:5px;
}
.artFecha
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;
	color:#999;
}
.artTexto
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#706F6F;
	padding-bottom:20px;
}

/* DESCARGAS */

.downCelda
{
	width:150px;
	height:auto;
	position:relative;
	float:left;
	padding:0px 10px 10px 10px;
}

.downImg
{
	position:relative;
	padding-bottom:5px;
}
.downImg2
{
	width:150px;
	height:110px;
	padding-bottom:5px;
	position:absolute;
	cursor:pointer;
	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.downImg2:hover
{
	background-image:url(../img/dwonload_hover.png);
	background-repeat:no-repeat;
	background-position:center 5px;
}

.downTitulo
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#00B3FF;
	text-align:center;
}

.downFecha
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:10px;
	color:706F6F;
	text-align:center;
	padding-bottom:10px;
}

/* FORMULARIO */

#formulario
{
	max-width:630px;
	height:auto;
	background-color:#EBEBEB;
	padding:15px;
}
.formCulumna1
{
	width:300px;
	height:auto;
	float:left;
}
.formCulumna2
{
	width:300px;
	height:auto;
	float:left;
}

.contactosCelda
{
	width:180px;
	height:auto;
	padding:10px 20px 10px 20px;
	float:left;
	border: 1px solid #EAEAEA;
	margin:10px 10px 10px 10px;
	cursor:pointer;
}

.contactosCelda:hover
{
	border: 1px solid #00B3FF;
}

.contactosTitulo
{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#00B3FF;
	text-align:center;
}