/* CSS Document */

body {
	text-align: center;
	font-size: 70%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF; 
}


#contenedor {
	width: 980px;
	margin: auto;
	border: 1px solid #666666;
	text-align: left;
	padding: 10px;
}

#cabecera #img_logo {
	float: left;
	margin-right: 10px;
}

#cabecera #div_cont_logo{
	float: none;
	clear: both;
	width: 100%;
	height: 85px;
	margin-bottom: 5px;
}

#cabecera #div_cont_logo img{
	border: 0px;
}

#cabecera h1 {
	float: left;
	margin-right: 10px;
	margin-top: 25px;
	font-size: 180%;
	color: #666666;
}

.h1_txiki {
	font-size: 80%;
	color: #999999;
}

#cabecera #foto_bilbao {
	float: right;
	margin-left: 10px;
}

#cont_menu {
	width: 100%;
	height: 20px;
	margin-bottom: 5px;
}


#cont_menuarchivo {
	float: left;
} 

#cont_menuarchivo ul{
	padding: 0px;
	margin: 0px;
}

#cont_menuarchivo ul li{
	display: inline;
	margin-right: 5px;
	list-style: none;
	margin-left: 0px;
}

#cont_menucolor {
	float: left;
	width: 700px;
} 


#cont_menucolor ul{
	padding: 0px;
	margin: 0px;
}

#cont_menucolor ul li{
	display: inline;
	margin-right: 5px;
	list-style: none;
	margin-left: 0px;
	font-weight: bold;
	font-size: 95%;
}

.li_rojo {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #CC0000;
	text-decoration: none;
	margin-right: 5px;
}

a.li_rojo:link {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #CC0000;
	text-decoration: none;
}

a.li_rojo:hover {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #990000;
	text-decoration: none;
}

.li_ocre {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #CC9900;
	text-decoration: none;
	margin-right: 5px;
}

a.li_ocre:link {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #CC9900;
	text-decoration: none;
}

a.li_ocre:hover {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #996600;
	text-decoration: none;
}


.li_azul {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #3399FF;
	text-decoration: none;
	margin-right: 5px;
}

a.li_azul:link {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #3399FF;
	text-decoration: none;
}

a.li_azul:hover {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #0066CC;
	text-decoration: none;
}

.li_marron {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #63480A;
	text-decoration: none;
	margin-right: 5px;
}

a.li_marron:link {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #63480A;
	text-decoration: none;
}

a.li_marron:hover {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #3C2506;
	text-decoration: none;
}

.li_naranja {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #FE9429;
	text-decoration: none;
	margin-right: 5px;
}

a.li_naranja:link {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #FE9429;
	text-decoration: none;
}

a.li_naranja:hover {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #FF5004;
	text-decoration: none;
}

.li_amarillo {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #333333;
	background-color: #FFE02F;
	text-decoration: none;
	margin-right: 5px;
}

a.li_amarillo:link {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #333333;
	background-color: #FFE02F;
	text-decoration: none;
}

a.li_amarillo:hover {
	display: block;
	float: left;
	width: 90px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #333333;
	background-color: #FFCD06;
	text-decoration: none;
}



.li_rosa {
	display: block;
	float: left;
	width: 110px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #FF0099;
	text-decoration: none;
	margin-right: 5px;
}

a.li_rosa:link {
	display: block;
	float: left;
	width: 110px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #FF0099;
	text-decoration: none;
}

a.li_rosa:hover {
	display: block;
	float: left;
	width: 110px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #CC3366;
	text-decoration: none;
}


.li_gris {
	display: block;
	float: left;
	width: 90px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	margin-right: 5px;
}

a.li_gris:link {
	display: block;
	float: left;
	width: 90px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
}

a.li_gris:hover {
	display: block;
	float: left;
	width: 90px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #333333;
	text-decoration: none;
}


#menu_supder {
	float: right;
	width: 400px;
	height: 35px;
	text-align: right;
}

#menu_supder ul{
	padding: 0px;
	margin: 0px;
}

#menu_supder ul li{
	display: inline;
	list-style: none;
	padding-top: 10px;
	margin: 0px;
	margin-left: 3px;
}

.enlace_der {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}


a.enlace_der {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}


a.enlace_der:link {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a.enlace_der:hover {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}


.enlace_lang {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}


a.enlace_lang {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}


a.enlace_lang:link {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}

a.enlace_lang:hover {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	color: #CC0000;
	text-decoration: underline;
	font-weight: bold;
}


/********************************************************************************************************************************/

#cuerpo_izquierda {
	width: 680px;
	float: left;
}

#cuerpo_izquierda h1{
	margin-bottom: 0px;
}

#cuerpo_izquierda p{
	margin-top: 0px;
}

#texto_sec_principal {
	padding-bottom: 10px;
	border-bottom: #CCCCCC 1px dashed;
	margin-bottom: 0px;
}

#texto_sec_principal_izq {
	float: left;
	width: 650px;
}

#texto_sec_principal_der {
	text-align: right;
	padding-top: 25px;
	width: 200px;
	float: right;
}


#secciones_secundarias {
	padding: 10px;
	margin-top: 0px;
	background-color: #E6E6E6;
}

#secciones_secundarias h3{
	margin-top: 0px;
	font-size: 110%;
}

#inferior_izquierda {
 width: 315px;
 padding: 5px;
 border-right: 1px dotted #666666;
 float: left;
}

#superior_izquierda {
 margin-top: 5px;
 width: 320px;
 padding: 5px;
 border-right: 1px dotted #666666;
 float: left;
}

#superior_derecha {
 margin-top: 5px;
 width: 320px;
 margin-left: 5px;
 padding: 5px;
 float: left;
}

#superior_izquierda h1, #superior_derecha h1{
	font-size: 160%;
}

#inferior_izquierda img{
	border: 1px solid #333333;
	margin-right: 5px;
	float: left;
}

#inferior_izquierda p{
 width: 140px;
 margin-right: 10px;
 float: right;
}

#inferior_derecha {
 width: 315px;
 padding: 5px;
 float: right;
}

#inferior_derecha img{
	 margin-right: 10px;
	 border: 1px solid #333333;
	 float: left;
}

#inferior_derecha p{
  width: 140px;
 margin-right: 10px;
 float: right;
}



.h2_actividades {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #FF0099;
}

.h2_agenda {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #990000;
}

.h2_musica {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #CC9900;
}

.h2_exposiciones {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #3399FF;
}

.h2_audiovisuales {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #63480A;
}

.h2_espectaculos {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #FE9429;
}

.h2_publicaciones {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #FFCD06;
}
/*********************************************************************************************************************************/
#buscador {
	background-color: #DE0000;
	color: #FFFFFF;
	padding: 5px;
	margin: 0px;
}

.rojo {
	color: #DE0000;
	font-weight: bold;
}

#fbuscador {
	margin: 0px;
}

.cajabuscador {
	border: 1px solid #333333;
	width: 160px;
	padding-left: 15px;
	background-color:#FFFFFF;
	background-image:url(../images/icon_lupa.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px;
	font-size: 90%;
}

.boton_buscador {
	border: 1px solid #DE0000;
	background-color: #DE0000;
	color: #FFFFFF;
	margin: 0px;
	font-size: 90%;
	font-weight: bold;
}

#columna_derecha {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	background-color: #333333;
	color: #CCCCCC;
	padding: 0px;
	width: 270px;
}

#columna_derecha h1 {
	text-align: left;
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 7px;
	padding-left: 15px;
	color: #FF0000;
	background-color:#000000;
}

#contenedor_citas {
	padding: 5px;
}

#contenedor_citas img{
	float: left;
	margin-right: 5px;
	border: 1px solid #000000;
}

#contenedor_citas a{
	color: #FF0000;
	text-decoration: underline;
}

.rojo_cita {
	color: #FF0000;
	font-weight: bold;
}

.p_cita{
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	width: 180px;
}

.cita_imagen2 {
	float: left;
	margin-right: 15px;
}

.p_cita2{
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	width: 360px;
}

.p_separador_cita {
	text-align: right;
	padding-right: 10px;
	clear: both;
	margin: 0px;
	margin-bottom: 5px;
	border-bottom: #CCCCCC dotted 2px;
}

.p_eventocita {
	text-align: left;
	padding-bottom: 10px;
	clear: both;
	margin: 0px;
	margin-bottom: 5px;
	border-bottom: #CCCCCC dotted 2px;
}

.evento_pasado {
	color: #999999;
}

.separador{
	clear: both;
	margin: 0px;
	margin-bottom: 5px;
}

/******************************************************************************************************************************/

#pie {
	margin-top: 10px;
	border-top: #666666 dotted 1px;
	padding: 3px;
	height: 25px;
}

#pie img{
	float: left;
	margin-left: 10px;
}

#pie ul{
	float: left;
	padding: 0px;
	margin-left: 15px;
}

#pie ul li{
	display: inline;
	margin-right: 5px;
	list-style: none;
	margin-left: 0px;
}

/******************************************* agenda *****************************************************************************/

#agenda {
	width: 200px;
	padding: 0px;
	height: 350px;
	border: 1px solid #666666;
	float: left;
}

#agenda h1{
	background-color: #DE0000;
	color: #FFFFFF;
	padding: 3px;
	padding-left: 10px;
	font-size: 120%;
	margin: 0px;
	margin-bottom: 5px;
}

#lista_agenda {
	text-align: center;
	width: 100%;
	height: 315px;
	overflow: auto;
}

.agenda_mes {
	width: 167px;
	text-align: left;
	margin: auto;
	margin-bottom: 15px;
	border: 1px solid #CC0000;
	padding: 5px;
}

#evento_detalles {
	float: left;
	width: 450px;
	margin-left: 10px;
	padding: 6px;
	border: 1px solid #666666;
	background-image: url(../images/degradado.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#evento_detalles h1{
	margin-top: 15px;
	font-size: 140%;
}

#evento_detalles img{
	border: none;
}

#evento_detalles_imagen {
	float: left;
	margin-right: 13px;
	margin-top: 15px;
	padding: 0px;
	padding-bottom: 3px;
	width: 141px;
}

#evento_detalles_texto p{
	/*float: left;*/
	margin-top: 15px;
	/*width: 285px;*/
}

#evento_detalles_info {
	float: left;
	margin-top: 15px;
	width: 285px;
}

#evento_detalles_info2 {
	float: left;
	margin-top: 15px;
	/*width: 285px;*/
}

#evento_detalles_entradas {
	float: right;
	margin-top: 15px;
	width: 130px;
}


#evento_detalles_entradas img {
	border: 0px;
}

.video img {
	border: 0px;
}

.video_thumb {
	float: left;
	width: 160px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.video_audio_icon {
	float: left;
	width: 60px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.video_desc {
	float: left;
	width: 270px;
	margin-bottom: 10px;
}

.p_agenda {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}



.pages {
    text-align: center;
    margin: 10px auto;
    padding: 5px;
}

.pages a, .pages span {
    padding: 3px 5px;
    font-family: verdana;
    margin: 2px;
    text-decoration: none;
    color: #D7D6D6;
}

.pages span.current {
    font-weight: bold;
    background: #CC0000;
    color: #FFFFFF;
}

.pages span.nextprev {
    color: #666666;
    background: #D7D6D6;
}

.pages a, .pages span.current, .pages span.nextprev {
    border: 1px solid #CC0000;
}

.pages a:hover {
	color: #FFFFFF;
    background: #CC0000;
}

.div_pub_img {
	margin-top: 4px;	
	float: left;
	width: 100px;
}

.div_pub_text{
	margin-top: 4px;	
	margin-left: 10px;	
}

.center {
	text-align: center;
}

.cajatexto {
	border: 1px solid #666666;
	width: 250px;
	font-size: 100%;
	padding-left: 2px;
	padding-right: 2px;
	color: #666666;
}

#fcontacto {
	width: 400px;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	/*border: 1px solid #990000;*/
}

textarea {
	border: 1px solid #666666;
	width: 305px;
	color: #666666;
	padding-left: 2px;
	padding-right: 2px;
}

.boton {
	color: #FFFFFF;
	width: 150px;
	background-color: #990000;
	border: 1px solid #990000;
}

#mensajeError {
	color: #990000;
	background-color: #D5E4EA;
	font-weight: bold;
	padding: 10px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.resaltadoBusqueda {
	color: #990000;
	background-color: #D5E4EA;
	font-weight: bold;
}