html { padding:0; margin:0 auto;}
body{
height:auto;
width:100%;
margin:0px auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:transparent;
color:#141414;
}
.fondo1{background:#ababab url(images/fondo1.jpg) top no-repeat;}
.fondo2{background:#ababab url(images/fondo2.jpg) top no-repeat;}
.fondo3{background:#ababab url(images/fondo3.jpg) top no-repeat;}
.fondo4{background:#ababab url(images/fondo4.jpg) top no-repeat;}
a img{ border:none;}
a{ text-decoration:none;}
a:hover{ }
a:link, a:active, a:hover, a:visited {
outline: none;
}
.boton { line-height:28px;background-color: #1e030a; width:82px; height:28px; color:#FFF; border:none; font-size:11px; cursor:pointer; text-align:center;}
input[type="text"] { border:none; background-color:#FFF; height:20px; font-size:11 px; padding:0px; vertical-align:middle;}
input[type="checkbox"]{ vertical-align:middle;}
#main {
width:100%;
height:auto;
background:url(images/fondo-web-grid.png) repeat ;
padding:0;
margin:0 auto;
text-align:center;
position:relative;
float:left;
}
#sitio{
width:1000px;
margin:0 auto;
padding:0px;
text-align:left;
position:relative;
}
#contenedor{background-color:#FFF; float:left;width:1000px; }
#logo{ position:absolute; top:5px; left:5px; z-index:10;}
#cabecera{
padding:0px;
width:1000px;
height:140px;
overflow:hidden;
position:relative;
}
#cabecera img{ border:none;}
#cabecera ul {
overflow:hidden;
float:right;
margin-top:0;
padding-top:0;
}
#cabecera li{
display:inline;
list-style-type:none;
margin:0 auto;
padding:0;
margin-right:0px;
}
#menu{
width:100%;
position:relative;
float:right;
background-color:#727272;
height:40px;
}
#menu ul {
margin-right:2px;
}
#menu li div{
padding-right:7px;
}
#menu a{
}
#menu img{ border:0px;}
.fade {
position: relative;
display:block;
float:left;
}
.fade div {
position: absolute;
top: 0;
left: 0;
display: none;
}
/*
#menu .fade,#menu .fade div{ width:155px; height:40px;}
#idiomas .banderas .fade,#menu .fade div{ width:48px; height:32px;}
funciona mal en IE
*/
#error{ background:url(images/iconoError.png) no-repeat; padding-left:20px; display:none; font-size:14px; font-weight:bold;}
#errorgaleria{ background:url(images/iconoError.png) no-repeat; padding-left:20px; display:none; font-size:14px; font-weight:bold;}
#errorAula{ background:url(images/iconoError.png) no-repeat; padding-left:20px; display:none; font-size:14px; font-weight:bold;}
#idiomas{ height:100px;
width:100%; margin:0; padding:0;}
#idiomas .banderas{ position:absolute; right:20px; top:20px;}
#slider{ text-align:center; margin:0 auto; width:985px; height:428px; margin-top:8px;margin-left:8px;}
#contenido{
float:left;
}
.fondobienvenidos{background:url(images/fondo-benvinguts.jpg) bottom left no-repeat;}
.fondocontacto{width:342px; height:368px; position:absolute; bottom:10px; right:-10px;}
#contenido h1{font-family: arial, serif; font-size:20px; color:#db1549; width:100%; margin:0; padding:0; }
#contenido h2{font-family: arial, serif; font-size:20px; color:#141414; text-align:left; margin-top:20px;margin-left:20px; margin-bottom:5px; padding-bottom:0;}
#contenido .separador{ border: solid 1px #707070; position:relative; float:left; width:100%; height:1px; margin:0; padding:0;}
hr {
border:none;
width: 100%;
color:#707070;
background-color:#707070;
height:1px;
margin-bottom:5px;
margin-top:5px;
padding:0;
float:left;
}
#menulateral{float:left; position: relative;
width:192px;
background:url(images/fondoSubmenu.jpg) top repeat-y;
text-align:left;}
#menulateral .basemenu{height:5px; width:192px; padding:0; margin:0px; font-size:1px;
background:url(images/sombra-base-menu.png) no-repeat bottom #FFF; position:relative; float:left}
#menulateral .menu{
text-align:left; color:#FFF;
position:relative; width:176px; height:29px;
float:left;
font-size:12px;
margin-left:10px;_margin-left:10px;
margin-top:1px;_margin-top:0px;
margin-bottom:1px;_margin-bottom:0px;
vertical-align:middle;
display:inline;
}
#menulateral .submenu{
float:right;
text-align:left;
color:#FFF;
position:relative;
width:176px;
font-size:12px;
display:inline;
}
#menulateral .oculto{ display:none;}
#menulateral .menu span{display:inline}
#menulateral .on{background:url(images/menu-on.jpg) no-repeat; }
#menulateral .off{background:url(images/menu-off.jpg) no-repeat; }
.subfadelateral .subon{
width:170px;
height:26px;
background:url(images/submenu-on.jpg) top right; margin-bottom:1px; }
.subfadelateral .suboff{
width:170px;
height:26px;
background:url(images/submenu-off.jpg) top right; margin-bottom:1px; }
.fadelateral,.subfadelateral {
position: relative;
display:block;
float:left;
}
.fadelateral .anim, .subanim {
position: absolute;
top: 0;
left: 0;
display: none;
}
.fadelateral .submenu{ display:none;}
.subfadelateral .subgaleriaon{
width:170px; height:58px;
background:url(images/fondoSubirImagen.jpg) top right no-repeat;cursor:pointer;
}
.subfadelateral .subgaleriaoff{
width:170px; height:58px;
background:url(images/fondoSubirImagen-on.jpg) top right no-repeat; cursor:pointer;
}
.subfadelateral .texto{ position:relative; float:right; height:58px; width:90px; margin-right:10px;_margin-right:0px; margin-top:2px;_margin-top:0px; cursor:pointer; }
.subfadelaterl a{margin-left:5px;_padding-left:3px;}
#menulateral a{ text-decoration:none; color:#FFF; display:block; height:29px;width:100%; padding:7px 0 0 10px;_padding:0px; _padding-left:5px;_margin-top:3px; _text-align:left;}
#menulateral a:hover{ font-style:normal; }
.titulocabecera{margin-left:25px; position:relative; float:left; }
.titulocabecera h1{font-family: arial, serif; font-size:64px
; padding:0; margin:0; top:0; left:0; color:#BBBBBB;}
/* bloque derecha . contenidos */
#bloquederecha{position:relative; float:left;
width:785px; text-align:left;
margin-bottom:10px;
padding-bottom:10px;
margin-left:10px;
margin-top:20px;
min-height:400px;
height:auto !important;
height:470px;
font-size:12px;
text-align:left;
}
#bloquederecha .bloqueTexto1{ font-size:12px; width:414px; float:left; text-align:left; position:relative; }
#bloquederecha .bloqueTexto1 p{ text-align:left; }
#bloquederecha .bloqueimagen{ width:330px; float:left; height:auto; margin-left:20px; }
#bloquederecha .bloqueactividad{ width:300px; float:right; position:relative; padding-top:10px;_padding-top:0px; font-size:11px; }
#bloquederecha .paginador { position:relative; float:right; width:100%; text-align:right;}
#bloquederecha .receta{ width:100%;}
#bloquederecha .bloqueListadoimagenNoticia{ width:225px; float:left; position:relative; height:auto; }
#bloquederecha .bloqueListadoTextoNoticia{ font-size:11px; width:520px !important; position:relative; float:left; height:auto;}
#bloquederecha .bloqueimagenNoticia{ width:215px; float:left; position:relative; height:auto; padding-top:10px; }
#bloquederecha .bloqueimagenNoticia img{ }
#bloquederecha .bloqueTextoNoticia{ font-size:11px; width:470px !important; position:relative; float:right; height:auto; }
#bloquederecha .noticia{ width:100%; margin-bottom:5px; position:relative; float:left;}
#bloquederecha .noticia h3{ font-size:13px; font-weight:bold !important;}
#bloquederecha .bloqueTexto2{ font-size:12px; width:765px; position:relative; float:left; margin-top:10px; }/* texto ancho completo*/
#bloquederecha .imagenarxiuhistoric{width:456px; height:336px; position:relative; float:left;}
#bloquederecha .tituloarxiuhistoric{ font-weight:bold;width:320px; height:336px; position:relative; float:left; color:#bbbbbb; font-size:108px; font-family: arial, serif; text-align:right; }
#bloquederecha .tituloarxiuhistoric h2{ color:#d5d5d5; font-size:120px; font-family: arial, serif; }
#bloquederecha .leermas { margin-top:20px; position:relative; float:left; width:100%;}
#bloquederecha p{ margin:0; padding:0;}
#bloquederecha a{color:#666666; font-size:11px; text-decoration:none;}
#bloquederecha a:hover{color:#db1549; font-size:11px; text-decoration:none;}
#bloquederecha .leermas img{ vertical-align:middle; margin-left:10px;}
#bloquederecha .leermas img{ vertical-align:middle; margin-left:10px;}
#bloquederecha .leermascursos img{ vertical-align:middle; padding-left:10px;}
#bloquederecha .leermascursos {color:#666666 !important; font-size:11px; text-decoration:none;}
#bloquederecha .leermascursos a:hover{color:#db1549; font-size:11px; text-decoration:none;}
#bloquederecha #recetas { font-size:11px;}
#bloquederecha #recetas .receta{ font-size:13px; font-weight:bold; text-decoration:none;}
#bloquederecha #recetas .receta a {color:#141414 !important;font-size:13px; }
#bloquederecha #recetas .receta a:hover{color:#db1549 !important;font-size:13px; }
#bloquederecha #recetas .receta .leermas{ }
#bloquederecha .volver{position:absolute; right:10px; top:10px;}
#bloquederecha #map{width:100%; height:381px; padding:0; margin-top:10px; margin-bottom:10px;}
/* paradas del mercado*/
#bloquederecha #buscadorparadas{ margin-bottom:10px; color:#FFF; position:relative; float:left; width:593px; height:73px; background:url(images/fondobuscador.jpg) repeat-x; }
#bloquederecha #buscadorparadas .criterio1{ width:270px; float:left; margin-top:15px; margin-left:15px;*margin-left:5px; }
#bloquederecha #buscadorparadas .criterio2{ width:270px; float:left;margin-top:15px; margin-left:15px;}
#bloquederecha #buscadorparadas input{ width:258px; border:1px solid #969696; float:left; margin:0; padding:0;}
#bloquederecha #buscadorparadas select{ width:258px; border:1px solid #969696; float:left;margin:0; padding:0; }
#bloquederecha #tituloparadas{ position:relative; float:left; width:300px;}
#bloquederecha #botonbuscador{ width:246px; height:36px; line-height:36px; vertical-align:middle; position:absolute; right:0; top:-15px; text-align:left; }
#bloquederecha #botonbuscador a{ font-size:17px; color:#141414; font-weight:bold; padding:1px;*padding:0px;}
#bloquederecha #botonbuscador a:hover{ font-size:17px; color:#DB1549; }
#bloquederecha #botonbuscador a img{ vertical-align:middle;}
#bloquederecha #listadoparadas{ position:relative; float:left; overflow:none}
#bloquederecha #bloqueTiposComercio{ width:180px;_width:150px; margin:0; float:left; position:relative; margin-top:0px; margin-right:10px;
border:#707070 solid 1px; text-align:center; }
#bloqueTiposComercio #tituloTiposComercio{background:url(images/fondoTiposEstablecimiento) repeat-x; height:28px; color:#fff; vertical-align:middle; line-height:28px;}
#bloqueTiposComercio #tituloTiposComercio h3{padding:5px 0 0 0; margin:0; font-size:13px; font-weight:bold;}
#bloqueTiposComercio .tipoComercio{width:100%; height:20px; line-height:20px; margin:5px; text-align:center; padding-left:10px;_padding-left:5px;}
#bloqueTiposComercio .color{position:relative; float:left; width:28px; height:18px; border:#000 1px solid;}
#bloqueTiposComercio .nombretipo{position:relative; float:left; padding-left:10px;}
#bloqueTiposComercio .nombretipo .activo{color:#db1549 !important;}
#bloqueTiposComercio a{ color:#141414 !important;}
#bloqueTiposComercio a:hover{ color:#db1549 !important;}
#bloqueparadas{width:593px; float:left; position:relative; margin:0; padding:0;}
#bloqueparadas h3{ margin:0; padding:0;font-size:13px; font-weight:bold; margin-top:5px;}
#bloqueparadas .bloqueparada{width:290px;position:relative; float:left; margin-left:0; margin-right:5px; margin-bottom:3px; margin-top:3px; padding:0;}
#bloqueparadas .codigoparada{ margin:0; font-size:14px; font-weight:bold; padding:0;position:relative; float:left;width:40px; height:25px; line-height:25px; color:#FFF; text-align:center; vertical-align:middle}
#bloqueparadas .titulobloqueparada{height:25px; width:210px; margin:0; padding-left:10px; padding-top:0px; padding-bottom:0px; padding-right:0px; position:relative; float:left;}
#bloqueparadas .paradatitulo1{font-size:11px;}
#bloqueparadas .paradatitulo2{font-size:10px; color:#818181}
#bloqueparadas .paradalink{height:25px; width:25px; position:relative; float:left; margin:0; padding:0}
.lineahorizontal{ position:relative; float:left; width:100%; height:1px; font-size:0px; margin:0; padding:0; border-bottom:1px solid #707070; margin-top:3px; }
/*paradas ficha*/
#bloquederecha #layer{height:430px; width:780px;position:absolute;z-index:1000; display:none;left:0;top:50px;0;background-color:#FFF;}
#bloquederecha #layer2{width:99%;position:relative;z-index:1000; display:none;left:0;}
#bloquederecha #layer2 #volver, #bloquederecha #layer #volver{float:right; text-align:right;}
#bloquederecha #flash{ width:780px;height:430px;position:relative;float:left;}
#bloquederecha #fotocomercio{ margin-top:10px;position:relative; float:left; width:480px; height:315px; padding-left:0px;}
#bloquederecha #descripcioncomercio{margin-top:10px;width:268px; position:relative; float:left; margin-left:10px;}
#bloquederecha #titulocomercio{padding:5px;text-align:left; vertical-align:middle; line-height:30px; position:relative; float:left; width:99%;background-color:#e1e1e1; height:30px; color:#292929; font-size:14px; font-weight:bold; }
#bloquederecha #contenidocomercio{ width:100%; padding:5px; position:relative; float:left; font-size:11px;}
#bloquederecha #contenidocomercio ul{ margin:5px; }
/* actualidad*/
#bloquederecha #galeria{ position:relative; float:left; width:100%; height:420px; margin-top:10px;}
.botongaleria{ top:45%;position:relative; float:left; width:35px; height:35px; margin-left:7px;}
#bloquederecha #contenidoimagen{ vertical-align:middle;position:relative; float:left; width:700px; margin:0px; background-color:#FFF; text-align:center }
#bloquederecha #contenidoimagen img{ max-width:700px; vertical-align:middle}
#bloquederecha #contenidoimagen .titulo{ width:100%; position:relative; float:right; text-align:right; font-size:11px; width:100%; }
/* galeria y subir imagen*/
#mask {
position:absolute;
left:0;
top:0;
z-index:1;
background-color:#fff;
top:0;
left:0;
display:none;
}
#dialogo {
background:url(images/fondoFormularioGaleria.png) no-repeat 0 0 transparent;
width:701;
height:345px;
z-index:1000;
position:absolute;
display:none;
top:80px;
left:35px;
}
#dialogo #cerrar{cursor:pointer; position:absolute; z-index:2000; right:10px; top:10px;}
#bloquederecha #subirimagen{padding-top:40px; color:#fff; font-size:11px; margin-top:10px;margin-left:45px;margin-right:5px;width:651px;height:345px; position:relative; float:left; }
#bloquederecha h2{ margin:0; padding:0; color:#FFF}
#subirimagen a{font-size:11px; color:#fff; text-decoration:none; text-decoration:underline;}
#subirimagen .text{ width:300px; margin-left:0px; border:none;}
#subirimagen .file{ width:300px; margin-left:0px; border:none; background-color:#FFF;}
#errorgaleria { color:#FFF; font-size:12px;}
#subirimagen .textobloque{position:relative; float:left; height:250px; width:205px; }
#subirimagen .formulariobloque{position:relative; float:right; height:255px; width:400px; text-align:right; margin-right:30px;}
#subirimagen .inputs{text-align:left; float:left; width:300px; margin-left:65px;}
/* formulario registro aula boqueria */
#formularioaula {background:url(images/fondo-aula-introduccio.jpg) no-repeat; width:346px; height:324px; float:left;}
#formularioaula a{font-size:12px; color:#fff; text-decoration:none; }
#formularioaula a:hover{ color:#141414;font-size:12px; }
#formularioaula .texto { width:250px; margin-left:0px; border:none;}
#formularioaula .formulariobloque{position:relative; float:left; height:100%; width:336px; text-align:right; padding-top:10px; padding-right:10px;}
#formularioaula h2{ color:#000; margin:10px; padding-left:10px; margin:0;}
#formularioaula p{ color:#FFF; padding-left:10px; margin:10px;}
#formularioaula form{ color:#FFF;}
/* seccion contacto */
#bloquederecha .bloqueContacto1{ font-size:12px; width:247px; float:left; text-align:left; position:relative; }
#bloquederecha .bloqueContacto2{ font-size:12px; width:247px; float:left; text-align:left; position:relative; }
#bloquederecha .bloqueContacto3{ font-size:12px; width:247px; float:left; text-align:left; position:relative; }
#bloquederecha .bloqueContacto1 a{ font-size:12px;}
#bloquederecha .bloqueContacto2 a{ font-size:12px;}
#bloquederecha .bloqueContacto3 a{ font-size:12px;}
#pie{
width:100%;
position:relative;
float:left;
background-color:#fff;
}
/*bloque1 pie : actualidad y banner*/
#pie .bloque{
width:100%;
padding:0;
margin:0;
padding-top:1px;
padding-bottom:1px;
background:url(images/linea-trozo-hor.jpg) top repeat-x;
float:left;
position:relative;
}
/*separador vertical*/
#pie .sep1{height:255px; width:4px;position:relative; float:left; padding:0; margin:0;}
#pie .sep2{height:210px; width:4px;position:relative; float:left; padding:0; margin:0;}
#pie .titulobloque{width:100%; height:auto; position:relative; float:left;}
/*pie bloque1*/
/* actualidad*/
#pie #actualidad{margin-top:20px; margin-left:20px;_margin-left:10px; width:565px; height:auto; position:relative; float:left; }
#pie #actualidad .contenidoactualidadcontainer{width:99%; /*height:120px;*/ border-top:1px solid #707070; padding-top:0px; position:relative; float:left}
#pie .linkactualidad{width:100%; position:relative; float:left; margin:0; padding-bottom:5px; }
#pie .linkactualidad img{ vertical-align:middle;}
#pie .actualidadcontainer{position:relative; float:left;height:150px; margin-top:30px; width:100%}
#pie #actualidad a{color:#666666; font-size:11px; text-decoration:none; font-size:10px;}
#pie #actualidad a:hover{color:#db1549; font-size:11px; text-decoration:none;font-size:10px;}
#pie #actualidad .botonactualidad{position:relative; float:left; height:35px; width:35px; top:40%;border:none;} .botonactualidad a img{ border:none;}
#pie #actualidad .contenidonoticia{ position:relative; float:left; height:auto; margin-right:0; background-color:#FFF; padding-left:0;}
#pie #actualidad .contenidonoticia .fotonoticia{position:relative; float:left; width:195px; height:150px;line-height: 150px;}
#pie #actualidad .contenidonoticia .fotonoticia img{margin-top: expression(( 150 - this.height ) / 2);max-height:150px;}
html>body #pie #actualidad .contenidonoticia .fotonoticia img{margin-top: expression(( 150 - this.height ) / 2); }
#pie #actualidad .contenidonoticia .contenedornoticia{position:relative; float:left; width:350px; font-size:11px; border:none; margin-left:10px; }
#pie #actualidad .contenidonoticia .titulo{ width:100%; font-size:13px; font-weight:bold; padding:0 0 15px 0; float:left; position:relative;}
/* banners*/
/*
#pie #banner{position:relative; float:left; padding-left:5px; margin-top:3px; }
*/
#pie #youtube{position:relative; float:left; padding-left:5px; margin-top:15px; z-index:0; }
/*pie bloque2*/
/*redes sociales*/
/*
#pie #redessociales{ margin-top:10px; margin-left:10px;_margin-left:5px; margin-right:5px;_margin-right:0px; height:194px; width:292px;position:relative; float:left; background-color:#ed174f; }
#pie #redessociales div{ padding:10px; width:90%}
#redessociales #iconos{ position:absolute; bottom:10px; right:10px;}
*/
#pie #banner{margin-top:2px; margin-left:3px;margin-right:5px;_margin-right:0px; height:202px; width:300px;position:relative; float:left;overflow:hidden;}
/*redes newsletter*/
#pie #newsletter{ color:#FFF; font-size:11px; margin-top:10px;margin-left:5px;_margin-left:0px;margin-right:5px;width:673px;height:194px; position:relative; float:left; background:url(images/contenedores/inicio-fondo-newsletter.jpg) no-repeat;}
#pie #newsletter .contenidonewsletter{width:99%;padding:10px;}
#pie .linkactualidad{width:100%; position:relative; float:left; height:auto;}
#pie #newsletter a{font-size:11px; color:#fff; text-decoration:none; }
#pie #newsletter a:hover{font-size:11px; color:#141414; text-decoration:none; }
#pie #newsletter .texto { width:300px; margin-left:0px; border:none;}
#pie #newsletter .textobloque{position:relative; float:left; width:250px; margin-top:20px}
#pie #newsletter .formulariobloque{margin-top:20px;margin-right:10px; position:relative; float:left; height:135px; width:390px;text-align:right; }
/*pie bloque3*/
/*contacto*/
#pie #contacto{margin-top:10px; margin-left:10px;margin-right:5px;_margin-right:0px; height:194px; width:292px;position:relative; float:left; background:url(images/contenedores/inicio-fondo-contacto.jpg) no-repeat}
#pie #contacto div{ padding:10px; width:90%}
#pie #contacto #texto{ position:absolute; bottom:10px; right:10px; text-align:right; }
#pie #contacto a{ text-decoration:none; color:inherit; font-family:Arial, Helvetica, sans-serif; color:#141414}
#pie #contacto a:hover{color:#db1549;}
.tripadvisor{position:absolute;top:-20px; left:-20px}
.iconofb{ position:absolute; bottom:0px; left:-20px;}
/*mapa web*/
#pie #mapaweb{ color:#FFF; font-size:11px; margin-top:10px;margin-left:5px;margin-right:5px;width:673px; height:194px; position:relative; float:left; background:url(images/contenedores/inicio-fondo-mapaweb.jpg) no-repeat;}
#mapaweb .contenidomapaweb{width:99%;margin-left:15px; margin-top:10px;}
#mapaweb .linkactualidad{width:100%; position:relative; float:left; height:auto; margin-top:5px;}
#mapaweb a{font-size:11px; color:#fff; text-decoration:none; text-decoration:underline;}
#mapaweb .mapalista{ position:relative; float:left; width:160px; height: 140px; text-align:left; }
#mapaweb ul{ margin:0; padding:0; padding-top:10px; width:100%}
#mapaweb li{list-style:none; padding-top:2px; }
#mapaweb li a{color:#141414; text-decoration:none; font-size:10px;}
#mapaweb li a:hover{color:#fff; }
#mapaweb li .titulo{color:#fff; text-transform:uppercase !important; font-size:11px;}
/*pie bloque4*/
#pie #anunciantestitulo{ width:980px; height:20px; position:relative; float:left; margin:10px; font-size:14px;}
#pie #anunciantes{ position:relative; float:left; text-align:center; margin:0 auto; }
#pie #anunciantes span{ position:relative; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px;}
#pie #anunciantes span img {border:solid #666666 1px}
/* pide aviso legal, creditos */
#pie #copyright{margin-top:30px; margin-bottom:30px;margin-left:10px;margin-right:5px; height:auto; width:450px;position:relative; float:left; }
#pie #copyright a{ color:#151515; } #pie #copyright a:hover{color:#db1549}
#pie #copyright .webico{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#585858;}
#pie #copyright .webico:hover{ color:#db1549}
/*patrocinadores*/
#patrocinadores { float:right; position:relative; width:550px; font-family:}
#pie h2{font-family: arial, serif; font-size:24px
; padding:0; margin:0; top:0; left:0; color:#141414;}
#pie h3{font-family: arial, serif; font-size:24px
; padding:0; margin:0; top:0; left:0; color:#ffffff;}
/*CALENDARIO*/
#calendario { padding-top:5px; padding-bottom:5px;;width: 465px; height:auto; position:relative; float:left; border:#999 solid 1px; margin:5px;_margin:0px; text-align:center; }
#calendario #mes{ padding-top:5px; padding-bottom:5px; margin-left:5px; background-color:#ed174f; width:452px; position:relative; float:left; }
#mes .paginar{ height:20px; width:20px; padding-left:5px; margin:0; position:relative; float:left; }
#mes .paginar2{ height:20px; width:20px; position:relative; float:right; padding-right:5px; margin:0; }
#mes .nombremes{ text-align:center;height:20px; width:400px; position:relative; float:left; font-size:20px; color:#FFF; }
#calendario .fecha{float: left; width: 60px; height:40px;line-height:40px;margin: 2px; text-align: center;font-size:24px; position:relative; display:inline-block; vertical-align:middle}
#calendario .fechavacio {background-color:#d8d8d8;}
#calendario .fechasinevento {background-color:#d8d8d8; color:#141414;}
#calendario .fechadomingo {background-color:#454545;color:#ffffff; }
#calendario .fechaocupado {background-color:#f47495;color:#ffffff;cursor:pointer;}
#calendario .fechaactual {background-color:#ed174f;color:#ffffff;cursor:pointer;}
#calendario #fechas {margin-left:5px;text-align:center; position:relative;}
#calendario .nombredia {float: left; width: 60px; height:15px; padding: 0; margin: 2px;
text-align: center; font-size:14; font-weight:bold;}
#calendario #fechas a{ padding-top:15px; vertical-align:middle;height:40px;}
/* privacidad */
#textoprivacidad {
overflow: auto !important;
width: 900px;
height: 400px !important;
}
#textocookies {
overflow: auto !important;
width: 900px;
height: 400px !important;
}
#main #textoprivacidad{ display:none; }
#main #textocookies{ display:none; }
/* Easy Slider */
#sliderinicio{ margin-top:25px; margin-left:25px;
position:relative;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li
{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:292px;
height:194px;
overflow:hidden;
}
#slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:353px;
height:235px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:450px;
top:585px;
z-index:1000;
}
#nextBtn, #slider1next{
left:490px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(images/but-ant1.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(images/but-sig1.png) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
/* container for slides */
#sliderinicio .images {
background:url(images/fondo-slide-inicio.gif) no-repeat top left;
position:relative;
height:418px;
width:952px;
float:left;
margin:0;
cursor:pointer;
}
/* single slide */
#sliderinicio .images .cita {
display:none;
position:absolute;
top:0;
left:0;
margin:6px;
height:256px;
font-size:12px;
}
#sliderinicio .images .foto{ width:540px; height:406px; position:relative; float:left; }
#sliderinicio .images .texto { color:#fff; width:400px; height:406px; position:relative; float:left;}
#sliderinicio .images .texto div{margin-left:140px;_margin-left:70px; margin-top:50px;_margin-top:50px; font-size:14px; width:240px; position:relative; float:left; line-height:14pt; }
/* header */
#sliderinicio .images h3 {
font-size:22px;
font-weight:normal;
margin:0 0 20px 0;
color:#456;
}
/* tabs (those little circles below slides) */
.slidetabs {
clear:both;
float:right;
position:relative;
margin-right:30px;
text-align:right;
}
/* single tab */
#sliderinicio .slidetabs a {
width:8px;
height:8px;
float:left;
margin:3px;
display:block;
font-size:1px;
background:url(images/navigator.png) 0 0 no-repeat;
}
/* mouseover state */
#sliderinicio .slidetabs a:hover {
background-position:0 -8px;
}
/* active state (current page state) */
#sliderinicio .slidetabs a.current {
background-position:0 -16px;
}
/* prev and next buttons */
.forward, .backward {
float:left;
margin-top:140px;
background:#fff url(images/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
cursor:pointer;
font-size:1px;
text-indent:-9999em;
}
/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active { background-position:-60px -30px; }
/* prev */
.backward:hover { background-position:-30px 0; }
.backward:active { background-position:-60px 0; }
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
visibility:hidden !important;
}
/*-------------------------------------------------------------------------- COOKIES */
#barracookies{width:100%;min-height:40px;position:fixed;left:0px;right:0px;bottom:0px;display:none;background:rgba(0,0,0,0.8);text-align:center;color:#fff;z-index:99999;}
#barracookies .texto {padding:10px;font-family:verdana;font-size:12px;text-align:center;line-height:20px;}
#barracookies .texto a.ok{padding:4px;color:#00ff2e;text-decoration:none;}
#barracookies .texto a.info{padding-left:5px;text-decoration:none;color:#faff00;}