@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Oswald');
* { padding: 0; margin: 0; }
body {
	background:  #fff; 
	font-size: 16px;
	font-family: arial, verdana, Tahoma, Sans-serif;
	LINE-HEIGHT: 150%;
}
td {
	font-size: 16px;
	font-family: arial, verdana, Tahoma, Sans-serif;
	LINE-HEIGHT: 150%;
}
a { 
	background: inherit; 
	color: #000000; 
	text-decoration: none; 
}
a:hover { 
	background: inherit; 
	color: #666666; 
	text-decoration: none; 
}

h1 {font-family: 'Fjalla One', Arial, Tahoma;}
h2, h3 {font-family: 'Oswald', Arial, Tahoma;}
h1 { font-size: 50px; LINE-HEIGHT: 140%;}
h2 { font-size: 30px; LINE-HEIGHT: 130%;}
h3 { font-size: 25px; LINE-HEIGHT: 110%;}
p, h1, h2, h3 {	margin: 0px;}
ul, ol {
	margin: 0px;
	padding: 0px;		
}
p { padding:5px; 10px 5px 10px}
@media (max-width:992px) {
h1 { font-size: 45px;}
h2 { font-size: 28px; }
h3 { font-size: 22px;}
}
@media (max-width:768px) {
h1 { font-size: 40px;  letter-spacing: -2px;}
h2 { font-size: 30px; }
h3 { font-size: 25px;}
}

@media (max-width:420px) {
h1 { font-size: 26px;  letter-spacing: -2px;}
h2 { font-size: 22px; }
h3 { font-size: 18px;}
}

img {
	vertical-align: middle;
	margin: 0px;
}


/*ESTRUCTURA*/

#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}

#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;
	width: 100%;
	border: 0px solid #000000;
}
video {
position: fixed;
min-width: 100%; 
min-height: 100%;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-60%);
z-index:-1;
border:0px;
}
.formu{
WIDTH: 100%; 
HEIGHT: 400px;
}
.banner{
position: relative;
WIDTH: 100%; 
HEIGHT: 330px;
overflow:hidden;
}
.leyenda {
width:auto; 
color:#FFFFFF; 
text-align:left; 
padding:10px;
}
.recorte {display: black;}
.blan { color:#FFFFFF; font-zise: 22px;}
.margen { margin-left:25%;}
.caja { border: 1px solid #fff; padding: 20px 10px 20px 10px; margin: 0px; line-height:140%; }
.cajad { border: 1px solid #fff; padding: 0px; margin: 0px; line-height:140%; }
.caja-leer { padding: 20px 10% 20px 10%; margin: 0px; line-height:180%; }
.ico {
vertical-align: middle;
position: relative;
float:left;
height:50px;
width:50px;
}
.whatsapp {
background: url('../image/ico-whatsapp2.png') no-repeat center center;
background-size: cover;
height:50px;
width:50px;
}
.transparente {
background: url('../image/transparent_bg.png');
}
.escudo {
height:65px;
width:65px;
border: 0px solid #000;
}
.es1 {
background: url('../image/escudo-fsa.png') no-repeat center center;
background-size: 65px 65px;
}
.es2 {
background: url('../image/escudo-ingjuarez.png') no-repeat center center;
background-size: 65px 65px;
}
@media (max-width:992px) {
.escudo {
height:50px;
width:50px;
}
.es1 {
background-size: 50px 50px;
}
.es2 {
background-size: 50px 50px;
}
.banner{ 
HEIGHT: 400px;
}
.leyenda { 
padding:10px;
}
.caja-leer { padding: 20px 20px 20px 20px; margin: 0px; line-height:160%; }
}

.modo_pc { 
display: none; 
}	
#modo_mov {
display:inherit;
}

@media (max-width:768px) {
.escudo {
height:40px;
width:40px;
}
.es1 {
background-size: 40px 40px;
}
.es2 {
background-size: 40px 40px;
}
.banner{ 
HEIGHT: 300px;
}
.leyenda { 
padding:5px;
}
.caja-leer { padding: 20px 10px 20px 10px; margin: 0px; line-height:160%; }
.modo_pc { 
display: inherit; 
}	
#modo_mov {
display:none;
}
}

@media (max-width:420px) {
	.escudo {
	height:30px;
	width:30px;
	}
	.es1 {
	background-size: 30px 30px;
	}
	.es2 {
	background-size: 30px 30px;
	}
	.banner{ 
	HEIGHT: 250px;
	}
	.leyenda {
	padding:2px;
	}
	.recorte {display: none;}	
	.caja { border: 0px solid #fff; padding: 20px 5px 20px 5px; margin: 0px; line-height:140%; }
	.caja-leer { padding: 20px 5px 20px 5px; margin: 0px; line-height:140%; }
}






/* ESTRUCTURA PARA SECCIONES */

#seccion_bottom{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 670px;
	border: 0px solid #000000;
	float: left;
	z-index:1;
	
}

#menu_seccion_i{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	width: 220px;
	border: 0px;
	float: left;
	text-align:left;

	
}
#content_destacado{
	margin: 0px;
	border: 0px;
}

#content_seccion{
	margin: 0px;
	margin: 0px;
}

.caja_multimedia {
	background: #333333;
	margin: 0px;
	PADDING: 5px; 
	width: 257px;
	height: 300px;
	border: 1px solid #ffffff;
	text-align:left;
	float:left;
}
.fecha{
	margin: 0px;
	PADDING: 0px; 
	color: red;
	font-size: 18px;
}
.hora{
	margin: 0px;
	PADDING: 0px; 
	color: red;
	font-size: 14px;
}
.blanco1{
	color: #ffffff;
}
.colu {
	border: 1px solid #FED801;
}
.space_banner{
	margin-top: 0px;
	PADDING-top: 5px; 
	PADDING-bottom: 5px; 
	border: 0px;
}

.space_ima{
	PADDING: 5px; 
	text-align: center;
}

.f_navy{
	background: #2C2C2C;
}
#caja_ima{
	margin: 5px;
	PADDING: 5px; 
	width: 180px;
	height: 160px;
	border: 1px solid #cccccc;
	text-align:center;
	float: left;
}


#caja_youtube {
	margin: 10px;
	PADDING: 5px; 
	width: 300px;
	height: 300px;
	border: 1px solid #cccccc;
	text-align:left;
	font-size: 10px;
	float: left;
}



.curve {
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	*margin-left: .10em;
  border-color: rgba(0, 0, 0, 0.8);
  outline: 0;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.navy  { color: navy; }
.red  { color: red;}
.hide  { display: none; }
.show { display:inherit}
.underline{text-decoration:underline;}

/*        TIPOGRAFIAS Y TEXTOS           */

.titulo {
	position: absolute; /*leave as is*/	
	bottom: 2%;
}

.subtitulo {
font-family: Oswald; 
PADDING: 0px;
margin-bottom:10px;
font-size:20px; 
TEXT-TRANSFORM: UPPERCASE;
border-bottom: 4px solid #BB221E;
}

.bajada {
	font-size: 14px;
	color: #000000;
}
.temadeldia {
	background: #CCCCCC;
	font-size: 10px;
	color: #666666;
	TEXT-TRANSFORM: UPPERCASE;

}

/*     CAJAS Y FONDOS      */


.fon_buscar {
	background: url(../image/viewmag_i.png) no-repeat center center;
	width: 30px;
	height: 30px;
}

.fon_buscar_botom {
	background: url(../image/viewmag_i.png) no-repeat center center;
	width: 30px;
	height: 30px;
}

.fon_buscar_submit {
	background: url(images/fon_buscar_submit.gif) #ffffff no-repeat center;
	width: 80px;
	height: 25px;
	color:#000000;
	border: 0px;
	margin-right: 20px;
	margin-top: 4px;
	cursor:pointer;
}


.lin {	COLOR: #ffffff; TEXT-DECORATION: none; }
.lin:visited {	COLOR: #ffffff; TEXT-DECORATION: none; }
.lin:hover { COLOR: #cccccc; TEXT-DECORATION: undeline;}
.linCRONYM { CURSOR: help; }

.pley_you {
	background: url('../image/yop.png') no-repeat 2% 50%;
	background-size:50px 37px;
	width: 78%;
	height: 44px;
	color:#ccc;
	border: 0px;
	padding: 15px 1% 10px 22%;
	cursor:pointer;
	vertical-align:middle;
	line-height:120%;
	font-size:14px;
	overflow:hidden;
}
.pley_you:hover {
	background: url('../image/yopi.png') no-repeat 2% 50%;
	background-size:50px 37px;
	width: 78%;
	height: 44px;
	color:#fff;
	border: 0px;
	padding: 15px 1% 10px 22%;
	cursor:pointer;
	vertical-align:middle;
	line-height:120%;
	font-size:14px;
	overflow:hidden;
}

.desplegado {
         display: black; 
		 background-color: #FFFF33; 
		 margin:0;
		 padding: 2px;
		 text-align: left;
		 font-size: 10px;
}

.ocultar_desplegado {
         display:none;
}

.desplegado2 {
         display: black; 
		 margin:0;
		 padding: 0px;
}
.ocultar_desplegado2 {
         display:none;
}


.boto {
	width: 100%; height: 33px;  
	background: url(images/bot_1.gif) repeat-x left top; 
	COLOR: #ffffff; 
	BORDER-top: #000000 0px solid;  
	BORDER-bottom: #000000 0px solid; 
	padding-left: 15px; 
	padding-bottom: 0px; 
}

.bot {	COLOR: #ffffff; TEXT-DECORATION: none; }
.bot:visited {	COLOR: #ffffff; TEXT-DECORATION: none; }
.bot:hover { COLOR: #ffffff; TEXT-DECORATION: none; }
.bot:CRONYM { CURSOR: help; }



.ver_menu {
         display:silver; 
		 BACKGROUND: #dae9e9; 
		 BORDER: 0px solid #000000; 
		 PADDING-top: 5px; 
		 PADDING-bottom: 5px; 
		 PADDING-left: 15px; 
		 PADDING-right: 15px; 
		 Text-Align:right;
}

.ocultar_menu {
         display:none;
}

.rotaima {
		background-color:#cccccc;
		width: 550px;
		height: 200px;
		border:1px solid #000000;
}

/*---------------------------  botones --------------------------- */




#sidox {
		position: relative; /*leave as is*/	
		WIDTH: 100%;
		height:auto; 
		border: 0px solid #000000;
		PADDING: 0px; 
		MARGIN: 0px;
}

.btn2 {
	cursor: pointer;
	color: #000000; 
}
.btn2:hover {
	color: #333333;
	text-decoration: none;
}

#ticle {
	background: url(../image/transparent_bg.png);
	position: absolute; /*leave as is*/	
	padding:0px;
	font-size: 16px;
	padding: 10px;
	font-family: Oswald;
	text-shadow: 1px 1px 1px #000; 
	line-height: 110%; 
	font-weight:none;
	color: #fff;
	top: 70%;
}

#sidox3 {
		WIDTH: 700px; 
		HEIGHT: 400px; 
		border: 0px solid #000000;
		PADDING: 0px; 
		MARGIN: 0px;
}

.btn3 {
position: absolute; /*leave as is*/
	WIDTH: 700px; 
	HEIGHT: 401px;
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	vertical-align: middle;
	cursor: pointer;
	color: #000000;  
}
.btn3:hover {
position: absolute; /*leave as is*/
	color: #333333;
	text-decoration: none; 
}
#ticle3 {
	background: url(../image/transparent_bg.png);
	position: absolute; /*leave as is*/	
	padding:0px;
	font-size: 38px;
	color: #fff;
	padding: 10px;
	font-family: Oswald; 
	text-shadow: 1px 1px 1px #000;
	line-height: 100%; 
	font-weight:none;
	top: 63%;
}
	
	
	
/* MENU 2013*/

.nav_new{
	height: 33px;
    line-height: 33px;
    list-style: none outside none;

}
.nav_new li{
background:#171717;
	float:left;
	padding:0 0 0 0px;
	position:relative;
}
.nav_new li a{
	color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: ;
    height: 10px;
    line-height: 10px;
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    text-transform: uppercase;
	border: 1px solid #333;
}

.nav_new li a:hover{
	background:none repeat scroll 0 0 #710000;
	color:#ccc;
	text-decoration:none;
}
.nav_new li:hover a{
	background:none repeat scroll 0 0  #710000;
	color:#fff;
	text-decoration:none;
}
.nav_new li:hover .submenu_notas{
	/*display:block;*/
}
.nav_new li:hover .bg{
	/*display:block;*/
}
.nav_new li .submenu_notas{
	display:none;
    position: absolute;
    width: 363px;	
	background:none repeat scroll 0 0 #FFF;
	border:1px solid #000;
	border-top:none;
	z-index:6000;
	left:0px;
	top:40px;
	padding:0;
	margin:0;
	list-style:none;
}

.nav_new li .submenu_notas li.news{
	float: none;
	clear:both;
	border-top:0px dotted #CCC;
	padding-top:0px;
	width:343px;
	margin:0px;
}
.nav_new li .submenu_notas li.news.first{
	border-top:none;
	padding-top:0;
}
.nav_new li .submenu_notas li.news .pic{
	float: left;
	height: 80px;
	width: 138px;
	overflow:hidden;
	display:block;
}
.nav_new li .submenu_notas li.news .pic a{
	padding:0;
	margin:0;
	text-transform:none;
	height:80px;
}
.nav_new li .submenu_notas li.news .text{
	float: left;
	/*height: 80px;*/
	width: 196px;
}
.nav_new li .submenu_notas li.news .text a{
	color:#000000;
	text-decoration:none;
	height:auto;
	text-transform:none;
	padding:1px;
}
.nav_new li .submenu_notas li.title{
	color:#41414c;
	border-bottom:3px solid #990000;
	width:338px;
	margin:5px 10px;
}
.nav_new li .submenu_notas li.more{
	color:#FFF;
	background-color:#990000;
	width:347px;
	margin-top:5px;
	padding:0px 8px;
}
.nav_new li .submenu_notas li.more a{
	background-color:#990000;
	color:#FFF;
	text-transform:none;
}
.nav_new li .submenu_notas li.more a:hover{
	background-color:#990000;
	color:#FFF;
}
.nav_new li .bg{
	display:none;
    height: 0px;
    position: absolute;
    width: 100px;	
	background:none repeat scroll 0 0 #FFF;
	/*border-left:1px solid #000;
	border-right:1px solid #000;*/
	z-index:6000;
	left:2px;
	top:25px;
	padding:0;
	margin:0;
	list-style:none;
}
.nav_new li .loading{
	background:url(../css/images/loader_i.gif) no-repeat  50% 50%;
	height:363px;
	width:363px;
	display:block;
}
.nav_new li.current a{
  color:#096fb1 !important;
  background:none repeat scroll 0 0 #FFF;
  text-decoration:none;
}
.nada{
	padding:0;
	margin:0;
}