/*
Configura la sección en la que se encuentre:
	Color de letra:
		color: rgb(255,255,255);
	Grosor de letra:
		font-weight: bold;
	Tamaño de letra:
		font-size: larger;
	Aliniación del texto:
		text-align: center;
	Color de fondo:
		background-color: rgb(0,52,100);
	Imagen de fondo:
		background-image: url(../imagen/inferior.gif);
	Grosor del borde:
		border-width: 10px 10px 10px 10px;
	Tipo de línea de borde:
		border-style: solid;
	Color del borde:
		border-color: rgb(0,0,255);
		
NOTA:
	rgb(rojo, verde, azul). El rango es de 0 a 255.
	Puede utilizarse su correspondiente valor hexadecimal. Por ejemplo: "rgb(0,52,100)" equivale a "#003464"
*/



body{
	font-family: Arial,sans-serif;
	font-size: smaller;
	color: rgb(255,255,255);
	margin: 0px;
	padding: 0px;
	background-color: rgb(0,52,100);
}

.barra{
	scrollbar-face-color: rgb(235,245,255);
	scrollbar-base-color: rgb(235,245,255);
	scrollbar-arrow-color: rgb(0,0,255);
	scrollbar-track-color: rgb(235,245,255);
	scrollbar-shadow-color: rgb(235,245,255);
	scrollbar-highlight-color: rgb(235,245,255);
	scrollbar-3dlight-color: rgb(0,0,255);
	scrollbar-darkshadow-Color: rgb(0,0,255);
	cursor:  url("../image/buho.ani");/*Puntero del mouse para la ventana de navegación. Solo funciona en Internet Explorer 6*/
}

.barraIndex{
	scrollbar-face-color: rgb(0,52,100);/*Debe ser el mismo color del fondo del sitio*/
	scrollbar-base-color: rgb(0,52,100);/*para dar el efecto de ausencia de la barra.*/
	scrollbar-arrow-color: rgb(0,52,100);
	scrollbar-track-color: rgb(0,52,100);
	scrollbar-shadow-color: rgb(0,52,100);
	scrollbar-highlight-color: rgb(0,52,100);
	scrollbar-3dlight-color: rgb(0,52,100);
	scrollbar-darkshadow-Color: rgb(0,52,100);
}


/************** Título **************/
/*
	El número que acompaña a "h" indica el nivel en que se encuentra el título.
	Por ejemplo:
	h1, indica que es el título principal; h2, es el título secundario; y así sucesivamente.
*/
h1{
 font: bold 120% Arial,sans-serif;
 color: rgb(0,255,255);
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: rgb(0,255,200);
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: rgb(0,255,150);
 margin: 0px;
 padding: 0px;
}

/*************** Lista ***************/
/*
	El estilo de las viñetas de las listas pueden ser:
	square, disc, circle
*/
ul{
	list-style: disc;
}

/***********************************************/
/* Secciones del Sitio                         */
/***********************************************/

/*
	Representa el cuadro de "Index.htm". Que es el cual despliega las demás páginas del Polideportivo.
*/
#pagina{
	top: 16px;/*Distancia entre el borde superior de la pantalla del browser(Internet Explorer 6, Netscape,...) y el cuadro de Index*/
	left: 16px;/*Distancia entre el borde izquierdo de la pantalla del browser y el cuadro de Index*/
	position: absolute;
	background-color:rgb(0,78,152);
	/*Para dar la apariencia de sombra, se coloca de negro los bordes inferior y derecho del cuadro de Index.*/
	border-bottom-color: rgb(0,0,0);/*Color de la sonbra de inferior*/
	border-bottom-style: solid;/*Tipo de línea de la sombra*/
	border-bottom-width: medium;/*Grosor de sombra*/
	border-right-color: rgb(0,0,0);
	border-right-style: solid;
	border-right-width: medium;
}

/*************** Menú ***************/
#menu{
	margin-top: 4px;
	margin-bottom: 8px;
	font: bold 12px Verdana;
	background-color: rgb(0,255,102);
}

#menu li{
	list-style: none;
	display: inline;
	margin: 0;
}

#menu li a{/*Configuración de los elementos del menú*/
	text-decoration: none;
	padding: 3px 0.5em;
	margin-right: 3px;/*Espacio entre los elementos*/
	border: 1px solid rgb(119,119,119);/*Marco de cada elemento*/
	background-color: white;/*Color de fondo de cada elemento del menú*/
}

#menu li a:link, #menu li a:visited{
	color: navy;/*Color de la letra de cada elemento del menú*/
}

#menu li a:hover{/*Configuración del elemento de menú en donde se encuentra el puntero del mouse*/
	color: black;
	background-color: rgb(204,255,255);
	border-color: navy;/*Color del borde la letra*/
	border-width:0px 3px 3px 0px;/*Grosor del borde*/
}

/*************** Decorado de Index ***************/
#inferior {
	background-image:  url("../image/inferior.gif");
	background-repeat:repeat-x;
	height: 71px;/*Debe de tener la misma altura de la imágen que se coloque*/
}

/*************** Boletos ***************/
/*
width: debe de ser el mismo ancho de la imagen que se coloque como fondo del boleto.
height: debe de ser el mismo alto de la imagen que se coloque como fondo del boleto
*/
.boletoF {/*FÚTBOL*/
	background-image:  url("../image/boletoF.gif");
	width: 476px;
	height: 223px;
}

.boletoB {/*BALONCESTO*/
	background-image:  url("../image/boletoB.gif");
	width: 476px;
	height: 223px;
}

.boletoBB {/*VOLEIBOL*/
	background-image:  url("../image/boletoBB.gif");
	width: 476px;
	height: 223px;
}

.boletoEquipos {/*Configuración del título del boleto(equipo1 Vrs. equipo2)*/
	color: rgb(255,255,0);
	font-size: large;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.boletoTexto {/*Configuración del texto de información del boleto*/
	color: rgb(0,0,0);
	font-size: small;
	font-weight: bolder;
	text-align: justify;
}

/*************** Resultados ***************/
#resultados{
	background-color: rgb(0,153,153);
	color: rgb(51,255,255);
	text-align: justify;
	word-spacing: 1em;
}

.tituloResultado{
	color: rgb(51,255,204);
	text-align: center;
	font-size: large;
	font-style: italic;
	font-weight: bolder;
	text-transform: capitalize;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-variant: small-caps;
	text-decoration: blink;
	letter-spacing: 3em;/*Espacio entre letras*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 80px;
}

.galeriaImg{/*Configuración de el borde las imágenes de la galería*/
	border-color: rgb(0,0,255);
	border-width: 10px 10px 10px 10px;
	border-style: double;
	margin: 5px;/*Espacio entre las imágenes*/
}

/*************** Fondos de las tablas ***************/
.tituloTabla {
	color: #00FF66;
	font-weight: bold;
	font-size: larger;
	text-align: center;
	background-color: rgb(0,153,153);
}

.leftColText {
	background-color: rgb(0,102,136);
	font-weight: bolder;
}

.centerColText {
	background-color: rgb(0,102,136);
	font-size: smaller;
}

.rightColText {
	background-color: rgb(0,102,136);
	font-size: smaller;
}