/* Definición del cuerpo de la página */
BODY {
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
/*margin: 10 0 10 0px;*/
margin: 0 0 0 0px;
text-align: center;
/*background-color: #ebebeb;*/
background-color: #eeeeee;
}

/* Cada parte de la página definida con DIVS */
/**********************************************/
/* CONTENEDOR ==> contiene a todas las partes */
#contenedor{
text-align: justify;
width: 1000px;
margin: auto;
border-style:solid;
border-width:1px;
border-color:gray;
}

/*CABECERA ==> donde va el banner del Club */
#cabecera{
background-color: #d0d0ff;
color: #333300;
font-size:12pt;
font-weight: bold;
/* padding: 3 3 3 10px; */
text-align:center;
height:180px;
width:1000px;
}

/* CABECERA2 ==> posicionamiento en la página; posible ampliación futura con publi */
#cabecera2{
background-color: #d0d0ff;
color: #333300;
font-size:10pt;
font-weight: bold;
height:20px;
padding: 4 4 4 4px;
}
#cabecera2 a{
text-decoration:none;
color:red;
}
#cabecera2 a:visited{
text-decoration:none;
color:red;
}
#cabecera2 a:hover{
text-decoration:none;
color:blue;
}

/* CUERPO ==> define los márgenes que dejamos en el cuerpo, que consta de lateral, principal y derecha */
#cuerpo{
margin: 0 0 0 0px;
background-color:white;
}

/* Derecha, parte de publicidad u otros posibles elementos en el futuro */
#derecha{
float: right;
width: 190px;
background-color: white;
color: red;
font-size: 10pt;
padding: 2 2 2 2px;
border-style:groove;
/*border-color:blue;*/
border-color:#1a2072;
}
.destacado{
text-align: center;
font-weight: bold;
color: #222273;
font-size:11pt;
margin-top:5px;
margin-bottom:5px;
/*color:blue;*/
}
.mini{
text-align: justify;
font-size:8pt;
color: black;
margin-top:1px;
}

#derecha a{
text-decoration: none;
color:#1a2072;
}
#derecha a:hover{
/*color: orange;*/
color:#f87922;
text-transform:none;
}
#derecha a:visited{
color:#1a2072;
}
#derecha a:visited:hover{
color:#f87922;
}
#derecha h1{
font-size:11pt;
text-align: center;
text-decoration:none;
}
#colaboradores{
border-style:dotted;
border-width:1px;
border-color:green;
background-color:#eeeeee;
}

/*Lateral: hace referencia al lateral izquierdo de la página, donde tenemos el menú y algunas cosas más */
#lateral{
width: 190px;
/*background-color: #999999;*/
background-color:#222273;
float:left;
margin-bottom:10px;
font-size:10pt;
}
#lateral ul{
margin : 0 0 0 0px;
padding: 0 0 0 0px;
list-style: none;
}
#lateral li{
/*background-color: #ffffcc;*/
background-color:#f87922;
margin: 2 2 2 2px;
padding: 2 2 2 2px;
font-weight: bold;
}
li#activo{
/*background-color:blue;*/
background-color:#222273;
}
li#activo a{
/*color:orange;*/
background-color:#222273;
color: #f87922;
}
#lateral a{
color:#222273;
text-decoration: none;
}
#lateral a:hover{
color: white;
text-transform:uppercase;
}
/*#lateral a:visited{
color:#1a2072;
color:black;
}*/
.visita{
text-align:center;
/*background-color:#d0d0d0;*/
background-color:#f87922;
/*color:maroon;*/
color:#1a2072;
padding:4 4 4 4px;
font-weight:bold;
margin:2 2 2 2px;
}
#lateral h2{
font-size:11pt;
text-align: center;
text-decoration:none;
}
/* Identificador de los patrocinadores: lado derecho*/
#patrocinadores{
margin:0 0 0 0px;
margin-top:-1;
background-color:white;
/*background-color:#eeeeee;*/
color: red;
padding: 4 4 4 4px;
font-weight: bold;
font-size: 11pt;
text-align: center;
border-style: groove;
/*border-color: blue;*/
border-color:#1a2072;
}
#patrocinadores a{
text-decoration: none;
}
#patrocinadores a:hover{
text-transform: none;
/*color: orange;*/
color:#f87922;
}
#patrocinadores h1{
font-size: 11pt;
text-align: center;
color:#222273;
}

/* Principal: módulo principal de la página, donde se muestran todos los contenidos de la web */
#principal{
margin-left: 190px;
background-color: #ffffff;
padding: 4 4 4 4px;
width: 600px;
border-top: gray solid 1px;
border-left: gray solid 1px;
border-right: gray solid 1px;
}
#principal ul li p{
font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.principal2 li {
display:inline;
float:left;
width:220px;
background-color:#f5f7f9;
padding:5px;
margin:10px;
text-align: center;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
}
#principal p a{
font-size:9pt;
color:red;
text-decoration:none;
font-style:italic;
font-weight:bold;
}
#principal p a:hover{
text-transform:capitalize;
color:gray;
}
#principal h1{
font-size:16pt;
/*color:blue;*/
color:#222273;
border-style:groove;
/*border-color:blue;*/
border-color:#222273;
text-align:center;
margin-left:5%;
margin-right:5%;
/*background-color:#dddddd;*/
background-color:#f87922;
padding:2 2 2 2px;
margin-top:4px;
}
#principal h2{
font-size:14pt;
color:red;
text-align:center;
margin-left:20%;
margin-right:20%;
margin-top:2px;
border-style:dashed;
border-color:blue;
padding:2 2 2 2px;
background-color:#eeeeee;
}
#principal ul li{
font-style:italic;
color:maroon;
font-weight:bold;
}
#principal ul li a{
text-decoration:none;
color:maroon;
}
#principal ul li a b{
text-decoration:underline;
color:blue;
}

#principal ul li a:hover b{
color:orange;
}
#principal p{
color:black;
padding:1 5 1 5px;
font-size:10pt;
}
#principal h3{
margin-left:5%;
margin-right:5%;
padding:5 5 5 5px;
color:maroon;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
font-weight:bold;
font-size:14pt;
text-decoration:underline;
}
#piefoto{
font-style:italic;
text-align:center;
}
#resaltar{
border-style:dotted;
border-color:green;
border-width:1px;
/*background-color:#90f490;*/
/*background-color:#fedbc4;*/
background-color: #f1f65e;
color:maroon;
}
#resaltar p{
color:maroon;
font-size:10pt;
/*font-style:italic;*/
}
#resaltar2{
border-style:solid;
border-color:green;
border-width:1px;
background-color:#f3f69f;
}
#resaltar2 p{
color:blue;
font-size:10pt;
}

/* lateral de las jornadas*/
#jornadas{
border-color:green;
border-style:dotted;
border-width:1px;
background-color:white;
}
#jornadas h3{
border-color:blue;
border-style:solid;
border-width:2px;
text-align:center;
margin:5 5 5 5px;
background-color:#eeeeee;
font-weight:bold;
padding:2 2 2 2px;
}
#jornadas ul{
margin : 0 0 0 0px;
padding: 0 0 0 15px;
}
#jornadas li{
margin: 2 2 2 2px;
padding: 2 0 2 1px;
font-weight: bold;
font-size:8pt;
}

/* pie: parte baja de la web, donde se muestran los "créditos" de la misma*/
#pie{
background-color: #cccccc;
/*padding: 3 8 3 8px;*/
text-align:right;
clear: both;
/*margin-right:2,5%;
margin-left:2,5%;*/
border-top:gray solid 1px;
width:1000px;
}
#pie td{
font-size:7pt;
width:50%;
}
#pie table{
width:100%;
}

/* Funciones adicionales */
hr.linea{
width: 90%;
height: 1px;
color: red; /*es indiferente*/
background-color: green; /*tambien indiferente*/
border: 0;
border-bottom: 1px solid blue; /*este es el que importa*/
}

.enlace{
margin-left:30%;
margin-right:30%;
border:none;
}
#margen{
margin-left:-10px;
}

.equipos{
margin-top:10px;
border:none;
font-size:small;
color:white;
background-color:#cccccc;
}
.equipos td{
background-color:#666666;
border:none;
font-weight:bold;
padding:5 5 5 5px;
text-align:center;
}
table.seguro{
font-size:9pt;
margin-left:5%;
margin-right:5%;
width:90%;
padding:0 0 0 0px;
border-style:double;
border-width:2px;
border-color:gray;
margin-bottom:5px;
}
table.seguro td{
color:maroon;
background-color:#9297fb;
text-align:center;
width:50%;
padding:4 4 4 4px;
}
table.seguro td b{
font-size:10pt;
}
table.seguro td p{
border-style:solid;
border-width:2px;
border-color:black;
font-size:10pt;
margin-left:20%;
margin-right:20%;
font-weight:bold;
margin-bottom:0px;
}

table.entrenador{
font-size:8pt;
margin-left:2.5%;
margin-right:2.5%;
width:95%;
padding:0 0 0 0px;
border-style:double;
border-width:2px;
border-color:gray;
margin-bottom:5px;
}
table.entrenador td{
color:maroon;
background-color:#9297fb;
text-align:center;
width:33%;
padding:2 2 2 2px;
font-weight:bold;

}
table.entrenador th{
font-size:10pt;
color:white;
background-color:blue;
width:33%;
text-align:center;
text-align:center;
height:25px;
}

a:link#foto,a:visited#foto,a:active#foto{
text-decoration:none;
color:blue;
}
a:hover#foto{
color:maroon;
text-transform:capitalize;
}
.contacto{
color:maroon;
border-color:gray;
border-style:groove;
border-width:2px;
text-align:center;
width:80%;
margin-bottom:10px;
margin-right:10%;
margin-left:10%;
font-size:11pt;
margin-top:20px;
}
.contacto th{
background-color:#dadada;
padding:8 8 8 8px;
font-size:12pt;
}
.contacto td{
color:black;
background-color:#ebebeb;
padding:5 5 5 5px;
}
.partidos{
width:95%;
margin-left:2.5%;
margin-right:2.5%;
margin-top:0px;
}
.partidos th{
color:white;
background-color:maroon;
text-transform:uppercase;
padding:3 3 3 3px;
font-size:9pt;
}
.partidos td{
font-size:8pt;
color:maroon;
background-color:#d0d0ff;
font-weight:bold;
padding:3 3 3 3px;
text-align:center;
}
.clasif{
width:95%;
margin-left:2.5%;
margin-right:2.5%;
margin-top:0px;
}
.clasif th{
color:white;
background-color:maroon;
text-transform:uppercase;
padding:2 2 2 2px;
font-size:9pt;
}
.clasif td{
font-size:8pt;
color:maroon;
background-color:#d0d0ff;
font-weight:bold;
padding:3 3 3 3px;
text-align:center;
}
#resaltado td{
background-color:gray;
color:white;
font-size:9pt;
}
#izq{
text-align:left;
padding-left:8px;
}
#verde{
background-color:#72ea48;
}
#rojo{
background-color:#ad270d;
color:white;
}
/* tabla de  enlaces*/
.enlaces{
width:90%;
border-style:solid;
border-width:1px;
border-color:blue;
}
.enlaces td{
background-color:white;
text-align:center;
font-size:9pt;
color:maroon;
border-color:blue;
border-style:dotted;
border-width:1px;
}
.enlaces th{
background-color: #eeeeee;
color: red;
border-style: groove;
border-width:2px;
border-color:blue;
}