body {
	position:absolute;
	border: none;
	color:black;
	/* background-color: #02A6E3; */
	background-image: url(../graficos/fondo.jpg);
	padding: 0px;
	display: inline; /* para intentar evitar que deje un salto de línea al final */
	background-repeat: repeat;
	font-size: 14px;
	overflow: visible;
}
img {
	border: 0px;
}

div.barrasuperior {
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}

/* Aquí empiezan los estilos de la zona de texto principal */

div.principal {
	position: absolute;
	top: 90px;
	margin-left: 80px;
	left: 80px;
	right: 5px;
	padding: 10px;
	min-height: 80%;
	width: 770px;
	border: medium groove Silver;
	z-index: 1;
	background-color: White;
	overflow: visible;
}

div.textoprincipal{
	margin: 5px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: justify;
}

h1.textoprincipal{
	font-size: 150%;
	font-variant: small-caps;
	font-weight: bold;
}

/* ------------------ desfasado -----------
h1.textoprincipalcuadro{
	font-size: 150%;
	font-variant: normal;
	font-weight: bold;
	background: url(../graficos/botonrojos2.gif);
	border-color: Gray;
	border-width: thick;
	border-style: ridge;
	color: White;
	text-align: center;
	padding: 4px;
}-------------------------------------------*/

h2.textoprincipal{
	font-size: 125%;
	font-variant: small-caps;
	font-weight: bold;
}

.h2textoprincipalcuadro{
/*	font-size: 125%;
	font-variant: small-caps;
	font-weight: bold;	
*/	color: White;
	padding: 2px;
	border: medium ridge Gray;
	background-image: url(../graficos/botonceldadecorada.gif);
}

h3.textoprincipal{
	font-size: 100%;
	font-variant: small-caps;
	font-weight: bold;
	color: black;
	background: Silver;
}

h4.textoprincipal{
	font-size: 80%;
	font-weight: bold;
}

img.principalizq{
	border: none;
	float: left;
	clear: left;
	margin-right: 10px;
}

.tablanormal td{
	padding: 2px;
	margin: 2px;
	background-color: White;
}

a:link{
	color: Black;
	text-decoration: none;
	font-weight: bold;
}

a:active{
	color: Black;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: Red;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: Black;
	text-decoration: none;
	font-weight: bold;
}

/*
img.logotipo{
	border: none;
	clear: both;
	height: 20px;
}
*/

.decorada{
	list-style: square outside url(../graficos/botondia.gif);
}

/* desfasado 
.cuadrown{
	color: White;
	padding: 2px;
	border: medium ridge Gray;
	background-color: #990000;
}
*/
/* desfasado
.separadorprincipal{
	border: thick none;
	height: 5px;
	width: 500px;
}
*/

.cuadroactividad{
	background: White;
	border: none;
	color:black;
	/* background-color: #02A6E3; */
	padding: 0px;
	display: inline; /* para intentar evitar que deje un salto de línea al final */
}
.principalpie{
	font-size: 80%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.flecharriba{
	font-size: 70%;
	text-align: right;
	float: right;
}
p.pagirregular{
	text-align: center;
	font-size: 100%;
}

/* ---------------- Estilos de Sección de patrocinadores ----------------- */
.cuadropatrocinador{
	background-color: #FFFF99;
	text-align: center;
	border: thin groove Gray;
	margin: 6px auto 6px auto;
	padding: 10px 10px 10px 10px;
	font-variant: small-caps;
	font-weight: bold;
}

.encabezadocuadropatroc{
	background-color: #FFCC66;
	font-size: 100%;
	padding: 2px 2px 2px 2px;
}

.entidades{
	border: none;
	padding: 2px 10px 2px 10px;
	margin: auto;
}

.entidades td{
	padding: 2px 10px 2px 10px;
	text-align: center;
}

/* -------------------- pie de página principal -------------------- */
.pie{
	font-size: 70%;
}

.tablanormal{
	border: thin double Silver;
	padding: 2px;
	margin: 2px;
	text-align: center;
	margin: 2px auto 2px auto;
	background: Silver;
}

/* --------------- barra de menú horizontal azul ---------------- */
div.barraselapart{
	margin: 0px auto 0px auto;
	border: none;
	padding: 0px;
	float: none;
	text-align: center;
}

img.barraselapartblock {
	border: thick ridge Gray;
}
/* --------------- fin de barra de menú horizontal azul ------------ */

/* ----------------------- desfasado ----------------------- 
.celdalinkresaltado{
	background-color: #B0E0E6;
	border-style: outset;
	border-color: Gray;
	text-align: center;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}
------------------------------------------------------------*/
/* Parte del calendario */
div.calendarioboletin{
	text-align: center;
	font-size: 115%;
}

.tablacalendarioboletin{
	border:ridge;
	text-align:center
}

.celdacalendarioboletin{
	padding: 2px;
	border: medium;
	background-color: #F5DEB3;
	border:#000000;
	width:100px;
}

.celdacalendarioboletinencabezado{
	background-color: #FF6633;
	color:#000000;
	font-weight:bold;
	border:medium outset;
	border:#000000;
}

.calendarioboletin a:link{
	background-color: #F5DEB3;
	color: Black;
	text-decoration: none;
	font-weight: bold;
}

.calendarioboletin a:active{
	background-color: #F5DEB3;
	color: Red;
	text-decoration: none;
	font-weight: bold;
}

.calendarioboletin a:hover{
	background-color: #F5DEB3;
	color: Red;
	text-decoration: none;
	font-weight: bold;
}

.calendarioboletin a:visited{
	background-color: #F5DEB3;
	color: Black;
	text-decoration: none;
	font-weight: bold;
}

/* parte de google */
.google {
	top: 400px;
	left: 1px;
	margin-top: 400px;
	margin-left: 5px; /* 0 en absolute */
	position: fixed; /*absolute;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px; /* 0 0 0 0 en absolute*/
	text-align: center;
	background-color: #ADD8E6;
	font-size: xx-small;
	border: medium ridge Silver;
	font-family: Arial, Helvetica, sans-serif;
	border-spacing: 0px;
	width: 148px;
	display: inline;
}

.googleboton {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-size: xx-small;
/*	background-color: Teal;
	color: White;
/*	border: thin outset White; */
	padding: 0px;
}

.googlecampo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #87CEFA;
	color: Black;
	border: medium inset Silver;
}

/*
a:link {color: #FF0000} unvisited link
a:visited {color: #00FF00} visited link 
a:hover {color: #FF00FF} mouse over link 
a:active {color: #0000FF} selected link */

/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/


/* tame the lists */
ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */
	overflow: visible;
	}


/* navbar list */
ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	
	/* navbar width */
	width:9em;

	/* navbar left and top position 
	   this DOES NOT already include 1px compensation 
	   on TOP, for list-item border collapse 
	   (1px defaults to around 0.05em) */
	left:0.2em;
	top:90px;
	}

/* navbar list-items */
ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	
	/* duplicate navbar width */
	width:9em;
	
	/* shift list-items to collapse borders vertically */
	margin:-1px 0 0 0;
	}


/* menu lists */
ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	
	/* menu width */
	width:8.2em;
	
	/* menu offset, which already includes 1px compensation 
	   on TOP, for list-item border collapse */
	margin:-0.5em 0 0 7.5em;
	/* overlapping the menus improves usability */
	
	/* 
	position menus off the screen to hide 
	because using display, visibility, overflow or clip,  
	would hide them from browser-based screenreaders as well 
	*/
	top:-100em;
	
	/* shift menus to collapse navbar->menu borders */
	left:-1px;
	
	/* compensate for list-item border collapse */
	padding:1px 0 0 0;
	}
	
/* menu list-items */
ul.vertical ul li {
	/* duplicate menu width */
	width:8.2em;
	}


/* further child-menu offset */
ul.vertical ul ul {
	/* this already includes 1px compensation 
	   for list-item border collapse */
	margin:-0.5em 0 0 7.7em;
	/* overlapping the menus improves usability */
	}


/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   that would make it difficult or impossible to close the menus 
   we're hiding it using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}


/* links */
ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	
	background: #d69196; /* #FFFACD */
	border: 2px groove Black; /*9F9F9F*/
	padding:5px 7px;
	font:normal normal bold 0.7em tahoma, verdana, sans-serif;
	color: Black; /* 708090 */
	text-decoration:none;
	letter-spacing:1px;
	}
	
/* rollover pseudo-classes, and scriptable persistence class */
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	background: #FA8072; /* #F5DEB3 */
	color: Black;
	font: normal normal bold 0.7em tahoma, verdana, sans-serif;
	}



/* hacks for win/ie to cure 'excess hidden margins' bug */
@media screen, projection {
	* html ul.vertical li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f\loat:left; 
		/* this cures 'events fall through the menu' bug in ie6 */
		background:#ffffff; 
		}
	}
	
/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }