@charset "utf-8";
/* 
Ttulo:		Waakun, hoja maestra de estilos
ltima modificacin: 8 de Septiembre, 2008
*/
/* Reset, no tocar */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, * {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;
	font-size:small;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
/* Columnas y reticula, estos valores son los que se cambian para cambiar el tamao de la reticula
		------------------------------------------------------------------------------------------------------- */
div.columna-1, div.columna-2, div.columna-3, div.columna-4, div.columna-5, div.columna-6, div.columna-7, div.columna-8, div.columna-9, div.columna-10, div.columna-11, div.columna-12 {
	float:left;
	margin-right: 30px;
}
div.last { margin-right: 0; }
.columna-1 { width: 50px; }
.columna-2 { width: 130px; }
.columna-3 { width: 210px; }
.columna-4 { width: 290px; }
.columna-5 { width: 370px; }
.columna-6 { width: 450px; }
.columna-7 { width: 530px; }
.columna-8 { width: 610px; }
.columna-9 { width: 690px; }
.columna-10 { width: 770px; }
.columna-11 { width: 850px; }
.columna-12, div.columna-12 { width: 930px; margin: 0;}

/* Add these to a column to append empty cols. */
.append-1 { padding-right: 80px; }
.append-2 { padding-right: 160px; }
.append-3 { padding-right: 240px; }
.append-4 { padding-right: 320px; }
.append-5 { padding-right: 400px; }
.append-6 { padding-right: 480px; }
.append-7 { padding-right: 560px; }
.append-8 { padding-right: 640px; }
.append-9 { padding-right: 720px; }
.append-10 { padding-right: 800px; }
.append-11 { padding-right: 880px; }

/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 80px; }
.prepend-2 { padding-left: 160px; }
.prepend-3 { padding-left: 240px; }
.prepend-4 { padding-left: 320px; }
.prepend-5 { padding-left: 400px; }
.prepend-6 { padding-left: 480px; }
.prepend-7 { padding-left: 560px; }
.prepend-8 { padding-left: 640px; }
.prepend-9 { padding-left: 720px; }
.prepend-10 { padding-left: 800px; }
.prepend-11 { padding-left: 880px; }

/* Border on right hand side of a column. */
div.border {
	padding-right:14px;
	margin-right:15px;
	border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
	padding-right:38px;
	margin-right:35px;
	border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */
.pull-1 { margin-left: -80px; }
.pull-2 { margin-left: -160px; }
.pull-3 { margin-left: -240px; }
.pull-4 { margin-left: -320px; }
.pull-5 { margin-left: -400px; }
.pull-6 { margin-left: -480px; }
.pull-7 { margin-left: -560px; }
.pull-8 { margin-left: -640px; }
.pull-9 { margin-left: -720px; }
.pull-10 { margin-left: -800px; }
.pull-11 { margin-left: -880px; }
.pull-12 { margin-left: -960px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 { float:left; position:relative;}
.push-1 { margin: 0 -80px 1.5em 80px; }
.push-2 { margin: 0 -160px 1.5em 160px; }
.push-3 { margin: 0 -240px 1.5em 240px; }
.push-4 { margin: 0 -320px 1.5em 320px; }
.push-5 { margin: 0 -400px 1.5em 400px; }
.push-6 { margin: 0 -480px 1.5em 480px; }
.push-7 { margin: 0 -560px 1.5em 560px; }
.push-8 { margin: 0 -640px 1.5em 640px; }
.push-9 { margin: 0 -720px 1.5em 720px; }
.push-10 { margin: 0 -800px 1.5em 800px; }
.push-11 { margin: 0 -880px 1.5em 880px; }
.push-12 { margin: 0 -960px 1.5em 960px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right; position:relative;}

/* Detalles finales de la reticula, clases para evitar que las columnas colapsen ________________*/
#clearfix:after, #container:after, #contenedor:after, #pie:after, #navegacion:after, #encabezado:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.gutter, .relleno, .clearfix, .container, .contenedor, .autor { display: inline-block; }
* html .clearfix, * html .container { height: 1%; }
.clearfix, .container { display: block; }

/* Estructura 
--------------------------------------------------------------------------------*/
#encabezado {
	width:930px;
	margin:0 auto;
	/*border-top: 15px solid #fff;
	border-right: 15px solid #fff;
	border-left: 15px solid #fff;*/
	height: 90px;
	background: #fff;
	text-align:left;
}
#navegacion {
	width:930px;
	margin:0 auto;
	border-right: 15px solid #fff;
	border-left: 15px solid #fff;
	text-align:left;
}
#contenedor {
	width:930px;
	margin:0 auto;
	border-right: 15px solid #fff;
	border-left: 15px solid #fff;
	background-color:#fff;
	text-align:left;
}
#contenido { padding:0 0 15px 0;}
#barra-lateral { padding:10px 0 15px 0;}

/* TIPOGRAFIA
-------------------------------------------------------------------------------- */
body {
	font-size:small;
	line-height:1.45em;
	color:#333;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	margin:0;
	text-align:center;
	background-image: url("img/bg_gral.gif");
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #CFF224;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#111;
	font-family:GillSans, Trebuchet, Calibri, sans-serif;
	margin-bottom:.55em;
}
h1 { font-size:225%; color:#CC3300;}
h2 { font-size:150%; }
h3 { font-size:131%; }
h4 { font-size:113%; font-weight:bold;}
h5 { font-size:100%; font-weight:bold;}
h6 { font-size:80%; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 10px; font-size:100%; line-height:1.6; }
#formAlert, .errorForm{ color:#FF0000; }
.correctForm{color:#00CC00;}
form span{ color:#437312;}
p img { float:left; margin:15px 15px 15px 0; padding:0;}
p img.right { float:right; margin:15px 0 15px 15px;}
a:focus, a:hover { color:#CC0000; text-decoration:none;}
a { color:#0F3D6B; text-decoration:underline;}
a:visited { color:#0F3D6B; text-decoration:underline;}
blockquote {
	margin:1.1em;
	color:#666;
	font-style:italic;
	background-color: #FFFFCC;
	float: right;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 40%;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CC6600;
	border-bottom-color: #CC6600;
}
blockquote span {
	float:right;
	clear:both;
	color:#000;
}
strong { font-weight:bold;}
em, dfn { font-style:italic; font-size:90%;}
dfn { font-weight:bold;}
sup, sub { line-height:0;}
abbr, acronym { border-bottom:1px dotted #666;}
address { margin:0 0 15px; font-style:italic;}
del { color:#666; text-decoration: line-through;}
pre, code { margin:15px 0; white-space:pre;}
pre, code, tt { font:100% 'andale mono', 'lucida console', monospace; line-height:1.5;}
li ul, li ol { margin:0 10px;}
ul, ol { margin:0 10px 10px 10px;}
ul { list-style-type:disc;}
ol { list-style-type:decimal;}
dl { margin:0 0 10px 0; font-size:90%;}
dl dt { font-weight:bold;}
dd { margin-left:5px;}
table { margin-bottom:5px; width:99%;}
th { font-weight:bold; background:#C3D9FF;}
th, td { padding:4px 10px 4px 5px;}
tr.even td { background:#E5ECF9;}
tfoot { font-style:italic;}
caption { background:#eee;}

/* Estilos varios, efectitos y complementos, muletitas y sonseras ___________________ */
.top { margin-top:0; padding-top:0;}
.bottom { margin-bottom:0; padding-bottom:0;}
.gutter { padding:15px;}
.clear { clear:both;}
.box {
	padding: 10px;
	margin-bottom: 10px;
	background: #E5ECF9;
}
.box-licencia {
	padding: 10px 10px 10px 80px;
	margin-bottom: 10px;
	background: #F5EAA5 url('img/tacha.gif') no-repeat 10px 10px;
	border: thin solid #FFCC33;
}
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 15px;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}
hr.lineainvisible {
	margin:0;
	padding:0;
	visibility:hidden;
}

/* Navegacion 
		----------------------------------------------------------- */
div#navegacion ul {
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#navegacion ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size:90%;
}
#navegacion ul li a {
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	color:#7B828C;
	display:block;
	float:left;
	line-height:1.5em;
	margin:0;
	padding:2px 10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
}
#navegacion ul li a strong {
	display: block;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
}
#navegacion li a:hover { background: #ccc;}
#navegacion li a.active { color: #7b828c; background: #30353b url('img/tab-on-noise.gif') repeat-x bottom left;}
#navegacion ul li a:hover strong, #navegacion ul li a.active strong { color: #fff;}
form .error_hide { display:none; color:#FF0000;}
#swfencabezado { width:100%; margin:0 auto;}
/* ------------------------- ESTILOS BASE PARA PERZONALIZAR LA APARIENCIA ------------------------- */
#encabezado{
height:130px;
margin-bottom:15px;
width:100%;
background-image: url("img/bg_gral.gif");
background-repeat: repeat-y;
background-position: top center;
background-color: #CFF224;

}
h2{
font-size:113%;
}
h3.waky_verde{
font-size:150%;
color:#28903A;
font-weight:bold;
}
h3.waky_naranja{
font-size:150%;
color:#F26522;
font-weight:bold;
}
/* Encabezado ------------------------------- */
.logotipo {
	margin:0;
	padding:0;
	position:relative;
	width:250px;
	height:140px;
	overflow:hidden;
	float:left;
}
.logotipo a {
	text-decoration:none;
	color:#FFFFFF
}
.logotipo a:hover {
	color:#FFFFFF
}
.logotipo span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:311px;
	height:140px;
	margin:0;
	padding:0;
	background-image: url('./img/logo_mkids.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.logotipo a:hover span {
	background-image: url('./img/logo_mkids.png');
	background-repeat: no-repeat;
	background-position: left top;
}
/* Navegacin auxiliar o complementaria en el encabezado ---- */
.opciones {
	float: right;
	color: #666;
	font-weight: bold;
}
.opciones a {
	color: #666;
	padding: 0 0 0 8px;
	background: url(img/bullet.gif) no-repeat left 5px;
	margin: 0 0 0 10px;
	text-decoration:none;
}
.opciones a:hover {
	color: #999;
	text-decoration:underline;
}
#encabezado .banner img {
	float:right;
}
/* Navegacion 
		----------------------------------------------------------- */
.navegacion {
	margin: 105px 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float:right;
}
.navegacion li {
	float: left;
	margin: 0;
	padding: 0;
	font-size:90%;
	border-right:#CFF224 thin solid;
}
.navegacion li a {
	float: left;
	display: block;
	line-height: 1.5em;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	background: #F7941E;
}
.navegacion li a strong {
	display: block;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
}
.navegacion li a:hover {
	background: #FAB45F;
}
.navegacion li a.active {
	color: #7b828c;
	background: #BE6F03;
}
.navegacion li a:hover strong, .navegacion li a.active strong {
	color: #fff;
}
/* Contenido ------------------------------------- */
#contenido h1 {
	font-size:218%;
	margin-bottom:5px;
	margin-top:9px;
	padding-bottom:5px;
	color:#CC3300;
	line-height:1;
}
#contenido h2 {
	font-size:168%;
	margin-bottom:0;
	margin-top:5px;
	padding-bottom:20px;
	color:#CC3300;
}
/* Migas de pan */
.migas {
	list-style: none;

	padding: 0;
	margin: 10px 0 0 0;
	display:block;
}
.migas li {
	display: inline;
	padding: 0;
	margin: 0;
}
.migas li a {
	color: #666;
}
.migas li:before {
	content: "> ";
}
.migas li:first-child:before {
	content: "";
}
/* Byline */
p.byline {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 85%;
	font-style: italic;
}
p.byline a {
	color: #555;
	text-decoration:underline;
}
p.byline a:hover {
	color: #999;
	text-decoration:none;
}
p.byline span.fechapub {
	margin-left: 9px;
	padding-left: 9px;
	font-style: normal;
	border-left: 1px solid #999;
}
h3.estructura-articulo {
	font-family:Georgia, serif;
	font-size:85%;
	font-size-adjust:none;
	margin:0;
	padding:5px 0;
}
/* Cajitas para agrupar elementos varios, como listas, grupos de noticias, fotos, etc, incluye un titular y estilos para herramientas */
.titular{
margin-bottom:-15px;
}
.titular h2 {
	text-indent:-9999px;
}
.titular ul{
}
.relleno {
	padding:0 10px 10px 10px;
}
.group {
	margin-bottom:20px;
	background-color: #fff;
}
.group a {color: #248BF2;}
.group a:hover {color: #61ABF5;}
.group h5 {
	margin-bottom:5px;
	font-size:120%;
}
.group p {
	padding:10px 10px 5px 10px;
	margin: 0 0 10px 0;
}
.group p a{
	margin-left:10px;
	line-height:1;
}
.enlaceMas p{
	margin: 0 0 10px 0;
}
.enlaceMas a{
	font-size:16px;
	margin:0px 0px 10px 10px;
	padding-bottom:10px;
}
.group ul {
	margin-left:20px;
	color:#ccc;
}
.group ul li {
	list-style: square url(img/none.gif) outside;
	margin:5px 0;
	font-size:75%;
	border-bottom:dotted 1px #ccc;
	padding-bottom:2px;
}
.group dd {
	margin-left:10px;
}
.group a:hover {
	color: #900;
}
.tnoticias{
	text-indent:-9999px;
	background-image:url(img/top_caja_noticias.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height:110px;
	margin-bottom:20px;
}
.tdescargas{
	text-indent:-9999px;
	background-image:url(img/top_caja_descargas.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height:110px;
}
.noticias {
	background-image:url(img/pie_caja_noticias.gif);
	background-position: center bottom;
}
.noticias h2{
	text-indent:-9999px;
	background-image: url(img/top_caja_noticias.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:55px;
	margin:0; padding-bottom:0 !important;
}
.juegos {
	background-image:url(img/pie_caja_juegos.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.juegos h2{
	text-indent:-9999px;
	background-image: url(img/top_caja_juegos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:45px;
}
.descargas {
	background-image:url(img/pie_caja_descargas.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.descargas h2{
	text-indent:-9999px;
	background-image: url(img/top_caja_descargas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
}

.promocion { background: url(img/pie_caja_promocion.gif) no-repeat left bottom; text-align:center; padding:0 0 10px 0; margin-bottom:15px; }
.promocion h1{ background: url(img/top_caja_promocion.gif) no-repeat left top; padding:25px 0 15px 0; text-indent:-9999em;}


/* Port, tecnica para flotar cualquier nmero de fotos o ilustraciones con un ancho definido dentro de un contenedor, incluye estilos para agregar textos */
.port {
	display:inline;
	float:left;
	line-height:1em;
	width:255px;
	margin:0 15px;
}
.port h4{ margin:0; padding:0 0 5px 5px;}
.widget .port {
	display:inline;
	float:left;
	line-height:1em;
	width:137px;
	margin-bottom:5px;
	margin-right:5px;
	display:block;
}
.port p {
	margin:5px 0 0 !important;
	padding:5px;
	font-size:80%;
	border:none;
	display:block;
	float:left;
	width:75px;
}
.port p a img{ display:block; clear:both; margin:0; width:80px; height:60px; border:1px solid #0086C6; }
/* Tecnica para hacer listas de objetos con imagen, titulo, metas e informacin */
.catlist {
	border:none;
	width:auto;
	margin:0 auto;
}
.catlist dl {
	width:auto;
	margin:0 auto;
	padding:10px 10px 10px 20px;;
	overflow:hidden;
	clear:both;
}
.catlist dd.metalist {
	font-family:Verdana, sans-serif;
	font-size:90%;
	line-height:1.5em;
	margin:3px 0;
	padding:0;
	}
.catlist dd.metalist a.cont-comentarios {
	background:transparent url(img/icon-comment.gif) no-repeat scroll 9px 50%;
	border-left:1px solid #999999;
	margin-left:9px;
	padding-left:24px;
}
.catlist dd.nowrap-def { margin:0; overflow:auto;}
.catlist dd.nowrap-def a{ text-decoration:none;}
.catlist dd.nowrap-def a:hover{ text-decoration:none;}
.catlist dd { margin:0; overflow:auto;}
.catlist dt strong img {
	float:right;
	padding:0 0 0 15px;
	border:none;
}
.catlist dd p {
	margin:0;
	padding:0;
}
.catlist dt a {
	text-decoration:none;
	font-size:120%;
	display:inline;
	color:#248BF2;
}
.catlist dt a:hover {
	text-decoration:none;
	color:#61ABF5;
	display:inline;
}
.catlist dt { font-weight:bold; font-size:117%; color:#0086C6; clear:both;}
.catlist dt img {
	float:left;
	margin:0 10px 10px 0;
	border:2px solid #0086C6;
	height:75px;
	width:75px;
}
.catlist dt strong img.icon {height:auto; width:auto;}
.catlist dt a img:hover {
	border:2px solid #61ABF5;
}
* html dd.nowrap-def {
	height:1%;
}/* 3px jog - hack para IE6 */
* html dd {
	height:auto;
}/* 3px jog - hack para IE6 */
/* Figuras, un tratamiento especiual para cuando se quiera utilizar una foto, tabla o grfica como una figura  */
.figure, .figura {
	margin: 0 10px 15px 0;
	float: left;
	display: block;
}
.figure p, .figura p {
	margin: 0;
}
.figure .credit, .figura .credit {
	font-size: 80%;
	text-align: left;
}
.figura .credit {
	text-align: center;
}
.figure .credit cite, .figura .credit cite {
	font-style: inherit;
}
.figure .caption, .figura .caption {
	font-style: italic;
	font-size: 110%;
}
.figure .title, .figura .title {
	font-style: normal;
	font-weight: bold;
}
.figure .title:after, .figura .title:after {
	content: ":";
}
.centrar {
	text-align:center;
}
/* Info del Autor del artculo  */
#contenido .autor {
	background:#F2F2F2;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:15px 0;
	padding:10px;
}
#contenido .autor h2 {
	color:#000;
	font-size:120%;
	margin:0 0 5px 0;
	border:none;
}
#contenido .autor img {
	margin:0 10px 0 0;
	padding:0;
}
/* Comentarios */
#contenido .comments {
	padding: 10px;
}
#contenido ol.comments {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contenido ol.comments li {
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 4px solid #D8D8D8;
}
#contenido ol.comments h4 {
	float: left;
	position: relative;
	width: 130px;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
}
#contenido ol.comments h4 a.com-link {
	position: absolute;
	top: 2px;
	left: 0;
}
#contenido ol.comments h4 span.meta {
	display: block;
	margin: 0 0 0 17px;
}
#contenido ol.comments h4 em {
	display: block;
	margin: 4px 0 0 0;
	font-size: 95%;
	font-style: normal;
}
#contenido ol.comments p {
	margin: 0 0 15px 156px;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 75%;
	border:none;
}
/* Eventos ___________________________________*/
#contenido div.events {
	padding-bottom: 14px;
	font-size: 80%;
	line-height: 1.5em;
}
#contenido .events h3 {
	padding: 10px;
	margin:0;
	font-size: 16px;
	line-height: 1em;
	text-transform: uppercase;
	color: #666;
	font-weight:bold;
}
#contenido .events h3 a {
	color: #666;
}
#contenido .events h3 a:hover {
	color: #555;
}
#contenido .events ul {
	margin: 0 15px;
	padding: 0;
	list-style: none !important;
}
#contenido .events ul li {
	margin: 0 0 15px 0;
	padding: 0;
	color:#333;
	list-style:none outside;
	border:none;
}
#contenido ul li a {
	text-decoration:none;
}
#contenido ul li a span.summary {
	font-size: 1.2em;
	color: #CC6600;
	text-decoration:none;
}
#contenido li a:hover span.summary {
	text-decoration:underline;
}
#contenido .events ul li a.url {
	display: block;
}
#contenido .events ul li abbr, #contenido div.events ul li span.location {
	font-family: Georgia, serif;
	font-size: .85em;
	font-style: italic;
	color:#CC0000;
}
/* --- event calendar --- */
table#zem_event_calendar, #event_calendar {
	margin-bottom:15px;
	border-bottom:solid 3px #ccc;
	padding:15px;
	background-color:#fff;
}
#event_calendar caption {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 13px;
	border-bottom: 1px solid #dadada;
}
#event_calendar th, #event_calendar td {
	padding: 0 2px;
	vertical-align: top;
	width: 100px;
	height: inherit;
}
#event_calendar td {
	border-left: 1px solid #E0DFE3;
}
#event_calendar td ul {
	list-style: disc inside;
	margin:0;
}
#event_calendar td li a {
	margin: 0px;
	padding: 0px;
	color:#999900;
	font-size: 8px;
	line-height:1em;
}
#event_calendar td li a:hover {
	color:#CC3300;
	text-decoration:underline;
}
#event_calendar td a {
	color:#999900;
}
#event_calendar td img {
	position:relative;
	margin:-10px 0 0 -10px;
}
#event_calendar td p {
	font-size: 8px;
	line-height: 1em;
	color: #666;
}
#event_calendar td a:hover {
}
#event_calendar col.Sab {
	background: #FFFFdd;
}
#event_calendar col.Dom {
	background: #FFFFcc;
}
#event_calendar tr.day {
	color: #666;
	height: 90px;
}
#event_calendar tr.day td:hover {
	background-color: #e9e9e9;
}
#event_calendar tr.number {
	background: #ddd;
	color: #888;

	height: 16px;
	text-align: right;
	vertical-align: middle;
	font: normal 10px Georgia, "Times New Roman", Times, serif;
}
#event_calendar th {
	background: #fff;
	color: #999;
	height: 15px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
}
h1.cuatrocerocuatro {
	font-size: 180%;
	font-weight: normal;
	color: #666;
	margin-bottom: -15px;
}
/* Conferencias _________ */
		#contenido .conferencia {
	padding:5px;
	background: #f4f4f4;
	margin-top: 1em;
	margin-bottom: .5em;
	border-top: 3px solid #9D9EAB;
	border-bottom: 1px dashed #9D9EAB;
}
#contenido .conferencia h2 {
	color: #6699CC;
	line-height: 1.2em;
	border-bottom: 1px dotted #A9C6E2;
}
#contenido .conferencia h3 {
	font-size: 130%;
	font-weight: normal;
	color: #6699CC;
	line-height: 1.2em;
}
#contenido .meta-conferencia {
	margin: 10px;
	padding: 10px;
	background: #FFFFCC;
	border: solid 1px #D6D9E6;
}
#contenido .resumen-conferencia {
	font-size: 110%;
	font-style: italic;
	line-height: 1.2em;
	color: #666666;
}
#contenido .meta-conferencia abbr {
	border: none;
}
#contenido .meta-conferencia p {
	margin: 0;
}
/*
		
		This is a style sheet for schedules of events marked up as tables with the class vcalendar.
		It was written by Jeremy Keith:
		http://adactio.com/
		
		Licensed under a Creative Commons Attribution license:
		http://creativecommons.org/licenses/by/3.0/
		
		For more information on the hCalendar microformat, please visit:
		http://microformats.org/wiki/hcalendar
		
		*/
		
table.vcalendar {
	border-collapse: collapse;
	margin-bottom: 2em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	color: #333;
}
table.vcalendar caption {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.8em;
	line-height: 1;
	text-align: center;
}
table.vcalendar tr {
	vertical-align: text-top;
}
table.vcalendar th, table.vcalendar th * {
	font-weight: bold;
}
table.vcalendar th, table.vcalendar td {
	padding: .5em .5em .75em;
}
table.vcalendar thead td {
	border: 0;
}
table.vcalendar thead th {
	text-align: left;
	vertical-align: bottom;
	color: #456;
	background-color: #dde;
	border: 1px dotted #ccd;
}
table.vcalendar tbody td {
	background-color: #eee;
	border: 1px solid #ddd;
}
table.vcalendar tbody td:hover, table.vcalendar tbody td:focus {
	background-color: #ddd;
	border: 1px solid #ccc;
}
table.vcalendar tbody th {
	text-align: right;
	color: #fff;
	background-color: #789;
	border: 1px dotted #99a;
}
table.vcalendar tbody th abbr {
	border: none;
}
table.vcalendar tbody tr:hover th, table.vcalendar tbody tr:focus th {
	background-color: #678;
	border: 1px dotted #889;
}
/* non-hCalendar classes */
		
table.vcalendar tbody td.global {
	background-color: #ffc;
	border: 1px solid #cc9;
}
table.vcalendar tbody td.global:hover, table.vcalendar tbody td.global:focus {
	background-color: #eeb;
	border: 1px solid #cc9;
}
table.vcalendar tbody tr.break th {
	background-color: #89a;
}
table.vcalendar tbody tr.break td {
	background-color: #eef;
}
/*Destacados ____ */
#contenido div.destacados {
	margin-bottom:15px;
	border-bottom:6px solid #ccc;
	background: #f2f2f2;
}
#contenido .destacados h3 {
	font-size:150%;
	font-weight:bold;
	line-height:1em;
	color: #666;
	margin:5px 5px;
}
#contenido .destacados h3 a {
	color:#CC3300;
	text-decoration:none;
}
#contenido .destacados h3 a:hover {
	color: #104c68;
}
#contenido .destacados h4 {
	font-size:110%;
	font-weight:bold;
	line-height:1em;
	color: #666;
	margin:0 5px;
}
#contenido .destacados .nota-destacada {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:50%;
}
#contenido .destacados .nota-destacada img {
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}
#contenido .destacados .nota-destacada p {
	margin:0 15px 20px 5px;
	line-height:1.2em;
	color:#666;
	font-size:100%;
}
#contenido .destacados .nota-destacada p a {
	margin:5px;
	line-height:1.4em;
	color:#999;
	font-size:120%;
	float:right;
	font-weight:bold;
}
/* Teaser, noticias con muchos datos */
#contenido dl.teaser {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 4px solid #f0f0f0;
}
#contenido dl.last {
	padding-bottom: 0;
	border-bottom: none;
}
#contenido dl.teaser dt {
	margin: 0;
	padding: 0;
	font-size: 110%;
}
#contenido dl.teaser dt a {
	text-decoration: none;
	color: #c30;
}
#contenido dl.teaser dt a:hover {
	color: #930;
}
#contenido dl.teaser dd {
	margin: 3px 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
}
#contenido dl.teaser dd img {
	float: left;
	margin-top: 3px;
	padding: 0 10px 0 0;
	background: #fff;
}
#contenido dl.teaser dd a.comments {
	margin-left: 9px;
	padding: 0 0 0 24px;
	border-left: 1px solid #999;
	background: url(img/icon-comment.gif) no-repeat 9px 50%;
}
#contenido dl.teaser dd span.time {
	margin-left: 9px;
	padding-left: 9px;
	border-left: 1px solid #999;
}
#contenido dl.teaser dd.deck {
	margin: 6px 0 0 0;
	padding-top: 5px;
	font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.5em;
	border-top: 1px dashed #b2b2b2;
}
#contenido dl.teaser dd.deck2 {
	margin: 0 0 0 0;
	padding-top: 0px;
	font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.5em;
}
/* Barra de paginacin de resultados  */
#contenido .paginacion-resultados {
	margin: 10px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #F0CC21;
	height:2em;
}
#contenido .resultados-abajo {
	clear: both;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #F0CC21 !important;
	border-bottom: none !important;
	height:18px;
}
#contenido .paginacion-resultados ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#contenido .paginacion-resultados ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 70%;
	line-height: 1em;
	color: #7f7f7f;
}
#contenido .paginacion-resultados ul li.last {
	margin: 0;
	padding: 0;
	border: none;
}
#contenido .paginacion-resultados ul li a {
	padding: 3px 5px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #333;
	line-height: 1.9em;
	background: #f0f0f0;
}
#contenido .paginacion-resultados ul li a:hover {
	color: #555;
	border-color: #ddd;
	background: #fff;
}
#contenido .paginacion-resultados h4 {
	display:inline;
	float:left;
	margin:0;
	width:45%;
}
/* Revista ___________________________________ */
/* Estilos para un indice como de revista */
.toc-container {
	background-color:#FFFF99;
}
.toc-container h3 {
	font-weight:bold;
	color:#CC0000;
	padding:5px;
}
ul#toc {
	list-style: none;
	float:left;
	margin:5px 5px 10px 5px;
}
#toc li {
	background: url(img/dottoc.gif) repeat-x 0 0.85em;
}
#toc li span {
	float: left;
	background:#FFFF99;
	padding: 0 0 0 4px;
	font-weight:bold;
	color:#CC0000;
}
#toc li a {
	float: right;
	background: #FFFF99;
	padding: 0 4px 0 5px;
	text-decoration:none;
}
#toc li a:hover {
	color:#CC0000;
	background: #FFFF99;
	text-decoration:underline;
}
#toc li br {
	clear: both;
}
#toc li p {
	font-weight:normal;
	color:#333;
	margin:0;
	padding:0 5px;
}
/* Autor, estilos para vCard */
img.autor-foto {
	margin:0 14px 10px 0;
	display:inline;
	float:left;
	width:160px;
	}
h3.title {
	clear:none;
	color:#FFFFFF;
	font-weight: bold;
	font-style:italic;
}
.vcard {
	color: #333;
	padding:10px;
	margin-bottom:30px;
	background: #FFD33E;
}
.vcard h2 {
}
.vcard div{
	display:inline;
	float:left;
	width:320px;
	margin:20px;
}
.vcard .type {
	font-weight: bold;
	color: #000000;
}
.vcard img.photo {
	padding:0 10px 0 0;
}
.vcard p{
	clear:left;
}
/*Caja casi infinitamente expandible __________________*/
	/*|skins para .box2|*/
.box2 {
	padding:0 12px 0 0;
	margin-bottom:21px;
	background:#fff url(img/borders.gif) 100% 0 repeat-y;
}
.bi {
	padding:0 0 0 12px;
	background:#fff url(img/borders.gif) 0 0 repeat-y;
}
.bt {
	height:17px;
	margin:0 -12px;
	background:url(img/box.gif) 100% 0 no-repeat;
}
.bt div {
	width:18px;
	height:17px;
	background:url(img/box.gif) 0 0 no-repeat;
}
.bb {
	height:50px;
	margin:0 -12px;
	background:url(img/box.gif) 100% 100% no-repeat;
}
.bb div {
	width:20px;
	height:50px;
	background:url(img/box.gif) 0 100% no-repeat;
}
.box2 p, .box2 ul, .box2 img {
	margin:0;
	padding:0;
}
.box2 li {
	margin:0 0 0 20px;
	padding:0;
}
.box2-relleno {
	background: #fff;
	padding:5px;
}
.box2-relleno h4{
	color:#0086C6;
	font-weight:bold;
	font-size: 145%;
	font-style: italic;
}
/* --- Subestilos para los .catlist --- */
.box2 .box2-relleno .catlist dl {
	background-color:#fff;
	border:none;
	padding:0 0 15px 0;
}
input, select {border: 1px #CCCCCC solid; outline:none;}
.box2 .box2-relleno .catlist dt strong img {
	float:right;
	padding:0 0 0 15px;
	border:none;
	margin:0;
}
.box2 .box2-relleno form {
	display:inline;
}
.box2 input { border:1px solid #E4E4E4; }
/* Forma para poner comentarios */
.box2 .box2-relleno form p.form-note {
	margin: 0 0 15px 156px;
	padding: 10px 0 0 0;
	font-size: 90%;
	line-height: 1.5em;
}
.box2 .box2-relleno form ul.form-note {
	margin: 10px 0 15px 166px;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color:#FF0000;
}
.box2 .box2-relleno form#help-form, .box2 .box2-relleno form#megakidMes-form, .box2 .box2-relleno form#corresponsal-form {
	margin: 0;
	padding: 0;
}
.box2 .box2-relleno form#help-form div.field, .box2 .box2-relleno form#megakidMes-form div.field,.box2 .box2-relleno form#corresponsal-form div.field {
	margin: 0 0 20px 0;
}
.box2 .box2-relleno form#help-form label, .box2 .box2-relleno form#megakidMes-form label,.box2 .box2-relleno form#corresponsal-form label {
display:block;
}

.box2 .box2-relleno form#help-form div.field input, .box2 .box2-relleno form#megakidMes-form div.field input, .box2 .box2-relleno form#corresponsal-form div.field input {
	width: 273px;
	font-size:100%;
	padding:4px;
	border:#CADB2A thin solid;
	margin-right:5px;
	margin-bottom:5px;
}
.box2 .box2-relleno form#help-form div.field input.ciudad, .box2 .box2-relleno form#megakidMes-form div.field input.ciudad, .box2 .box2-relleno form#corresponsal-form div.field input.ciudad {
	width: 555px;
}
.box2 .box2-relleno form#help-form div.field textarea, .box2 .box2-relleno form#megakidMes-form div.field textarea, .box2 .box2-relleno form#corresponsal-form div.field textarea  {
	width: 550px;
	height: 200px;
	border:#CADB2A thin solid;
	padding:5px;
}

.box2 .box2-relleno form#help-form button, .box2 .box2-relleno form#megakidMes-form button, .box2 .box2-relleno form#corresponsal-form button{
	width:83px;
	height:44px;
	margin: 10px 10px 0 0;
}
.box2 .box2-relleno form#help-form button.enviar, .box2 .box2-relleno form#megakidMes-form button.enviar, .box2 .box2-relleno form#corresponsal-form button.enviar{
	background-image:url(img/btn_enviar.gif);
	background-position: center center;
	margin: 0 0 20px 470px;
}
.box2 .box2-relleno form#help-form button.enviar:hover, .box2 .box2-relleno form#megakidMes-form button.enviar:hover, .box2 .box2-relleno form#corresponsal-form button.enviar:hover {
	background-image:url(img/btn_enviar_hover.gif);
	background-position: center center;
}

/* Forma para registro */
.box2 .box2-relleno form p.form-note {
	margin: 0 0 15px 156px;
	padding: 10px 0 0 0;
	font-size: 90%;
	line-height: 1.5em;
}
.box2 .box2-relleno form ul.form-note {
	margin: 10px 0 15px 166px;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color:#FF0000;
}
.box2 .box2-relleno form#regist-form .box2 .box2-relleno form#validate-form {
	margin: 0;
	padding: 0;
	background:#fff;
}
.box2 .box2-relleno table.reg th {
	margin:15px 0;
	border:0;
	background:#fff;
	padding:5px 0 0 0;
}
.box2 .box2-relleno table.reg td{
	margin: 0;
	padding: 0;
	border:0;
	vertical-align:top;
}
.box2 .box2-relleno form#regist-form input {
	width:165px;
	border:#CADB2A thin solid;
	margin:0 5px 5px 0;
	font-size: 100%;
	padding: 4px;
	cursor:pointer;
}
.box2 .box2-relleno form#regist-form input:focus { background-color:#FFFFCC;}
.box2 .box2-relleno form#validate-form input {
	width:165px;
	height:25px;
	border:solid 1px #CADB2A;
	margin:5px 5px 0 0;

}
.box2 .box2-relleno select.seleccion { width:95%;}
.box2 .box2-relleno form#regist-form input.radio {
	border:0;
	width:auto;
	height:auto;
}

.box2 .box2-relleno form#regist-form textarea {
	width: 550px;
	height: 200px;
	border: solid 1px #CADB2A;
}
.box2 .box2-relleno form#regist-form label {font-weight:bold; cursor:pointer;}
.box2 .box2-relleno button{
	width:83px;
	height:44px;
	margin: 10px 10px 0 0;
}
.box2 .box2-relleno button:hover{cursor:pointer;}
.box2 .box2-relleno button.enviar{
	background-image:url(img/btn_enviar.gif);
	background-position: center center;
}
.box2 .box2-relleno button.enviar:hover{
	background-image:url(img/btn_enviar_hover.gif);
	background-position: center center;
}
.box2 .box2-relleno form#regist-form button.limpiar{
	background-image:url(img/btn_limpiar.gif);
	background-position: center center;
}
/*----------------------------*/
.tema_mes{
height:116px;
width:570px;
background:url(img/tema_mes.gif) no-repeat top center;
margin:15px 0 15px 0;
}
.tema_mes p{
text-align:center;
padding-top:50px;
font-size:150%;
}
/* Barra lateral y widgets
_________________________________________________________________________ */
#barra-lateral .widget, .widget {
	margin:0 0 20px;
	padding:0;
	
}
#barra-lateral .about {
	margin:5px 0;
}
#barra-lateral h3 {
	margin:0;
}
/* login form */
h3.login{
	height:65px;
	background-image: url(img/top_caja_login.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
		}
h3.loged{
	height:100px;
	background-image: url(img/top_caja_welcome.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}
.login{
	background-image: url(img/caja_login.gif);
	background-position: center bottom;
	color:#fff;
	background-repeat: no-repeat;
	height:300px;	
}
.login {margin:0 0 20px 15px;}
.login p{ font-size:150%; font-weight:bold;}
.login a{ color:#F2CF24; font-size:90%; line-height:1.2em;}
.login a:hover{ color:#F5DC61 !important;}

#barra-lateral #datosLogin p {
	margin: 0 20px 0 20px;
}
#barra-lateral #datosLogin p a{
	text-decoration:underline;
}
#barra-lateral form#login {
	margin: 0 0 0 0;
	padding: 0 0 30px 10px;
	display:block;
}
#barra-lateral form#login div {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
	border: none;
}
#barra-lateral form#login div#login-login {
	margin-right: 0;
	padding-top: 5px;
}

#barra-lateral form#login div label {
	display: block;
}
form#login input#login-user, form#login input#login-pass{
	width: 258px;
	font-size: 115%;
	margin-bottom:15px;
	padding:5px;
}

#barra-lateral form#login input#login-btn {
	float: right;
	margin: 5px 0 0 0;
}
#barra-lateral form#login p {
	clear: left;
	margin: 0;
	padding-top: 10px;
	font-size:15px;
	}
#barra-lateral form#login p a{
	color:#F2CF24;
	font-size: 120%;
	text-decoration: underline;
	font-weight: bold;
}
#barra-lateral form#login p a:hover{
	color:#F5DC61;
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
}
#barra-lateral form#login button {
	float:right;
	clear:left;
	background-image:url(img/btn_entrar_normal.gif);
	background-position: center center;
	width:98px;
	height:52px;
	margin: 0 10px;
}
#barra-lateral form#login button:hover {
	background-image:url(img/btn_entrar_hover.gif);
	background-position: center center;
	cursor:pointer;
}

/* Calendario */
#barra-lateral #calendar {
	width: 270px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 14px/30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}
#barra-lateral #calendar .nav, #barra-lateral #calendar .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#barra-lateral #calendar caption a:hover {
	color:#999;
}
#barra-lateral #calendar caption {
	margin: 0;
	padding: 0;
	width: 270px;
	color: #fff;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#barra-lateral #calendar th {
	font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}
#barra-lateral #calendar .hoy, #barra-lateral #calendar td.hoy a, #barra-lateral #calendar td.hoy a:link, #barra-lateral #calendar td.hoy a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496 url(img/none.gif);
}
#barra-lateral #calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(img/bg_calendar.gif) no-repeat right bottom;
}
#barra-lateral #calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#barra-lateral #calendar td a:link, #barra-lateral #calendar td a:visited {
	color: #608194;
	background: url(img/bg_calendar.gif) no-repeat;
}
#barra-lateral #calendar td a:hover, #barra-lateral #calendar td a:active {
	color: #6aa3ae;
	background: url(img/bg_calendar.gif) no-repeat right top;
}
.verde h3{
	height:55px;
	background-image: url(img/top_caja_verde.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
		}
.verde{
	background-image: url(img/caja_verde.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.verde fieldset { border:none; outline:none;}
.verde legend { white-space:normal;}
.verde legend span {display:block; width:270px;}
.naranja{
	background-image: url(img/caja_naranja.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.naranja h3{
	height:55px;
	background-image: url(img/top_caja_naranja.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
		}
.morado{
	background-image: url(img/caja_corresponsal.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.morado h3{
	height:55px;
	background-image: url(img/top_caja_corresponsal.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
		}
.azul{
	background-image: url(img/caja_naranja.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.azul h3{
	height:55px;
	background-image: url(img/top_caja_azul.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;}
.azul .catlist dt a{ font-size:140%; color:#FF9900;line-height:1.1em; }
.azul .catlist dt img { border: solid 2px #FF9900;}
.azul .catlist dt a:hover{ color:#cc6600;}
.azul .catlist dt img:hover { border: solid 2px #cc6600;}
.ganadores {
	background-image: url(img/caja_ganadores.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.ganadores h3{
	height:55px;
	background-image: url(img/top_caja_ganadores.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;}
.ganadores .catlist dt a{ font-size:140%; color:#0E9C79;}
.ganadores .catlist dt img { border: solid 2px #0E9C79;}
.ganadores .catlist dt a:hover{ color:#41CEAA;}
.ganadores .catlist dt img:hover { border: solid 2px #41CEAA;}
.morado .catlist dt a{ font-size:140%; color:#9B0537;}
.morado .catlist dt img { border: solid 2px #9B0537;}
.morado .catlist dt a:hover{ color:#660033;}
.morado .catlist dt img:hover { border: solid 2px #660033 ;}
/* Encuestas */
.voteContainer fieldset {
	padding: 0 10px 0 10px;
}
voteContainer legend span { width:250px; _height: 40px;}
.voteContainer legend {
	color: #0086C6;
	font-weight: bold;
	font-size:140%;
}
.voteContainer .vote {
	margin-top: 4px;
	padding: 0 0 0 0;
}
.voteContainer .vote p {
	margin-top: 6px;
	margin-bottom: 6px;
}
.voteContainer .errorMessage {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}
.voteContainer .credit {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #696969;
}
.voteContainer a:link, a:visited, a:active {
	text-decoration: underline;
	background: transparent;
}
.voteContainer a:link {
	color: #0000ff;
}
.voteContainer a:visited {
	color: #666666;
}
.voteContainer a:active {
	color: #ff0000;
}
.voteContainer a:link:hover, a:visited:hover, a:active:hover {
	color: #ff0000;
}
.voteContainer button.submit {
	color: #000000;
	background: #99cc99;
	border: 1px solid #cccccc;
	float:right;
	margin-right:10px;
	padding:4px 14px;
}
/* Resultados de encuesta */
.chartlist {
	float: left;
	border-top: 1px solid #EEE;
	width: 260px;
	margin:5px 0 10px 0;
}
.chartlist a {
	color: #2D7BB2;
	text-decoration: none;
	font-weight: bold;
}
.chartlist p {
	margin: 0 0 5px 0;
}
.chartlist a:hover {
	color: #333;
}
.chartlist h2, h3, h4 {
	clear: both;
	margin: 0 0 7px 0;
}
.chartlist h3 {
	color: #666;
}
.chartlist .section {
	float: left;
	clear: left;
	padding: 10px 15px;
}
.chartlist li {
	position: relative;
	display: block;
	border-bottom: 1px solid #EEE;
}
.chartlist li a {
	display: block;
	padding: 0.4em 4.5em 0.4em 0.5em;
	position: relative;
	z-index: 2;
}
.chartlist .count {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0.3em;
	text-align: right;
	color: #999;
	font-weight: bold;
	font-size: 0.875em;
	line-height: 2em;
}
.chartlist .index {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #B8E4F5;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 2em;
}
.chartlist li:hover {
	background: #fefefe;
}
/* Pie ----------------------------------- */
#pie {
	width:990px;
	height:187px;
	color: #f4f4f4;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(img/bg_pie.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.copyright {
	font-size:90%;
	line-height:0;
	margin:0 0 -30px;
	padding:133px 0 0 20px;
	text-indent:0;
}
.copyright img{
	float:none;
	margin:0 20px 0 0;
	padding:0;
	vertical-align:middle;
}
.categorias_canales{
	text-align: right; 
	margin:5px 0 15px 0;
}
.categorias_canales select{
	width:200px;
	border:1px solid #ccc;
}
#sectionFilter option {
	padding-left:10px;
	line-height:1.1em;
}
.programacion { width:918px;}
.iluminable { width:610px;}
.foto_de_noticia { float:left; margin: 0 10px 10px 0; display:block; border:1px solid #CCCCCC; padding:2px;}
.abstract {color:#666; font-size:1.6em; font-style:italic;
margin-bottom:1em; line-height:1;}
.tema_corresponsal{ margin:0 auto;background-image:url(img/tema_corresponsal.jpg); width:473px; height:38px; text-align:center; padding:40px 0px 0px 0px; font-size:16px; font-weight:bold;}
.login{ width:250px; margin-left:350px;}
.actividades img{ float:none; margin:0; border:2px solid #0086C6; margin-bottom:10px;}
.actividades a{color:#248BF2;display:inline;font-size:120%;text-decoration:none;}
#agregaCaso{ cursor:pointer;}
.footer ul{
	list-style:none;
	margin-top:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.footer li{
	float:left;
	margin:0px;
	padding:8px 3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
.footer li:hover{
	background-color:#DDDDDD;
}
.footer li ul{
	position:absolute;
	top:-55px;
	display:none;
	background-color:#DDDDDD;
	margin-left: -5px;
	padding:0px 20px !important;
	width:360px;
	height:30px !important;
	left:5px;
}
.footer .enlace li{
	float:none;
	display:inline;
}
.footer li ul a{
	color:#F7941D;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
.footer .enlace li:hover{
	background:none;
}
.footer li ul a:hover{
	color:#FFB62A;
	background:none;
}
.footer li:hover ul{
	display: block;
}