/* hoja de estilo desarrollada para el aplicativo: internet para la rendición de cuentas */
/* www.iprc.org.co */
/* versión 3.0 para alcaldías */
/*Desarrollada por David Montaño Parra a través del concurso de hojas de estilo 2008 - Última actualización Junio de 2009 */

body {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 11px;
        color: #001E1D; 
        text-align: center;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

h1{
	color: #006461;
	margin: 0px;
	font-size: 18px;
}

H2 {
	color: #333333;
	font-size: 12px;
	background-image: url(../graficas8/menu.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	padding-left: 5px;
}

h3 {
	color: #0066cc;
	font-size: 14px;
	text-decoration: none;
}

h3 a:link, h3 a:visited {
	display: block;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	text-decoration: none;
	font-size: 16px;
}

h3 a:hover { 
	display: block;
	color: #0066CC;
	padding-left: 1px;
	margin-left: 5px;
	left: 1px;
	font-weight: bold;
	padding-bottom: 0px;
	text-decoration: none;
}

h4 {
	color: #c87902;
	font-weight: bold;
	font-size: 13px;
}

h4 a:link, h4 a:visited {
	text-decoration: none;
	color: #C87902;
}
h4 a:hover {
	color: #ffcc33;
}

h5 {
	color: #993333;
	font-size: 10px; 
	margin: 0;
	padding: 0;
}

h6 {
	color: #333333;
	font-size: 9px;
	font-weight: normal;
	padding-top: 5px;
}

h6 a:link, h6 a:visited { 
	text-decoration: underline;
	color: #333333;
}

h6 a:hover {
	text-decoration: none;
	padding-top: 15px;
}

p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	color: #333333;
}

a:link {
        color: #993333;
	text-decoration: underline;
}

a:visited {
	color: #993333;
	text-decoration: none;
}

a:hover {
        color: #F95353;
        text-decoration: underline;
}

ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;
}

ol {
	margin: 0px 0px 0xp 25px;
	padding: 0px;
}

#contenedor {
	margin: auto;
	padding: 0px;
	width: 985px;
	height: 800px;
	min-height: 800px;
	text-align: left;
}		

*>#contenedor {
	height: auto;
}

#encabezado {
	height: 150px;
	width: 985px;
	background-image: url(../graficas8/top.jpg);
	background-repeat: no-repeat;
	background-attachment: inherit;
}

#grafica-municipio {
	position: relative;
	width: 192px;
	top: 10px;
	left: 780px;
        border-top: 2px solid #666666;
        border-right: 2px solid #666666;
        border-bottom: 1px solid #fff;
        border-left: 2px solid #fff;
}

#grafica-municipio img {
	height: 126px;
	width: 192px;
}

#menu-sitio {
	position: relative;
	top: -129px;
	left: 0px;
	width: 186px;
	text-align: center;
	background-color: #99CaFF;
       border-top: 2px solid #333333;
       border-left: 1px solid #333333;
       border-bottom: 2px solid #cccccc;
	padding-bottom: 2px;
}

#menu-sitio ul {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 9px;
}

#menu-sitio ul li {
	display: inline;
}

#menu-sitio a:link, #menu-sitio a:visited {
	color: #333333;
        padding: 3px 10px; 
}

#menu-sitio a:hover {
	background-color: #389DFB;
}

#busquedas {
	float: left;
	width: 180px;
}

#busquedas form {
        margin: 0px;
        padding: 0px;
}

#escudo {
	position: relative;
	top: -140px;
	left: 30px;
	width: 140px;
	text-align: center;
}

#escudo img {
	width: 120px;
        height: 100px;
}

#nombre-municipio {
        position: relative;
	top: -270px;
	left: 200px;
        width: 570px;
}

#nombre-municipio h1 {
	font-size: 35px;
	color: #FFFFFF;
	font-weight: lighter;
}

#nombre-municipio h2 {
	font-size: 15px;
        background: transparent;
        border: none; 
	color: #333333;
	margin: 5px 0px;
        padding: 0px;
}

#nombre-municipio h3 {
	font-size: 16px;
	color: #FFCC33;
	margin: 10px 0px;
}

#menu-comunicacion {
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background-image: url(../graficas8/menu.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #333333;
	border-right:1px solid #666666;
	overflow: hidden;
	width: 983px;
}
	
#menu-comunicacion ul, #menu-comunicacion ul li {
	display: inline;;
}

#menu-comunicacion a:link, #menu-comunicacion a:visited {
	text-decoration: none;
	color: #333333;
	padding: 2px 10px 2px 5px;
	margin-right: 10px;
	border: 1px solid ;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#menu-comunicacion a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	background-image: url(../graficas8/rollinicio.gif);
	background-repeat: repeat-x;
	color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-right: 10px;
	padding-left: 5px;
}

#contenidos {
        float: left;
        width: 985px;
        height: 400px;
        min-height: 400px;
}

*>#contenidos {
        height: auto;
}

#bloque_1 {
   width: 200px;
   float: left;
}

#menu-principal {
        margin: 0px;
	padding-left: 0px;
}
	
#menu-principal ul{
	text-decoration: none;
	color: #FFFFFF;
	text-align: left;
}

#menu-municipio .padre {
	padding-right: 8px;
	padding-top: 3px;
	text-align: left;
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
}

#menu-municipio .padre a {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}

#menu-municipio .padre a:link, #menu-municipio .padre a:visited {
	display: block;
	color: #333333;
	text-align: left;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 3px;
	margin-top: 2px;
	margin-right: 3px;
	font-weight: bold;
	background-repeat: repeat-y;
	white-space: pre;
	width: 200px;
	border-left-width: 3px;
	border-left-color: #333333;
	padding-left: 5px;
	background-image: url(../graficas8/menuprincipal.jpg);
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-left-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
#menu-municipio .padre a:hover{
	display: block;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 200px;
	background-image: url(../graficas8/flecha.jpg);
	background-repeat: no-repeat;
	background-position: -10px;
	background-color: #FFCC33;
	overflow: hidden;
}
	
#menu-municipio .hijo {
	display: block;
	text-decoration: none;
	list-style: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99caff;
	color: #333333;
	background-repeat: repeat-y;
	width: 140px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 12px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu-municipio .hijo a:link, #menu-municipio .hijo a:visited  {
	display: block;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
	width: 106px;
}

#menu-municipio .hijo a:hover  {
	display: block;
	text-decoration: none;
	list-style: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	width: 106px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFCC33;
	padding-left: 4px;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #999999;
}


#menu-alcaldia .padre {
	list-style: none;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	width: 140px;
	background-repeat: repeat-y;
}

#menu-alcaldia .padre a { 
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}

#menu-alcaldia .padre a:link, #menu-alcaldia .padre a:visited {
	display: block;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: left;
	font-weight: bold;
	background-image: url(../graficas8/menuprincipal.jpg);
	background-repeat: repeat-y;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #333333;
	width: 145px;
}

#menu-alcaldia .padre a:hover{
	display: block;
	font-weight: bold;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 132px;
	background-image: url(../graficas8/flecha.jpg);
	background-repeat: no-repeat;
	background-position: -10px;
	background-color: #FFCC33;
}	

#menu-alcaldia .hijo {
	display: block;
	text-decoration: none;
	list-style: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99caff;
	color: #333333;
	background-repeat: repeat-y;
	width: 140px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 12px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu-alcaldia .hijo a:link, #menu-alcaldia .hijo a:visited  {
	display: block;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
	width: 106px;
}

#menu-alcaldia .hijo a:hover  {
	display: block;
	text-decoration: none;
	list-style: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	width: 106px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFCC33;
	padding-left: 4px;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #999999;
}

#logos {
        text-align: center;
        background-color: #FFF;
        margin: 0;
        clear: both;
}

.logos_aux {
	border-top: 1px #FBC546 solid;
	border-bottom: 1px #FBC546 solid;
	margin: 10px 0 10px 0;
}

.separacion {
        margin-top: 10px;
}
.logos {
        border: none;
        border-bottom: 1px solid #ADADAD;
        padding-bottom: 20px;
        margin-bottom: 10px !important;
        margin: auto;
        display: block;
}

.esconde {
        display: none;
}

#bloque_2 {
	float: left;
	margin: 2px 0px 0px 5px;
	width: 385px;
}

#bloque_2 h3, #bloque_3 h3 {	
       border-bottom: 1px solid #993333;
}

#bloque_2 ul, #bloque_3 ul {
        margin: 5px 2px;
        padding: 0px;
}

#bloque_2 ul li, #bloque_3 ul li {
        list-style: none;
        background-image: url(../graficas1/vinneta.gif);
        background-position: 0px +8px;
        background-repeat: no-repeat;
        padding: 5px 2px 5px 15px;
        text-align: left;
        color: #525552;
        font-size: 11px;
}

#anuncios {
	margin-top: 0px;
	border: 10px solid #FFFFFF;
	width: 560px;
}

#anuncios p {
	margin: 0;
}

#anuncios img {
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-left: 0px;
}

#info {
        width: 370px;
        padding: 5px;
        float: left;
}

#info_izq {
        float: left;
        margin-top: 10px;
        width: 180px;
}

#info_der {
        float: right;
        margin-top: 10px;
        width: 180px;
}

#bloque_3 {
        float: right;
        width: 170px;
        margin-top: 5px;
	background: #FEF2D6;
	border-top: 1px solid #FBC546;
	border-left: 1px solid #FBC546;
	border-bottom: 1px solid #FBC546;
	padding: 5px;
}

.aa_poll {
        margin-top: 5px;
        background: #fff;
        border: 1px solid #FBC546;
        padding: 0px 8px;
}

.aa_poll p, .aa_poll h4 {
	 margin: 0px;
}

table.cal_eventos {
	border: 1px solid #006699;
	margin-top: 5px;
        width: 170px; 100%;
}

table.cal_eventos td.destac {
	margin: 0px;
	background-color: #006699;
	color: #fff;
	font-weight: bold;	
        text-align: center;
}

table.cal_eventos td {
	margin: 0px;
	color: #000;
	text-align: center;
}

table.cal_eventos td.numbers {
	background-color: #fff;
}

table.cal_eventos td.numbers a:link, table.cal_eventos td.numbers a:visited {
	background-color: #E4E4E4;
	color: #00659C !important;
	text-decoration: none;	
}

table.cal_eventos td.numbers a:hover {
	background-color: #00659C;
	text-decoration: none;
	color: #fff !important;	
}

#contenido_sec {
        margin: 10px 1px;
        width: 572px;
        border-left: 1px solid #E6E6E6;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        float: right;
}

#contenido_sec ul li {
        list-style: none;
        background-image: url(../graficas1/vinneta.gif);
        background-position: 0px +8px;
        background-repeat: no-repeat;
        padding: 5px 2px 5px 15px;
        text-align: left;
        color: #525552;
        font-size: 11px;
}

#contenido_sec ol li {
        list-style-type: decimal
        padding: 5px 2px 15px 15px;
        text-align: left;
        color: #525552;
        font-size: 11px;
}

.migas {
        color: #993333;
        font-size: 9px;
}

.migas a:link, .migas a:visited {
        color: #993333;
        text-decoration: underline;
}

.migas a:hover {
        color: #E14B4B;
        text-decoration: none;
}

#indice{
	margin-left: 20px;
	clear: both;
}

#indice p {
	font-size: 9px;
}

.cajas {
}

.indice-titulo {
	font-size: 12px;
	margin-bottom: 4px;
}

.indice-bloque {
	font-size: 11px;
}

.bloque-derecha {
	float: right;
	width: 50%;
}

.bloque-izquierda {
	float: left;
	width: 50%;
}

#destacados {
	width: 150px;
	background-color: #99caff;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
	margin-top: 10px;
	background-repeat: repeat-y;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-right: 3px;
	top: 27px;
	position: absolute;
	right: 0px;
}

#contenido #destacados h3 {
	color: #333333;
	font-size: 12px;
	background-image: url(../graficas8/menuprincipal.jpg);
	background-repeat: repeat-y;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-right: 6px;
	padding-left: 6px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #666666;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contenido #destacados h4 {
	color: #666666;
	font-weight: bolder;
	font-size:12px;
	padding-left: 6px;
}

#contenido #destacados p {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 6px;
	margin-right: 2px;
	margin-left: 2px;
	color: #333333;
}

#contenido #destacados .lista-destacada {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	color: #000000;
}

#contenido #destacados ul {
	list-style-type: none !important;
}

#contenido #destacados .lista-destacada li {
	margin: 0;
	padding: 0;
}

#contenido #destacados a:link, #contenido #destacados li a:visited {
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 0;
}

#contenido #destacados .lista-destacada li a:link, .lista-destacada li a:visited {
	background-image: url(../graficas8/prendido.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	color: #000000;
	margin-bottom: 5px;
}

#contenido #destacados .lista-destacada li a:hover {
	background-image: url(../graficas8/apagado.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}

.scroller{
	font-size: 10px;
	padding-bottom: 5px;
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 5px;
	width: 700px;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.scroller a:link, .scroller a:visited {
	font-weight: bold;
	color: #006699;
}

.scroller a:hover{
	background: #B5D9EA;
}

.formulario input { 
	font-size: 9px;
	margin: 0;
	padding: 0;
}

.formulario .entrada {
	font-size: 9px;
	border-color: #ccc;
	margin: 0;
	padding: 0;
}

.formulario {
	top: 153px;
	overflow: visible;
	left: -180px;
	width: 182px;
	background-color: #FFFFFF;
	position: relative;
}

.formulario submit { 
	font-size: 8px;
	border-color: #ccc;
	margin: 0;
	padding: 0;
}

.renglon {
	clear: both;
	width: 580px;
}

.separador {
	clear: both;
	line-height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.fechaactualizacion {
	font-size: 10px;
	color: #5D5D5D;
	text-align: right;
}

.imagen {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.vermas {
	font-size: 10px;
	margin: 0 4px 4px;
}

#contenido .vermas a:link, #contenido .vermas a:visited{
	font-size: 10px;
	padding-bottom: 10px;
}

#contenido .vermas a:hover{
	text-decoration: none;
	color: #ffcc33;
	padding-bottom: 10px;
}

.identado { 
	margin-left: 10px;
}

.texto-pequeno {
	font-size: 9px;
}

.sumario p {
	text-decoration: none;
}

#menu-auxiliar {
	text-align: center;
	font-size: 10px;	
}

.skryt { 
	display: none;
}

.tabla-datos {
	width: 700px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-color: #999999;
	border-bottom-color: #333333;
	border-left-color: #999999;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #333333;
	left: 100px;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 30px;
	padding-bottom: 10px;
}

.tdatos-estilo1 {
	background: #fff;
}
 
.tdatos-estilo2 {
	background: #ffcc33;
}

.tdatos-encabezado {
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-color: #99caff;
} 

.tdatos-izq {
	text-align:left;
}

.tdatos-der {
        text-align:right;
}

#contenido caption {
	display: none;
	padding-bottom: 2px;
}

#contenido th {
	color: #333333;
	font-size: 11px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 5px;
	background-color: #99caff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

.tdatos-encabezado th {
	text-align: center;
} 

.tdatos-estilo1 th, .tdatos-estilo2 th {
	text-align: left;
}

#comentarios {
	width: 98%;
	margin: 3px;
	font-size: 11px;
}

.tabla-comentarios {
	margin: 3px;
	width: 98%;
}

.tcoment-estilo1 {
	background: #e8e8e8;
}
 
.tcoment-estilo2 {
	background: #fff;
}

.tcoment-encabezado {
	text-align: center;
} 

#bloque-noticias {
	width: 100%;
}

#bloque-eventos {
	width: 100%;
}

#bloque-edictos {
	clear: both;
}

#calendario-peq {
	float: right;
}

.caltable {
	border: solid 1px #006699;
	margin-right: 2px;	
}

.weekdays {
	background-color: #006699;
	color: #fff;
	text-align: center;
}

#calendario-peq .numbers {
	font-size: 7pt;
}

#calendario-peq td {
	margin: 0;
	padding:0 2px;
}

#contenedor #contenido #informacion h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC33;
	padding-bottom: 10px;
	text-decoration: none;
}

.empty {
        display: none;
}

.imagen_centro {
        border: none;
        display: block;
        margin: auto !important;
}
.imagen_izq {
        border: none;
        float: left;
        margin: 5px 10px 5px 0px;
}
.imagen_der {
        border: none;
        float: right;
        margin: 5px 0px 5px 10px;
}

.ninos {
        text-align: center;
        color: #C90F19;
        margin: 0px;
        margin-top: -45px;
        padding-bottom: 10px;
}
#contenido h1 {
        text-align: center;
        color: #A51212;
        margin: 0px;
        font-size: 18px;
}

#clasificacion {
        border-bottom: 1px solid #C90F19;
        padding: 10px 1px 10px 1px;
        margin: 0px 2px;
        font-size: 0.9em;
}

#clasificacion li {
        display: inline;
        border: 1px solid #C90F19;
        background: #fff !important;
        padding: 5px !important;
        radius: 8pt;
        -moz-border-radius: 5pt 5pt;
}

#clasificacion li a:link {
        color: #000051;
}

#clasificacion li a:hover {
        color: #4894CD;
}

#clasificacion li a:visited {
        color: #000051;
}

#clasificacion-ninos { 
        border-bottom: 1px solid #C90F19;
        padding: 10px 1px 10px 1px;
        margin: 0px 2px;
        font-size: 0.9em;
}

#clasificacion-ninos li {
        display: inline;
        border: 1px solid #C90F19;
        background: #fff !important;
        padding: 5px !important;
        radius: 8pt;
        -moz-border-radius: 5pt 5pt;
}

#clasificacion-ninos li a:link {
        color: #000051;
}

#clasificacion-ninos li a:hover {
        color: #4894CD;
}

#clasificacion-ninos li a:visited {
        color: #000051;
}
.esconde {
	display: none;
}

#bloque-ninos {
        float: left;
        width: 770px;
        margin-left: 23px;
        padding: 0px;
}

#bloque1-1-ninos {
        float: left;
        width: 385px;
        margin: 0;
        padding: 0px;
}

#bloque1-2-ninos {
        float: right;
        width: 385px;
        margin: 0;
        padding: 0px;
}
.capsula-nino {
        border: 3px solid #C90F19;
        margin: 0px 0px 12px 0px;
        padding-bottom: 10px;
        float: left;
        width: 360px;
        radius: 8pt;
        -moz-border-radius: 8pt 8pt;
        min-height: 80px;
}

*>.capsula-nino {
        height: auto;
}

.capsula-nino ul li{
        list-style: none;
        background-image: url(../graficas/prendido.jpg);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        padding-left: 0px;
        margin-left: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 15pt;
        color: #546472;
        font-size: 14px;
}
capsula-nino ul li a {
         color: #00005A;
}

.capsula-nino ul li a:hover {
         color: #83B1FF;
}

.capsula-nino ul li a: visited{
         color: #00002C;
}

.capsula-nino p {
        padding: 5px 5px 5px 5px;
        margin: 0;
        font-size: 1.1em;
        line-height: 11pt;
        text-align: left;
        color: #546472;
}

.capsula-nino p a {
         color: #A00B15;
}

.capsula-nino p a:hover {
         color: #D8101D;
}

.capsula-nino p a: visited{
         color: #A00B15;
}

.capsula-nino h3 {
        padding: 15px;
        margin: 0;
        font-size: 1.2em;
        text-align: center;
        color: #C90F19;
}
.info-ninos {
        background: #fff;
        width: 200px;
        margin-right: 5px;
        float: right;
        border-left: 1px solid #C90F19;
        height: 80px;
        min-height: 80px;
        position: relative;
}

*>.info-ninos {
        height: auto;
}

.info-ninos p {
        color: #000;
        font-size: 1em;
}

.pizarron {
        background-image: url(../ninos/pizarron.gif);
        background-position: right;
        background-repeat: no-repeat;
        margin-right: 20px;
        height: 380px;
}

.pizarron h3 {
        color: #fff;
        margin-left: 50px;
        padding-top: 30px;
        font-size: 20px;
        line-height: 20px;
        width: 400px;
}

.pizarron p {
        color: #fff;
        margin-left: 55px;
        font-size: 15px;
        line-height: 18px;
        font-weight: bold;
        width: 450px;
}

.pizarron hr {
        margin-left: 55px;
        width: 440px;
        border: 1px solid #fff;
}
.pizarron-arriba {
        background-image: url(../ninos/pizarron_arriba.gif);
        background-position: right;
        background-repeat: no-repeat;
        margin-right: 20px;
        height: 30px;
}

.pizarron-centro {
        background-image: url(../ninos/pizarron_centro.gif);
        background-position: right;
        background-repeat: repeat-y;
        margin-top: -20px;
        margin-right: 20px;
}

.pizarron-centro h3 {
        color: #fff !important;
        margin-left: 70px !important;
        padding-top: 5px !important;
        font-size: 20px !important;
        line-height: 20px !important;
        width: 400px !important;
}

.pizarron-centro p {
        color: #fff !important;
        margin-left: 75px !important;
        font-size: 15px !important;
        line-height: 18px !important;
        font-weight: bold;
        width: 450px;
}
.pizarron-centro h3 a:link {
        color: #fff !important ;
}

.pizarron-centro h3 a:hover {
        color: red !important;
}

.pizarron-centro h3 a:visited {
        color: #EEEEEE !important;
}

.pizarron-centro hr {
        margin-left: 55px;
        width: 440px;
        border: 1px solid #fff;
}

.pizarron-abajo {
        background-image: url(../ninos/pizarron_abajo.gif);
        background-position: right;
        background-repeat: no-repeat;
        margin-top: -20px;
        margin-right: 20px ;
        height: 60px;
        margin-bottom: 40px;
}
.ninos-info {
        border: 3px solid #C90F19;
         margin: 10px 10px 12px 10px;
        padding: 10px 10px 20px 10px;
        float: left;
        radius: 8pt;
        -moz-border-radius: 50pt 8pt;
        width: 520px;
}
.ninos-info hr {
        border: 1.5px solid #C90F19;
        clear: both;
}
.ninos-info p {
        font-size: 13px;
        line-height: 18px;
        font-weight: bold;
        text-align: justify;
        margin-left: 10px;
        color: #000051 !important;
}
.ninos-info h3 {
        font-size: 20px !important;
        line-height: 21px !important;
        margin-left: 20px !important;
}
.ninos-info h4 {
        font-size: 18px !important;
        line-height: 19px;
        margin-left: 5px;
}
.ninos-info h5 {
        font-size: 15px !important;
        line-height: 16px;
}

.actualizacion {
        text-align: right !important;
        font-size:11px !important;
}

#pie {
	width: 550px;
	position: relative;
	top: 30px;
	left: 210px;
	clear: inherit;
	padding: 20px;
	text-align: left;
}

#pie a { 
	color: #0066cc;
}

#contactenos, #creditos {
}

#contactenos p, #creditos p {
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding-top: 1px;
	padding-left: 1px;
}

#contactenos strong {
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #0066cc;
}

