@import url("reset.css"); 

/*--------------------------- HTML TAGS ----------------------------------- */

html {

font-size: 62.5%;

} 



body {

font-family:"Trebuchet MS";

color:#666;

background: #fff;

}

a{

color: #666;

text-decoration:none;

}

a:link {

color: #666;

}

a:visited {

color: #666;

}

a:hover {

color: #085aa6;

text-decoration: underline;

cursor:hand;

}

a:active {

color: #085aa6;

}

img {

border:none;

}

form {

margin:0;

padding:0;

display:inline;

}

hr {

margin-top:.8em;

margin-bottom:.8em;

border:none;

border-top:solid 1px #eee;

border-bottom:solid 1px white;

clear:both;

width:99.5%;

}

strong {

font-weight:bold;

}

select {

font-size: .9em;

color: #666666;

}

input {

font-family:"Verdana",Arial;

font-size:1.1em;

color: #666666;

}

input:focus {  

background-color: #fffece;  

outline: none;

}  

/*--------------------------- HTML TAGS ----------------------------------- */

#cabecera {

height:13.2em;

background: #fff url(../img/fondo_cabecera.jpg) no-repeat scroll center top;

}



#cabecera h1 {

text-indent:-9999em;

}



#cabecera h1 a {

text-indent:-9999em;

width:32.6em;

height:8em;

position:relative;

left:0em;

display:block;

float:left;

}

.cabeceraLogoAytoOviedo {

text-indent:-9999em; 

width:9em;

height:8em;

position:relative;

left:39em;

display:block;

float:left;

}

.cabeceraLogoTurismoOviedo {

text-indent:-9999em;

width:8.6em;

height:8em;

position:relative;

left:40em;

display:block;

float:left;

}



#herramientas-usuario {

width:91em;

margin:0 auto;

height:3.4em;

line-height:3.4em;

}



#login {

font-size:1.2em;

line-height:2.8em;

width:36%;

float:left;

height:2.8em;

}

#login a {

color: #085aa6;

}



#buscador {

font-size:1.2em;

line-height:2.8em;

width:64%;

text-align:right;

float:left;

height:2.8em;

}

#buscador input {

font-size:.9em;

}

#buscador img {

border:none;

}

#contenedor {

background: #fff url(../img/fondo_contenido.gif) no-repeat center top;



}

#cuerpo {

clear:both;

width:90.4em;

min-height:52em;

height:auto !important;

height:52em;

margin: 0 auto;

}



#categorias {

clear:both;

width:15.2em;

float:left;

margin-top:-1.2em;

/* background:cyan; */

}

#categorias ul {

/*background:red; */

}

#categorias li {

text-indent:.9em;

height:1.3em;

font-size:1.1em;

padding-bottom:.3em;

padding-top:.6em;

border-bottom: solid 0.1em #9cc1e4;

}

#categorias a {

color: #085aa6;

}

.categoria-activa {

background: url(../img/fondo_categoria_activa.gif) no-repeat .4em top;

border-bottom: solid 0.1em #eee!important;

color: #085aa6!important;

font-weight:bold!important;

}

.categoria-activa a {

color: #085aa6;

}

#contenido {

width:50.8em;

float:left;

height:42em;

margin:.5em 1.2em 1em;

overflow-x:hidden;

overflow-y:scroll;

line-height:130%;

padding-right:.4em;

}

#contenido li {

font-family:"Verdana",Arial;

width:48.7em;

font-size: 1em;

margin: .8em 0;

padding-bottom:.8em;

border-bottom-width: 0.1em;

border-bottom-style: solid;

border-bottom-color: #ddd;

overflow:hidden;

color: #085aa6;

}

#contenido p {

font-family:"Verdana",Arial;

font-size:1em;

text-align:justify;

line-height:140%;

color: #085aa6;

margin:.4em 0;

}

#contenido a {

color:#085aa6;

}

#contenido h3 {

margin-top:.4em;

margin-bottom:.2em;

font-size:1.8em;

color:#085aa6;

line-height:118%;

}

#titular {

margin-left:16em;

width:48.4em;

float:left;

height:2.6em;

clear:both;

display:inline;

}



#titular h2 {

font-size:1.6em;

line-height:1.5em;

color:#fff;

text-align:center;

font-weight:bold;

}



#calendario {

float:left;

width:18.7em;

margin-bottom:4em;

margin-top:-1.4em;

margin-left:1.4em;

/* background:blue; */

}



#calendario td {

font-family:Arial, Helvetica, Sans;

font-weight:bold;

text-align:center;

line-height:2.1em;

}



.calendario_tabla {

width:16em;

height:16em;

font-size: 1.1em;

color: #085aa6;

margin:0 auto;

}

#calendario b {

font-weight:bold;

font-size:.8em;

color: #085aa6;

text-align:center;

margin:0 1.4em;

}



.boton_mes_anterior {

/* background-image: url(../img/flecha_mes_anterior.gif); */

text-indent:-9999em;

display:block;

width:.5em;

height:1.2em;

float:left;

cursor:hand;

}

.boton_mes_siguiente {

/* background-image: url(../img/flecha_mes_siguiente.gif); */

text-indent:-9999em;

display:block;

width:.5em;

height:1.2em;

float:right;

margin-top:-2.5em;

cursor:hand;

}

.cal_diasem {

color: #2D74B6;

}

.cal_finde {

font-weight: bold;

color: #2D74B6;

}

.cal_diaactual {

background: url(../img/fondo_dia_actual.gif) no-repeat center center;

}

.cal_diaconsulta {

background: url(../img/fondo_dia_consulta.gif) no-repeat center center;

}



#pie {

clear:both;

font-size:1.2em;

line-height:160%;

font-weight:bold;

text-align:center;

background: url(../img/fondo_pie.gif) repeat-x top center;

margin-top:2em;

padding:.8em;

bottom: 1em;

}



#publicidad {

float:left;

background-image: url(../img/cabecera_publicidad.gif);

background-repeat: no-repeat;

background-position: center top;

width: 19.7em;

padding-top: 3em;

margin-left:1em;

/*background:green; */

}

#publicidad b{

display:none;  

}

#publicidad a {

display:block;

height: 5.1em;

width: 16.5em;

margin: 1.6em auto;

text-indent: -999em;

border: solid 0.1em #e0e0e0;

}

#bannerInferior {

margin: 1em auto -2em;

text-align:center;

}

#bannerInferior img  {

margin-right:7.3em;

margin-top:-5em;

}

.banner-aytooviedo {

background-image: url(../img/banner_ayto_oviedo.gif);

background-repeat: no-repeat;

background-position: center center;

}

.banner-cajastur {

background-image: url(../img/banner_cajastur.gif);

background-repeat: no-repeat;

background-position: center center;

}

.banner-telecable {

background-image: url(../img/banner_telecable.gif);

background-repeat: no-repeat;

background-position: center center;

}

.banner-gestionable {

background-image: url(../img/banner_gestionable.gif);

background-repeat: no-repeat;

background-position: center center;

}





/*--------------------------- CLASES ----------------------------------- */

.nombre-evento {

float:left;

font-weight:bold;

color: #085aa6;

line-height:135%;

}

.lugar-evento {

font-weight: bold;

color: #838383;

}

.fechas-evento {

color: #6298cb;

}

.boton-masinfo {

float:right;

margin-top:-1.3em;

}

.evento-destacado {

width:47em!important;

background: #d9d9d9 url(../img/fondo_evento_destacado.gif) repeat-x;

border:solid 0.1em #d6d6d6;

padding:.8em;



clear:both;

}

.evento-destacado img {

float:left;

margin-right:.8em;

}

.evento-destacado .nombre-evento {

font-family:"Trebuchet MS";

font-size:1.4em;

}



.fichadato {

text-align:left!important;

color: #666;

}



.ficha-col-izq p, .ficha-col-der p{

font-family:"Verdana",Arial;

line-height:190%!important;

}

.foto-ficha {

float:right;

margin-left:2em;

margin-bottom:.8em;

} 

.clearfloats {

clear:both;

}

.strong {

font-weight:bold;

}

.documentos {

/*margin:1em 1em; */

}

.documentos li {

background: url(../img/icono_pdf.gif) no-repeat;

padding-left:2.4em;

border:none!important;

margin-bottom:.8em!important;

}

.boton {

font-family:"Trebuchet MS";

font-size:1.2em;

background:#fffbcd;

border: solid 0.1em #9ebad4;

line-height:220%;

color:#085aa6!important;

padding:.4em;

width:30%;

text-align:center;

}

.botones {

text-align:center;

margin:1em 0;

}

.botones a {

margin:0 .4em;

}

.icono-eliminar {

float:right;

background: url(../img/icono_eliminar.gif) no-repeat .1em;

padding:0 .9em 0 1.6em;

color:#fff!important;



}

.fondo-icono-eliminar {

background:#aaa;

padding-right:.4em;

}

.icono-favorito {

float:right;

background: url(../img/icono_favorito.gif) no-repeat;

padding-left:2.4em;

}



.icono-eliminar-todos{

font-family:"Trebuchet MS";

font-size:1.2em;

background:#fffbcd url(../img/icono_eliminar_todos.gif) no-repeat .4em center;

border: solid 0.1em #9ebad4;

line-height:220%;

color:#085aa6!important;

padding:.4em;

padding-left:2.4em;

width:30%;

text-align:center;

}





.boton-favorito {

font-family:"Trebuchet MS";

font-size:1.2em;

background:#fffbcd url(../img/icono_favorito.gif) no-repeat .4em center;

border: solid 0.1em #9ebad4;

line-height:220%;

color:#085aa6!important;

padding:.4em;

padding-left:2.4em;

width:30%;

text-align:center;

}

.boton-entradas{

font-family:"Trebuchet MS";

font-size:1.2em;

background:#fffbcd url(../img/icono_entradas.gif) no-repeat .4em center;

border: solid 0.1em #9ebad4;

line-height:220%;

color:#085aa6!important;

padding:.4em;

padding-left:2.4em;

width:30%;

text-align:center;

}

.titular-destacado {

color:#fffddc;

}

.login {

}



.login li {

font-family:"Trebuchet MS"!important;

font-size:1.2em!important;

line-height:180%;

border:none!important;

}

.login-boton {

font-family:"Trebuchet MS";

font-size:1em;

background:#fffbcd;

border: solid 0.1em #9ebad4;

color:#085aa6!important;

padding:.1em;

margin-top:2em;

text-align:center;

}

.cal_flecha_ant {

/* background: url(../img/flecha_mes_anterior.gif) no-repeat .4em center; */

color:#085aa6!important;

padding:.0em;

padding-left:.4em;

font-size:.8em;

}

.cal_flecha_sig {

/* background: url(../img/flecha_mes_siguiente.gif) no-repeat 3em center; */

color:#085aa6!important;

padding-left:.8em;

font-size:.8em;

}

.perfil-checkboxes {

width:15.2em;

float:left;

}

.perfil-checkboxes li {

width:16em!important;

display:block!important;

padding:0;

margin: .5em!important;

padding-bottom:0!important;

border:none!important;

}

.boton-modifdatos{

font-family:"Trebuchet MS";

font-size:1.2em;

background:#fffbcd url(../img/icono_modifdatos.gif) no-repeat .4em center;

border: solid 0.1em #9ebad4;

line-height:220%;

color:#085aa6!important;

padding:.4em;

padding-left:2.4em;



text-align:center;

}

.datos-perfil input {

font-family:"Verdana",Arial;

font-size:1.1em;

}



.preferencia-si {

background: url(../img/icono_preferencia_si.gif) no-repeat .4em;

padding-left:2.4em!important;

line-height:190%;

}

.preferencia-no {

background: url(../img/icono_preferencia_no.gif) no-repeat .4em;

padding-left:2.4em!important;

line-height:190%;

}

.miagenda {

font-family:"Verdana",Arial;

width:45.7em;

font-size: 1em;

margin: 2em 0!important;

padding-bottom:.4em;

border-bottom-width: 0.1em;

border-bottom-style: solid;

border-bottom-color: #ddd;

}

.calendario_tabla strong {

font-size:1.1em;

}

.fechaSeparador {

color:#777!important;

font-family:Arial,Sans!important;

font-weight:bold;

font-size:1.2em!important;

margin:0!important;

padding:0!important;

padding-bottom:-4em!important;

margin-bottom:-.4em!important;

/*border-bottom:solid 1px #ddd!important; */

background:#eee;

}

.mensajeDestacado {

background:#fbf3c3;

color:#085aa6!important;

padding:.8em;

text-align:left!important;

font-weight:bold;

margin:.4em 0 1em!important;

}

.mensajeDestacado a {

color:#085aa6!important;

}

.mensajeError {

background:#fbd3d3;

color:#085aa6!important;

padding:.8em;

text-align:center!important;

font-weight:bold;

margin:.4em 0 1em!important;

}

.cajaLogin {

width:17.4em;

padding:2.4em 4em;

margin:3em auto 2em;

border:solid 1px #ccc;

text-align:center;

overflow:hidden;

}

.cajaLogin li {

width:auto!important;

}

.cajaLogin input {

}

.contenedorLogosCabecera {

width:90.4em;

height:10em;

margin: 0 auto;

}

#form-contacto {

width:490px;float:right;margin-bottom:8px;

}



#form-contacto li {

	list-style: url(none) none outside;

	font-size:11px;

}



pre {

font-family:"Verdana",Arial;

color:#666;

white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */

white-space: -pre-wrap; /* Opera 4-6 */

white-space: -o-pre-wrap; /* Opera 7 */

word-wrap: break-word; /* Internet Explorer 5.5+ */

}

.evento-destacado pre{
/* width:316px; */ 
}

.logoSede {
  float:right;
  margin:0 0 .4em .4em;
}

#enlace_tca {
    height: 90px;
    margin-left: 340px;
    position: absolute;
    width: 195px;
}
#enlace_filarmonica {
    height: 90px;
    margin-left: 535px;
    position: absolute;
    width: 90px;
}
#enlace_auditorio {
    height: 90px;
    margin-left: 625px;
    position: absolute;
    width: 90px;
}
