/* --- Etiquetas HTML --- */
html, body {
   color: #303030;
   font-size: 11px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #FFFFFF;
   text-align: center;
   margin: 0;
}

p, h1, form, button, img {
   border: 0;
   margin: 0;
   padding: 0;
}
a:link, a:visited{
	color:#425edf;
}
a:hover{
	text-decoration:none;
	color:#2c2fab;
}
.flechita{
	list-style-image:url("../images/flechita_ul.png")
}
/* --- Identificadores (Estructura Sitio) --- */
#contenedor {
   margin: 0 auto;
   width: 1000px;
   overflow: hidden;
   background: #E2E2E2 url(../images/sombra.png) top repeat-y;
} #contenido {
   /*margin: 0 auto;*/
   overflow: hidden;
   margin-left: 10px;
   width: 984px;
   margin-bottom: 10px;
} #cabezote {
   margin: 0;
   height: 168px;
   width: 984px;
} #col_principal {
   text-align: left;
   margin: 0 5px 0 0;
   padding: 0 0 10px 0;
   width: 556px;
   float: left;
   /*border: 1px solid gray;*/
} #col_menu {
   width: 183px;
   margin: 0 5px 0 0;
   float: left;
} #col_der {
   float: left;
   width: 225px;
   background-color: #f5f5f5;
}
/* ------------------------------- Formularios ------------------------------- */ 
.formulario {
   margin: 0 auto;
   overflow: hidden;
   width: 400px;
   padding: 14px 14px 0 14px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: solid 2px #8fbad5;
   background: #f4f8fc;
} .formulario fieldset {
   margin: 0 0 5px 0;
   padding: 3px;
   border: solid 1px #a7c8dd;
} .formulario legend {
   font-size: 10px;
   color: #808080;
} .formulario h1 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 6px;
   color: #325f9d;
} .formulario div {
   margin-right: 36px;
   text-align: right;
} .formulario p {
   /*font-size: 11px;*/
   color: #666666;
   margin-bottom: 20px;
   border-bottom: solid 1px #a7c8dd;
   padding-bottom: 10px;
} .formulario label {
   color: #333333;
   clear: both;
   display: block;
   font-weight: bold;
   text-align: right;
   width: 140px;
   float: left;
} .formulario .pequeno {
   color: #b5b5b5;
   display: block;
   font-size: 9px;
   margin-bottom: 8px; /*Pa' la pichurria de IE*/
   font-weight: normal;
   text-align: right;
   width: 140px;
} .formulario .err {
   color: #f60303;
   float: right;
   display: block;
   font-size: 10px;
   margin-bottom: 5px;
   width: 240px;
} .formulario input {
   background: url(../images/fondoform.png) repeat-x left top;
   float: left;
   height: 16px;
   /*font-size: 11px;*/
   padding: 0 2px;
   border: solid 1px #aacfe4;
   width: 200px;
   margin: 1px 0 0 10px;
} .formulario input:hover {
   background: url(../images/fondoform.png) repeat-x left center;
} .formulario input:focus {
   background: url(../images/fondoform.png) repeat-x left bottom;
} .formulario select {
   float: left;
   height: 18px;
   padding: 0 0 0 2px;
   margin: 1px 0 0 10px;
   font-size: 9px;
   border: solid 1px #aacfe4;
   width: 206px;
} .formulario textarea {
   display: block;
   float: left;
   margin: 1px 0 0 10px;
   border: solid 1px #aacfe4;
   width: 200px;
   height: 50px;
}

button {
   margin: 0 5px 5px 0;
   width: 83px;
   height: 19px;
   background: url(../images/boton.png) no-repeat top;
   text-align: center;
   padding: 3px 0;
   color: #4D4D4D;
   /*font-size: 11px;*/
}

button:hover {
   cursor: pointer;
   color: #1A1A1A;
   background: url(../images/boton.png) no-repeat bottom;
}

/* --- Clases --- */ .rojo {
   font-family: "MS Sans Serif", Geneva, sans-serif;
   font-weight: normal;
   color: #FF0000;
}

/* --- Slider --- */ #slider {
   width: 176px;
   text-align: left;
   padding: 0
} .header {
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   /*font-size: 11px;*/
   height: 16px;
   text-align:center;
   border: 1px solid #BDD7F2;
   font-weight: bold;
   margin-top: 1px;
   padding: 0 3px;
   cursor: pointer;
   background: url(../images/menu_btn.png) repeat-x top;
   color: #ffffff;
} .header:hover {
   /*background: url(../images/menu_btn.png) repeat-x bottom;*/
   color: #ffffff;
} .content {
   width: 184px;
   overflow: hidden;
}

/*-----------------*/ .menu {
   border: 1px solid #BDD7F2;
   border-width: 0 1px 1px 1px;
   /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
   /*font-size: 11px;*/
} .menu ul, li {
   margin: 0;
   padding: 0;
   list-style-type: none;
} .menu li {
   border-bottom: 1px solid #dfdfdf;
   text-indent: 4px;
} .menu a:link, .menu a:visited {
   height: 16px;
   text-decoration: none;
   color: #333333;
   background: url(../images/sub_btn.png) repeat-x top;
   display: block;
} .menu a:hover {
   color: #000000;
   background: url(../images/sub_btn.png) repeat-x bottom;
}

/* -------------- Encuesta ---------------- */ 
#encuesta {
	background-image:url(../fondos/encuesta.png);
	border:1px solid #CCCCCC;
    margin: 0 0 3px 0;
}

/*#encuesta label{
 
 display:block;
 float:right;
 }*/ #encuesta_cuerpo {
   /*background-image:url(../fondos/encuesta.png);*/
   /*background-color: #e0e0e0;*/
   text-align: justify;
   padding: 2px 5px 5px 5px;
   /*width: auto;
    height: auto;*/
   font-size: 12px;
   /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
#encuesta_cuerpo #encuesta_pie{
/*padding: 3px 3px 0 3px;*/
	 width: 130px;
	 text-align:center;
	 float:left;
	 margin: 10px 10px 0 0;
	 border-bottom: 1px #ffffff solid;
	 color:#666666;
	 font-size:11px;
	 font-weight:bold;
	 font-family:Arial, Helvetica, sans-serif;
	 /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
	 /*font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/
	 /*border-width: 1px 0 1px 0;*/
	 /*background-color:red;*/
}
#encuesta_cuerpo #encuesta_pie span{
    margin-right: 3px;
	border-top: 1px #ffffff solid;
	padding: 3px;
	display:block;
}
#encuesta h1{
	text-align:center;
	background-color:#666666;
	font-size:12px;
	padding: 2px 5px 5px 5px;
	color:#FFFFFF;
}
.encuesta_barra {
   float: left;
   background-image:url(../fondos/barra_encuesta_sombra.png);
   /*border: 1px #CC9900 solid;*/
   height: 15px;
   width: 142px;
} .barra_porc {
   margin-bottom: 5px;
   height: 14px;
   /*display:block;*/
   width: 100%;
   /*background-color:red*/
} .porcentaje {
   /*float: left;
    display:block;
    background-color:red;
    height:18px;*/
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding: 0 0 0 3px;
}#encuesta_cuerpo button{
  display: block;
  margin:0;
	width:59px;
	height:59px;
	background-image:url(../images/boton_encuesta.png)
}

/* --------------Fin Encuesta ---------------- */ 
.titulo_seccion {
   margin-top:3px;
   background-image: url(../fondos/titulo.png);
   /*border-top: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;*/
   border:1px solid #CCCCCC;
   height: 14px;
   /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   padding: 2px;
}

/* --------- Noticias -----------------*/
#noticias {
   margin: 3px 0;
}
.noticia {
	text-align: justify;
	margin: 10px 5px 0 15px;
}
.noticia img{
	border: 1px solid #ffffff
}

.noticia a{
    text-indent: 5px;
	/*display: block;*/
	font-size: 15px;
	font-weight: bold;
	padding-top: 6px;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #2c5aa0;
}
.noticia a:hover{
	text-decoration:underline;
	color: #4379cc;
}
.noticia div{
	float:left;
	/*padding: 3px;*/
	margin-right:5px;
	overflow:hidden;
	text-align:center;
	width: 127px;
	background-color:#d3e1ee;
}
.noticia div a{
	/*width: 100%;*/
	text-indent:0;
	margin: 0;
	padding:3px;
	display: block;
}
.noticia div a:hover{
	background-color:#b9cee4;
	}
.noticia p{
	margin-top: 6px;
}
.noticia p.creditos, .noticia_individual p.creditos{
	margin:0;
	padding: 4px 3px 2px 0;
	clear: left;
	color: #a0a0a0;
	font-size: 9px;
	text-align: right;
	border-bottom: dashed 1px #dddddd;
}
.noticia p span, .noticia_individual p span{
	font-weight: bold;
}
.noticia_individual{
	text-align:justify;
	margin-left: 6px;
}
.noticia_individual img {
	float:left;
	margin: 0 6px 0 0;
	padding: 3px;
	border: solid 1px #d3d3d3;
}
.noticia_individual h1{
	font-size: 15px;
	margin-bottom: 5px;
	color: #2c5aa0;	
}
/****************************************/
/* ------------------------------- Pie ------------------------------- */ #pie_patrocinio {
   /*clear: left;*/
   margin: 0 auto;
   text-align: justify;
   background-image: url(../fondos/pie_patrocinio.png);
   width: 984px;
   height: 85px;
   border-top: 1px solid #CEE0EA;
   border-bottom: 1px solid #CEE0EA;
} #pie_patrocinio a {
   margin-left: 15px;
   background-image: none;
   display: inline;
}

/*#pie_patrocinio img {
 margin-left: 15px;
 }*/ #pie_creditos {
   margin: 0 auto;
   color: gray;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-align: justify;
   background-image: url(../fondos/pie_creditos.png);
   width: 984px;
   height: 96px;
} #pie_creditos a {
   text-decoration: underline;
   color: #646466;
   background-image: none;
   display: inline;
} #pie_creditos a:hover {
   color: #C9302F;
} #pie_punta {
   float: right;
   background-image: url(../fondos/pie_punta.png);
   height: 96px;
   width: 40px;
} #pie_creditos_izq {
   float: left;
   padding: 4px 4px 0 4px;
   height: 88px;
   width: 317px;
} #pie_creditos_izq a {
   /*display:inline-block;*/
   width: 130px;
   float: left;
   margin: 0 8px 1px 15px;
   /*padding:0*/
} #pie_creditos_centro {
   float: left;
   text-align: center;
   padding: 4px 4px 0 4px;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   height: 88px;
   width: 317px;
} #pie_creditos_der {
   float: left;
   padding: 4px 4px 0 4px;
   height: 88px;
   width: 278px;
} #pie_reflejo {
   margin: 0 auto;
   text-align: justify;
   background-image: url(../fondos/pie_reflejo.jpg);
   width: 984px;
   height: 92px;
}

/* ---------------------- NOTICIAS INDEX --------------------------- */
/*.noti_titulo
 {
 color:#9CAA3B;
 font-size:16px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 }*/ .noti_id {
 	clear: left;
   padding: 1px 0 4px 0;
   color: #999999;
   font-size: 10px;
   /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.noti_id span.fech {
	text-transform:capitalize;
	color:#999999;
}

/*.noti_cuerpo
 {
 color:#000000;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 }*/ .noti_index {
   /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
   padding: 5px;
} .noti_index p {
   /*font-size: 11px;*/
   text-align: justify;
} 

.noti_index h1 {
   padding:0 0 2px 0;
   font-size: 16px;
} 
.noti_index h1 a{
	color: #9CAA3B !important;
}
.noti_index h1 a:hover{
	text-decoration:none;
	}
/*.noti_index a img{
	float:left;
	padding: 2px;
	margin: 0 5px 0 2px;
	border: 1px solid gray
}*/
.noti_index div.mini_nota{
	float:left;
	/*padding: 3px;*/
	border: 1px solid #e6e6e6;
	margin:0 5px 4px 0;
	overflow:hidden;
	text-align:center;
	width: 84px;
	/*background-color:#edf2f8;*/
}
.noti_index div.mini_nota a{
	/*width: 100%;*/
	text-indent:0;
	margin: 0;
	padding:2px;
	display: block;
}
.noti_index div.mini_nota a:hover{
	background-color:#d7ecf4;
	}
.noti_index span {
   color: #202020;
} .noti_index a:link, .noti_index a:visited {
   display: inline;
   /* background-image: none;*/
   color: #006ADC
} .noti_index a:hover {
   color: #EF193A
} .separador {
   border-bottom: 1px solid #cccccc;
   margin-bottom: 6px;
} .separador p {
   margin-bottom: 6px;
}

/* ------------------ NOTAS A DOS COLUMNAS ------------------------- */
#nota_izq {
   text-align: justify;
   width: 268px;
   float: left;
   padding: 2px 5px 0 5px;
} #nota_izq h1, #nota_der h1 {
   color: #0066CC;
   font-size: 14px;
   padding: 0 0 4px 0;
} #nota_der {
   text-align: justify;
   width: 268px;
   float: left;
   padding: 2px 5px 0 5px;
} #nota_izq a, #nota_der a {
   display: inline;
   color: #2c5aa0 !important
} #nota_izq a:hover, #nota_der a:hover {
   color: #4379cc !important;
   text-decoration: none;
} #nota_izq a img, #nota_der a img {
   padding: 1px;
   border: 1px #a4d2ec solid;
   margin: 0 5px 2px 0;
   /*background-color:red;*/
   /*width: 80px;*/
   float: left;
} 
#nota_izq a img:hover, #nota_der a img:hover {
	border: 1px #1f96d6 solid;
}
#nota_izq p, #nota_der p {
   clear: left;
   margin-top: 5px;
   border-top: 1px dashed #e5e5e5
} #nota_izq span.autor, #nota_der span.autor {
   font-size: 10px;
   color: #999999;
} #nota_izq span.fecha, #nota_der span.fecha {
   color: #a5a5a5;
   font-size: 9px;
   text-transform:capitalize;
   /*background-color:#0066CC;*/
   width: 100%;
   /*display:block;*/
   /*padding-top:6px;*/
}

/*#nota_izq a:hover img, #nota_der a:hover img{
 border:2px green solid;
 }*/
/*.nota_img {
 width: 80px;
 border: 1px solid #0066CC;;
 float: left;
 padding: 2px;
 }*/
/*.nota_cuerpo {
 width: 170px;
 float: left;
 padding: 0 3px 3px 3px;
 text-align: justify;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }*/
/*.nota_id {
 padding: 1px 0 4px 0;
 float: left;
 color: #999999;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }*/
 #banner_tenemos_todo
 {
 	margin:3px 0 1px 0;
 }
 .nota_tecnologica
 {
 	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	border-top:0px;
 }
/* --------------------------------------------- */
/* Reproductor index */
#video_player
{
	text-align:left; 
	float:left;
}
/* -------------- */
/* Banner anuncio */
#banner_anuncio
{
	float:left;
	margin:0 0 2px 3px;
	width:308px;
	height:58px;
}
/* -------------- */
/* Banner anuncio */
#banner_recomendar
{
	float:left;
	margin-left:4px;
	width:144px;
	height:165px;
	background-image:url(../fondos/recomendar.png);
	padding:4px 7px 4px 4px;
	overflow:hidden;
}
#banner_recomendar input
{
	border:1px solid #CC9900;
	width:130px;
	font-size:11px;
}
#banner_recomendar button
{
	margin-top:3px;
}

#titulo_recomendar
{
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#cuerpo_recomendar
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
/* -------------- */
/* Banner anuncio */
#banner_clima
{
	float:left;
	width:155px;
	height:175px;
}
/* -------------- */
/* contenedor reproductor_anunncio_clima */
#capa_rep_anun_cli
{
	float:left;
	width:556px;
}
/* ------------------------------------- */
/*------------- FOROS ---------------------------------------------------------*/
div.foro{
	margin: 0 0 6px 0;
	border: 1px solid #e9e9e9;
	border-width: 1px 0;
	overflow:hidden;
	color:#4d4d4d;
	padding: 10px 12px 8px 55px;
	background: url('../images/foro/foro.png') 12px center;
	background-repeat: no-repeat;
}

div.foro a, div.foro a:visited{
	font-weight: bold;
	font-size: 13px;
	color:#699316;
}
div.foro a:hover{
	color:#7ba52d;
	text-decoration:none;
}
div.foro p, div.post p{
	text-align:right;
	float:right;
}
div.foro p a, div.foro p a:visited{
	color: #ac8b0f;
	font-size: 11px;
}
div.foro p a:hover{
	color:#b59f50;
	text-decoration:none;
}
div.foro p span.ultPost, div.post p span, div.resp p{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
div.foro span.estForo, div.post span.estForo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#a8a8a8
}
div.post{
	margin: 0 0 6px 0;
	border: 1px solid #e9e9e9;
	border-width: 1px 0;
	overflow:hidden;
	color:#707070;
	padding: 10px 12px 8px 55px;
	background: url('../images/foro/fondo_post.png') 12px center;
	background-repeat: no-repeat;
}
div.post a, div.post a:visited{
	font-weight: bold;
	font-size: 13px;
	color:#ac8b0f;
}
div.post p a, div.post p a:visited{
	font-size: 11px;
}
div.post a:hover{
	color:#b59f50;
	text-decoration:none;
}
div.resp {
	color:#4d4d4d;
	width: 544px;
	margin: 0 0 20px 7px;
}
div.resp p.fecha{
	color: #666666;
	text-align:right;
	float:right;
	padding: 0 3px 0 0;
}
div.resp h1{
	text-indent: 10px;
	margin: 2px 0 3px 0;
	background-image: url('../images/foro/barra_pregunta.png');
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	height: 18px;
	padding: 2px 0 0 0;
	font-size: 11px;
}
div.resp span.text{
	border: 1px solid #e9e9e9;
	border-width: 1px 0;
	padding: 5px 8px;
	display: block;
	background-color: #fafafa;
}
div.resp span.linea{
	display:block;
	text-align: right;
	height: 20px;
	background: url('../images/foro/linea_abajo.png') no-repeat bottom;
}
div.resp blockquote{
	border: 1px solid #e5e1e1;
	margin: 1px 0 5px 35px;
	padding: 5px 5px 5px 15px;
	background: url('../images/foro/comilla.png') #fffcf0 no-repeat top left;
}
div.resp p.cita{
	padding: 0 0 0 40px;
	font-size: 11px;
	font-weight: bold;
	color: #5f5f5f;
}
div.resp a, div.resp a:visited{
	font-weight: bold;
	font-size: 10px;
	color: #002c6f;
}
div.resp a:hover{
	text-decoration: none;
	color: #0043a8;
}
p.paginas{
	background-color: #fffdf4;
	border: 1px solid #ececec;
	margin: 4px 0;
	text-align: right;
	font-weight: bold;
	color:#6b6b6b;
	padding: 2px 6px;
}
p.paginas a, p.paginas a:visited{
	color:#0a529a;
}
p.paginas a:hover{
	text-decoration:none;
	color:#0c63ba;
}
div.resp_mensaje{
	padding: 5px 7px;
}
div.resp_mensaje p.title{
	padding: 5px;
	color:#bd3420;
	font-weight:bold;
	border: 1px solid #e5e1e1;
	border-width: 1px 0 0 0;
}
div.resp_mensaje span, div.ini_sesion{
	display: block;
	padding: 5px;
	border: 1px solid #e5e1e1;
	background-color: #f6f6f6;
}
div.ini_sesion{
color: #a81713;
background: url(../images/foro/info.png) no-repeat 10px;
padding-left: 37px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*-----------------------------------------------------------------------------*/
/*-------- Navegacion esta en --------------------------------------------------------------------*/
div#esta_en{
	margin: 6px 0 4px 0;
	font: 11px Arial, Helvetica, sans-serif bold;
	color: #373e48;
}
div#esta_en img {
	margin:0 2px 1px 3px
}
div#esta_en img#first{
	margin-bottom: 0;
}
div#esta_en a:link, div#esta_en a:visited{
	color: #373e48;
}
div#esta_en a:hover{
	text-decoration:none;
	color: #515b6a;
}
/*-----------------------------------------------------------------------------*/
div#titulo_seccion{
	text-align:right;margin: 0 0 10px 0;
	padding: 0 20px 0 0
}

#marqueecontainer{
position: relative;
width: 215px;
height: 200px;
background-color: white;
overflow: hidden;
border: 1px solid #CCCCCC;
padding: 4px;
text-align:justify;
background-image:url(../fondos/eventos.png);
padding-left: 4px;
}
.sombra_der
{
	background-image:url(../fondos/sombra.png);
	background-repeat:no-repeat;
	width:225px;
	height:6px;

}
#compartir
{
	float:right;
	width:132px;
	height:24px;
	background:#EAEAEA;
	border:1px solid #CCCCCC;
	padding:3px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	-moz-border-radius: 5px; /* Firefox*/  
	-ms-border-radius: 5px; /* IE 8.*/  
	-webkit-border-radius: 5px; /* Safari,Chrome.*/  
	border-radius: 5px; /* El estándar.*/  	
}
#compartir_face
{
	float:left;
	width:24px;
	height:24px;
	background:url(../images/facebook.png);
	margin:1px 6px 0px 0px;
}
#compartir_twitter
{
	float:left;
	width:24px;
	height:24px;
	background:url(../images/twitter.png);
	margin:1px 0px 0px 0px;
}
#compartir_titulo
{
	float:left;
	width:auto;
	margin: 5px 14px 0px 2px;
}