body {
scrollbar-arrow-color:FFFFFF;
scrollbar-3dlight-color:9696C2;
scrollbar-face-color:9696C2;
scrollbar-darkshadow-color:9696C2;
scrollbar-track-color:DBDBDB;
scrollbar-highlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
width:100%;
height:100%;
margin:0px;
background-image:url(../images/fons.jpg);
background-repeat:repeat-x;
vertical-align:top;
}

/* estructura general */

#tcentradora {
width:100%;
height:100%;
}


#izquierda {
background-image:url(../images/sombraizquierda.jpg);
background-repeat:no-repeat;
background-position:right 221px;
}

#centro {
width:770px;
background-color:white;
vertical-align:top;

}

#derecha {
background-image:url(../images/sombraderecha.jpg);
background-repeat:no-repeat;
background-position:left 221px;
}

#tcentral {
width:770px;
/*height:100%;*/
}

#cabecera {
height:221px;
vertical-align:top;
}

#medio {
vertical-align:top;
padding-bottom:10px;
}

#pie {
height:40px;
text-align:center;
vertical-align:middle;
background-color:#d9d9d9;
border-top:1px solid #D3D3D3;
color:#888;
font:bold 10px tahoma;
}

#pie .texto {
color:#000;
text-decoration:none;
font:10px tahoma;
}

#pie a {
color:#888;
text-decoration:none;

}

#pie a:hover {
color:#222;


}

#pie a.daclubxxxx {
padding:0 2px;
color:white;
background-color:black;
text-decoration:none;

}

#pie a.daclubxxxx:hover {
color:black;
background-color:white;
}


/* estilos home */

#noticiashome {
width:760px;
margin:auto;
}

#noticiashome td {
vertical-align:top;
}

#banner {
height:80px;
border:1px dotted gainsboro;
background-color:whitesmoke;
}

#noticiashome .titular {
font:14px "trebuchet ms";
color:black;
background-color:#cec2da;
border-bottom:1px solid white;
padding:1px 1px 1px 15px;
background-image:url(../images/v_titularhome.jpg);
background-repeat:no-repeat;
background-position:2px 4px;
}

#noticiashome dl {
background-color:#EEEAF2;
margin:0;
padding:5px 2px;
}

#noticiashome dt {
font:bold 10px tahoma;
color:#5A3382;
padding-left:15px;
background-image:url(../images/v_pagina.jpg);
background-repeat:no-repeat;
background-position:2px;
}

dt a{
color:#5A3382;
text-decoration:none;
}

dt a:hover{
background:white;
}

#noticiashome dd {
font:10px tahoma;
color:#666;
letter-spacing:1px;
margin:2px 0px;
padding:0 5px;
}

#noticiashome hr {
height:1px;
background-color:#9900CC;
width:50%;
}

/* estilos de las tablas detalle */

#tabladetalle {
width:100%;
height:100%
}

#tabladetalle .cabecera1{
width:220px;
background-color:#AC97C0;
height:20px;
font:bold 15px "trebuchet ms";
color:black;
padding-left:10px;
}

#tabladetalle .cabecera2{
background-color:#CEC2DA;
font:15px "trebuchet ms";
color:black;
padding-left:10px;
text-transform:uppercase;
}

#tabladetalle .menu{
	background-color:#DED7E6;
	vertical-align:top;
	
}
#tabladetalle .menuplan{
	background-color:#DED7E6;
	vertical-align:top;
	background-image: url(../images/menu_memba2.jpg);
	background-repeat: no-repeat;
}

#tabladetalle .temas {
font:15px "trebuchet ms";
color:black;
padding-left:10px;
cursor:hand;
}
#tabladetalle a.temas {
color:#bb6fca;
text-decoration:none;
text-indent: 50px
}

#tabladetalle a:hover.temas {
	color:#000;
	text-decoration:underline;
}
.listadodetalle {
padding-bottom:5px;
border-bottom:1px dotted gainsboro;
}


.listadodetalle h1 {
font:bold 15px tahoma;
color:#333;
padding-left:14px;
background-image:url(../images/v_noticia.gif);
background-repeat:no-repeat;
background-position:0 3px;
margin-bottom:0;
}

.listadodetalle .fecha {
font:bold 10px tahoma;
color:purple;
margin:0;
padding-left:15px;
}

.listadodetalle .entradilla {
font:11px tahoma;
color:#666;
padding-left:15px;
letter-spacing:1px;
}

.listadodetalle .leermas {
padding:10px;
background-color:#FFEAFF;
font:12px tahoma;
color:black;
padding-bottom:20px;
}

.listadodetalle img {
border:3px solid white;
margin-left:5px;
}

.listadodetalle a{
color:blue;
display:inline;
}

.listadodetalle a:hover{
text-decoration:none;
background-color:#FFEAFF;
}

/* estilos txt memba */
#txt{
	font-family:"trebuchet ms";
	font-size:13px;
	color:#000000;
}
#txt a{
	color:#663366;
	text-decoration:none;
}
#txt a:hover{
	color:#999999;
	text-decoration:none;
}
.rotul1{
	font-size:15px;
	color:#990066;
}
.rotul2{
	font-size:13px;
	color:#660066;
	text-decoration:underline;
}


/* ESTILOS DE LOS MENÚS CON LISTAS */

.navlist{
padding: 1px;
margin: 0;
font:15px "trebuchet ms";
color:black;
width: 100%;
color: gray;
margin-bottom:10px;
}

.navlist li{
list-style: none;
margin: 0;
text-align: left;
}

.navlist li a
{
display: block;
padding-left: 10px;
text-decoration: none;
margin:0;
color:#333;
}


.navlist li a:hover
{
color: black;
background: #E6E7F0;
}









/* Estilos para la intro */

#intropeu{
	font-family:Lucida Sans Unicode;
	font-size:8px;
	color:#999999;
	padding-right:5px;
	height:144px;
	background-image:url(../images/fondointro.jpg);
	background-repeat:repeat-x;
	line-height:13px;
	letter-spacing: 0.15em;
}
#intropeu a{
	font-family:Lucida Sans Unicode;
	font-size:8px;
	color:#999999;
	text-decoration:none;
}
#intropeu a:hover{
	color:#FF9900;
}

/* estilos patrocinadoras */
#tpatrocinadoras {
width:95%;
border-left:1px dotted gainsboro;
border-top:1px dotted gainsboro;
}

#tpatrocinadoras td {
background-color:#eee;
border-right:1px dotted gainsboro;
border-bottom:1px dotted gainsboro;
vertical-align:middle;
text-align:center;
font:bold 10px tahoma;
color:#333;
}

#tpatrocinadoras td div {
cursor:pointer;
cursor:hand;
}

#tpatrocinadoras img {
border:4px solid white;
cursor:pointer;
cursor:hand;
}

/* estilos para el ajax tooltip */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:1px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:1px dotted gainsboro;	/* Border width */
	left:1px;	/* Same as border thickness */
	top:-0px;
	position:absolute;
	width:150px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#fafafa;	/* Background color */
	padding:5px;	/* Space between border and content */
	font:10px tahoma;	/* Font size of content */
	letter-spacing:1px;
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

/* ESTILO PARA LOS FORMULARIOS */

#formulario {
width:95%;
padding:5px;
margin-top:0px;
}

#formulario legend {
font:bold 10px tahoma;
color:#343;
padding:2px;
border:1px solid #343;
background-color:#fefefe;
}

#formulario #tablaformulario {
font:bold 10px tahoma;
color:black;
margin-top:10px;
}

#formulario #tablaformulario tr.celdacolor {
background-color:#f6f6f6;
}

#formulario input,textarea {
font:10px tahoma;
color:#667766;
background-color:#eeeeee;
border:1px outset #eefaee;
}

#formulario #tablaformulario td.botonera {
text-align:right;
padding-bottom:5px;
}

#formulario #tablaformulario td.leyproteccion {
font:10px tahoma;
color:#666;
text-align:justify;
padding-top:5px;
border-top:3px double #eee;
}

#formulario #tablaformulario td.leyproteccion a {
font:10px tahoma;
border-bottom:1px dotted black;
text-decoration:none;
color:#333;
}

#formulario #tablaformulario td.leyproteccion a:hover {
font:10px tahoma;
text-decoration:none;
background-color:#f0f0f0;
border:0px;
}

/* estilos para la descarga de documentos */
.documentos {
}

.documentos .titular {
font:bold 12px tahoma;
color:black;
}

.documentos .descripcion {
font:italic 10px arial;
color:#666;
}

.documentos .datos {
font:bold 10px tahoma;
color:#cec2da;
}