html,body { font-family: Lucida Grande, Geneva, Tahoma, Helvetica, sans-serif; font-size: 12px; font-stretch:normal; font-style:normal; background: #ffffff url(../img/img01.gif) repeat-x left top; height: 100%; }
@font-face { font-family: Reenie_Beanie; font-size: 25px; src: url('../fonts/Reenie_Beanie.ttf'); }
@font-face { font-family: Creampuff; src: url('../fonts/creampuff.ttf');}
ul, li { list-style: none; }
li { list-style: none; }
button{
cursor: pointer;
text-decoration:none;
border: 1px solid rgb(154, 182, 203);
padding: 5px 2px 5px 2px;
color:rgb(96, 96, 96);
font-size:14px;
font-family:arial, serif;
text-shadow: 2px 1px 1px rgb(255, 255, 255);
font-size: 14px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
box-shadow:0px 0px 0px rgb(0, 0, 0);
-moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
-webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
background-image:linear-gradient(-90deg, rgba(96, 124, 186, 0.2), rgba(96, 124, 186, 0.35));
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(96, 124, 186, 0.2)), to(rgba(96, 124, 186, 0.35)));
background-image:-moz-linear-gradient(-90deg, rgba(96, 124, 186, 0.2), rgba(96, 124, 186, 0.35));
}
button:hover{
cursor: pointer;
text-decoration:none;
border: 1px solid rgb(96, 124, 186);
padding: 5px 2px 5px 2px;
color:rgb(0, 0, 0);
font-size:14px;
font-family:arial, serif;
text-shadow: 1px 1px 1px rgb(255, 255, 255);
font-size: 14px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
box-shadow:inset 0px 0px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow:inset 0px 0px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow:inset 0px 0px 0px rgba(0, 0, 0, 0.45);
background-color: rgb(255, 255, 255);
background-image:linear-gradient(-90deg, rgba(96, 124, 186, 0.3), rgba(96, 124, 186, 0.4));
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(96, 124, 186, 0.3)), to(rgba(96, 124, 186, 0.4)));
background-image:-moz-linear-gradient(-90deg, rgba(96, 124, 186, 0.3), rgba(96, 124, 186, 0.4));
}
button:active{
cursor: pointer;
text-decoration:none;
border: 1px solid rgb(69, 110, 198);
padding: 5px 2px 5px 2px;
color:rgb(255, 255, 255);
font-size:14px;
font-family:arial, serif;
text-shadow: 1px 1px 1px rgb(0, 3, 51);
font-size: 14px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgb(255, 255, 255);
background-image:linear-gradient(-90deg, rgb(96, 124, 186), rgb(96, 124, 186));
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(96, 124, 186)), to(rgb(96, 124, 186)));
background-image:-moz-linear-gradient(-90deg, rgb(96, 124, 186), rgb(96, 124, 186));
}
.mode-list-btn-active {
cursor: default;
text-decoration:none;
border: 1px solid rgb(69, 110, 198);
padding: 5px 2px 5px 2px;
color:rgb(255, 255, 255);
font-size:14px;
font-family:arial, serif;
text-shadow: 1px 1px 1px rgb(0, 3, 51);
font-size: 14px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgb(255, 255, 255);
background-image:linear-gradient(-90deg, rgb(96, 124, 186), rgb(96, 124, 186));
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(96, 124, 186)), to(rgb(96, 124, 186)));
background-image:-moz-linear-gradient(-90deg, rgb(96, 124, 186), rgb(96, 124, 186));
}
hr { color: #5f7bb9; background-color: #5f7bb9; }
acronym { border-bottom: 1px dotted black; cursor:help;}
h1 { color: #333333; font-size: 20px; }
h2 {color: #333333; font-size: 18px; }
a { color: #607CBA; }
a:hover{color: #075C99; }
a:active { color:#9AB6CB; }
select {font-size: 150%; color: #333; }
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; }
a[icon ^="rss"] { padding-left: 20px; background: transparent url(../img/rss.gif) no-repeat center left; }
img { border: none;}
img.left { float: left; margin-right: 15px; }
img.right { float: right; margin-left: 15px; }
.focoCampo{ border:solid 2px #73A6FF; }
.sinfocoCampo{ border: solid 2px #DFDFDF;}
input[type="text"], input[type="password"], textarea { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); outline: 0 none; padding: 5px 3px; }
input:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus { -moz-box-shadow: 0 0 6px rgba(96, 124, 186, 0.5); -webkit-box-shadow: 0 0 6px rgba(96, 124, 186, 0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-color: rgba(96, 124, 186, 0.75) !important;}
#main { display: block; position: relative; min-height: 100%; }
#centrado { width:990px; margin-left:auto; margin-right:auto; overflow:hidden; display: block;}
#contenedor-cabecera { width: 980px; margin: 0 auto; height: 55px; }
#cabecera-menu { width: 985px; margin: 0 auto; height: 50px; /* separación cabecera con mapa */ }
.breadcrumb h2 { text-transform: capitalize; }
/* 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; padding-top:5px; }
.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 { bottom: 12px; color: #7B8BAD; display: block; font-size: 1.2em; text-align:right; position: relative; }
#logo { width: 600px; height: 57px; margin: 0 auto; float:left;}
#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; text-shadow: 0 1px 1px #bbbbbb; }
#logo h2 { font: 1.2em Georgia, "Times New Roman", Times, serif; color: #7D8DAF; }
/* Caja búsqueda */
.search { float: right; }
#buscar { border:none; color: #8F867C;height:18px;}
#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; }
.caja-buscar-main { float: right; padding-top: 20px; }
div.columna-izquierda { border-right: 1px solid #7289BC; float: left; width: 660px; clear: both; }
div.columna-derecha { margin-top:50px; 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 validate.js ***/
/* .error { background-color:#FFDFDF; border:1px dotted red; float:left; min-width:30%; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;} */
.error { color: red; }
.error label { background-color:#FFDFDF; color: red; font-style: italic; border:none; padding:10px; }
input.error { border: 1px dotted red; background-color:#FFDFDF; }
select.error { border: 1px dotted red; background-color:#FFDFDF; }
label {cursor: pointer;}
/*****************************************************************************************************************
* CABECERA MENU IDIOMA LANGUAGE
*****************************************************************************************************************/
.lang_sel li:hover { background-color: white;}
.lang_sel li { list-style-type: none; float: left; }
.lang_sel ul li a { }
.lang_sel ul li ul { border: 1px solid #607CBA; display: none; padding: 15px 0 0 0; position: absolute; z-index:999; margin: -16px 0 0 -5px; .margin: 0 -60px; _margin: 0 -60px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888; box-shadow: 3px 3px 4px #888; }
.lang_sel ul li:hover ul { display: block; }
.lang_sel ul li ul li { background-color: white; border: none; display: block; float: none; position: relative; vertical-align: middle; }
/*****************************************************************************************************************
* PÁGINA INICIO INDEX PRESENTATION-PRESENTACION-PORTADA
*****************************************************************************************************************/
.boton-entrar{ float: right;}
.presentation { float:left; margin: 20px 0 20px 0; border-spacing: 0; border-collapse: collapse; }
.presentation #box1 { display: inline; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.presentation #box2 { display: inline; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.presentation #box3 { display: inline; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.presentation #box4 { display: inline; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.pics p { display: inline; float: left; color:#92adc1; font-size:30px; padding-top: 20px; padding-right: 30px; }
.close-presentation button{ float:right; text-decoration:none; font-size:16px; font-weight:bold; }
.pics { display: inline; float: left; height: 280px; width: 170px; padding:0 70px 0 0; margin:0; overflow: hidden }
.pics a { color:#92adc1; font-size:1.2em; font-family: Sans; font-weight:bold; text-decoration:none; text-align:center; }
.pics img { height: 150px; width: 180px; padding: 3px; border: 1px solid #ccc; background-color: #F1F2F6; top:0; left:0 }
.pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px;}
/*****************************************************************************************************************
* RESUMEN CRITICAS INICIO
*****************************************************************************************************************/
div.lista-resumen{padding:0; margin: 0 1%; }
div.lista-resumen div.resumen-global{ padding:0.2em 0; float: left; width:700px;}
div.lista-resumen div.resumen-global.pais { margin-right: 2em; width: 25%;}
div.resumen-global { padding-top: 0; }
.clearfix { display: inline-block; clear: both;}
div.lista-resumen ul{margin:0 0 20px 10px;} 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; }
div.lista-resumen h2 {padding-top: 5px;}
h1.resumen { padding-bottom: 0.3em; border-bottom: 1px solid #607CB9;}
/*****************************************************************************************************************
* CSS PARA LOS MAPAS
*****************************************************************************************************************/
#mapaprincipal { height:400px; position:relative; }
#mapa-colapse { border-top:0.1em dotted gray; cursor: pointer; height:6px; margin:12px; text-align:right;}
#mapa-colapse:hover { border:1px solid black; background-color:#7A91C5; cursor: pointer; height:16px; text-align:center;}
#mapa-centrado { margin:auto auto 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 980px;}
.mapadeco { position: relative;}
.mapestilizado #mapa { border: none; padding: 30px; /*background: url(../img/mapas/mapaprincipal-bg.png) no-repeat left;*/ z-index: 0; }
/* esquinas redondeadas del mapa principal */
.mapestilizado .esquina-sup-iz { width: 30px; height: 30px; display: block; position: absolute; top: 30px; left: 30px; background: url(../img/mapas/esquina-sup-iz.png) no-repeat left top; z-index: 1; }
.mapestilizado .esquina-inf-iz { width: 30px; height: 30px; display: block; position: absolute; top: 400px; left: 30px; background: url(../img/mapas/esquina-inf-iz.png) no-repeat left bottom; z-index: 1; }
.mapestilizado .esquina-sup-de { width: 41px; height: 30px; display: block; position: absolute; top: 30px; right: 30px; background: url(../img/mapas/esquina-sup-de.png) no-repeat right top; z-index: 1; }
.mapestilizado .esquina-inf-de { width: 30px; height: 30px; display: block; position: absolute; top: 400px; right: 30px; background: url(../img/mapas/esquina-inf-de.png) no-repeat right bottom; z-index: 1; }
/*****************************************************************************************************************
* FILTER CRITICAS
*****************************************************************************************************************/
.filter-content {clear:both; }
.filter-criticas{ /* margin: 30px 0 0 80px; padding: 50px 70px 40px 0; */ margin: 30px 0 0 0; padding:20px 12px 20px; }
/* Select categorias */
#filter_persons_voted { /* background-color: white; border: 1px solid #ddd; cursor:pointer; */ background: -moz-linear-gradient(center top , #FFFFFF, #D5D5D5) repeat scroll 0 0 transparent; border: 1px solid #DBDBDB; border-radius: 3px 3px 3px 3px; color: #1E2638; font-size:150%; padding: 5px; }
#filtrar { padding: 3px; }
.icono-categoria { margin-top: 8px; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: left;}
/* Select ciudades */
#ciudades { background-color: white; border: 1px solid #ddd; cursor:pointer; width:200px; }
.filters-select { margin-top: 10px; }
.want-opt-change-place { float: right; }
.want-new-link { margin-top:6px; }
.want-new-link a {text-decoration: none; color: #CCC;}
.want-new-link a:hover{ color:#607CBA;}
.want-opt1 { background-color: #cad8e3; color: #CCC; float:left; height:100px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.want-opt1 a { text-decoration: none; color: #333; }
.want-opt1-text { background-color: white; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.want-opt1-text li { color: #9AB6CB; font-size: 1.2em; font-weight: bold; padding-left:5px;}
.want-opt2 { background-color: #cad8e3; margin-left:360px; height:100px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.want-opt2 a {text-decoration: none; }
.want-opt2-text { background-color: white; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/*****************************************************************************************************************
* LOCATION
*****************************************************************************************************************/
.location-search { padding: 2em 0 5em 0; }
/*****************************************************************************************************************
* LOGIN - ALTA - ACCESO
*****************************************************************************************************************/
.login label {padding:10px 0 0 0; color:#999999; display:block; }
.login input { font-size: 16px; padding:1px; }
.login input[type=text],input[type="password"] {width:250px;}
.new-user {border-top: 1px solid #999999; margin-top: 40px; padding-top: 30px;}
.fb-login { float:left; padding: 90px 0 0 0; width:210px; }
.login-form { float: left; width:380px; }
.login-form-in { border-right: 1px solid #999999; margin:20px 60px 20px 0; padding: 20px 20px 10px 0;}
.msg-reg { font-size:16px; padding:20px;}
.geocriticas-intro { color: #999999; float: right; font-size: 20px; line-height: 1.2em; padding: 50px 0 0; text-align: justify; width: 400px; }
.logout { padding: 30px; }
/*****************************************************************************************************************
* USER -USUARIO - WHO
*****************************************************************************************************************/
.user { font-size:14px; }
.user p { line-height: 3em; }
.user-photo{ float:left; padding: 5px; }
.user-know { margin-bottom: 15%;}
.user-know ul {margin-left: 10px; }
.user-know li { display: inline; float: left; width: 22%; /* para dar más o menos columnas de categorias */
padding: 4px; /* separación entre filas */ }
.user-activity { border-bottom: 1px solid #607CBA; clear: both; height: 34px; margin: 25px 0 15px 0; }
.user-activity ul li { list-style:none; display:inline; }
.user-activity ul { float:left; margin-left:10px; }
.user-activity ul li a{ background: inherit; border: 1px solid #FFFFFF; color: #777777; display:block; float:right; height: 24px; line-height: 22px; margin: 8px 8px 0 0; padding: 0 11px; text-decoration: none; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;
}
.user-activity ul li a:hover { background: none repeat scroll 0 0 #FFFFFF; border-color: #607CBA #607CBA #FFFFFF; border-style: solid; border-width: 1px; line-height: 20px; margin-top: 9px; }
.user-activity ul li a.user-activity-tab-active { background: none repeat scroll 0 0 #FFFFFF; border-color: #607CBA #607CBA #FFFFFF; border-style: solid;
border-width: 1px; color: #333; font-size: 120%; height: 30px; line-height: 28px; margin-top: 3px; padding: 0 11px; }
.all-activity { font-size: 14px; }
.all-activity ul { margin: 10px 0 50px 0;}
.all-activity ul li { margin:10px 0 10px 10px; padding: 4px 0;}
.all-activity ul li a { font-weight: bold; }
.all-activity h2 { margin-top: 30px; }
.city { color: #333; }
/*****************************************************************************************************************
* USER -USUARIO - pressingfame
*****************************************************************************************************************/
.users-pressing-ratings { margin-top: 20px; color:#333; }
.users-pressing-ratings ul { margin: 10px 0 50px 0;}
.users-pressing-ratings ul li { margin:20px 0 30px 10px; padding: 4px 0;}
.users-pressing-ratings li span { text-align:center; }
.users-country-pressing-ratings { margin-top: 150px; }
.pressing-title-zone, .pressing-title-country a {text-decoration:none; }
.sup_rank { bottom: 0.8em; color: gray; font-size: 0.5em; margin-left: 5px; position: relative; }
.sub_rank { border-top: 1px dotted #607CBA; color: gray; font-size: 0.5em; padding-left: 120px; position: relative; right: 9.6em; top: 0.5em; }
.sup_rank1 { bottom: 0.8em; color: gray; font-size: 0.5em; float:right; margin-left: 5px; position: relative; }
.sub_rank2 { border-top: 1px dotted #607CBA; color: gray; float:right; font-size: 0.5em; padding-left: 120px; position: relative; right: 9.6em; top: 0.5em; }
.pressing-fame-line { background: url("../img/tags/pressing-fame-line.png") repeat scroll left top transparent;
padding: 13px 0 13px 0; }
/*****************************************************************************************************************
* USER - USUARIO - profile - perfil
*****************************************************************************************************************/
#profile div { margin-bottom: 10px; }
#profile fieldset div label { float: left; text-align: right; padding:5px 5px 0 0; width: 180px; }
#profile div input.text { display: inline; float: left; margin-left: 5px; width: 160px; }
#profile .alert-checkbox { display: inline; margin-left: 185px; }
#profile fieldset#alert label { font-weight: normal; }
#profile .profile-submit { text-align: center; border-top: 1px solid #98B4CB; padding-top:5px; }
#profile .error { float: none; text-align:none; display:inline; padding: 10px; }
#profile .avatar-options { margin-left: 230px; position: relative; top: -50px; }
/*****************************************************************************************************************
* CSS CONTROLES MAPAS (MOVER, ZOOM)
*****************************************************************************************************************/
/* controles movimiento */
.mapestilizado .mover-mapa-izquierda { background: url(../img/mapas/flecha-izq.png) no-repeat left top; cursor:pointer; width: 33px; height: 50px; display: block; position: absolute; top: 200px; left: 0; z-index: 1; }
.mapestilizado .mover-mapa-izquierda:hover { background: url(../img/mapas/flecha-izq.png) no-repeat right top; }
.mapestilizado .mover-mapa-derecha { background: url(../img/mapas/flecha-der.png) no-repeat right top; cursor:pointer; width: 33px; height: 50px; display: block; position: absolute; top: 200px; right: 0; z-index: 1; }
.mapestilizado .mover-mapa-derecha:hover { background: url(../img/mapas/flecha-der.png) no-repeat left top; }
.mapestilizado .mover-mapa-arriba { background: url(../img/mapas/flecha-arriba.png) no-repeat center top; cursor:pointer; width: 47px; height: 33px; display: block; position: absolute; top: 0; left: 465px; z-index: 1; }
.mapestilizado .mover-mapa-arriba:hover { background: url(../img/mapas/flecha-arriba.png) no-repeat center bottom; }
.mapestilizado .mover-mapa-abajo { background: url(../img/mapas/flecha-abajo.png) no-repeat center bottom; cursor:pointer; width: 47px; height: 33px; display: block; position: absolute; top: 440px; left: 465px; z-index: 1; }
.mapestilizado .mover-mapa-abajo:hover { background: url(../img/mapas/flecha-abajo.png) no-repeat center top; }
/* controles zoom */
.mapestilizado .controles-zoom { background-color: white; color:gray; display:block; font-size:1em; font-weight:bold; height:15px; left:475px; position:absolute; text-align: center; text-shadow: 0 1px 1px #bbbbbb; top:415px; width:30px; z-index:1; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.mapestilizado .controles-zoom:hover { color:#7a91c5; }
.mapestilizado .zoom-menos-x1 {background: url(../img/mapas/zoom-menos-x1.png) no-repeat left bottom; cursor:pointer; width: 19px; height: 19px; display: block; position: absolute; top: 415px; left: 391px; z-index: 1;}
.mapestilizado .zoom-menos-x1:hover {background: url(../img/mapas/zoom-menos-x1-over.png) no-repeat left bottom; }
.mapestilizado .zoom-menos-x2 {background: url(../img/mapas/zoom-menos-x2.png) no-repeat left bottom; cursor:pointer; width: 25px; height: 25px; display: block; position: absolute; top: 410px; left: 415px; z-index: 1;}
.mapestilizado .zoom-menos-x2:hover {background: url(../img/mapas/zoom-menos-x2-over.png) no-repeat left bottom; }
.mapestilizado .zoom-menos-x3 {background: url(../img/mapas/zoom-menos-x3.png) no-repeat left bottom; cursor:pointer; width: 29px; height: 29px; display: block; position: absolute; top: 406px; left: 445px; z-index: 1;}
.mapestilizado .zoom-menos-x3:hover {background: url(../img/mapas/zoom-menos-x3-over.png) no-repeat left bottom; }
.mapestilizado .zoom-mas-x1 {background: url(../img/mapas/zoom-mas-x1.png) no-repeat left bottom; cursor:pointer; width: 19px; height: 19px; display: block; position: absolute; top: 415px; right: 391px; z-index: 1;}
.mapestilizado .zoom-mas-x1:hover {background: url(../img/mapas/zoom-mas-x1-over.png) no-repeat left bottom; }
.mapestilizado .zoom-mas-x2 {background: url(../img/mapas/zoom-mas-x2.png) no-repeat left bottom; cursor:pointer; width: 25px; height: 25px; display: block; position: absolute; top: 410px; right: 415px; z-index: 1;}
.mapestilizado .zoom-mas-x2:hover {background: url(../img/mapas/zoom-mas-x2-over.png) no-repeat left bottom; }
.mapestilizado .zoom-mas-x3 {background: url(../img/mapas/zoom-mas-x3.png) no-repeat left bottom; cursor:pointer; width: 29px; height: 29px; display: block; position: absolute; top: 406px; right: 445px; z-index: 1;}
.mapestilizado .zoom-mas-x3:hover {background: url(../img/mapas/zoom-mas-x3-over.png) no-repeat left bottom; }
.mapestilizado .anade-critica { background: url(../img/mapas/anade-critica.png) no-repeat right top; cursor:pointer; width: 50px; height: 50px; display: block; position: absolute; top: 380px; right: 30px; z-index: 1;}
.mapestilizado .anade-critica:hover { background: url(../img/mapas/anade-critica-over.png) no-repeat right top; }
/*****************************************************************************************************************
* 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;
}
/*****************************************************************************************************************
* FORMULARIO NUEVA CRITICA
****************************************************************************************************************/
fieldset { border-color: #CCCCCC -moz-use-text-color -moz-use-text-color; border-right: medium none; border-style: solid none none; border-width: 1px medium medium; margin: 1em 0; padding:10px; }
#formulario-criticas input[type="text"], #formulario-criticas input[type="password"], #formulario-criticas textarea { border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); outline: 0 none; padding: 6px 4px; }
#divTaggood, #divTaggood input:focus, #divTagbad input:focus {border:none; padding: 0; box-shadow:none; border-radius:none;}
#divTaggood { margin-right: 10px; }
.autocomplete-sinonimos { font-weight: bold; color:white; padding-left:5px; float:right;}
legend { background: none repeat scroll 0 0 transparent; color: #003366; font-size: 1.3em; font-weight: bold; margin: 0.5em 0; padding: 0 0.5em; }
#formulario-criticas fieldset label { font-weight: bold; font-size:11px; color:#333333; display:block; }
.help-field { color:#999999; display:block; }
/* TAGS */
#tagnewgood,#tagnewbad { background-color: #E08000; }
.sinonimosgood-form { margin:10px 20px 20px ; }
.sinonimosbad-form { margin:10px 20px 20px ;}
.rowtaggood-form, .rowtagnewgood-form { background:transparent url("../img/tags/good-tag.png") left center no-repeat; border-right:3px solid #008100; font-size: 19px; font-family: "Lucida Grande", arial, sans-serif; font-weight:bold; text-shadow: 0 1px 1px #fff; margin:2px 2px 2px 0; overflow:visible; padding:4px 4px 4px 10px; text-decoration:none; }
.rowtagbad-form, .rowtagnewbad-form { background:transparent url("../img/tags/bad-tag.png") left center no-repeat; border-right:3px solid red; font-size: 19px; font-family: "Lucida Grande", arial, sans-serif; font-weight:bold; text-shadow: 0 1px 1px #fff; margin:2px 2px 2px 0; overflow:visible; padding:4px 4px 4px 10px; text-decoration:none; }
.rowtaggood, .rowtagbad, .rowtagnewbad,.rowtagnewgood { border: none; font-size: 17px; font-family: "Lucida Grande", arial, sans-serif; font-weight:bold; text-shadow: 0 1px 1px #fff; text-decoration:none; width: 15%;}
.location-with-photo { margin-left: 35px; border-left:1px solid gray; padding-left:60px; width:430px; }
.new-txt-search ul li {display: inline;}
.new-txt-search ul { list-style:none; display:inline; margin: auto; }
.new-txt-search li { float:left;}
.info-nueva { font-size:88%; text-align:justify; padding-left:130px; }
.direccion-seleccionada { margin-left: 0; }
.marcador { background-color: #DCF4F7; }
#formulario-criticas dl {padding-bottom: 10px;}
#formulario-criticas dd {padding-bottom: 10px;}
/* Decoración */
.recuadromapa {
padding:8px;
background-color: #f5f5f5;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border: 1px solid #000000;
}
.direccion-seleccionada { margin-left: 0; clear:both; }
/* thunb fotos subidas */
#fotografias, #mas_fotografias { clear: both; margin: 0 0 0 2em; }
#fotografias ul, #mas_fotografias ul { list-decoration: none; padding: 0; margin: 0; overflow: hidden; }
#fotografias li, #mas_fotografias li { float: left; display: block; margin: 0.5em 10px 2em 0; }
#fotografias li img, #mas_fotografias li img { padding: 1px; border: 1px solid #666; float: left; }
/* Pie de la página */
.clearfooter { height: 50px; clear: both; }
#footer { clear: both; font-size:10px; text-align:center; border-top: 1px solid #607CBA; display: block; margin-top: 10%; /* height: 260px;*/ /*si se cambia revisar #main { ... margin-bottom: -110px;...} */ padding-top: 10px; }
#footer a { padding-right:5px; padding-left:5px; border-right: 1px solid #607CBA; }
#footer a.last { border:none; }
/*****************************************************************************************************************
* TAG - TAGS
*****************************************************************************************************************/
#lista-resumen li { display: inline; float: left; width: 32%; /* para dar más o menos columnas de categorias */
padding: 4px; /* separación entre filas */ }
.tags-good { float:left; width: 50%; }
.tags-bad { float:right; width: 50%; }
.tags-good ul { margin-left: 15px;}
.tags-bad ul { margin-left: 15px;}
.tags-col { padding-bottom: 15px; }
/*
.mini-good-tag{
background:transparent url("../img/tags/mini-good-tag.png") left center no-repeat;
border-right:2px solid #99C79E;
font-size: 11px;
font-family: "Lucida Grande", arial, sans-serif;
font-weight:bold;
text-shadow: 0 1px 1px #fff;
overflow:visible;
padding:2px 2px 2px 35px;
text-decoration:none;
}
.mini-bad-tag{
background:transparent url("../img/tags/mini-bad-tag.png") left center no-repeat;
border-right:2px solid red;
font-size: 11px;
font-family: "Lucida Grande", arial, sans-serif;
font-weight:bold;
text-shadow: 0 1px 1px #fff;
overflow:visible;
padding:2px 2px 2px 35px;
text-decoration:none;
}
*/
.mini-good-tag{
font-weight: bold;
padding: .5em .6em .4em .6em;
margin: .5em;
display: inline-block;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: hsl(88, 70%, 60%);
-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
-moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.mini-bad-tag{
background-color: hsl(340, 100%, 75%);
font-weight: bold;
padding: .5em .6em .4em .6em;
margin: .5em;
display: inline-block;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
--webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
-moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
/*
.bad-tag{
background:transparent url("../img/tags/bad-tag.png") left center no-repeat;
border-right:3px solid red;
font-size: 19px;
font-family: "Lucida Grande", arial, sans-serif;
font-weight:bold;
text-shadow: 0 1px 1px #fff;
margin:2px 2px 2px 0;
overflow:visible;
padding:4px 4px 4px 46px;
text-decoration:none;
}
.new-good-tag{
background:transparent url("../img/tags/new-good-tag.png") left center no-repeat;
border-right:3px solid #cccccc;
font-size: 19px;
font-family: "Lucida Grande", arial, sans-serif;
font-weight:bold;
text-shadow: 0 1px 1px #fff;
margin:2px 2px 2px 0;
overflow:visible;
padding:4px 4px 4px 46px;
text-decoration:none;
}
.new-bad-tag{
background:transparent url("../img/tags/new-bad-tag.png") left center no-repeat;
border-right:3px solid #cccccc;
font-size: 19px;
font-family: "Lucida Grande", arial, sans-serif;
font-weight:bold;
text-shadow: 0 1px 1px #fff;
margin:2px 2px 2px 0;
overflow:visible;
padding:4px 4px 4px 46px;
text-decoration:none;
}
*/
.box-new-good-tag { background-color:#CFEFAA; padding:25px 10px 25px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.box-new-bad-tag { background-color:#FFB5CD; padding:25px 10px 25px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
/* .input-new-good-tag{ background:url("../img/tags/new-good-tag.png") no-repeat scroll left center transparent; border-right:3px solid #CCCCCC; font-family:"Lucida Grande",arial,sans-serif; font-size:19px; font-weight:bold;margin:2px 2px 2px 0; overflow:visible; padding:4px 4px 4px 46px; text-decoration:none; text-shadow:0 1px 1px #FFFFFF; width:60%; }
.input-new-bad-tag{ background:url("../img/tags/new-bad-tag.png") no-repeat scroll left center transparent; border-right:3px solid #CCCCCC; font-family:"Lucida Grande",arial,sans-serif; font-size:19px; font-weight:bold; margin:2px 2px 2px 0; overflow:visible; padding:4px 4px 4px 46px; text-decoration:none; text-shadow:0 1px 1px #FFFFFF; width:60%; }
*/
/*
#add-bad-tag {float:right; margin-right: 90px; }
#add-good-tag {float:right; margin-right: 90px; }
*/
#new-bad-tag {border: none; background-color: #f9f9f9; }
#new-good-tag {border: none; background-color: #f9f9f9; }
.new-bad-tag:hover { cursor: pointer; color:#ff0000; }
.new-good-tag:hover { cursor: pointer; color:#008100; }
/* #vote-tag-green-button { background: transparent url("../img/tags/vote-tag.png") top center no-repeat; cursor: pointer; padding:11px 20px;}
#vote-tag-green-button:hover { background: transparent url("../img/tags/vote-tag-green-over.png") top center no-repeat;}
#vote-tag-green-button:active { background: transparent url("../img/tags/vote-tag-green-active.png") top center no-repeat; padding:10px 21px;}
*/
a#vote-tag-green-button{ background: url("../img/tags/vote-tag-good.png") no-repeat 0 0;cursor:pointer; width: 34px; height: 31px; display:inline-block; text-indent: -9999px; padding:11px 0 0 0; opacity:0.4; filter:alpha(opacity=40);}
a#vote-tag-green-button:hover {background-position: -34px 0; opacity:1; filter:alpha(opacity=100); }
a#vote-tag-green-button:active { background-position: -68px 0; opacity:1; filter:alpha(opacity=100); }
a#vote-tag-red-button{ background: url("../img/tags/vote-tag-bad.png") no-repeat 0 0; cursor:pointer; width: 34px; height: 31px; display:inline-block; text-indent: -9999px; padding:11px 0 0 0; opacity:0.4; filter:alpha(opacity=40);}
a#vote-tag-red-button:hover {background-position: -34px 0; opacity:1; filter:alpha(opacity=100);}
a#vote-tag-red-button:active { background-position: -68px 0; opacity:1; filter:alpha(opacity=100);}
/** TAGS VOTOS USUARIOS **/
/*.lista-usuarios-votos-tags { background: url("../img/usuarios/separador-lista.png") no-repeat left top; color:gray; padding: 13px 0 0 4px; }*/
.button-list-users-pressing{ position:relative; top:10px; }
.button-list-users-pressing:hover { box-shadow: 0 -2px 2px #CCCCCC; border-bottom:none; cursor:pointer; padding: 18px 0 15px 0; position:relative; z-index: 0; }
.button-list-users-pressing-active { box-shadow: 0 -2px 2px #CCCCCC; -webkit-box-shadow: 0 -2px 2px #CCCCCC; -moz-box-shadow:0 -2px 2px #CCCCCC; background-color: white; border: none; border-bottom: 0; z-index: 0; padding: 18px 0 14px 0; position:relative; top:10px;}
.list-users-pressing { box-shadow: 0 3px 6px #CCCCCC; -webkit-box-shadow: 0 3px 6px #CCCCCC; -moz-box-shadow:0 3px 6px #CCCCCC; background-color: white; border: 1px solid #F6F6F8; margin-top: 8px; z-index: 2; }
.list-users-pressing { width: 75%; }
.list-users-pressing ul li { padding:5px 0; }
.list-users-pressing ul li:hover { background-color: #F6F6F8; }
.menu{
font: 13px/27px Arial,sans-serif;
color:#3366CC;
height:30px;
background: url(back.gif) repeat-x;
}
.menu .aa:hover{
background-color:#e4ebf8;
}
.menu .aa {
text-decoration: none;
padding: 4px 8px 7px;
color:#3366CC;
outline:none;
}
.menu ul{
list-style: none;
margin:0;
padding:0 0 0 10px;
}
.menu ul li{
padding-top:13px;
float:left;
}
.menu ul li ul li{
padding:0;
float:none;
margin: 0 0 0 0px;
width:100%;
}
.menu ul li ul{
position: absolute;
border: 1px solid #C3D1EC;
box-shadow: 0 1px 5px #CCCCCC;
margin-top: -1px;
display:none;
padding: 0px 16px 0px 0;
}
.active ul{
display:block !important;
}
.active .aa{
background-color: white;
border: 1px solid #C3D1EC;
border-bottom: 0;
box-shadow: 0 -1px 5px #CCCCCC;
display: block;
height: 29px;
padding: 0 8px 0 8px;
position:relative;
z-index: 1;
}
.active .aa:hover{
background-color:white;
}
.active ul .aa:hover{
background-color:#e4ebf8;
}
.active ul .aa{
border: 0 !important;
box-shadow: 0 0 0 #CCCCCC;
border:0;
width: 100%;
}
.arrow {
border-color: #3366CC transparent transparent;
border-style: solid dashed dashed;
margin-left: 5px;
position: relative;
top: 10px;
}
/*****************************************************************************************************************
* RANKING PROVINCIAS, CIUDADES Y CRITICAS
*****************************************************************************************************************/
.rank-titulo {margin-bottom:10%;}
.rank-titulo-texto {border-bottom: 2px solid #607CBA; color: #818181; font-weight:bold; font-size:1.2em;}
.rank-titulo-provincia {font-size:1.5em;}
.rank-titulo-ciudad { float:left;font-size:1.5em;}
.rank-provincia-numero {float:left; padding-right:5%; font-size:4em;}
.rank-ciudad-numero {float:left; padding-right:5%; font-size:4em;}
.rank-provincia-nombre { margin-left:25%; }
.rank-provincia-datos { font-size: 1.1em;}
#ranking-mini { height:300px; width:430px; overflow:hidden; padding:0 10px 14px 10px; float: left; }
#ranking-provincias-mini { height:300px; width:430px; overflow-y: auto; float: left; }
#ranking-provincias-mini{overflow-y: auto; height:270px;}
#ranking-provincias-mini li{ border:0; margin:0; padding:10px 0; list-style:none; width:90%;}
#ranking-provincias-mini li:hover { background-color:#EEEEF6;}
#ranking-provincias-mini li.selected { background-color : #EEEEF6; -moz-border-radius: 7px 100px 100px 7px; -webkit-border-radius: 7px 100px 100px 7px;}
#ranking-provincias-mini li.selected a { font-weight:bold; font-size:1.2em; }
#ranking-provincias-mini .evento-titulo { display:block; font-weight:bold; margin-bottom:4px; color:#36538D;}
#ranking-provincias-mini .evento-titulo a:link { color:#36538D; text-decoration:none; }
#ranking-provincias-mini .evento-titulo a:hover { color:navy text-decoration:underline; }
#ranking-provincias-mini .evento-titulo a:visited { color:gray; text-decoration:none; }
#ranking-provincias-mini .evento-titulo-lugar { display:block; font-size: 1.1em; color:olive; padding: 6px;}
#ranking-provincias-mini .novedades-foto-mini { float:left; margin-right:14px; padding:4px; width: 25%; height:25%; border: 1px double gray; }
#ranking-provincias-mini .del {float:right; font-weight:bold; color:#666666 }
#ranking-provincias-mini .del a {color:#000000; }
#ranking-provincias-mini .del a:hover { background-color:#36538D; padding-left:1px; padding-right:1px;color:#ffffff;}
#ranking-provincias-mini h2 {margin: 0 0 0 2px; display:block; font-size:2em; font-weight:bold;}
/* ciudades */
.ranking-mini2 { height:300px; width:430px; overflow:hidden; padding:0 10px 14px 10px; float: right; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#ranking-ciudades-mini2{ overflow-y: auto; height:270px; }
#ranking-ciudades-mini2 li{ border-bottom: 0.2em dotted #607CB9; margin:0; list-style:none; width:90%;}
#ranking-ciudades-mini2 li:hover{background-color:#EEEEF6;}
#ranking-ciudades-mini2 li.selected { background-color : #EEEEF6; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#ranking-ciudades-mini2 li.selected a { font-weight:bold; font-size:1.2em; }
#ranking-ciudades-mini2 .evento-titulo { display:block; font-weight:bold; margin-bottom:4px; color:#36538D;}
#ranking-ciudades-mini2 .evento-titulo a:link { color:#36538D; text-decoration:none; }
#ranking-ciudades-mini2 .evento-titulo a:hover { color:navy text-decoration:underline; }
#ranking-ciudades-mini2 .evento-titulo a:visited { color:gray; text-decoration:none; }
#ranking-ciudades-mini2 .evento-titulo-lugar { display:block; font-size: 1.1em; color:olive; padding: 6px;}
#ranking-ciudades-mini2 .novedades-foto-mini2 { float:left; margin-right:14px; padding:4px; width: 22%; height:22%; border: 1px double gray; }
#ranking-ciudades-mini2 .del {float:right; font-weight:bold; color:#666666 }
#ranking-ciudades-mini2 .del a {color:#000000; }
#ranking-ciudades-mini2 .del a:hover { background-color:#36538D; padding-left:1px; padding-right:1px;color:#ffffff;}
#ranking-ciudades-mini2 h2 {margin: 0 0 0 2px; display:block; font-size:2em; font-weight:bold;}
/* rank criticas */
.rankingcriticas-mode-list { background-color: white; float:right; padding-left:10px; }
.rankingcriticas-mode-list button { background-image: none; border: none; background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.ranking-criticas { display:inline; overflow:hidden; padding: 0 10px 14px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.rank-criticas-titulo { padding-bottom: 25px; }
/* modo downlist javascript muestra critica debajo */
ul#ranking-criticas-mini2 li p { margin-bottom:7px;}
ul#ranking-criticas-mini2 li .rank-critica-numero { color: #333333; float:left; padding-right:5%; padding-top:2%; font-size:4em; text-decoration:none;}
ul#ranking-criticas-mini2 li .rank-criticas-list{ height: 100px; padding-left: 55px; }
ul#ranking-criticas-mini2 li a { min-height: 80px; overflow: hidden; text-decoration:none;}
ul#ranking-criticas-mini2 li .rank-titulo { font-size: 1.3em; padding:10px 0 10px 0;}
ul#ranking-criticas-mini2 li .rank-fama { color: #333; margin-left: 100px; text-decoration:none;}
#ranking-criticas-mini2{ margin-left: 10px; overflow-y: auto; height:310px; }
#ranking-criticas-mini2 li{ border-bottom: 0.2em dotted #607CB9; cursor:pointer; font-weight: normal; min-height: 50px; text-decoration:none;}
#ranking-criticas-mini2 li:hover{background-color:#EEEEF6;}
#ranking-criticas-mini2 li.selected { background-color : #EEEEF6; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#ranking-criticas-mini2 li.selected a { font-weight:bold; font-size:1.2em; }
#ranking-criticas-mini2 .del {float:right; font-weight:bold; color:#666666 }
#ranking-criticas-mini2 .del a {color:#000000; }
#ranking-criticas-mini2 .del a:hover { background-color:#36538D; padding-left:1px; padding-right:1px;color:#ffffff;}
#ranking-criticas-mini2 h2 {margin: 0 0 0 2px; display:block; font-size:2em; font-weight:bold;}
.mode-list-btn{ float:right;}
/*****************************************************************************************************************
* 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 comentarios */
#detalle-ultimos-comentarios { padding: 0 2px 3px 7px; font-family: sans-serif; overflow: hidden; }
#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; }
/* 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:10px; 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;}
/*****************************************************************************************************************
* DETALLE DE LA CRÍTICA
*****************************************************************************************************************/
#detalle-de-critica { margin-top: 30px; }
#valoraciones { width: auto; font-size:1.2em; float: left; text-transform: none;}
#valoraciones a { text-decoration: underline; }
#valoraciones a:hover {text-decoration: none;}
#valoraciones img { border: none;}
#recomendaciones { width: auto; font-size:1.2em; float: left; text-transform: none;}
#recomendaciones a { text-decoration: underline; }
#recomendaciones a:hover {text-decoration: none;}
#recomendaciones img { border: none;}
.contenido-detalle{ padding-top: 20px;}
.detalle-valoracion { border: none; float: right;}
/* .titulo-detalle1 { clear: both; height: 39px; border:none; background: #ffffff url(../img/titulo-detalle1.png) no-repeat left top; font:normal 2em arial; padding: 15px 10px 0 18px; text-shadow: 0 1px 1px gray; } */
.titulo-detalle1 { clear: both; border-bottom: 1px solid #7289BC; font:normal 3em arial; text-shadow: 0 1px 1px gray; padding-right: 10px;}
#node1 {color:green; float:left; font: bold 0.8em arial; margin-left:33px; margin-top: 20px; text-align: center; width:85px;}
#node2 {color:gray; float:left; font: bold 1em arial; margin-left:180px; margin-top: 10px; text-align: center; width:80px; }
#node3 { color:red; float:left; font: bold 0.8em arial; margin-left:162px; margin-top: 20px; text-align: center; width:85px; }
/*.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-detalle2 { border-bottom: 1px solid #7289BC; background-color: #F6F6F8; font-weight: bold; margin-bottom:15px; margin-top:80px; padding:5px; }
.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: 660px; margin-bottom: 8px; 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 {clear:both; padding: 5px 10px 5px 0;}
.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; }
.ico-tipo-critica { float:right; margin-top:-80px; position:relative; top:60px; }
.mas-info { cursor:pointer; font-size: 14px; text-align:right; text-decoration: underline; }
.mas-info:hover { text-decoration: none; }
.social-info { list-style: none; list-style: none; }
.social-info li { border-right: 1px solid #ABABAB; display: inline; margin-right:0.5em; padding-right: 0.5em;}
.social-info .social-info-last { border: none;}
/*****************************************************************************************************************
* COMENTARIOS-PREGUNTAS-RESPUESTAS 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;}
.area-comentario { margin-top: 2em;}
p.autor-comentario {text-align:right;}
.normas-comentario {padding-top:35px;}
.normas-comentario ul li { list-style: none; padding: 0px 0 2px 24px; margin:10px; background: url("../img/puntos-obligatorio.png") top left no-repeat; }
.campo-obligatorio {font-size: 10px; color:gray;}
*/
.titulo-comentarios { font-size: 1.8em; padding:10px; line-height:15px; }
.contenido-comentario {margin: 30px 0 30px 0;}
.formulario-comentarios {background-color:#fafafc; border-top: 1px dotted #607CBA; padding:6px; }
.contenido-pregunta { margin: 20px 0 20px 0;}
.contenido-respuesta { margin: 10px 0 15px 40px;}
.contenido-respuesta-mejor { background-color:#FFF6CF; margin: 10px 0 15px 40px;}
.comentario-img-autor{float:left; margin-right:3px; opacity:0.5; filter:alpha(opacity=50);}
.comentario-img-autor:hover{ opacity:1; filter:alpha(opacity=100);}
.comentario-img-autor img{-moz-border-radius: 3px 3px 3px 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); background: none repeat scroll 0 0 #CCC; margin: 1px; padding: 3px; }
.comentario-texto{ margin-left: 50px; padding:3px;}
.comentario-texto-pregunta {background-color: #E8F1F3; margin-left: 45px;}
.respuesta-texto {margin-left: 50px; padding: 3px 3px 0 3px; }
.userrank { background-color:#EEEEF6; color:gray; margin-left: 5px; padding:0 4px; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius:10px;-webkit-border-radius:10px; -webkit-box-shadow: 0 2px 1px rgb(96, 124, 186); -moz-box-shadow: 0 2px 1px rgb(96, 124, 186); box-shadow: 0 2px 1px rgb(96, 124, 186); }
.userrank:active { background-color:#EEEEF6; color:gray; margin-left: 3px; padding:0 4px; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius:10px;-webkit-border-radius:10px; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; }
/* botones y enlaces */
.elimina-comentario { cursor:pointer; float:right; }
.quien-subieron-respuesta { border-bottom: 1px dotted gray; color:#99B3CC; cursor:help; text-align:right;}
/*****************************************************************************************************************
* 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; margin-top: },
#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; height: auto; width:336px; }
.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;}
.valoracion a {text-decoration: underline;}
.valoracion a:hover {text-decoration: none;}
.texto-lobueno {color: #006600; overflow: hidden;}
.texto-lomalo {color: #cc0000; overflow: hidden;}
#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; }
/*****************************************************************************************************************
* site - politica privacidad - condiciones uso - ayuda
*****************************************************************************************************************/
.site {font-size: 15px; width:600px;}
.site ul li{ list-style: inside; margin:1em 0; }
.site ul { margin-left:1em; }
.site h1 {margin-top: 18px; }
.site h2 {margin-top: 18px; }
.site p { margin: 10px 0 10px 0;}