/* CSS Document */

body {
	background: url(../IMAGES/bg.gif);
    background-color: #F2F5F7;
}

.piedepagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
/* Para posicionar el logo en la esquina superior izquierda */
#LayerLogo {
	position:absolute;
	left:12;
	top:17;
	width:124px;
	height:155px;
	z-index:1;
	cursor:pointer;
}
/* Se utiliza, por ejemplo. en la pagina de inicio de usuarios */
.TituloMuyGrande {
	font-size:xx-large;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-left:10px;
	background-color: #003399;
}
.TituloAviso {
	font-size:xx-large;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding-left:10px;
	background-color: #999;
}
.TituloGrande {
	font-size:larger;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #003399;
	padding-left:10px;
}
.TituloGrandeAviso {
	font-size:larger;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding-left:10px;
}
.TituloMuyGrandeBD {
	font-size:xx-large;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #8FB300;
	padding-left:10px;
}
.TituloChico {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
}
.CuadroChico {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* Ingreso de datos de usuarios, login */
input {
	width:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #003399; 
	background-color: #D7E5F2; 
	border: #284279; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
input:hover {
	background-color:#FFFF55;
}
/* utilizada en el formulario de ingreso de usuarios */
fieldset {
	margin: 5px 0;
	padding: 5px 5px;
	background-color:#8a9ab4;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;	
	overflow: auto;
}
/* utilizada en el formulario de ingreso de usuarios */
legend {
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* utilizada en el formulario de ingreso de usuarios */
.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 width:60px;
 color: #102132;
 background:  url(../IMAGES/btnsubmit.gif);
}
.button:hover {
 background:  url(../IMAGES/btnsubmit.gif) 0 -32px;
 cursor:pointer;
 color: #FF9834;
}
/* utilizada en los formularios de altas */
.buttonaceptar {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 width:60px;
 height:32px;
 color: #102132;
 background:  url(../IMAGES/btnsubmit2.gif);
}
.buttonaceptar:hover {
 background:  url(../IMAGES/btnsubmit2.gif) 0 -32px;
 cursor:pointer;
 color: #D7E5F2;
}

/* utilizada en el formulario de ingreso de usuarios */
.FormEtiqueta {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #fff;
}
.FormEtiquetaBD {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
}
.CuadroMediano {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 10px;
	color: #003399;
	margin: 8px;
	padding:10px;
	
}
/* Se utiliza en la pantalla inicial de ingreso de usuarios */
#CuadroCentral {
	position:absolute;
	left:223px;
	top:151px;
	width:500px;
	height:345px;
	z-index:2;
}
#CuadroCentralDinamico {
	position:absolute;
	left:192px;
	top:132px;
	width:557px;
	height:402px;
	z-index:2;
	overflow:auto;
}
.inputbd {
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
/*	font-size: small;
*/	color:#8FB300;
	background-color:#F2FFC1;
	border:#284241;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
.inputbd:hover {
	background-color:#FFFF55;
}

.inputbdchico {
	width:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#8FB300;
	background-color:#F2FFC1;
	border:#284241;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
.inputbdchico:hover {
	background-color:#FFFF55;
}

.inputfile {
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8FB300;
	background-color:#F2FFC1;
	border:#284241;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
.inputfile:hover {
	background-color:#FFFF55;
}

select {
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#8FB300;
	background-color:#F2FFC1;
	border:#284241;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
select:hover {
	background-color:#FFFF55;
}

.selectbd {
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#8FB300;
	background-color:#F2FFC1;
	border:#284241;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
.selectbd:hover {
	background-color:#FFFF55;
}

textarea {
	width:200px;
	height:60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#8FB300;
	background-color:#F2FFC1;
	border:#284241;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
textarea:hover {
	background-color:#FFFF55;
}

.buttonbd {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #99CC00;
 width:60px;
 color:#00CC99;
}
#botoncss {
        width: 150px;
        margin: 0px;
        }

#botoncss span a {
        height: 32px;/*
          voice-family: "\"}\"";
          voice-family: inherit;*/
          height: 24px;
        text-decoration: none;
        }

#botoncss span a:link, #botoncss span a:visited {
        color: #ffffff;
        display: block;
        background: url(../IMAGES/botoncss.gif);
        padding: 8px 0 0 0px;
        }

#botoncss span a:hover, #botoncss span #current {
        color: #283A50;
        background: url(../IMAGES/botoncss.gif) 0 -32px;
        padding: 8px 0 0 0px;
        }

#botoncss span a:active {
        color: #283A50;
        background: url(../IMAGES/botoncss.gif) 0 -64px;
        padding: 8px 0 0 0px;
        }

/* ------------ */
/* TABLA GOLDEN */
/* ------------ */
#tablagolden table {
  border-collapse: collapse;
  border: 2px solid #996;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #fffff0;
  }
#tablagolden caption {
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
  }
#tablagolden td, #tablagolden th {
  border: 1px solid #cc9;
  padding: .3em;
  }
#tablagolden thead th, #tablagolden tfoot th {
  border: 1px solid #cc9;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #444;
  background: #dbd9c0;
  }
#tablagolden tbody td a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  border-bottom: 1px dotted #cc9;
  }
#tablagolden tbody td a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
#tablagolden tbody th a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #cc9;
  }
#tablagolden tbody th a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
#tablagolden tbody th, #tablagolden tbody td {
  vertical-align: top;
  text-align: left;
  }
#tablagolden tfoot td {
  border: 1px solid #996;
  }
#tablagolden .odd {
  color: #333;
  background: #f7f5dc;
  }
#tablagolden tbody tr:hover {
  color: #333;
  background: #fff;
  }
/*#tablagolden tbody tr:hover th,*/
#tablagolden th.especial:hover,
#tablagolden tbody tr.odd:hover {
  color: #333;
  background: #ddd59b;
  }
#tablagolden td.sinborde:hover,
#tablagolden td.sinborde {
  border:hidden;
  color:#333;
  background:transparent;
  }
#tablagolden td.sinbordearriba {
  border-top:hidden;
  }

/**************** tabla especial ***************/

/* CSS Document */

#itsthetable table a:link {color: #CC6633;}
#itsthetable table a:visited {color: #CC6633;}
#itsthetable table a:hover {color: #999966;}
#itsthetable table a:active {color: #CC6633;}
#itsthetable table a:focus{color: #CC6633;}


#itsthetable table caption {
		padding: 18px 2px 15px 2px;
		color: #cfcfcf;
		background-color: inherit;
		font-weight: normal;
		text-align: centered;
		text-transform: capitalize;
		}

	#itsthetable table{
		border: 1px solid #D9D9D9;
		width:520px;
	}
	#itsthetable table tr td{
		padding: 6px 9px;
		text-align:left;

	}
	#itsthetable table thead th{
		background-color:#CCCC99;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #D9D9D9;
		font-weight: bold;
		text-align:left;
		padding: 16px 9px;
		color:#592C16;
	}
	#itsthetable table tbody tr th{
		background-color: #fff;
		font-weight: normal;
		border-left: none;
		padding: 6px 9px;
		background-color: #E5E5D8;
	}
	#itsthetable table tbody td{
			border-left: 1px solid #D9D9D9;
			background-color: #e5e5d8;
	}
	#itsthetable table tbody tr.odd{
		background-color: #F3F3F3;
	}
	
#itsthetable table tbody tr:hover {
	color:#000099;
	background-color: #e5e5d8;
}

#itsthetable table tbody td:hover {
	background-color:#d9d9d9;
}

#itsthetable table tbody tr.odd:hover {
	color: #333333;
	background-color: #E5E5D8;
}
	
#itsthetable table tfoot td, #itsthetable table tfoot th{
	border-top: 1px solid #ccc;
	font-weight:bold;
	color:#592C16;
	padding: 16px 9px;
	
}

/* -------------- */
/* TABLA JORNADAS */
/* -------------- */
#tablajornadas table {
  border-collapse: collapse;
  border: 2px solid #5b3e81;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #beb6d1;
  }
#tablajornadas caption {
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
  }
#tablajornadas td, #tablajornadas th {
  border: 1px solid #5b3e81;
  padding: .3em;
  }
#tablajornadas thead th, #tablajornadas tfoot th {
  border: 1px solid #5b3e81;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #444;
  background: #cfc1d8;
  }
#tablajornadas tbody td a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  border-bottom: 1px dotted #5b3e81;
  }
#tablajornadas tbody td a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
#tablajornadas tbody th a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #5b3e81;
  }
#tablajornadas tbody th a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
#tablajornadas tbody th, #tablajornadas tbody td {
  vertical-align: top;
  text-align: left;
  }
#tablajornadas tfoot td {
  border: 1px solid #996;
  }
#tablajornadas .odd {
  color: #fff;
  background: #bea6c6;
  }
#tablajornadas tbody tr:hover {
  color: #333;
  background: #beb6d1;
  }
#tablajornadas tbody tr:hover th,
#tablajornadas tbody tr.odd:hover th {
  color: #333;
  background: #b29abe;
  }

#tablajornadas a:link {
	text-decoration:blink;
	border-bottom:#beb6d1;
	}


/**************** images styles ****************/		
a img{
  border: none;
}

img.left,img.center,img.right {
  padding: 4px;
  border: 1px solid #a0a0a0;
}

img.left {
  float: left;
  margin: 0 12px 5px 0;
}

img.center {
  display: block;
  margin: 0 auto 5px auto;
}

img.right {
  float: right;
  margin: 0 0 5px 12px;
}

img:hover {
	background-color: #eeeeee;
}

/**************** blockquote styles ****************/		

blockquote {
	background-color:#DBDBDB;
	border-left: 5px solid #485ba8;
	padding: 10px;
	margin: 5px 20px;
	font-style:italic;
	font-weight:bold;
} 

blockquote:hover {
	background-color:#fff;
}

blockquote.center {
	width:470px;
	float:none;
}

blockquote.left {
	width:200px;
	float:left;
}

blockquote.right {
	width:200px;
	float:right;
}

/**************** divs contenedores styles ****************/		

/**************** Content area styles ****************/

#content {
	width:565px;
	margin-left:4px;
	margin_top:-30px;
	margin-right:4px;
	margin-bottom:10px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}

#content p {
	margin:0 0 0 0; 
	line-height:1.5em;
	margin-bottom: .5em;
	text-indent:12px;
}

#content h1 {
	font-size:1.8em;
	margin-top:.2em;
	margin-left:1.2em;
	margin-bottom:.8em;
	color:#039;
}

#content h2 {
	margin-top:.5em;
	margin-left:.5em;
	margin-bottom: .3em;
	font-size: 1.4em;
	color:#039;
}

#content h3 {
	margin-top:1em;
	margin-left:.5em;
	margin-bottom: .2em;
	font-size: 1.1em;
	color:#039;
}

#content h1:hover {
	color:#666;
	}

#content h3:hover {
	color:#666;
	}

#content ul {
	margin-left: 20px;
	padding-left: 0;
	list-style: none;
}

#content li { 
	padding-left: 18px;
	background: url(../IMAGES/list.png) no-repeat 0% .5em;
}

.div_rojo {
	background-image: url(../IMAGES/esquina_roja.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #c00;
	border-bottom: .05em solid #c00;
	padding-bottom: 10px;
}

.div_rojo blockquote {
	border-left-color:#C00;
}

.div_rojo hr {
	border-bottom-color:#c00;
}
	
.div_rojo h3 {
    border-bottom: 1px #c00 solid;
}

.div_azul {
	background-image: url(../IMAGES/esquina_azul.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #00c;
	border-bottom: .05em solid #00c;
	padding-bottom: 10px;
}

.div_azul blockquote {
	border-left-color:#00C;
}

.div_azul hr {
	border-bottom-color:#00c;
}
	
.div_azul h3 {
    border-bottom: 1px #00c solid;
}

.div_verde {
	background-image: url(../IMAGES/esquina_verde.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #0c0;
	border-bottom: .05em solid #0c0;
	padding-bottom: 10px;
}

.div_verde blockquote {
	border-left-color:#0C0;
}

.div_verde hr {
	border-bottom-color:#0c0;
}

.div_verde h3 {
    border-bottom: 1px #0c0 solid;
}

.div_gris {
	background-image: url(../IMAGES/esquina_gris.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #ccc;
	border-bottom: .05em solid #ccc;
	padding-bottom: 10px;
}

.div_gris blockquote {
	border-left-color:#CCC;
}

.div_gris hr {
	border-bottom-color:#ccc;
}

.div_gris h3 {
    border-bottom: 1px #ccc solid;
}

.div_amarilla {
	background-image: url(../IMAGES/esquina_amarilla.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #ff0;
	border-bottom: .05em solid #ff0;
	padding-bottom: 10px;
}

.div_amarilla blockquote {
	border-left-color:#FF0;
}

.div_amarilla hr {
	border-bottom-color:#FF0;
}

.div_amarilla h3 {
    border-bottom: 1px #ff0 solid;
}

.div_violeta {
	background-image: url(../IMAGES/esquina_violeta.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #c0c;
	border-bottom: .05em solid #c0c;
	padding-bottom: 10px;
}

.div_violeta blockquote {
	border-left-color:#C0C;
}

.div_violeta hr {
	border-bottom-color:#c0c;
}

.div_violeta h3 {
    border-bottom: 1px #c0c solid;
}

.div_naranja {
	background-image: url(../IMAGES/esquina_naranja.jpg);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
	border-right: .05em solid #f90;
	border-bottom: .05em solid #f90;
	padding-bottom: 10px;
}

.div_naranja blockquote {
	border-left-color:#F90;
}

.div_naranja hr {
	border-bottom-color:#F90;
}

.div_naranja h3 {
    border-bottom: 1px #f90 solid;
}

hr {
	width:55%;
	height:0px;/*solo queremos borde*/
	text-align:left;
	border-top:0px;/*quita el grosor extra de Opera y FFox*/
	border-bottom:#CCc dashed 1px;
}

/*  Gallery  */
#gallery 
{
	padding:0; 
	margin:0 auto; 
	list-style-type:none; 
	overflow:hidden; 
	width:488px; 
	height:240px; 
	border:1px solid #888; 
	background:#fff url(../IMAGES/gallery_caratula.jpg) bottom right no-repeat;
}
  
#gallery li {
	float:left;
	background:none;
	padding-left:0;
}

#gallery li a {
	display:block; 
	height:240px;
	width:28px;
	overflow:hidden;
	float:left; 
	text-decoration:none; 
	border-right:1px solid #fff; 
	cursor:default;
}

#gallery li a img {
	border:0;
	background: #FFF url(../IMAGES/gallery_cargando.gif) top left no-repeat;
}

#gallery li a:hover {
	background:#eee; 
	width:320px;
}

/*  Gallery2  */
#gallery2 
{
	padding:0; 
	margin:0 0 0 0; 
	list-style-type:none; 
	overflow:hidden; 
	width:320px; 
	height:492px; 
	border:1px solid #888; 
	background:#fff url(../IMAGES/gallery2_caratula.jpg) bottom right no-repeat;
}
  
#gallery2 li {
	float:left;
	background:none;
	padding-left:0;
}

#gallery2 li a {
	display:block; 
	height:28px;
	width:320px;
	overflow:hidden;
	float:left; 
	text-decoration:none; 
	border-right:1px solid #fff; 
	cursor:default;
}

#gallery2 li a img {
	border:0;
	background: #FFF url(../IMAGES/gallery2_cargando.gif) top left no-repeat;
}

#gallery2 li a:hover {
	background:#eee; 
	height:240px;
}

/**************** mitades ****************/		

#mitad {
	background-color:#DBDBDB;
	border: 3px solid #485ba8;
	padding: 0px;
	margin: 5px 20px;
	font-size:10px;
	width:240px;
} 

#mitad.jornada {
	border: 1px solid #713e80;
	background-color:#d1c2d7;
	width:520px;
}

#mitad.salon {
	border: 1px solid #FF0000;
	background-color:#fabebe;
	width:520px;
}

#mitad.left {
	background-color:#FFE2D5;
	float:left;
}

#mitad.right {
	background-color:#D9FFD9;
	float:right;
}

#mitad.center {
	background-color:#FFFFCC;
	width:350px;
	font-size:12px;
}

#mitad:hover {
	background-color:#fff;
}