html,body {
margin:0px;
width:100%;
height:100%;
scrollbar-track-color: #F6F6F6;
scrollbar-face-color: #EFEFEF;
scrollbar-highlight-color: #F6F6F6;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC;
scrollbar-darkshadow-color: #666666;
scrollbar-arrow-color: #CCCCCC;
}

/* Estilos de los fondos */
.presentacion {
background-image:url(../images/titular_presentacion.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.galeriaartistas{
background-image:url(../images/titular_galeriaartistas.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.noticias{
background-image:url(../images/titular_noticias.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.actividades{
background-image:url(../images/titular_actividades.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.directorio{
background-image:url(../images/titular_directorio.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.metodo{
background-image:url(../images/titular_metodo.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.entrevistas{
background-image:url(../images/titular_entrevistas.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.entretenimiento{
background-image:url(../images/titular_entretenimiento.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.enlaces{
background-image:url(../images/titular_enlaces.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.consejos{
background-image:url(../images/titular_consejos.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.hemeroteca{
background-image:url(../images/titular_hemeroteca.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

#contenedoriframe {
width:100%;
height:90%;
overflow:auto;
padding-right:5px;
vertical-align:top;
}

#contenidoiframe {
width:100%;
}

/* Estilos de los titulares y el texto */

.titular {
font:bold 14px tahoma,verdana;
color:#821937;
padding-bottom:3px;
padding-top:20px;
border-bottom:1px solid gainsboro;
}

.titular2 {
font:bold 12px tahoma,verdana;
color:#000000;
padding-top:20px;
}

h1{
font:bold 12px tahoma,verdana;
color:#111;
margin-bottom:2px;
}

h2{
font:bold 13px tahoma,verdana;
color:#971D40;
padding-bottom:3px;
border-bottom:1px solid gainsboro;
}

.hh6{
font:bold 12px tahoma,verdana;
color:#971D40;
}

.h22{
font:bold 16px tahoma,verdana;
color:#971D40;
padding-bottom:3px;
border-bottom:1px solid gainsboro;
}

.contenido{
padding-top:10px;
font:10px verdana;
text-align:justify;
}

.contenido p, .contenido ul li{
font:10px tahoma;
margin-top:2px;
color:#222;
text-align:justify;
}

/* Estilos fotos */
.fotoalaizquierda{
margin-right:5px;
border:1px solid black;
float:left;

}

.fotoaladerecha{
margin-left:5px;
border:1px solid black;
float:right;
}
/* Estilos galeria de artistas */
#menugaleria{
width:100%;
height:20px;
background-color:#fafafa;
border:1px solid #fafafa;
}

/* Estilos del menú de la izquierda */
#menuhorizontal a {
font:bold 11px arial, verdana;
color:#666;
text-align:left;
/*padding-left:20px;*/
padding-top:3px;
text-decoration:none;
display:block;
margin-bottom:0px;
width:150px;
height:20px;
background-image:url(../images/fondobotones.gif);
background-repeat:no-repeat;
vertical-align:0px;
}

#menuhorizontal a:hover{
background-image:url(../images/fondobotones.gif);
background-position:-150px 0;
color:#971D40;
}

#menuhorizontal a span {
padding-left:15px;
}

#menuvertical a {
font:10px tahoma, verdana;
color:#666;
text-align:left;
/*padding-left:20px;*/
padding-top:0px;
text-decoration:none;
display:block;
margin-bottom:0px;
width:130px; /*Este valor es el que manda de la anchura de los nombres dela galería*/
height:12px;
background-image:url(../images/fondobotonesverticales.gif);
background-repeat:no-repeat;
vertical-align:0px;
}

#menuvertical a:hover{
background-image:url(../images/fondobotonesverticales.gif);
background-position:-150px 0;
color:#004B75;
}

#menuvertical a span {
padding-left:15px;
}

.menuverticalmarcado{
background-position:-150px 0;
color:#004B75;
}

/* Estilos noticias */
/* Breves Home */
.tablabreves {
padding-bottom:5px;
border-bottom:1px solid #5F8318;
margin-bottom:10px;
}

.tablabreves img{
border:1px solid black;
}

h3.fechabreve{
font: 10px arial;
color:#430D1C;
margin:2px;
}

h3.titularbreve {
font:bold 11px arial;
color:black;
margin:2px;
}


.metodox a {
font:13px tahoma, verdana;
color:#971D40;
text-align:center;
padding-top:0px;
margin-bottom:0px;
vertical-align:0px;
}


.titularbreve2 {
font:10px tahoma, verdana;
color:black;
margin:2px;
font-weight:bold;
}

.titularbreve4 {
font:15px tahoma, verdana;
color:black;
margin:2px;
font-weight:bold;
}

.titularbreve3 {
font:10px tahoma, verdana;
color:black;
font-weight:bold;
cursor:pointer;
text-decoration:none;
}

.link_activo {
	color: #000;
	font-weight:bold;
	text-decoration: none
}

.link_activo2 {
	color: #000;
	font-weight:bold;
	text-decoration: none
}

.link_activo:hover {
	color: #f00;
	font-weight: bold;
}

.link_activo2:hover {
	color: #B47C21;
	font-weight: bold;
}

h3.descripcionbreve {
font:11px tahoma,arial;
color:#666;
margin:2px;
}

.descripcionbreve {
font:11px tahoma,arial;
color:#222;
margin:2px;
}

h3.ampliarbreve {
text-align:right;
font:10px arial;
color:#95CB66;
margin:2px;
}

h3 a{
text-decoration:none;
color:#d6295b;
}

h3 a:hover {
font-weight:900;
}

/* 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;
}
