/* GENERALES */
body {
padding:0;
margin:0;
color:#333;
font:12px Arial, Helvetica, sans-serif;
background-color:#fff;
text-align:center;
}
img{
border-style:none;
}
/* CONTENEDOR */
#web{
margin:30px auto;
width:780px;
text-align:left;
}
/* TOP */
#logo{
width:780px;
float:left;
margin:0 0 10px 0;
}
#logo p{
margin:0 0 5px 11px;
padding:0;
font-size:11px;
color:#999;
}
#logo a{
color:#999;
font-size:11px;
text-decoration:none;
}
#logo a:hover{
color:#666;
text-decoration:underline;
}
#right_logo{
float:right;
margin:0;
}
#right_logo p{
font-size:11px;
padding:0;
margin:5px 0 0 0;
color:#666;
text-align:right;
}
/* MENU */
#container_menu {
width:778px; 
background: url(images/0.jpg);
margin:0; 
padding:0; 
border:1px solid #666;
float:left;
}
.menu {
font-family: arial, sans-serif; 
width:170px; 
height:185px; 
position:relative; 
margin:0; 
font-size:11px;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
font-weight:bold; 
width:130px; 
height:30px; 
background:transparent  url(images/opaque.png); 
line-height:29px; 
font-size:11px; 
padding-left:10px; 
margin:12px 0 2px 12px;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left; 
position:relative;
}
.menu ul li ul {
display: none;
}
/* MENU: specific to non IE browsers */
.menu ul li:hover a {
color:#fff; 
background:#CC0000;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:0; 
left:150px; 
width:780px; 
background:transparent;
}
.menu ul li:hover ul li {
float:left;
}
.menu ul li:hover ul li a {
display:block; 
background:transparent  url(images/opaque.png); 
color:#000; 
width:130px; 
float:left;
}
.menu ul li:hover ul li a:hover {
background:#FFCC00; 
color:#000;
}
/* PRE CONTENEDOR DE SECCIÓN Y PRE MENÚ */
#pre_content{
border-left: 1px dashed #666;
border-right: 1px dashed #666;
border-top:10px solid #CC0000;
border-bottom: 1px dashed #666;
float:left;
width:718px;
padding:20px 30px 20px 30px;
}
#pre_content p{
padding:0px;
margin:0px;
}
#pre_menu{
float:right;
}
#pre_menu ul{
padding:0px;
margin:0px 0px 5px 0px;
list-style:none;
}
#pre_menu li {
background-image: url(images/flecha_n.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 0.7em;
padding-right:17px;
display:inline;
margin:0 0 3px 0;
}
#pre_menu a{
color:#666;
margin-bottom:5px;
border-bottom:5px solid #ccc;
}
#pre_menu a:hover{
color:#000;
border-bottom:5px solid #666;
}
#pre_menu2 ul{
padding:0px;
margin:20px 0 0 0;
list-style:none;
}
#pre_menu2 li {
background-image: url(images/flecha_n.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 0.7em;
padding-right:6px;
display:inline;
margin:0 0 2px 0;
}
#pre_menu2 a{
color:#666;
margin-bottom:5px;
border-bottom:5px solid #ccc;
}
#pre_menu2 a:hover{
color:#000;
border-bottom:5px solid #666;
}
/* CONTENEDOR DE SECCIÓN Y MENÚ */
#content{
float:left;
width:778px;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
}
/* SECCION */
#seccion{
float:left;
width:720px;
padding:30px;
}
#seccion p{
margin:0px 0px 20px 0px;
padding:0px;
line-height:20px;
text-align:justify;
}
/* PIE */
#pie{
float:left;
width:780px;
border-top:15px solid #ccc;
padding:15px 0px 10px 0px;
}
#pie p{
margin:0;
}
#pie_logos{
float:right;
}
/* CLASES DE TEXTO */
.rojo{
color:#CC0000;
}
.rojo_b{
color:#CC0000;
font-weight:bold;
}
.horarios{
color:#CC0000;
font-weight:bold;
text-decoration:underline;
}
.oscuro{
color:#333;
font-weight:bold;
}
h1{
font-size:16px;
margin:0px 0px 10px 0px;;
padding:0px;
color:#666;
}
.aviso{
font-size:11px;
color:#333;
}
.aviso:hover{
color:#000;
}
.piensaenweb{
font-size:11px;
color:#999;
}
.director{
font-size:11px;
color:#999;
}
.publicaciones{
font-size:14px;
font-weight:bold;
}
/* IMÁGENES QUE FLOTAN */
.float_right{
float:right;
margin:0px 0px 20px 30px;
border:1px #333 solid; 
}
.float_right_noborder{
float:right;
margin:0px 0px 20px 30px;
}
/* BOTONES */
#boton{
text-align:center;
}
#boton a{
text-align:center;
font-size:11px;
padding:3px 10px 3px 10px;
margin:0 15px 0 0;
background:#ccc;
color:#333;
text-decoration:none;
border:1px solid #666;
font-weight:bold;
}
/* MINI GALERÍAS DE FOTOS */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:350px; 
background:#fff url(gallery/1.jpg) 0 0 no-repeat;
margin:0 0 20px 30px;
float:right;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:245px 0 0 0; 
list-style-type:none; 
position:relative; 
width:350px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px 7px 2px 0px;
}
.gallery li a:hover{
background:#ccc; 
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.museo {
top:-245px;
}*/
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#fff;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/* NOTICIAS */
#noticia{
width:100%;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px dashed #999;
text-align:justify;
line-height:20px;
}
.fecha{
color:#999;
}
#noticia img{
float:right;
margin:0px 0px 0px 20px;
}
#noticia p{
margin:15px 0 0 0;
text-align:justify;
line-height:20px;
}
.titular_noticia{
font-weight:bold;
font-size:14px;
}
.titular_evento{
font-weight:bold;
font-size:14px;
color:#990000;
}
/* BUSCADOR */
#buscador{
float:right;
text-align:right;
}
#buscador input{
width:200px;
height:15px;
border:1px solid #999;
background:#eee;
font:12px Arial, Helvetica, sans-serif;
}
#buscador a{
text-align:center;
font-size:10px;
padding:2px 10px 2px 10px;
margin:0 0 0 5px;
background:#ccc;
color:#333;
text-decoration:none;
border:1px solid #666;
font-weight:bold;
}
/* ENLACES */
#enlaces{
width:100%;
}
#enlaces ul{
list-style:square;
margin:0 0 40px 20px;
padding:0;
}
#enlaces li{
margin:0 0 10px 0;
}
/* LOCALIZACIÓN */
#map{
width:720px;
height:420px;
margin:30px 0 30px 0;
}
/* ÚLTIMA HORA */
#ultima_hora{
width:695px;
background:#eee;
border:1px solid #ccc;
margin:20px 0 0 0;
padding:10px;
}
#ultima_hora p{
padding:0;
margin:10px 0 0 0;
}
/* SUBMENÚS */
#submenus{
width:695px;
background:#eee;
border:1px solid #ccc;
margin:0 0 30px 0;
padding:10px;
}
#submenus p{
padding:0;
margin:5px 0 0 0;
}
#submenus ul{
margin:0 0 0 30px;
padding:0;
}
/* SUBIR */
#subir{
width:695px;
text-align:right;
}
/* TABLAS */
td{
color:#333;
font:12px Arial, Helvetica, sans-serif;
background-color:#fff;
text-align:center;
}
.celda_gris{
background:#ccc;
font-weight:bold;
}
.celda_gris2{
background:#ccc;
}
/* CITAS */
blockquote{
text-align:justify;
line-height:17px;
}
/* ENLACES */
.enlaces{
font-weight:bold;
text-decoration:none;
}
.enlaces2{
color:#666;
}
.enlaces2:visited{
color:#666;
}
.enlaces2:hover{
color:#666;
}
.leer{
color:#CC0000;
font-weight:bold;
}
.leer:hover{
color:#CC0000;
font-weight:bold;
}
.leer:visited{
color:#000;
text-decoration:line-through;
}
.noticias{
color:#000;
font-weight:bold;
}
.noticias:hover{
color:#000;
font-weight:bold;
}
.noticias:visited{
color:#000;
font-weight:bold;
}
.eventos{
color:#CC0000;
font-weight:bold;
}
.eventos:hover{
color:#CC0000;
font-weight:bold;
}
.eventos:visited{
color:#CC0000;
font-weight:bold;
}
.borde{
border:1px #333 solid; 
}