/******************************** Body ********************************/

body {
    position: relative;
	color: white;
	margin: 10 0 0 0;
	padding: 0;
	min-width:800px;
	background: url('images/background.gif') repeat;
	background-repeat: repeat-x;
	background-position: top left;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: rgb(150,10,10);
	scrollbar-base-color: rgb(255, 235, 235);
	scrollbar-darkshadow-color: rgb(255, 235, 235);
	scrollbar-face-color: rgb(255, 235, 235);
	scrollbar-highlight-color: rgb(255, 235, 235);
	scrollbar-shadow-color: rgb(150,10,10);
}

/******************************** Envoltorio ********************************/

#wrapper{
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 821px;								 /* --> Limita el ancho */
}

#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	position: relative;
	border: 1;
}

/******************************** Publicidad Sup ********************************/

#publicidad{
	position: relative;
	height: 100px;
	background: white;
	border: 1px solid gray;
}

#publicidad img{
	height: 100px;
	width: 819px;
}

/******************************** Menu Superior ********************************/

#menuSup{
	position: relative;
	height: 23px;
	background: white;
	background: rgb(150,10,10);	
	border-bottom: solid 1px white;
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top: 5px; 
}

#menuSup a{
	color: White;
	text-decoration: none;
	display: inline;
	padding: 3px 6px;
	width: 50px;
	margin: 0;
}

#menuSup a:hover{
	font-weight: bold;
	color: rgb(150,10,10);
	background: White;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 10px solid white;
}

#menuSup ul{
	position: auto;
	margin: 0;
	padding: 0;
}

#menuSup li{
	display:inline;
	margin: 0;
}

/******************************** Enlaces ********************************/

#enlacesSup{
	position: relative;
	height: 17px;
	background: rgb(150,10,10);
	text-align: right;
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

#enlacesSup a{
	color: White;
	text-decoration: none;
	padding-right: 5px;
}

#enlacesSup a:hover{
	font-weight: bold;
	color: Silver;
}

/******************************** Panel Izquierdo ********************************/

#panelIzq{
	position: relative;
	float: left;
	width: 150px;
	height: 450px;
	background: white;
	text-align: center;
	border-top: 1px solid rgb(150,10,10);
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background: rgb(255, 225, 225);
}

/******************************** Login ********************************/

#login
{
	background: rgb(255, 225, 225);
	color: black;
	text-align: left;
	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#login p{
	padding-left: 5px;
	padding-top: 0px;
	margin-top: 5px;
}

#login h1{
	font-family: "trebuchet ms";
	font-size: 16px;
	text-align: left;
	color: white;
	border-bottom: 1px solid gray;
	background: rgb(150,10,10);
	border-top: 1px solid rgb(150,10,10);
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 5px;
}

#login a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none; 
}

#login a:hover{
	text-decoration: underline; 
}

#login input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background: rgb(240,157,157);
	border: 1px solid gray;
	font-weight:bold;
}

/******************************** Prensa ********************************/

#opciones{
	background: rgb(255, 225, 225);
}

#opciones h1{
	font-family: "trebuchet ms";
	font-size: 16px;
	text-align: left;
	color: white;
	border-bottom: 1px solid gray;
	background: rgb(150,10,10);
	border-top: 1px solid gray;
	margin-bottom: 0px;
	padding-left: 5px;
}

#opciones ul, li {
	list-style-type: none;
}
 
#opciones ul {
	margin: 0;
	padding: 0;
}
 
#opciones li {
}
 
#opciones a {
	text-decoration: none;
	color: Gray;
	background: rgb(255, 225, 225);
	display: block;
	padding: 3px 6px;
	width: 138px;
	text-align: left;
	font-weight: bold;
}
 
#opciones a:hover {
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	background: rgb(240,157,157);
	color: White;
}

/******************************** Contenido ********************************/

#contenido{
	position: relative;
	float: left;
	width: 485px;
	height: 450px;
	text-align: left;
	color: black;
	background: url("images/fondo.jpg");
	overflow:auto; 
}

#contenido h1 {
	font-family: "trebuchet ms";
	font-size: 24px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #464646;
	text-align: center;
}

#contenido h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	color: rgb(200,0,0);
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 10px;
}

#contenido h3 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	color: Black;
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 10px;
}

#contenido tr{
	color: #464646;
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

#contenido p{
	color: #464646;
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contenido em{
	color: #464646;
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contenido ul{
	list-style-image: url('images/arrow.jpg');
}

#contenido ol{
	list-style-type: decimal;
}


#contenido li{
	color: #464646;
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contenido a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none; 
	padding: 10px;
}

#contenido a:hover{
	text-decoration: underline; 
}


/******************************** Panel derecho ********************************/

#panelDcha{
	position: relative;
	display: inline;
	float: right;
	width: 180px;
	height: 450px;
	background: rgb(255, 225, 225);
	border: 1px solid gray;
}

#calendario{
	padding: 0;
	background: rgb(255, 225, 225);
}	

/******************************** Afiliados ********************************/

#afiliados{
	background: rgb(255, 225, 225);
	text-align: left;
}	

#afiliados h1{
	font-family: "trebuchet ms";
	font-size: 16px;
	text-align: center;
	color: Black;
	margin-top: 2px;
}

#afiliados a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none; 
}

#afiliados a:hover{
	text-decoration: underline; 
}

#afiliados p{
	text-align: center;
}


/******************************** Pie ********************************/

#pie{
	position: relative;
	display: inline;
	float: left;
	width: 819px;
	height: 50px;
	text-align: center;
	background: rgb(150,10,10);
	padding-top: 10px;
	color: white;
	font-family: verdana;
	font-size: 10px;
	border: 1px solid gray;
}

#pie a{
	color: white;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
}

#pie a:hover{
	text-decoration: underline;
}

/*********************************************************************/
/******************************** Mas ********************************/
/*********************************************************************/

.portada
{
	margin-top: 50px;
}

.inputText{
	position:absolute;
	left: 70px;
	margin-top: 1px;
}

.botonLogin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background: rgb(240,157,157);
	border: 1px solid gray;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

.menuSeleccionado{
	font-weight: bold;
	color: rgb(150,10,10);
	background: white;
	height: 23px;
	border-top: 4px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 10px solid white;
	padding-right: 3px;
	padding-left: 3px;
}

.cargando{
	padding: 20px;
	background: url('images/cargando.gif') no-repeat;
	text-align: center;
	width: 100px;
	margin-top: 200px;
	margin-left: 160px;
}

.tablaTitulos td{
	color: White;
	background: rgb(200,0,0);
	font-family: verdana;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}