/* ----------------------------------------------------------------
 En general, para toda la página
-----------------------------------------------------------------*/
html * {
	/* Con esto, IE6 en strict mode no mete espacios verticales extra */
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Bitstream Vera Sans",Verdana, Arial, Helvetica, Sans;
	font-size: 14px;
	background: #7281ba url(recursos/fondo.jpg) repeat-x;
	color: #ffffff;
	margin: 0px;
	padding: 8px;
}
img {
	border: none;
}
#pagina  {
	position: absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px;
	margin-top: 5px;
	padding: 5px;
}
p {
	margin-bottom: 10px;
}
a {
	font-family: "Trebuchet MS","Bitstream Vera Sans",Arial, Helvetica, Sans, Verdana;
	color: #ccccff;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;

}
a:hover {
	color: #95C8D9;
}
.preins {
	font-family: "Bitstream Vera Sans",Verdana;
	color: #ffffff;
	font-size: 13px;
}

a:visited {
/*	color: #dddddd;*/
}
.resaltado {
	font-size: 15px;
	font-weight: bold;
}
.medioresaltado {
	font-size: 20px;
	font-weight: bold;
}
.granresaltado {
	font-size: 25px;
	font-weight: bold;
}

input[type="text"]:focus {
	background-color:#FFFFCC;
}

/* ----------------------------------------------------------------
  Estilo de las tablas
-----------------------------------------------------------------*/
table {
	border: 1px solid #6393DF;
	border-collapse: collapse;
	empty-cells: show;
}
td {
	padding: 5px;
	text-align: center;
	font-size: 12px;
	/*	background: #334488;*/
}
/* ----------------------------------------------------------------
 Estilos de la portada
-----------------------------------------------------------------*/
#logo {
	display: block;
	margin: 0px auto;
	margin: auto;
	z-index: 20;
}
.rana {
	position: absolute;
	left: 300px;
	top: 200px;
	z-index: 10;
}
.cajita {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 135px;
	height: 135px;
	background: url(recursos/menuOscuroCircular.gif);
	z-index: 1;
}
a.portada {
	display: block;
	padding: 50px 15px 0px 15px;
	z-index: 5;
	vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
}

/* ----------------------------------------------------------------
 Estilos del resto
-----------------------------------------------------------------*/
#cabeceraPagina {
/*	border: 1px solid #ffaaaa; */
	width: 100%;
}
h1 {
	text-align: center;
	font-size: 18px;
	border-bottom: 2px solid #74C9FF;
	border-top: 2px solid #74C9FF;
	vertical-align: middle;
	margin: 15px 0px 15px 0px;
}
h2 {
	font-size: 16px;
	border-bottom: 1px solid #74C9FF;
	clear: right;
	vertical-align: middle;
	margin: 15px 0px 15px 0px;
}
h3 {
	font-size: 14px;
	padding-top: 20px;
	border-bottom: 1px solid #74C9FF;
	clear:  both;
	vertical-align: middle;
	margin: 10px 0px 15px 0px;
}
h4 {
	font-size: 13px;
	padding-top: 10px;
	clear:  both;
	vertical-align: middle;
	margin: 10px 0px 15px 0px;
}


#contenido {
	margin: 10px 0px 10px 0px;
	text-align: justify;
	clear: both;
/*	border: 1px solid #771456; */
}

#opcionesContenido {
	margin-top: 0px;
	clear:both;
	padding-top: 10px;
}
#opcionesContenidoFoto {
	margin-top: 0px;
	clear:both;
	padding-top: 10px;
}
#opcionesContenidoFoto ul {
	margin: 0px;
	padding: 0px;
    list-style: none;
    text-align: center;
}
#opcionesContenido ul {
	margin: 0px;
	padding: 0px;
    list-style: none;
    text-align: center;
}
#opcionesContenido li {
	display:	inline;
	padding-left:	0.75em;
	margin-left:	0.75em;
	border-left: 1px dashed #14477c;
	font-size: 13px;
}
#opcionesContenidoFoto li {
	display:	inline;
	font-size: 13px;
}
#opcionesContenido li:first-child {
	border:	0;
}
#opcionesContenidoFoto li:first-child {
	border:	0;
}
#opcionesContenidoFoto table {
	display: inline-block;
	border: none;
	margin: 0px;
}
#opcionesContenido td {
	font-size: 13px;
}
#opcionesContenidoFoto td {
	font-size: 13px;
}
#opcionesContenidoFoto img {
	border: 1px solid #74C9FF;
}


/* Conjunto de divs necesarios para implementar el bocadillo de la ranita */
#mensajeRanita {
	font-family: Trebuchet MS, Verdana;
	clear: left;
	margin-top: 10px;
}

#ranitaHablando {
	display: inline;
	float: left;
	margin-top: 10px;
    background: url("recursos/ranitaHablando.gif") top right no-repeat;
	width: 140px;
	height: 100px;
}
#bocadillo {
	text-align: center;
	width: 430px;
	float: left;
}
#bocadilloArriba {
	background: url("recursos/bocadilloArriba.gif") top left;
	height: 19px;
	width: 430px;
	line-height: 100%;
/*	margin-left: -3px;*/
}
#bocadilloDentro {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	overflow: auto;
/*	padding: 0 15px 0 15px; */
	background: #5f71b1 url("recursos/bocadilloDcha.gif") right repeat-y;
	width: 430px;
	height: 58px;
}
#bocadilloAbajo {
	background: url("recursos/bocadilloAbajo.gif") bottom;
	height: 19px;
	width: 430px;
}
#datosContenido {
	margin-top: 10px;
	clear:both;
	padding-top: 10px;
/* 	border: 1px solid #FF0000;*/
	width: 100%;
}
#datosContenido li {
	list-style-position: inside;
}
#datosContenido #tablaFotos {
	width: 100%;
	border: none;
	text-align: center;
	margin: 10px 0px 10px 0px;
/*	border: 1px solid #00FF00; */
}
#datosContenido #tablaFotos td{
	padding: 0px;
}
#datosContenido .fotoTabla img{
	text-align: center;
	border: 1px solid #74C9FF;
	margin: 0px;
	padding: 0px;
}
#datosContenido a img {
	border: 1px solid #74C9FF;
}
#datosContenido .foto {
	text-align: center;
	float: right;
	clear: right;
	margin: 10px 0px 10px 7px;
}
#datosContenido .video {
	margin: 20px 10px 20px 0px;
}

#horarios {
	clear: both;
	margin-top: 10px;
}
#horarios td.cabecera {
	background: #80A9EA url(recursos/fondo_tabla.gif) repeat-x top left;
	width: 90px;
	height: 22px;
    color: #FFFFFF;
	font: 12px Verdana, Tahoma;
}
td.hora {
	background: #334488;
	font-size: 11px;
	text-align: right;
}

td.hueco {
	background: #9cbdf2 url(recursos/hueco.jpg) repeat-x;
	height: 8px;
}
td.espacio {
	background: #9cbdf2 url(recursos/fondoHueco.jpg) repeat-y 0px 10px;
	border: 0px;
}
td.espacioHora {
	background: #9cbdf2 url(recursos/fondoHueco.jpg) repeat-y top left;
	border-bottom: 1px solid #334488;
}
td.d1 {
	background: #aab3d6 url(recursos/fondoHorario1.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: center;
}
td.d2 {
	background: #aab3d6 url(recursos/fondoHorario2.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: center;
}
td.d3 {
	background: #aab3d6 url(recursos/fondoHorario3.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: center;
}
td.d4 {
	background: #aab3d6 url(recursos/fondoHorario4.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: center;
}

#duraciones {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#duraciones td.cabecera {
	background: #80A9EA url(recursos/fondo_tabla.gif) repeat-x top left;
	height: 22px;
    color: #FFFFFF;
	font: 12px Verdana, Tahoma;
}
#grupos {
	clear: none;
	margin-left: 15px;
}
#grupos td.cabecera {
	background: #80A9EA url(recursos/fondo_tabla.gif) repeat-x top left;
	height: 22px;
    color: #FFFFFF;
	font: 12px Verdana, Tahoma;
}

/* ----------------------------------------------------------------
  Estilo de las noticias
-----------------------------------------------------------------*/
table.noticias {
	border: none;
	width: 100%;
}
table.noticias td {
	padding: 5px;
	text-align: left;
	font-size: 12px;
	/*	background: #334488;*/
}
table.noticias td.centrado {
	padding: 5px;
	text-align: center;
	font-size: 12px;
	/*	background: #334488;*/
}

table.noticias td.seccion {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
	background: #9DBEFF;
	border: 2px solid #4F3DBC;
	color: #000044;
}
table.noticias .leermas {
	text-align: right;
	width: 100%;
}
table.noticias .leermas a {
	color: #000044;
	font-family: "Bitstream Vera Sans",Verdana, Arial, Helvetica, Sans;
	font-weight: bold;
}

/* ----------------------------------------------------------------
  Estilos para el bazar
-----------------------------------------------------------------*/
.bloqueCompra {
	clear: both;
/*	margin-top: 20px;
	margin-bottom: 20px; */
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #000077;
}
.tablaCompra {
	float: left;
	width: 380px;
}
.tablaCompra td.cabecera {
	background: #80A9EA url(recursos/fondo_tabla.gif) repeat-x top left;
	height: 22px;
    color: #FFFFFF;
	font: 12px Verdana, Tahoma;
}

/* ----------------------------------------------------------------
  Estilos para las preinscripciones
-----------------------------------------------------------------*/
.bloquePreinscripcion {
	clear: both;
/*	margin-top: 20px;
	margin-bottom: 20px; */
	padding-top: 20px;
	padding-bottom: 20px;
}
.tablaPreinscripcion {
	float: left;
	width: 100%;
/*	width: 380px; */
}
.tablaPreinscripcion td.cabecera {
	background: #80A9EA url(recursos/fondo_tabla.gif) repeat-x top left;
	height: 22px;
    color: #FFFFFF;
	font: 12px Verdana, Tahoma;
	padding: 1px;
	text-align: center;
}
.tablaPreinscripcion td.etiqueta {
	padding: 5px;
	background: #aab3d6 url(recursos/fondoHorario1.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: right;
}
.tablaPreinscripcion td.centrado {
	padding: 5px;
	background: #aab3d6 url(recursos/fondoHorario1.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: center;
}
.tablaPreinscripcion td.campo {
	padding: 5px;
	background: #aab3d6 url(recursos/fondoHorario1.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: left;
}
.tablaPreinscripcion td.calendario {
	padding: 0px;
	background: #aab3d6 url(recursos/fondoHorario1.jpg) repeat-x;
	border-bottom: 1px solid #334488;
	border-right: 1px solid #334488;
	text-align: center;
}
.tablaCalendario {
	border: 0px;
	color: #ffffff;
}
.tablaCalendario td.diaMes0 {
	border: 1px solid #334488;
	width: 30px;
	background: #80A9EA;
}
.tablaCalendario td.diaMes1 {
	border: 1px solid #334488;
	width: 30px;
	background: #F4940C;
}
.tablaCalendario td.diaMes2 {
	border: 1px solid #334488;
	width: 30px;
	background: #64C16A;
}
.tablaCalendario td.diaMes3 {
	border: 1px solid #334488;
	width: 30px;
	background: #884400;
}


table.formulario {
	border: none;
}
table.formulario th {
	padding: 20px;
	color: #000044;
	font-weight: bold;
}
table.formulario td {
	padding: 10px;
}
table.formulario td.etiqueta {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	/*	background: #334488;*/
}
table.formulario td.input {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	/*	background: #334488;*/
}

/* ----------------------------------------------------------------
  Pie de página (donde irá el enlace al correo del webmaster)
-----------------------------------------------------------------*/
#piePagina {
	text-align: center;
	font-size: 13px;
	clear: both;
	margin-top: 20px;
}
.lineaSeparacion {
	border-bottom: 1px solid #000044;
	margin: 10px 5% 10px 5%;
	padding-top: 10px;
}
#piePagina .resaltado {
	color: #000044;
	font-size: 17px;
}

/* ----------------------------------------------------------------
  Menu Tabs 10
-----------------------------------------------------------------*/
#tabs10 {
	float:left;
	width:100%;
	font-weight: bold;
	border-bottom:1px solid #FFFFFF;
	line-height:normal;
}
#tabs10 ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
}
#tabs10 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs10 a {
	float:left;
	background:url("recursos/tableft10.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs10 a span {
	float:left;
	display:block;
	background:url("recursos/tabright10.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
/* End IE5-Mac hack */
#tabs9 a:hover span {
	color:#FFF;
}
#tabs10 a:hover {
	background-position:0% -42px;
}
#tabs10 a:hover span {
	background-position:100% -42px;
}
#tabs10 #current a {
	background-position:0% -42px;
}
#tabs10 #current a span {
	background-position:100% -42px;
}