/*background : #C0D9D9 ; */
BODY { 
background : #ffffff ; 
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #666666; 
margin : 0px 0px 0px 0px; 
text-align: center; 
} 

/*Primero hemos definido un borde de 2 pixel. Luego un centrado a la izquierda (para contrarrestar el centrado al centro que tiene el body y que habíamos puesto para que Explorer centrase la capa del contenido.*/
/*También se incluye una anchura de 780 pixel y un margen "auto" para que Mozilla y otros navegadores centren la capa. */
#borde{ 
border: thin solid #cccccc; 
text-align: left; 
width: 780px; 
margin: auto; 
} 



/*En esta capa definimos el alineamiento del texto a la izquierda (porque en el cuerpo se centro el texto, para que IE centre la capa contenedor y deseamos que la alineación por defecto sea a izquierda).*/
/*También definimos una anchura de 780px, un color de fondo blanco */
/*el atributo "margin", lo definimos como "auto", para que Mozilla y otros navegadores centren la capa. */

#contenedor{ 
text-align: left; 
width: 100%; 
background-color : #ffffff; 
margin: auto; 
border-bottom: 3px dotted #cccccc;
} 

#contenedorsup{ 
text-align: left; 
width: 780px; 
background-color : #ffffff; 
margin: auto; 
} 

#contenedorinf{ 
text-align: left; 
width: 780px; 
background-color : #ffffff; 
margin: auto; 
} 

#cabecera{ 
height : 106px; 
width: 800px; 
} 

/*Los estilos del logo definen la anchura, margen, margen interno, y un color de fondo.*/
/*se define el atributo "float:left" para hacer que el cuerpo "flote" a la izquierda. */
/*El resultado es que la capa del cuerpo se coloque a la izquierda y el contenido escrito */
/*a continuación se sitúe, rodeando a esta capa, a la derecha. */ 
#logo{ 
width:232; 
margin-left: 0px; 
padding: 0px 0px 0px 0px; 
background-color : #ffffdd; 
float:left; 
} 

#bucle{ 
margin-left: 0px; 
padding: 0px 0px 0px 0px; 
background-color : #ffffff; 
float:right; 
} 


#menusup{margin-top:3px;width:78%;margin-right:3px;background: transparent;background-image:url(img/fmenusup.gif);background-repeat: no-repeat;background-position: right top;padding-top: 0px; float:right;text-align : right; }
#menulat{margin-top:0px;width:20%;background: #ffffff;padding-top: 10px;float:left;border-right: 3px dotted #cccccc;}

#grupo1{margin-top:3px;width:90%;background: #aaffff;padding-top: 5px;float:left;border-right: 3px solid #cccccc;border-bottom: 3px solid #cccccc;padding-right:3px;padding-left:3px}

/*si no necesitamos estos grupos borrar*/
#grupo2{margin-top:3px;width:90%;background: #ffbbff;padding-top: 5px;float:left;border-right: 3px solid #cccccc;}
#grupo3{margin-top:3px;width:90%;background: #ffffcc;padding-top: 5px;float:left;border-right: 3px solid #cccccc;}

/*#contenido{margin-bottom:3px;margin-top:0px;width:78%;margin-right:3px;background: #F0F0E7;padding-top: 0px;padding-bottom: 0px; float:right;border-left: 3px dotted #cccccc;}*/
#contenido{margin-bottom:3px;margin-top:0px;width:78%;margin-right:3px;background: #FFF;padding-top: 0px;padding-bottom: 0px; float:right;border-left: 3px dotted #cccccc;}
#noticias{margin-top:3px;width:57%;background: #FFF;padding-top: 0px;float:left;padding-right:0px;padding-left:3px}
#noticia1{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}
#noticia2{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}
#noticia3{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}

#sede{z-index:0;margin-top:0px;margin-bottom:10px;width:100%;background: #FFF;padding-top: 0px;float:left;padding-right:0px;padding-left:3px;padding-bottom:5px}

#cont_gal{margin-top:0px;margin-bottom:0px;width:100%;background: #FFF;padding-top: 0px;float:left;padding-right:0px;padding-left:0px;padding-bottom:0px}
#para_fotos{margin-top:0px;margin-bottom:0px;width:100%;background: #FFF;padding-top: 0px;float:left;padding-right:0px;padding-left:0px;padding-bottom:0px}
#varias{margin-top:2px;width:100%;background: #cccccc;padding-top: 2px;float:left;padding-right:1px;padding-left:1px}
#detalle{margin-top:4px;width:100%;background: #cccccc;padding-top: 2px;float:center;padding-right:1px;padding-left:1px}
#pag{margin-top:0px;width:100%;background: #cccccc;padding-top: 2px;float:left;padding-right:1px;padding-left:1px}
#tabla{margin-top:3px;width:100%;background: #ffcccc;padding-top: 2px;float:left;padding-right:1px;padding-left:1px;border: 2px solid #cccccc; }
#selec{margin-top:3px;width:100%;background: #ffcccc;padding-top: 2px;float:left;padding-right:1px;padding-left:1px}

#noti1{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}
#noti2{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}
#noti3{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}

/*#eventos{margin-top:3px;width:42%;background: #aaffff;padding-top: 5px;float:right;padding-right:3px;padding-left:3px}*/
#publicidad{margin-top:3px;width:35%;background: #ffffff;padding-top: 5px;float:right;padding-right:3px;padding-left:3px}

/*nueva propuesta para eventos*/
#eventos{margin-top:3px;width:40%;background: #FFF;margin-bottom: 5px;padding-top: 0px;float:right;padding-right:0px;padding-left:3px;border-bottom:red 6px outset;}


div.titcateg{width: 100%;background: #F0F0E7;margin-bottom: 5px}
h3{font-size: 100%;margin:0;padding: 0 0 3px;background: #FFC5FF;color: #000;text-align: center}

/*contendrá las pestañas*/
#fichas{margin-top:3px;width:100%;background: #ffffff;padding-top: 5px;float:left;padding-right:3px;padding-left:3px}

/*Es la capa para opciones tipo pestaña*/
#lengueta1{
height : 60px; 
width: 110px; 
background-color : #FFC; 
float:left;
padding: 2 2 2 2px; 
}


/*Es la capa para opciones tipo pestaña seleccionada*/
#boxops{
height : 60px; 
width: 110px; 
background-color : #FCC; 
float:left;
padding: 2 2 2 2px; 
}


#directorio{ 
width:580px; 
margin-left: 0px; 
padding: 12px 0px 10px 0px; 
background-color : #FCC; 
float:left; 
} 

/*Es la capa para dentro del directorio*/
#cuadro{
width: 190px; 
border-right: 3px solid #ffffff;
background-color : #FCC; 
float:left;
}



.titulo3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc0033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


A.opblanco:link    {text-decoration: none}
A.opblanco:visited {text-decoration: none}
A.opblanco:active  {color: white; text-decoration: underline; }
A.opblanco:hover   {color: white; }

/*A.opblanco:active  {color: #ffffff; text-decoration: bold; background: #444466}*/
/*A.opblanco:hover   {color: #ffffff; text-decoration: none; background: #8888aa}*/

/*Es la capa para elaboración de fichas*/
.ficha{
border: 2px solid #ffffff; 
height : 200px; 
width: 400px; 
background-color : #FFF; 
float:left;
padding: 4 4 4 4px; 
}


ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;color: #999}
ul#nav li.active a,ul#nav a:hover{color: #000}


/*Por lo que respecta a la capa, se define un color y una imagen de fondo,*/
/*unos márgenes internos (atributo padding) y un borde, tanto para la parte de arriba de la capa como para la de abajo.*/
#navegador{ 
background : #F5F4C3 url(img/fondonav.gif); 
padding : 3px 10px 5px 10px; 
border-top : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
} 

/*Para los estilos de los enlaces utilizamos una clase que la llamaremaos enlacenav. */
/*Para definir los estilos de cada uno de los estados de los enlaces (visitados, activos, no visitados, etc), se utilizan las pseudo-clases VISITED, ACTIVE, FOCUS, LINK Y HOVER. Simplemente definimos el color de los enlaces, el mismo para todas las pseudo-clases, menos para HOVER, que tiene un color distinto. HOVER es el estado del enlace cuando el puntero ratón está situado encima. En este caso, cuando el ratón esté encima, cambiará de color. */
A.enlacenav, A.enlacenav:ACTIVE, A.enlacenav:FOCUS { 
color: #494E6B;
} 

A.enlacenav:HOVER{ 
color: #3F7DE3; 
} 

A.enlacenav:link, A.enlacenav:visited { text-decoration: none }
A.enlacenav:hover { text-decoration: underline;
color: #3F7DE3; 
}


/*Los estilos del cuerpo definen la anchura, margen, margen interno, y un color de fondo.*/
/*se define el atributo "float:left" para hacer que el cuerpo "flote" a la izquierda. */
/*El resultado es que la capa del cuerpo se coloque a la izquierda y el contenido escrito */
/*a continuación se sitúe, rodeando a esta capa, a la derecha. */ 
#cuerpo{ 
width:580px; 
margin-left: 8px; 
padding: 12px 0px 10px 0px; 
background-color : #ffffff; 
float:left; 
} 

H1{ 
font-size: 12pt; 
} 

#navabajo{ 
font-weight : bold; 
} 

#lateral{ 
width: 170px; 
background-color: #EBF2FE; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
float:right; 
} 

.titlat{ 
background-color:#68729E; 
color:#ffffff; 
font-size:8pt; 
text-transform : uppercase; 
padding: 7px 3px 7px 8px; 
font-weight : normal; 
letter-spacing : 2px; 
margin: 0px 0px 8px 0px; 
} 

.cuerpolateral{ 
padding: 5px 4px 13px 10px; 
} 

INPUT { 
font-size : 8pt; 
} 

/*El formulario, que está situado dentro de la capa fbuscar, no debe tener márgenes, ni arriba ni abajo*/
#fbuscar form{ 
margin-bottom : 0px; 
margin-top : 0px; 
} 

/*La capa "campotexto", donde está el campo de texto, hemos definido que debe "flotar" a la izquerda. */
#campotexto{ 
float: left; 
} 

/*El input que hay dentro de la capa campotexto debe tener 100 pixels de ancho. */
#campotexto input{ 
width:100px; 
} 


/*La capa donde está el botón de submit, que en este caso es una imagen de submitir (<input type="imagen">), */
/*tiene un margen interno de 3 pixels por arriba, y de 106 por el lado izquierdo. Los 106 pixels de ancho salen */
/*de los 100 que ocupa el campo de texto que hay a la izquierda, más 6 pixeles adicionales, que son el verdadero*/
/*margen que habrá entre el campo de texto y la imagen de submitir. */
#botonbuscar { 
padding-top : 3px; 
padding-left: 106px; 
} 


/*Con esta última definición estamos indicando que la imagen de submitir (el <input type="image"> */
/*que hay dentro de la capa botonbuscar) no tenga borde. */
#botonbuscar input{ 
border : 0px none; 
} 


/*Esta clase, que afecta a TODAS las capas donde están los botones de radio, */
/*define que no deben haber elementos "flotando" ni a la izquierda ni a la derecha, de los botones de radio. */
.radio{ 
clear:both; 
} 


/*se eliminan los márgenes que estas listas tienen implícitos. */
/*Se coloca también un margen interno 4 pixel a la izquierda y cero en el resto de las posiciones. */
/*Con "list-style:none" se indica que no se desea ninguna bolita a la izquierda de los elementos */
#otras ul{ 
margin : 5px 10px 0px 0px; 
padding: 0px 0px 0px 4px; 
list-style: none; 
} 

/*para cada uno de los elementos de la lista, de define un espacio de 14 pixel a la izquierda.*/
/*Esos 14 pixel sirven para hacer espacio, para que quepan unas pequeñas imágenes que vamos a poner de fondo en las listas*/
/*Se define un fondo de los <li> que es la imagen con la bolita personalizada. */
/*También se define un margen en la parte inferior. */
#otras li{ 
padding-left: 14px; 
background: transparent url("img/bullet.gif") 0 2px no-repeat; 
margin-bottom: 10px; 
} 


/*Con "clear:both" indicamos que la capa debe mostrarse sin elementos flotando a izquierda y derecha, de modo que la posición de la capa será inmediatamente por debajo de la capa cuerpo y lateral. */
/*Luego se define un color para el texto una alineación de texto, unos márgenes y un margen interno por la parte de debajo de 10 pixel. */
#pie{ 
clear : both; 
color : #cccccc; 
text-align : right; 
margin : 10px 10px 0px 10px; 
padding-bottom:10px; 
} 

/*<input type="submit" name="_ctl0:btn_Buscar" value="Buscar" id="_ctl0_btn_Buscar" style="height:23px;width:85px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900" />*/

/*Para los bordes redondeados*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/*.sobre{position:absolute;left:100px; z-index:3; margin-top:3px;width:300px;background: #FFF;margin-bottom: 5px;padding-top: 2px;padding-right:0px;padding-left:3px;border: 2px solid #aacccc;}*/
.sobre{position:relative;top:150px;left:5px; z-index:3; margin-top:3px;width:300px;background: #FFF;margin-bottom: 5px;padding-top: 2px;padding-right:0px;padding-left:3px;border: 2px solid #aacccc;}
#afiljav{float:left;left:5px; z-index:3; margin-top:3px;width:90%;background: #FFF;margin-bottom: 5px;padding-top: 2px;padding-right:0px;padding-left:3px;border: 4px solid #aacccc;}

.gen{margin:1px 1px 1px 1px;width:95%;background: #ccddcc;padding: 2px 2px 2px 2px;float:left;border: 2px dotted #bbbbbb; }

.ficha{position:absolute;z-index:2; margin-top:3px;width:500px;background: #FFF;margin-bottom: 5px;padding:5px 5px 5px 5px;border: 2px solid blue;}