/* ETIQUETAS HTML */
body{
margin:0;
padding:0;
font-family:"Trebuchet MS", "Verdana";
font-size:12px;
color:#333333;
background:url('../images/layout/fondo_horizontal_web.png') repeat-x;
}
img{
border: none;
}
a{
color:#DC0267;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1{
font-size:20px;
color:#DC0267;
margin-top:0;
margin-bottom:20px;
}

h2{
  color: #DC0267;
  font-size:18px;
}

h3{

}

strong{
color:#DC0267;
}

.texto_fecha{
color:#0079AD;
margin:0;
padding:0
}

.centrar_contenido{
margin-left:207px;
_margin-left:100px;
}

/* CONTENEDOR */
#contenedor{
margin:auto;
width:997px;
background-color:#00FF00;
background:url('../images/layout/fondo_web.png') no-repeat;
}
/* CABECERA */
#cabecera{
width:997px;
height:198px;
}

/* CUERPO */
#cuerpo{
margin:auto;
width:967px;
margin-top:14px;
}

/* PIE PÃ?GINA */
#pie_pagina{
clear:both;
width:997px;
height:138px;
background:url('../images/layout/fondo_pie_pagina_sup.png') no-repeat top;
}
#pie_pagina ul{
float:left;
display:block;
width:818px;
_width:676px; /* hack para IE6 e inferiores */
height:21px;
margin:0;
padding:0;
padding-top:6px;
margin-left:140px;
list-style:none;
}
#pie_pagina ul li{
float:left;
padding-left:15px;
margin-left:10px;
background:url('../images/layout/circulo_lista_pie.png') no-repeat 5px;
}
#pie_pagina ul li:first-child{
background:none;
}
#pie_pagina ul li a{
color:#0079AD
}
#pie_pagina .piecaja {
float:left;
display:block;
width:18px;
height:26px;
}
#pie_pagina .piecaja img {
margin-top:4px;
border:0;
}
#izquierda{
float:left;
width:897px;
}
#izquierda span{
display:block;
width:877px;
height:25px;
margin-left:20px;
_margin-left:10px; /* hack para IE6 e inferiores */
margin-top:10px;
color:#999999;
}
#izquierda table{
float:left;
margin-left:20px;
_margin-left:10px; /* hack para IE6 e inferiores */
}
#izquierda table td{
/*border-right:1px solid #E9F2F8;*/
}
#izquierda table img{
border:0;
}
#derecha{
float:left;
width:80px;
height:50px;
}
#derecha img{
border:0;
margin-top:10px;
position:relative;
margin-left:13px;
}
/* CABECERA SUPERIOR */
#cabecera_superior{
margin:auto;
width:967px;
height:137px;
}

/* CABECERA INFERIOR */
#cabecera_inferior{
margin:auto;
width:967px;
height:61px;
background:url('../images/layout/fondo_cabecera_menu.png') no-repeat;
}
#cabecera_inferior ul{
padding-top:10px;
list-style:none;
}
#cabecera_inferior ul li:first-child{
margin-left:0;
}
#cabecera_inferior ul li{
float:left;
padding-left:15px;
margin-left:10px;
background:url('../images/layout/circulo_lista.png') no-repeat 5px;
}
#cabecera_inferior ul li a{
color:#0079AD
}

/* LOGO */
#logo{
float:left;
width:212px;
height:137px;
}
#logo img{
border:0;
}

#logo_izquierda {
float:left;
height:134px;
width:129px;
}
#logo_derecha {
float:left;
height:134px;
width:83px;
}

/* FLASH */
#flash{
float:left;
width:559px;
height:121px; /* 137px */
margin-top:10px;
/*background:url('../images/layout/flash.png') no-repeat;*/
}

/* AREAS */
#areas{
float:left;
width:196px;
_width:193px; /* hack para IE6 e inferiores */
height:137px;
background:url('../images/layout/fondo_cabecera_areas.png') no-repeat;
margin-top:4px;
}
#areas span{
display:block;
width:100px;
margin-left:85px;
margin-top:35px;
}
#areas span a{
color:#FFFFFF;
}

/* COLUMNA IZQUIERDA */
#columna_izquierda{
float:left;
width:755px;
padding-bottom:30px;
background-color:#666666;
background-color:#FFFFFF;
}

/* COLUMNA DERECHA */
#columna_derecha{
float:left;
margin-left:14px;
_margin-left:13px; /* hack para IE6 e inferiores */
width:196px;
background-color:#FFFFFF;
}
#columna_derecha .esquina_arriba{
display:block;
width:196px;
height:10px;
background:url('../images/layout/esquina_sup_col_derecha.png') no-repeat;
}
#columna_derecha .esquina_inferior{
display:block;
width:196px;
height:10px;
background:url('../images/layout/esquina_inf_col_derecha.png') no-repeat;
}

/* MAPA WEB */
.filamapaweb {
  float:left;
  width:220px;
  height:180px;
}

.cajamapaweb {
  padding-left: 25px;
}
/* CALENDARIO */
.texto_calendario{
margin:0;
padding:0;
width:194px;
color:#DC0267;
font-family:"Arial Rounded MT Bold", "Arial";
font-weight:bold;
font-size:20px;
text-align:center;
margin-bottom:10px;
}
#calendario_cont {
width:194px;
border-left:1px solid #E7F2F6;
border-right:1px solid #E7F2F6;
background-color:#FFFFFF;
}
#calendario #cal{
width:182px;
height:131px;
margin:auto;
color:#3398CB;
margin-bottom:15px;
}
#calendario #cal td{
text-align:center;
}
#calendario #cal td a{
color:#DC0267;
font-weight:bold;
display: block;
vertical-align: middle;
padding: 2px 0;
height:100%;
width: 100%;
align: center;
}
#calendario #cal td a:hover{
text-decoration: none;
}
#calendario #cal td #diahoy{
color:#DC0267;
font-weight:bold;
}
.celda_0{
background-color:#E7F2F6;
height:42px;
text-align:center;
color:#DC0267;
font-weight:bold;
}
.celda_a{
border-bottom:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
.celda_b{
border-bottom:1px solid #EEEEEE;
}
.celda_c{
border-right:1px solid #EEEEEE;
}
#calendario img{
border:0;
}
#calendario #cal_nav{
width:196px;
margin-bottom:10px;
}
.evento{
margin:auto;
width:165px;
height:70px;
border-right:1px solid #D2E7EE;
border-left:1px solid #D2E7EE;
background-color:#E7F2F6;
}
.esquina_sup_evento{
margin:auto;
margin-top:10px;
_margin-bottom:-12px; /* hack para IE6 e inferiores */
display:block;
width:167px;
height:6px;
background:url('../images/layout/esquina_sup_evento_calendario.png') no-repeat;
}
.esquina_inf_evento{
margin:auto;
display:block;
width:167px;
height:6px;
background:url('../images/layout/esquina_inf_evento_calendario.png') no-repeat;
}
.evento .fecha{
color:#6EAB23;
}
.evento .texto,.fecha{
margin:0;
padding:0;
margin-left:12px;
}
/* BANNNER HOME */
#banner_home{
width:753px;
height:206px;
background:url('../images/layout/fondo_banner_home.png') no-repeat;
border-left:1px solid #E7F2F6;
border-right:1px solid #E7F2F6;
}
#banner_home p{
margin:0;
padding:0;
margin-left:358px;
margin-top: -5px;
padding-right:10px;
color:#0079AD;
}
#banner_home .centrar_contenido {
margin-left:0px;
}
#banner_home .foto{
width:580px;
text-align:right;
float: left;
}
#banner_home .foto img{
border:0;
}
#columna_izquierda .esquina_arriba{
display:block;
width:756px;
height:9px;
background:url('../images/layout/esquina_sup_col_izquierda.png') no-repeat;
_margin-bottom:-9px; /* hack para IE6 e inferiores */
}
#columna_izquierda .esquina_inferior{
display:block;
width:756px;
height:9px;
background:url('../images/layout/esquina_inf_col_izquierda.png') no-repeat;
margin:0;
padding:0;
}

/* BANNERS AREAS HOME */
.banner_areas{
margin-top:29px;
float:left;
width:212px;
text-align:center;
}
.banner_areas a{
display:block;
}

.banner_areas .abajo{
margin-top:20px;
}
/* BANNERS AREAS RESTO PLANTILLAS */
.banner_areas_b{
float:left;
width:207px; /* 212 */
margin-left:0px;
text-align:center;
background:url('../images/layout/seccion_fondo.png') no-repeat;
background-position:left top;
}
.banner_areas_b .texto{
display:block;
margin-top:23px;
width:165px;
height:150px;
font-family:"Arial Rounded MT Bold", "Arial";
font-size:16px;
color:#FFFFFF;
}
.banner_areas img,.banner_areas_b img{
border:0;
}

/* BANNERS AREAS NIÑOS */
.banner_areas_c{
float:left;
width:207px; /* 212 */
height:210px;
margin-left:0px;
text-align:center;
background:url('../images/layout/fondo_ninnos.png') no-repeat;
background-position:left top;
}
.banner_areas_c .texto{
display:block;
margin-top:23px;
width:165px;
height:150px;
font-family:"Arial Rounded MT Bold", "Arial";
font-size:16px;
color:#FFFFFF;
}
.banner_areas img,.banner_areas_c img{
border:0;
}
/* PRIMERA NOTICIA */
.primera_noticia{
float:left;
width:685px;
}
.primera_noticia .foto{
float:left;
width:289px;
}
.primera_noticia .foto img{
border:0;
}
.primera_noticia .texto{
float:left;
width:396px;
_width:393px; /* hack para IE6 e inferiores */
}
.primera_noticia .texto .texto_titulo{
width:100%;
margin:0;
margin-bottom:3px;
}
.primera_noticia .texto .texto_titulo a{
color:#6EAB23;
font-size:13px;
}
.primera_noticia .texto .texto_texto{
color:#333333;
margin:0;
margin-bottom:15px;
}
/* NOTICIAS */
.noticias{
margin-top:29px;
float:left;
width:543px;
_width:540px; /* hack para IE6 e inferiores */
}
.noticias h1{
margin-bottom:10px;
font-family:"Arial Rounded MT Bold", "Arial";
}
.noticias .noticia{
margin-bottom:10px;
float:left;
}
.noticias .foto{
float:left;
width:147px;
}
.noticias .foto img{
border:0;
}
.noticias .texto{
float:left;
width:396px;
_width:393px; /* hack para IE6 e inferiores */
}
.noticias .texto .texto_titulo{
width:100%;
margin:0;
margin-bottom:3px;
}
.noticias .texto .texto_titulo a{
color:#6EAB23;
font-size:13px;
}
.noticias .texto .texto_texto{
color:#333333;
margin:0;
margin-bottom:15px;
}

/* VÍDEOS Y FOTOS*/
.videos, .fotos {
  float: left;
  width: 750px;
}
.videos .video {
  margin-bottom:15px;
  margin-left:25px;
}
.fotos .foto {
  margin-bottom:15px;
  margin-left:15px;
  width: 225px;
  float: left;
}
.video p, .foto p {
  color: #DD1170;
  font-size: 14px;
  font-weight: bold;
}

/* JUEGOS */
.juegos {
  /*float: left;*/
  padding-left: 20px;
}

.juego {
  float:left;
  width: 350px;
  margin-top: 20px;
}

.juego .foto {
  float: left;
  width: 350px;
}

.juego .texto {
  float: left;
  width: 350px;
  margin-top: 10px;
}


/* ENLACES */
.enlaces {
  float: left;
  padding-left: 20px;
}
.enlaces p {
  float: left;
  width: 400px;
}
.enlaces a {
  padding-left: 15px;
  background:url('../images/external.png') no-repeat;
}
.enlaces img {
  float: left;
  width: 125px;
  margin-bottom: 15px;
}

/* GLOSARIO */
.letrasglosario {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
.letrasglosario p{
  float: left;
  width: 26px;
  margin:0;
  padding:0;
}
.letrasglosario p.todos{
  width: 40px;
}

.glosario {
  width: 750px;
  float: left;
}
.glosario .concepto {
  font-weight: bold;
  color: #DC0267;
}
.glosario .concepto span{
  color: #005D81;
  font-size: 18px;
}

/* PAGINACIÓN DE REGISTROS  */
#paginacion{
float:left;
width:100%;
height:32px;
margin-top:20px;
padding-bottom:30px;
}
#paginacion .anterior{
float:left;
width:81px;
height:32px;
}
#paginacion .siguiente{
float:left;
width:81px;
height:32px;
}
#paginacion .siguiente a,.anterior a{
color:#DD1170;
font-weight:bold;
}
#paginacion .numeracion{
float:left;
width:381px;
_width:378px; /* hack para IE6 e inferiores */
height:32px;
text-align:center;
color:#0079AD;
}
#paginacion .numeracion span{
color:#DD1170;
}

/* FLASH DE MAQUETAS DE CONTENIDO */
#flash_contenido{
float:left;
width:755px;
_width:752px;
height:174px;
}
#flash_contenido h1{
display:block;
font-family:"Arial Rounded MT Bold", "Arial";
font-size:23px;
color:#DC0267;
margin-left:14px;
margin-top:18px;
width:360px;
}

/* TEXTO CONTENIDO */
#texto_contenido{
float:left;
width:730px;
padding-top:24px;
padding-bottom:10px;
padding-left:20px;
min-height: 120px;
color:#005D81;
}

#texto_contenido ul li{
  margin-bottom: 15px;
}

#texto_contenido table {
  border: 1px #005D81 solid;
  cellpadding: 0;
  cellspacing: 0;
  border-collapse: collapse;
}

#texto_contenido table a {
background:transparent url(../images/external.png) no-repeat scroll 0 0;
padding-left:15px;
margin-left: 10px;
}

#texto_contenido table th {
  border: 1px #005D81 solid;
}

.foto_contenido{
float:right;
margin-left:10px;
margin-bottom:10px;
padding-top:12px;
}

.documentos a {
display: block;
padding-left: 24px;
margin-bottom: 10px;
}

/* MENÚ CONTENIDO */
.menu_contenido{
margin:auto;
text-align:left;
}
.menu_contenido ul{
margin:0;
padding:0;
list-style:none;
}
.menu_contenido ul li a{
display:block;
width:190px;
height:35px;
color:#0079AD;
padding-left:7px;
margin-left:3px;
border-left:1px solid #F0F7F9;
border-right:1px solid #F0F7F9;
padding-top:5px;
}
.menu_contenido ul li a.sin_borde_inferior{
border-bottom:0;
}
.menu_contenido .esquina_arriba{
margin:auto;
margin-top:10px;
display:block;
width:198px;
height:9px;
background:url('../images/layout/esquina_sup_menu_contenido.png') no-repeat;
_margin-bottom:-8px; /* hack para IE6 e inferiores */
}
.menu_contenido .esquina_abajo{
margin:auto;
display:block;
width:198px;
height:9px;
background:url('../images/layout/esquina_inf_menu_contenido.png') no-repeat;
_margin-bottom:0px; /* hack para IE6 e inferiores */
}
/* lo mismo que menú contenido, solo cambia color de menú */
.menu_contenido .area_ninnos{
color:#C8035F;
font-weight:bold;
}
.menu_contenido .area_ninnos_sin_borde_inferior{
border-bottom:0;
color:#C8035F;
font-weight:bold;
}

/* LISTADO NOTICIAS ÁREAS NIÑOS */
.noticias .texto .texto_titulo_b a{
color:#C8035F;
font-weight:bold;
font-size:13px;
}

/* LINK EDITAR */
.editar, .volver {
float: left;
padding-top: 10px;
padding-bottom: 10px;
text-align: right;
clear:both;
width:100%;
}

.editar a {
padding-left: 22px;
background:url('../sf/sf_admin/images/edit.png') no-repeat;
}

/* CONTACTO */
#flash_contenido_contacto{
float:left;
width:756px;
_width:757px;
height:174px;
background:url('../images/layout/fondo_contacto.png') no-repeat;
}
#flash_contenido_contacto span{
display:block;
font-family:"Arial Rounded MT Bold", "Arial";
font-size:23px;
color:#DC0267;
margin-left:14px;
margin-top:18px;
}

#texto_contacto{
text-align: center;
color:#005D81;
}

/* FORMULARIO */
.contenedor_formulario{
float:left;
width:537px; /* 559 */
padding-bottom:30px;
padding-left:22px;
}
.contenedor_formulario p{
color:#005D81;
}
.error{
width:519px;
height:50px;
color:#005D81;
font-size:13px;
font-weight:bold;
border:1 px solid #E9F2F6;
background:url('../images/layout/icono_mensajes_error.png') no-repeat #F2F8FA 14px;
}
.error span{
display:block;
margin-left:66px;
padding-top:15px;
}
.contenedor_formulario .formulario{
float:left;
margin-top:20px;
width:521px;
}
.formulario{
width:520px;
}
.formulario label{
color:#DC0267;
font-weight:bold;
/*margin-right:24px;
margin-left:24px;*/
}
.button{
width:70px;
height:29px;
background:url('../images/layout/fondo_boton_formulario.png') no-repeat;
border:0;
color:#FFFFFF;
font-weight:bold;
margin-left:164px;
margin-top:23px;
cursor: pointer;
}
.formulario .text{
padding-top:5px;
border:1px solid #E3F0F4;
color:#999999;
height:22px;
}
.formulario textarea{
width:349px;
height:88px;
border:1px solid #E3F0F4;
color:#999999;
}
.formulario .etiqueta{
float:left;
*width:120px; /* hack para IE 6 y 7 */
width:167px;
height:32px;
}
.formulario .etiqueta label{
margin-left:28px;
}
.formulario .etiqueta_textarea{
float:left;
*width:120px; /* hack para IE 6 y 7 */
width:167px;
height:80px;
}
.formulario .etiqueta_textarea label{
margin-left:28px;
}
.formulario .caja{
float:left;
width:349px;
height:32px;
}
.formulario .caja_textarea{
float:left;
width:349px;
height:80px;
}