@charset "utf-8";

html, body, div, ul, li{margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body{background-image:url(../imagen/bck_degrade.jpg); background-repeat:repeat-x; 

background-color:#B9BAB3; text-align:center; margin-top:0px; font-family:Verdana, Helvetica, sans-serif;}

	
body h1 {color:#00669E; line-height: 1.2em; font-family:Arial, Helvetica, sans-serif}
body h1, h2, h3, h4 { margin-bottom:5px; margin-top:0px; font-weight:normal; line-height:1.2em;}
body h1 a {color:#00669E; text-decoration:none;}
body h1 a:hover {text-decoration:none; color:#000}
body h2 a {color:#333; line-height: 1.3em; text-decoration:none;}
body h2 a:hover {text-decoration:none; color::#333}
body img {border:none;}
body a{ text-decoration:none; color:#003399}
body a:hover { text-decoration:underline}

/* CONTENEDORES */

#body {background-repeat:no-repeat;	background-position:top; margin-top:0px;}

/*recuandro del cuerpo */
/*.fondoder {background:url(../imagen/bck_right.png) repeat-y}
.fondoizq {background:url(../imagen/bck_left.png) repeat-y}
.fondosup {background: url(../imagen/bck_top_middle.png) repeat-x}
.fondoinf {background: url(../imagen/bck_bottom_middle.png) repeat-x}*/

/*#principalout{background:url(../imagen/bck_degrade_top.jpg) repeat-x top #f8f8f8; overflow:hidden}*/
/*#principalin{padding:7px; text-align:left; font-family:Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; background:url(../imagen/bck_degrade_bottom.jpg) repeat-x bottom; overflow:hidden} */

#principalin{padding:7px; text-align:left; font-family:Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em;) repeat-x bottom; overflow:hidden} 

#izq {width:216px; float:left; }
/*#izq1 {padding:8px; background:url(../imagen/bck_menu_lateral.png) right repeat-y; border-bottom:1px solid #999; border-left:1px solid #999}*/

/*#izq1 .tit {color:#FFF; font-weight:bold; background:url(../imagen/bck_titulo.jpg) repeat-x; padding:2px 2px 2px 5px; margin-top:10px; margin-bottom:2px;}*/

/* MODIFICADO 10/09/2020   */
#izq1 .tit {
	/*color: #CCC;*/
	color: #CCC;
	
	height: 80px;
	font-weight: bold;
	font-size:19px;
	background: url(../imagen/bck_titulo.png) no-repeat;
	/*padding: 2px 2px 2px 5px;*/
	/*margin-top: 5px;*/
	/*margin-bottom: 2px;*/
	text-align: center;
	width: 200px;
	line-height: 25px;
	alignment-adjust:middle;
	padding-top: 7px;
	/*position: relative;*/
	
}

#izq .tit:hover {
	
	margin-left:10px;
	background: url(../fotosn/bck_titulo_fondo.png) no-repeat;
	cursor: pointer;
	font-weight: bold;
	color: #0FC;
	
}
/*---------------------*/

#izq1 .tiempo_img {width:60px; float:left; margin-top:3px; text-align:center; margin-bottom:3px}
#izq1 .tiempo_temp {margin-left:70px; margin-top:15px; font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#izq1 .tiempo_inf { width:80px; float:right; margin-top:8px;}
#izq1 .tiempo_inf div { width:25px; float:left;}
#izq1 .tiempo_inf span {font-size:12px; font-weight:bold;}
#izq1 .tiempo_pron {clear:both; padding:3px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC;}

#izq .mnu {margin:2px; padding:2px 0px 0px 40px; background:url(../imagen/bull_blue.gif) no-repeat; height:21px; vertical-align:middle; font-size:15px}

#izq .mnu:hover {
	background: url(../imagen/bull_red.gif) no-repeat #fff;
	cursor: pointer;
	font-weight: bold;
	color: #004080
	}

#izq .mnu1 {
	margin: 2px;
	padding: 2px 0px 0px 40px;
	;
	height: 90px;
	vertical-align: middle;
	font-size: 15px;
	
}
#izq .mnu1:hover { cursor:pointer; font-weight:bold; color:#004080}


#der {margin-left:225px; padding:10px; }
#der h1 {color:#000; border-bottom:2px solid #999999; margin-bottom:15px}
#der .subtit {background-color:#FFF; background:url(../imagen/bck_subtitulo.png) top repeat-x; font-size:13px; font-weight:bold; height:30px; padding-top:5px; padding-left:5px;}
#der p {margin-top:5px; margin-bottom:15px}

.menu div { float:left; background:url(../imagen/img_menu_sep.png) no-repeat right; padding-left:10px; padding-right:15px;margin-left:8px}
.menu a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 30px 0px;
} 
.menu a:hover {
	color: #FFF;
	text-decoration: none
}
.pie {color:#FFFFFF; font-size:12px; margin-bottom:20px; margin-top:5px;}
.pie .xyn {color:#CCC}
.pie a {color:#FFF; text-decoration:none}
.pie a:hover {text-decoration:underline}

.corredor {width:60px; height:40px; float:left; margin:3px; text-align:center; padding:15px 5px 5px 5px; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../imagen/bck_corredor_s_up.jpg) no-repeat top left}
.corredor:hover {background:url(../imagen/bck_corredor_s_down.jpg) no-repeat top left; cursor:pointer}
.sel {background:url(../imagen/bck_corredor_s_down.jpg) no-repeat top left  !important}
.corredor div { font-size:11px; margin-top:3px; line-height:1.1em }

.corredor2 {width:60px; height:60px; float:left; margin:3px; text-align:center; padding:15px 5px 5px 5px; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../imagen/bck_corredor_l_up.jpg) no-repeat top left}
.corredor2:hover {background:url(../imagen/bck_corredor_l_down.jpg) no-repeat top left; cursor:pointer}
.sel2 {background:url(../imagen/bck_corredor_l_down.jpg) no-repeat top left  !important}
.corredor2 div { font-size:11px; margin-top:3px; line-height:1.1em }

/* frmSaetaS */
#frmSaeta {margin:0px;}
#frmSaeta div {text-align:left;	padding-left:8px;	padding-right:8px;	padding-bottom:3px;	padding-top:3px;}
#frmSaeta label {float: left; text-align:left;}
#frmSaeta input, #frmSaeta textarea, #frmSaeta select, #frmSaeta file {	font-family:Verdana, Geneva, sans-serif;	font-size: 12px;	color:#222;	padding:2px;}
#frmSaeta .correctElement {border: 1px solid #aaa;}
#frmSaeta .errorElement {border: 1px solid #FF0000;}
#frmSaeta .errorText{color:#FF0000; vertical-align:top; font-size: 0.8em;}
#frmSaeta .titulo {color:#FFF; font-weight:bold}
#frmSaeta .botones { background-color:#ddd; padding:3px; text-align:center; margin-top:5px;}


/* NOTICIAS  */
.noticiaizq { width:310px; float:left; border-right:1px solid #CCC; padding-right:15px; }
.noticiader { width:310px; float:right;}

.noticia {padding:5px; border-bottom:1px dotted #888; overflow:hidden; margin-bottom:5px;}
.noticia .imgvid {padding:4px; border:1px solid #bbb; margin-bottom:6px;}
.noticia .imgvid p {margin:0px !important;}
.noticia .imgvid div {font-size:11px; color:#333333;}
.noticia .imgvidchico{width:auto; float:left; padding:2px; border:1px solid #bbb; margin-bottom:2px; background:#FFF; margin-right:10px;}
.noticia .imgvidchico p {margin:0px !important;}
.noticia .audio {width:auto; float:left; border:1px solid #ccc; margin-bottom:7px; margin-right:70px;}
.noticia .audio p {margin:0px !important; padding:3px}
.noticia .audio div {padding-left:4px; padding-right:4px; font-size:11px; color:#333333; }
.noticia .audiochico{width:auto; float:left; padding:2px; border:1px solid #bbb; margin-bottom:2px; background:#FFF; margin-right:10px;}
.noticia .audiochico p {margin:0px !important;}
.noticia h1 {font-size:20px; font-weight:bold; border: none !important; margin-bottom:5px !important}
.noticia h1 span { font-weight:bold; font-size:11px; color:#333}
.noticia h2 {font-size:13px; color:#333; margin-top:0px !important}
.noticia h2 a {color:#333; line-height: 1.3em; text-decoration:none;}
.noticia h2 a:hover {text-decoration:none; color::#333}
.noticia h2 span { font-weight:bold; font-size:11px;}
.noticia h3 {font-size:11px; color:#333; margin-bottom:5px; background-color:#eee; padding:3px;}

/* NOTICIA EN DETALLE */
#noticiadetalle {padding-left:5px; padding-right:5px;}
#noticiadetalle .fecha, #noticiadetalle .tools {font-weight:normal; font-size:11px; height:25px; color:#666; border-top:1px solid #CCCCCC; padding:3px}
#noticiadetalle .tools {text-align:right; margin-left:400px;}
#noticiadetalle .fecha {text-align:left; float:left; width:400px}
#noticiadetalle .tools a {text-decoration:none; color:#666}
#noticiadetalle .tools a:hover {color:#00669E; text-decoration:underline}
#noticiadetalle .imgvid {float:left; padding:4px; border:1px solid #ccc; margin-left:0px; margin-top:6px; margin-right:10px; margin-bottom:5px;}
#noticiadetalle .imgvid p {margin:0;}
#noticiadetalle .imgvid div {font-size:11px; color:#333333; }
#noticiadetalle .audio {width:auto; float:left; border:1px solid #ccc; margin:10px; margin-left:0px;}
#noticiadetalle .audio p {margin:0; padding:3px}
#noticiadetalle .audio div {padding-left:4px; padding-right:4px; font-size:11px; color:#333333; }

#noticiadetalle h1 {border: none !important; font-size:30px; color:#00669E}
#noticiadetalle h2 {font-size:13px; line-height:1.2em; border-left:1px solid #CCCCCC; margin:5px 7px 10px 25px; padding-left:7px; }
#noticiadetalle #DivNoticia {font-family:Arial, Sans-Serif; line-height:1.3em }
#noticiadetalle .not-2 {font-size:9px;}
#noticiadetalle .not-1 {font-size:11px;}
#noticiadetalle .not0 {font-size:13px;}
#noticiadetalle .not1 {font-size:15px;}
#noticiadetalle .not2 {font-size:17px;}


#noticiadetalle .anterior span {font-size:11px; font-weight:bold; color:#333}
#noticiadetalle .siguiente {text-align:right;}
#noticiadetalle .siguiente span {font-size:11px; font-weight:bold; color:#333}

#tablas table tr td {border-bottom:1px solid #CCC}
#tablas1 table tr td {border-bottom:1px solid #999}

.banner {margin-bottom:7px; padding-bottom:8px; border-bottom:1px dotted #888; overflow:hidden; display: -webkit-box; }
.txtazul {color:#036; font-weight:bold}
.tel {color:#036; font-size:30px; font-weight:bold; font-family:Helvetica, sans-serif, Arial}

/* ADMIN */
#admin {padding-bottom:20px;}
#admin table {font-size:12px;}

li span{display:table-cell; text-align:left;}

















.container { text-align: center;
 			margin: 0 0 10px;}



.pad50{
  padding-top: 50px;
}

.button {

  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-right: 5px;
  padding-left: 35px;
  position: relative;
  background-color:rgb(0,0,0);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: lowercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.button:hover{
    text-decoration: none;
  color: #eeeaee;
}

.button p{font-size: 14px;}
.button span {
  position: absolute;
  left: 0;
  width: 30px;
  font-size:15px;
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
    text-decoration: none;
}

.button.twitter {
  background: #00acee;
}

.button.facebook {
 background: #3b5998;
}

.button.google-plus{
  background: #db4a39;
}

.button.linkedin {
  background: #0e76a8;
}

.button.youtube {
 background: #c4302b;
}

.button.github{
  background: #171515;
}

.button.android {
  background: #a4c639;
}

.button.skype {
 background: #00aff0;
 }

.button.dropbox{
  background: #3d9ae8;
}

.button.foursquare{
  background: #25a0ca;
}

.button.apple{
  background: #cdcdcd;
}

.button.dribbble{
  background: #ea4c89;
}

.button.instagram{
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.button.pinterest{
  background: #c8232c;
}

.button.stackexchange{
  background: #ef8236;
}

.button.flickr{
  background: #ff0084;
}