html,body { font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif; font-size: 85%; font-stretch:normal; font-style:normal; background: #ffffff url(../img/img01.gif) repeat-x left top; margin: 0px; padding: 0px; height: 100%; }
ul { list-style: none; }
ul, li {
list-style: none;
margin:0;
padding:0;
}
hr { color: #5f7bb9; background-color: #5f7bb9; }
acronym { border-bottom: 1px dotted black; cursor:help;}
a.link { text-decoration: none; }
a.link:hover { text-decoration: underline; }
a[icon ^="out"] { padding-right: 20px; background: transparent url(../img/link-externo.gif) no-repeat center right; }
img { border: none;}
img.left { float: left; margin-right: 15px; }
img.right { float: right; margin-left: 15px; }
input { font: normal 1.1em arial;}
.focoCampo{ border:solid 2px #73A6FF; }
.sinfocoCampo{ border: solid 2px #DFDFDF;}
input:focus{ border: 2px solid #73A6FF; }
textarea:focus{ border: 2px solid #73A6FF;}
#main { display: block; position: relative; min-height: 100%; }
#centrado { width:990px; margin-left:auto; margin-right:auto; overflow:hidden; display: block;}
#contenedor-cabecera { width: 985px; margin: 0 auto; height: 105px; }
#cabecera-menu { width: 985px; margin: 0 auto; height: 50px; /* separación cabecera con mapa */ }
/* menú página principal */
#menu-pagina-principal { float: left; width: 985px;
height: 35px; /*tamaño del menu */
background: url(../img/cabecera-menu.png) no-repeat center top; font-family: Arial, Helvetica, sans-serif; }
#menu-pagina-principal ul { margin: 0; padding: 0px 0 0 20px; list-style: none; line-height: normal; }
#menu-pagina-principal li { display: block; float: left; }
#menu-pagina-principal a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 5px 15px; text-transform: uppercase; font-size: 11px;color: #283386; text-decoration: none; }
#menu-pagina-principal a:hover { border-bottom: 2px solid #7C8CAE; color: gray; text-decoration: none;}
#menu-pagina-principal .current_page_item a {color: gray; font: bold 14px "Arial"; }
/* Menu */
#menu { float: left; width: 985px;
height: 35px; /*tamaño del menu */
background: url(../img/cabecera-menu1.png) no-repeat center top; font-family: Arial, Helvetica, sans-serif; }
#menu ul { margin: 0; padding: 0px 0 0 20px; list-style: none; line-height: normal; }
#menu li { display: block; float: left; }
#menu a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 5px 15px; text-transform: uppercase; font-size: 11px;color: #283386; text-decoration: none; }
#menu a:hover { border-bottom: 2px solid #7C8CAE; color: gray; text-decoration: none;}
#menu .current_page_item a {color: gray; font: bold; }
.cabecera-menutop-derecha { float:right; }
.cabecera-menutop-derecha a {color: gray;}
.cabecera-menutop-derecha a:hover { text-decoration: none;}
.cabecera-menutop-derecha ul { list-style: none; line-height: normal;}
.cabecera-menutop-derecha li {display: block; float: left; padding: 0 7px 0 7px; border-right: 1px #ABABAB solid;}
.cabecera-menutop-derecha .cabecera-menutop-derecha-last { border: none;}
/** LOGO */
.frase-cabecera { font-size: 1.2em; color:#7b8bad; }
#logo { width: 985px; height: 57px; margin: 0 auto;}
#logo .cabecera-menutop-izquierda { float: left; margin: 0; padding: 1px 0 0 0; /* separación logo */ line-height: normal;}
#logo .cabecera-menutop-izquierda { font-family: Georgia, "Times New Roman", Times, serif; }
#logo .cabecera-menutop-izquierda a { text-decoration:underline; color: #7D8DAF; }
#logo .cabecera-menutop-izquierda a:hover { text-decoration:none; color: red; }
#logo h2 { font: 1.2em Georgia, "Times New Roman", Times, serif; color: #7D8DAF; }
/* Caja búsqueda */
.search { float: right; }
#search h2 { margin-bottom: 20px;}
#txtbuscar { width: 140px; margin-right: 5px; padding: 3px; border: 1px solid #607cba; font-size: 12px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#btbuscar { color: #eeeeee; border: none; padding: 0; margin: 0; }
#menu .caja-buscar-main { float: right; padding: 5px 15px 5px 5px; }
#menu-pagina-principal .caja-buscar-main { float: right; padding: 5px 15px 5px 5px; }
div.columna-izquierda { float: left; width: 700px; overflow: hidden; clear: both;}
div.columna-derecha { float:right; width: 270px; overflow: hidden; }
div.columna-inicio-izquierda { float: left; width: 485px; overflow: hidden; clear: both; margin-bottom: 20px; }
div.columna-inicio-derecha { float: right; width: 485px; overflow: hidden; margin-bottom: 20px; }
/*
.columna-izquierda ul { float: left; width: 100%; margin: 15px 0px; padding: 0; list-style: none; }
.columna-izquierda li { display: inline; float: left;
width: 27%; para dar más o menos columnas de categorias */
/* padding: 15px; separación entre filas }*/
.numero-comentarios { background: transparent url(../img/critica-comentario-mini.png) no-repeat scroll center center; font:bold 1em arial; height: 20px; padding: 3px 10px 8px 7px; margin-bottom: 20px;}
.numero-comentarios a{ text-decoration: none; color:black;}
ul.css { width: 900px; margin: auto; text-align: right; padding: 1em;}
ul.css li { display: inline; margin: 0; padding: 0px;}
.margin-top-1em { margin-top: 1em; }
.error {color:red;}
/*****************************************************************************************************************
* PÁGINA INICIO INDEX
*****************************************************************************************************************/
.boton-entrar{ float: right;}
/*****************************************************************************************************************
* RESUMEN CRITICAS INICIO
*****************************************************************************************************************/
div.lista-resumen{padding:0; margin: 0 1%; }
div.lista-resumen div.resumen-global{ padding:0.2em 0; width: 70%; float: right; }
div.lista-resumen div.resumen-global.pais { margin-right: 2em; width: 20%; float: left;}
div.resumen-global { padding-top: 0; font-size: 120%;}
.clearfix { display: inline-block; clear: both;}
div.lista-resumen ul{margin:10px 0;}div.lista-resumen ul li{line-height:2em; list-style: none;}
div.lista-resumen ul li a{color: #607CB9; text-decoration: none; }
div.lista-resumen ul li a:hover { text-decoration: underline; }
h3.resumen { padding-left: 40px; background: url("/img/vineta2.png") 0 -0.3em no-repeat; padding-bottom: 0.6em; border-bottom: 1px solid #607CB9;p}
/*****************************************************************************************************************
* CABECERA PÁGINA INICIO
*****************************************************************************************************************/
#news ul, #news li{ margin:0; padding:0; list-style:none; list-style-position: inside; }
.rotador-noticias { width: 450px;}
/*****************************************************************************************************************
* CSS PARA LOS MAPAS
*****************************************************************************************************************/
#mapaprincipal { height:460px; /* ancho del mapa principal */ border-top: 3px inset #bbb; border-bottom: 3px inset #bbb; position:relative; z-index: 0; }
/*****************************************************************************************************************
* CSS PARA TEXTOS INFORMATIVOS
*****************************************************************************************************************/
.info {
color: #818181;
font-size: 88%;
text-align: justify;
}
.info-comentario { color: #a09992; font-size: 96%; text-align: justify; text-decoration: none !important; }
a.info-comentario:hover{ color: #a09992; font-size: 97%; text-align: justify; text-decoration:underline; }
.info-denuncia {
font-size: 96%;
text-align: justify;
}
.infotip{
border-bottom:1px dashed #0066FF; cursor:help;
font-size: 14px;
text-align: justify;
}
a.infotip {
position: relative;
background-color: #ff4229;
color: #FFFFFF;
text-decoration: none !important;
}
a.infotip:hover {
z-index:999;
color: #000;
}
a.infotip span {
display: none;
}
a.infotip:hover span {
display: block;
position: absolute;
border: 1px dashed #bbbbbb;
top:2em; left:2em;
width:310px;
padding:5px;
background-color: #eeeef6;
color: #000;
}
/*****************************************************************************************************************
* PAGINA NUEVA CRITICA
*****************************************************************************************************************/
#menu-new-horizontal { overflow: hidden; }
#menu-new-horizontal ul {float: left; width: 100%; margin: 0 0; padding: 0; list-style: none; }
#menu-new-horizontal li { display: inline; float: left; width: 49%; /* para dar más o menos columnas de categorias */
padding: 4px; /* separación entre filas */ }
.pagina-nueva-critica { padding-top: 1px; }
/*****************************************************************************************************************
* APARTADO CATEGORIAS
*****************************************************************************************************************/
#pagina-categorias { padding-top: 3px; margin-bottom: 50%;}
.apartado-categorias { margin-bottom: 35px; }
.apartado-categorias ul {float: left; width: 100%; margin: 0 0; padding: 0; list-style: none; }
.apartado-categorias li { display: inline; float: left; width: 20%; /* para dar más o menos columnas de categorias */
padding: 4px; /* separación entre filas */ }
.apartado-categorias-info { color: #a09992; font-size: 96%; }
.apartado-categorias-info img {text-decoration: none;}
/*****************************************************************************************************************
* CSS PARA MENÚ DESPLEGABLE CABECERA
*****************************************************************************************************************/
#apartado-cabecera-eventos { /* display: none; por defecto sale oculto */ overflow: hidden; }
#cabecera-eventos { background: #FDFCFB url(../img/cabecera-novedades.png) repeat-y center top; /* border: 1px solid #000000;*/ display: none; /* por defecto sale oculto */ color: #000000; font-family: arial; font-size: 11px; overflow-y: auto ; padding: 15px; }
#cabecera-eventos ul { width: 100%; margin: 5px 0px; padding: 0; list-style: none; }
#cabecera-eventos li { display: inline; float: left; width: 21%; /* para dar más o menos columnas de categorias */ padding: 3px; /* separación entre filas */ }
#categorias_controls { text-align: center; color: #8b9595; /*background: transparent url(../img/cabecera-novedades-shadow.png) no-repeat left top;*/ }
/* Easy Slider */
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider img {border: 1px solid #4C4C4C;}
#novedades-mini-centro a{ color:#000000; text-decoration:none; }
#slider.evento-titulo { display:block; font-weight:bold;margin-bottom:4px;font-size:11px; color:#36538D;}
#slider .novedades-foto-principal { border: 2px solid gray; margin-top: 20px;}
#slider li{ width:430px; height:290px; overflow:hidden; }
span#prevBtn{}
span#nextBtn{}
/* // Easy Slider */
.imagen-evento { position: relative; width: 100%; /* for IE 6 */ }
.imagen-evento .novedades-principal-categoria-contenido-div { position: absolute; top:210px; left: 0; width: 90%; }
.imagen-evento .novedades-principal-categoria-contenido-p {bottom: 0;color: white; font: bold 12px/15px Helvetica, Sans-Serif;letter-spacing: -1px; background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0,0.7); padding: 5px; height:60px; }
.imagen-evento p a{color: #FFF; font: bold 18px/20px Helvetica, Sans-Serif;}
.imagen-evento p a:hover{color: #9AB5CC; font: bold 18px/20px Helvetica, Sans-Serif; text-decoration: none;}
.novedades-principal-categoria-titulo-div {position: absolute; left: 0; width: 90%;}
.novedades-principal-categoria-titulo-p {bottom: 0; background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0,0.7); padding: 5px; text-align: right; }
.novedades-principal-categoria-titulo { color: white; font: bold 20px/22px Helvetica, Sans-Serif; letter-spacing: -1px; }
#novedades-mini-principal { height: 300px; width:410px; overflow:hidden; padding:0 10px 14px 10px; float: left; }
#novedades-mini-principal h2 {margin: 0 0 0 2px; display:block; font-size:2em; font-weight:bold;}
.novedades-principal-controles { margin-left: 30%; padding-bottom: 5px;}
.novedades-principal-controles a{ text-decoration: none; text-transform: uppercase; font: bold 12px/15px Helvetica, Sans-Serif;}
.novedades-principal-controles a:hover{ text-decoration: underline;}
#novedades-mini-centro { height: 300px; width:10px; overflow:hidden; padding:6px 10px 14px 10px; float: left; }
#novedades-mini-centro li{ border:0; margin:0; padding:5px; list-style:none; width:90%;}
#novedades-mini-centro a{ color:#000000; text-decoration:none; }
#novedades-mini-centro .evento-titulo{ display:block; font-weight:bold;margin-bottom:4px;font-size:11px; color:#36538D;}
#novedades-mini-centro .evento-titulo-lugar{ display:block;font-size:11px; color:#666666;}
#novedades-mini-centro .novedades-foto-centro { border: 3px double gray; margin-bottom: 30px;}
#novedades-mini-centro .del {float:right; font-weight:bold; color:#666666 }
#novedades-mini-centro .del a {color:#000000; }
#novedades-mini-centro .del a:hover { background-color:#36538D; padding-left:1px; padding-right:1px;color:#ffffff;}
#novedades-mini { height:300px; width:430px; overflow:hidden; padding:0 10px 14px 10px; float: left; }
#novedades-mini ul{overflow-y: auto; height:284px;}
#novedades-mini li{ border:0; margin:0; padding:7px 0; list-style:none; width:90%;}
#novedades-mini .evento-titulo { display:block; font-weight:bold; margin-bottom:4px; color:#36538D;}
#novedades-mini .evento-titulo a:link { color:#36538D; text-decoration:none; }
#novedades-mini .evento-titulo a:hover { color:navy text-decoration:underline; }
#novedades-mini .evento-titulo a:visited { color:gray; text-decoration:none; }
#novedades-mini .evento-titulo-lugar { display:block; font-size: 1.1em; color:olive; padding: 6px;}
#novedades-mini .novedades-foto-mini { float:left; margin-right:14px; padding:4px; width: 25%; height:25%; border: 1px double gray; }
#novedades-mini .del {float:right; font-weight:bold; color:#666666 }
#novedades-mini .del a {color:#000000; }
#novedades-mini .del a:hover { background-color:#36538D; padding-left:1px; padding-right:1px;color:#ffffff;}
#novedades-mini h2 {margin: 0 0 0 2px; display:block; font-size:2em; font-weight:bold;}
#novedades-mini2 { height:300px; width:430px; overflow:hidden; padding:0 10px 14px 10px; float: right; }
#novedades-mini2 ul{overflow-y: auto; height:284px;}
#novedades-mini2 li{ border-bottom: 0.2em dotted #607CB9; margin:0; padding:15px 0; list-style:none; width:90%;}
#novedades-mini2 .evento-titulo { display:block; font-weight:bold; margin-bottom:4px; color:#36538D;}
#novedades-mini2 .evento-titulo a:link { color:#36538D; text-decoration:none; }
#novedades-mini2 .evento-titulo a:hover { color:navy text-decoration:underline; }
#novedades-mini2 .evento-titulo a:visited { color:gray; text-decoration:none; }
#novedades-mini2 .evento-titulo-lugar { display:block; font-size: 1.1em; color:olive; padding: 6px;}
#novedades-mini2 .novedades-foto-mini2 { float:left; margin-right:14px; padding:4px; width: 22%; height:22%; border: 1px double gray; }
#novedades-mini2 .del {float:right; font-weight:bold; color:#666666 }
#novedades-mini2 .del a {color:#000000; }
#novedades-mini2 .del a:hover { background-color:#36538D; padding-left:1px; padding-right:1px;color:#ffffff;}
#novedades-mini2 h2 {margin: 0 0 0 2px; display:block; font-size:2em; font-weight:bold;}
/* Carrusell de novedades del día */
#newsticker-demo {
width:200px;
background:#EAF4F5;
padding:5px 5px 0;
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}
#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }
#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}
.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }
.clear { clear: both; }
/*****************************************************************************************************************
* PANEL IZQUIERDA
*****************************************************************************************************************/
#panel_left {
margin:9px 7px;
position:relative;
}
#panel_left_in {
border-right: 3px dotted #bbb;
border-top: 3px dotted #bbb;
float:left;
width:190px;
padding:6px;
background-color:#FFF;
}
/*****************************************************************************************************************
* PANEL DERECHA
*****************************************************************************************************************/
#panel-derecha {
float: right;
width: 300px;
padding: 6px;
background-color: #FFF;
}
#caja-derecha {margin-bottom: 20px; }
/* caja detalle eventos */
#detalle-ultimos-comentarios a { font-size:1.1em;}
#detalle-ultimos-comentarios a:link { color: blue; text-decoration: none; }
#detalle-ultimos-comentarios a:visited { color: #99b3cc;}
#detalle-ultimos-comentarios a:hover { color: #0000ee; text-decoration: underline; }
#detalle-ultimos-comentarios { border: 1px solid #7289BC; padding: 0 2px 3px 7px; font-family: sans-serif; height: 300px; overflow-y: auto ; background-color: #FDFCFB; }
#detalle-ultimos-comentarios img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
#detalle-ultimos-comentarios p { text-align: left; padding-bottom: 18px; font-size: 10px; }
#detalle-ultimos-comentarios dl { text-align: left; padding-bottom: 20px; font-size: 10px; }
#detalle-ultimos-comentarios dd { margin: 4px 0 0 70px; line-height: 13pt; }
/* caja últimas críticas */
#ultimas_criticas_arriba a { font-size:1.2em;}
#ultimas_criticas_arriba a:link { color: blue; text-decoration: none; }
#ultimas_criticas_arriba a:visited { color: #99b3cc;}
#ultimas_criticas_arriba a:hover { color: #0000ee; text-decoration: underline; }
#ultimas_criticas_arriba { border: 1px solid #7289BC; color: #818181; padding: 0 2px 3px 7px; font-family: arial; height: 300px; overflow-y: auto ; background-color: #FDFCFB; }
#ultimas_criticas_controls { color: #000000; padding: 0 3px 2px 0; background-image: url(/img/cabecera-caja-derecha.png); }
#ultimas_criticas_arriba ul { list-style-type: none; }
#ultimas_criticas_arriba li {display: block;}
#ultimas_criticas_arriba img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
#ultimas_criticas_arriba ul { text-align: left; padding-bottom: 18px; font-size: 10px; }
#ultimas_criticas_arriba li { text-align: left; padding-bottom: auto; font-size: 10px; }
#ultimas_criticas_arriba dl { text-align: left; padding-bottom: 20px; font-size: 10px; }
#ultimas_criticas_arriba dd { margin: 4px 0 0 70px; line-height: 13pt; }
/* caja detalle eventos */
#detalle-ultimos-eventos a { font-size:1.1em;}
#detalle-ultimos-eventos a:link { color: blue; text-decoration: none; }
#detalle-ultimos-eventos a:visited { color: #99b3cc;}
#detalle-ultimos-eventos a:hover { color: #0000ee; text-decoration: underline; }
#detalle-ultimos-eventos { border: 1px solid #7289BC; padding: 0 2px 3px 7px; font-family: sans-serif; height: 300px; overflow-y: auto ; background-color: #FDFCFB; }
#detalle-ultimos-eventos img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
#detalle-ultimos-eventos p { text-align: left; padding-bottom: 18px; font-size: 10px; }
#detalle-ultimos-eventos dl { text-align: left; padding-bottom: 20px; font-size: 10px; }
#detalle-ultimos-eventos dd { margin: 4px 0 0 70px; line-height: 13pt; }
/* caja solución críticas */
#detalle-ultimos-eventos a { font-size:1.2em;}
#solucion_criticas_arriba a:link { color: blue; text-decoration: none; }
#solucion_criticas_arriba a:visited { color: #99b3cc;}
#solucion_criticas_arriba a:hover { color: #0000ee; text-decoration: underline; }
#solucion_criticas_arriba { border: 1px solid #7289BC; color: #818181; padding: 0 2px 3px 7px; font-family: arial; height: 300px; overflow-y: auto ; background-color: #FDFCFB; }
#solucion_criticas_controls { color: #000000; padding-bottom: 2px; background-image: url(/img/cabecera-caja-derecha.png); }
#solucion_criticas_arriba ul { list-style-type: none; }
#solucion_criticas_arriba li { display: block; }
#solucion_criticas_arriba img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
#solucion_criticas_arriba dl { text-align: left; padding-bottom: 20px; font-size: 10px; }
#solucion_criticas_arriba dd { margin: 4px 0 0 70px; line-height: 13pt; }
/*****************************************************************************************************************
* MENÚ NOVEDADES (en cabecera index)
*****************************************************************************************************************/
.novedades { position: absolute; z-index: 2; width: 985px; }
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider { position: absolute;
background-image: transparent url(../img/cabecera-novedades.gif) repeat-y center top;
width: 300px;
height: 159px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}
/*****************************************************************************************************************
* DECORACIÓN RELACIONADO EVENTOS
*****************************************************************************************************************/
.situacion-evento-ir {color:green;}
.situacion-evento-ido {color:red;}
/*****************************************************************************************************************
* FORMULARIOS
*****************************************************************************************************************/
fieldset { border:1px solid #E3EAFB; background-color: #FDFCFB; }
legend { color: navy; font: bold 13px "Trebuchet MS"; letter-spacing: 3px; }
.marcador { background-color: #DCF4F7; }
#formulario-criticas dl {padding-bottom: 10px;}
#formulario-criticas dd {padding-bottom: 10px;}
/*
.col1{ margin-left:5px; float:left; width:330px; padding:5px;}
.col2 div{
float:left;
}
.col2 {
margin-right:5px;
float:right;
width:600px;
padding:5px;
list-style-type: none;
}
ul .col1 {
margin:0px;
padding:0px;
list-style-type: none;
}
ul li.col1{
list-style-type: none;
padding-top:15px;
line-height:20px;
float:left;
width:300px;
padding-bottom:15px;
margin:0px;
padding:0px;
}
ul li.col1 h2{
margin-bottom:10px;
color:#000;
font-size:20px;
}
ul li.col1x{
padding-top:15px;
line-height:20px;
float:left;
width:650px;
margin-right:15px;
padding-bottom:15px;
}
ul li.col1x h2{
margin-bottom:10px;
color:#000;
font-size:20px;
}
ul li.col1x ul li{
float:left;
width:300px;
margin-right:20px;
line-height:15px;
padding-bottom:10px;
}
ul li.col1x ul li img{
width:20px;
}
ul li.col2{
padding-top:15px;
line-height:20px;
float:left;
width:400px;
padding-bottom:15px;
}
*/
/* Decoración */
.recuadromapa {
padding:8px;
background-color: #f5f5f5;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border: 1px solid #000000;
}
.comprueba { padding: 10px;}
.comprueba input{ border:none; }
/* Pie de la página */
.clearfooter {
height: 50px;
clear: both;
}
#pie {
font-size:10px;
text-align:center;
border-top: 1px solid #607CBA;
background-color:#EEEEF6;
position: relative; display: block; bottom: 0;
height: 60px; /*si se cambia revisar #main { ... margin-bottom: -110px;...} */
}
.menu-pie-horizontal a:hover { text-decoration: none;}
.menu-pie-horizontal ul { list-style: none; line-height: normal;}
.menu-pie-horizontal li {display: block; padding: 0 7px 0 7px; border-right: 1px #ABABAB solid;}
.menu-pie-horizontal .menu-pie-horizontal-last { border: none;}
/* Select categorias */
.icono-categoria {padding: 5px 0 5px 20px; background-repeat: no-repeat; background-position: left;}
#fotografias { clear: both; margin: 2em;padding-bottom: 15px; }
#fotografias ul { list-decoration: none; border: 1px dotted #666; padding: 0; margin: 0; overflow: hidden; }
#fotografias li { float: left; display: block; margin: 1em 0.5em; }
#fotografias li img { padding: 1px; border: 1px solid #666; float: left; }
/*****************************************************************************************************************
* DETALLE DE LA CRÍTICA
*****************************************************************************************************************/
#detalle-de-critica { margin-top: 10px; }
#valoraciones { width: auto; font-size:0.95em; float: right; text-transform: none;}
#valoraciones a { text-decoration: underline; }
#valoraciones a:hover {text-decoration: none;}
#valoraciones img { border: none;}
.detalle-valoracion { border: none; float: right;}
.titulo-detalle1 { clear: both; height: 70px; border:none; background: #ffffff url(../img/titulo-detalle1.png) no-repeat left center; text-transform: uppercase; padding: 8px 10px 0 18px; _padding: 8px 10px 0 18px; }
.titulo-detalle2 { clear: both; font-weight: bold; height: 30px; background: #ffffff url(../img/titulo-detalle2.png) no-repeat left center; text-transform: uppercase; padding: 18px 5px 0 18px; }
.titulo-detalle3 { clear: both; font-size: 11px; font-weight: bold; color: white; background-color: black; text-transform: uppercase; padding: 4px 8px; }
.no-visible { display: none; }
.detalle1-cabecera { padding: 0 0 10px; /*background: transparent url(../img/fondo-valora.gif) no-repeat right top;*/}
.detalle1 { width: 100%; overflow: hidden; margin-bottom: 8px; padding: 4px 15px 4px 4px; background-color: #ffffff; }
.detalle-foto { border: 2px double #818181; border-width: medium; margin-right: 1em; }
.detalle1 p {padding: 0 10px 5px 35px; text-align: justify;}
.detalle1 dl {padding: 0 5px 0 0;}
.detalle1 dt {padding: 5px 10px 5px 35px;}
.detalle1 dd {padding: 0 10px 15px 15px; text-align: justify;}
.url-critica { font-size:11px;}
.detallar { font-size: 14px; color: black; text-decoration: none; }
.detallar:hover { color: gray; }
.cajas-eventoscoincidentes { border: 2px solid #B0BCDC; background-color: #f0f3f7; }
/*****************************************************************************************************************
* COMENTARIOS-FORMULARIO COMENTARIO
*****************************************************************************************************************/
.caja-comentario { padding: 30px 20px 30px 20px; background: transparent url(../img/marca-comentario.png) no-repeat left top;}
.contenido-comentario{ height:10%; border: 1px solid #eeeeee; background: transparent; }
.contenido-comentario p { font-size:1.8em; padding: 10px 6px 10px 30px; }
.contenido-comentario fechahora { font-size:11px; color:gray;}
p.autor-comentario {text-align:right;}
.normas-comentario ul li { list-style: none; padding: 2px 0 2px 24px; margin:10px; background: url("../img/puntos-obligatorio.png") top left no-repeat; }
.formulario-comentarios {background-color:#fafafc; border-top: 2px dotted #cccccc; margin-bottom: 150px; }
.campo-obligatorio {font-size: 10px; color:gray;}
/*****************************************************************************************************************
* SUGERENCIAS-FORMULARIO SUGERENCIA
*****************************************************************************************************************/
.contenedor-sugerencias {float:left; width:990px; overflow: hidden; clear: both;}
.caja-sugerencia { padding: 30px 20px 30px 20px; background: transparent url(../img/marca-sugerencia.png) no-repeat left top;}
.contenido-sugerencia{ height:10%; border: 1px solid #eeeeee; background: transparent;}
.texto-sugerencia { padding: 10px 6px 10px 30px; }
.contenido-sugerencia fechahora { font-size:11px; color:gray;}
.nick-sugerencia {text-align:right;}
.normas-sugerencia ul li { list-style: none; padding: 2px 0 2px 24px; margin:0; background: url("../img/puntos-obligatorio.png") top left no-repeat; }
.formulario-sugerencias { border-bottom: 2px dotted #cccccc; }
.campo-obligatorio {font-size: 10px; color:gray;}
/*****************************************************************************************************************
* RESUMEN CRITICAS INICIO
*****************************************************************************************************************/
#lista-resumen { overflow: hidden; }
#lista-resumen ul {float: left; width: 100%; margin: 0 0; padding: 0; list-style: none; }
#lista-resumen li { display: inline; float: left; width: 32%; /* para dar más o menos columnas de categorias */
padding: 4px; /* separación entre filas */ }
#resumen {clear: both; border-spacing:1px; font-size:11px; margin-top: 20px; }
#resumen2 {clear: both; border-spacing:1px; font-size:11px; margin-top: 20px;}
#resumen h4 { font-size: 12px; font-weight: bold;}
/* Tabs izquierda */
.columna-tab1 { height: 100%;}
UL.resumen-tabNavigation { list-style: none; margin: 0; padding: 0; }
UL.resumen-tabNavigation LI { display: inline; padding-right: 3px; }
UL.resumen-tabNavigation LI A { padding: 3px 5px; background-color: #7c8cae; color: #fff; text-decoration: none; }
UL.resumen-tabNavigation LI A.selected, UL.resumen-tabNavigation LI A:hover { background-color: #eeeef6; color: #000; padding-top: 7px; border: 1px solid #7c8cae; border-left: 1px solid #7c8cae;border-right: 1px solid #7c8cae; border-bottom: 1px solid #eeeef6;}
UL.resumen-tabNavigation LI A:focus { outline: 0;}
.resumen-tabs > div { padding: 5px; margin-top: 3px;}
.resumen-tabs > div h2 { margin-top: 0; }
#resumen-tab1,#resumen-tab2,#resumen-tab3,#resumen-tab4,#resumen-tab5,#resumen-tab6 {background-color: #eeeef6; border: 1px solid #7c8cae; }
/* Contenido tab1 */
#resumen-tab1 ul { list-style: none; margin: 0; padding: 0; }
#resumen-tab1 ul { display: block; }
#resumen-tab1 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen-tab1 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab2 */
#resumen-tab2 ul { list-style: none; margin: 0; padding: 0; }
#resumen-tab2 ul { display: block; }
#resumen-tab2 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen-tab2 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab3 */
#resumen-tab3 ul { list-style: none; margin: 0; padding: 0; }
#resumen-tab3 ul { display: block; }
#resumen-tab3 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen-tab3 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab4 */
#resumen-tab4 ul { list-style: none; margin: 0; padding: 0; }
#resumen-tab4 ul { display: block; }
#resumen-tab4 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen-tab4 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab5 */
#resumen-tab5 ul { list-style: none; margin: 0; padding: 0; }
#resumen-tab5 ul { display: block; }
#resumen-tab5 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen-tab5 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab6 */
#resumen-tab6 ul { list-style: none; margin: 0; padding: 0; }
#resumen-tab6 ul { display: block; }
#resumen-tab6 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen-tab6 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Tabs derecha */
.columna-tab2 { height: 100%;}
UL.resumen2-tabNavigation { list-style: none; margin: 0; padding: 0; }
UL.resumen2-tabNavigation LI { display: inline; padding-right: 3px; }
UL.resumen2-tabNavigation LI A { padding: 3px 5px; background-color: #7c8cae; color: #fff; text-decoration: none; }
UL.resumen2-tabNavigation LI A.selected, UL.resumen2-tabNavigation LI A:hover { background-color: #eeeef6; color: #000; padding-top: 7px; border: 1px solid #7c8cae; border-left: 1px solid #7c8cae;border-right: 1px solid #7c8cae; border-bottom: 1px solid #eeeef6;}
UL.resumen2-tabNavigation LI A:focus { outline: 0;}
.resumen2-tabs > div { padding: 5px; margin-top: 3px; }
.resumen2-tabs > div h2 { margin-top: 0; }
#resumen2-tab1,#resumen2-tab2,#resumen2-tab3,#resumen2-tab4,#resumen2-tab5,#resumen2-tab6 {background-color: #eeeef6; border: 1px solid #7c8cae;}
/* Contenido tab1 */
#resumen2-tab1 ul { list-style: none; margin: 0; padding: 0; }
#resumen2-tab1 ul { display: block; }
#resumen2-tab1 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen2-tab1 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab2 */
#resumen2-tab2 ul { list-style: none; margin: 0; padding: 0; }
#resumen2-tab2 ul { display: block; }
#resumen2-tab2 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen2-tab2 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab3 */
#resumen2-tab3 ul { list-style: none; margin: 0; padding: 0; }
#resumen2-tab3 ul { display: block; }
#resumen2-tab3 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen2-tab3 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab4 */
#resumen2-tab4 ul { list-style: none; margin: 0; padding: 0; }
#resumen2-tab4 ul { display: block; }
#resumen2-tab4 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen2-tab4 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab5 */
#resumen2-tab5 ul { list-style: none; margin: 0; padding: 0; }
#resumen2-tab5 ul { display: block; }
#resumen2-tab5 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen2-tab5 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/* Contenido tab6 */
#resumen2-tab6 ul { list-style: none; margin: 0; padding: 0; }
#resumen2-tab6 ul { display: block; }
#resumen2-tab6 ul li { padding: 0 5px 30px 0; margin-top: 5px; }
#resumen2-tab6 img { border: 2px double #818181; border-width: medium; margin-right: 1em; }
/*****************************************************************************************************************
* PÁGINA SAVE
*****************************************************************************************************************/
.final-guardar { margin-bottom: 50%;}
/*****************************************************************************************************************
* CSS PARAR LOS POPUPS DEL MAPA
*****************************************************************************************************************/
.caja { font-size: 11px; overflow: hidden; height: auto; min-width: 350px;} /* ancho del globo */
/* .carga { background: url(../img/loader.gif) no-repeat top center; overflow: hidden; padding: 10px; } */
.popup { border: 2px solid #F6F5F5; padding: 5px; overflow: hidden; background-color: #FEfEF9; overflow: hidden; min-width: 350px; height: auto; }
.popup p { overflow: hidden; }
.popup .titulo { color: #2d5dc3; font-size:1.5em; margin: 0; padding: 0; margin-bottom: 1em; text-align: center;}
.popup dl {padding: 0 0 0 5px; overflow: hidden;}
.popup dt {padding: 0 0 1px 5px; overflow: hidden;}
.popup dd {padding: 0 0 7px 5px; text-align: justify; overflow: hidden;}
.popup .foto { float: left; border: 1px solid #666; padding: 5px; clear: both; margin-right: 0.4em;}
.foto-tab { float: left; border: 1px solid #666; padding: 5px; margin-right: 0.4em; display: block; }
object { overflow: hidden; clear: both; }
.video { margin-left: 35%;}
.enviado {font-size:9px; float:right; padding-bottom:0px; overflow: hidden;}
.valoracion {font-size:9px; float:left; height:16px; padding-bottom:0px; color: #233A6B; overflow: hidden;}
.texto-lobueno {color: #006600; overflow: hidden;}
.texto-lomalo {color: #cc0000; overflow: hidden;}
.popup-concierto {}
#cargando { position: fixed; top: 200px; margin-left: 40%; background: url("/img/loader-2.gif") 1em 50% no-repeat; padding: 2em; padding-left: 50px; border: 1px solid gray; z-index: 100; background-color: white; font-weight: bold; display: none; }
/*****************************************************************************************************************
* Quién habla
*****************************************************************************************************************/
ul.quien-habla li { list-style-image: url("../img/vineta.png"); list-style-type: square; }