/* Directivas generales */
body,html{
margin:0px;
padding:0px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5b5650;
background-image:url(../images/fondo.gif);
background-position:center top;
background-repeat:repeat-y;
}
img {
border:0px;
margin:0px;
padding:0px;
}
a {
text-decoration:none;
color:#5b5650;
}
form {
margin:0px;
padding:0px;
}
input, textarea, select {
border:1px solid #bababa;
color:#424242;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
vertical-align:top;
padding:1px 2px 1px 1px;
margin:0px;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.sep {
clear:both;
height:1px;
margin:0px;
padding:0px;
font-size:1px;
line-height:1px;
}
strong.error {
color:#CC0000;
font-size:14px;
}
.sinborde {
border:0px;
}
.deportes, .deportes a {
color:#ffa800;
}
.conciertos, .conciertos a {
color:#a3bf00;
}
.teatro, .teatro a {
color:#8c4fdf;
}
.toros, .toros a {
color:#ec1919;
}
.otros, .otros a {
color:#777777;
}
/* Específicas página */
#cont {
position:absolute;
left:50%;
width:952px;
margin-left:-476px;
background-color:#fafafa;
}
/* SUPERIOR */
#cont #sup {
width:952px;
}
a.tooltip2 b {display:none; text-decoration:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #344388; background:#ffc; width:180px;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #344388; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffc; overflow:hidden; z-index:100;}
#cont #sup .usuario {
background-image:url(../images/bandausuario.gif);
background-repeat:repeat-x;
width:899;
padding:7px 0px 0px 53px;
height:39px;
color:#000000;
}
#cont #sup .usuario strong {
font-size:14px;
}
#cont #sup .usuario .enlace {
float:right;
margin:0px 10px 0px 10px;
}
#cont #sup .usuario .enlace a {
color:#00679e;
text-decoration:underline;
}
#cont #sup .usuario .enlace a#activo {
font-weight:bold;
}
#cont #sup .usuario .enlace#desconectar a {
color:#C33;
font-weight:bold;
}
#cont #sup .logo {
float:left;
padding:18px 360px 18px 240px;
}
#cont #sup .logo a {
font-size:17px;
color:#919aa7;
}
#cont #sup .bandera {
float:left;
padding:18px 4px 0px 0px;
}
#cont #sup #menusuperior {
width:710px;
height:89px;
margin:0px 0px 3px 121px;
text-align:right;
}
#cont #sup .cabecera {

}
#cont #sup .cabecera .textoevento {
float:left;
width:240px;
height:230px;
padding:0px 0px 7px 0px;
}
#cont #sup .cabecera .textoevento .cabeceratexto {
width:215px;
background-color:#40b1ed;
padding:5px 10px 5px 15px;
color:#FFFFFF;
font-size:17px;
}
#cont #sup .cabecera .textoevento .contenidotexto {
width:215px;
height:183px;
padding:0px 10px 7px 15px;
}
#cont #sup .cabecera .textoevento .contenidotexto .evento {
border-bottom:1px solid #3da7cb;
padding:3px 0px 3px 0px;
}
#cont #sup .cabecera .textoevento .contenidotexto .evento a:hover {
color:#3da7cb;
}
#cont #sup .cabecera .textoevento .contenidotexto .evento .texto {
float:left;
width:90px;
}
#cont #sup .cabecera .textoevento .contenidotexto .evento .botones {
float:left;
width:120px;
}
#cont #sup .cabecera .textoevento .contenidotexto .evento .botones a {
font-weight:bold;
color:#ffffff;
}
#cont #sup .cabecera .fotoevento {
float:left;
width:712px;
height:245px;
}
#cont #sup .cabecera .fotoevento .foto {
float:left;
width:456px;
height:245px;
}
#cont #sup .cabecera .fotoevento .texto {
float:left;
width:226px;
height:215px;
padding:15px;
background-color:#000000;
font-size:13px;
color:#FFFFFF;
}
#cont #contenido #izda {
float:left;
width:205px;
padding:0px 22px 25px 13px;
}
#cont #contenido #izda .banda {
width:190px;
height:23px;
background-color:#40b1ed;
background-image:url(../images/bandaizda.gif);
background-repeat:no-repeat;
background-position:left top;
padding:2px 0px 0px 10px;
margin:0px 0px 0px 0px;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
}
#cont #contenido #izda .columna {
width:160px;
background-image:url(../images/inferiorizda.gif);
background-repeat:no-repeat;
background-position:left bottom;
background-color:#e3e3e3;
padding:20px;
margin:0px 0px 15px 0px;
}
#cont #contenido #izda .columna .error {
color:#C00;
margin-bottom:10px;
font-weight:bold;
}
#cont #contenido #izda .columna a {
color:#19adfc;
text-decoration:underline;
font-weight:bold;
font-size:12px;
}
#cont #contenido #izda .columna a.separa {
line-height:22px;
}
#cont #contenido #izda .columna .inp {
padding:0px 0px 5px 0px;
}
#cont #contenido #izda .columna .col1 {
float:left;
width:65px;
font-weight:bold;
}
#cont #contenido #izda .columna .col2 {
float:left;
width:95px;
font-weight:bold;
}
#cont #contenido #izda .columna .leermas {
font-size:16px;
text-align:center;
padding:10px 0px 0px 0px;
}
#cont #contenido #izda .columna .leermas a {
font-size:16px;
}
#cont #contenido #izda .columna .inp input {
width:160px;
}
#cont #contenido #izda .columna .botonizda {
width:98px;
height:22px;
background-image:url(../images/botonizda.gif);
background-repeat:no-repeat;
background-position:left top;
padding:2px 0px 8px 0px;
margin:5px 0px 0px 0px;
}
#cont #contenido #izda .columna .botonizda a {
width:98px;
height:24px;
display:block;
text-align:center;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:13px;
}
#cont #contenido #centro {
float:left;
width:712px;
}
#cont #contenido #centro .bloque1 {
float:left;
width:420px;
height:310px;
padding:15px 18px 18px 18px;
font-size:12px;
background-color:#e6f0f2;
}
#cont #contenido #centro .bloque2 {
float:left;
width:219px;
padding:15px 18px 18px 18px;
font-size:12px;
}
#cont #contenido #centro .bloque1 .titulo, #cont #contenido #centro .bloque2 .titulo {
font-size:18px;
color:#5b5650;
padding:0px 0px 8px 0px;
}
#cont #contenido #centro .bloque1 .evento {
padding:2px;
display:block;
line-height:19px;
}
#cont #contenido #centro .bloque1 .evento:hover {
display:block;
width:420px;
background:#FFFFFF;
text-decoration:none;
}
#cont #contenido #centro .bloque1 .evento .fecha {
float:left;
width:73px;
font-weight:bold;
}
#cont #contenido #centro .bloque1 .evento a .fecha {
color:#000000;
}
#cont #contenido #centro .bloque1 .evento .nombreevento {
float:left;
width:232px;
padding-right:6px;
font-weight:bold;
}
#cont #contenido #centro .bloque1 .evento .localidad {
float:left;
width:105px;
}
#cont #contenido #centro .bloque1 .evento a strong {
color:#5b5650;
}
#cont #contenido #centro .bloque1 .evento a span {
text-decoration:underline;
font-weight:bold;
}
#cont #contenido #centro .bloque2 ul {
float:left;
}
#cont #contenido #centro .bloque2 ul li {
list-style-type:square;
width:185px;
margin:0px 3px 2px 15px;
}
#cont #contenido #centro .bloque2 ul li a {
color:#40b1ed;
}
#cont #contenido #centro .bloque2 ul li.more {
list-style-type:none;
}
#cont #contenido #centro .bloque2 ul li.more a {
font-weight:bold;
text-decoration:underline;
}
#cont #contenido #centro #listados {
border-top:1px solid #e1e1e1;
width:702px;
height:324px;
background-color:#000000;
padding:0px 5px 70px 5px;
background-image:url(../images/fondo_listados.gif);
background-repeat:repeat-y;
}
#cont #contenido #centro #listados #listado {
float:left;
width:146px;
padding:17px 7px 0px 22px;
}
#cont #contenido #centro #listados #listado a:hover {
text-decoration:underline;
}
#cont #contenido #centro #listados #listado .titulo {
font-weight:bold;
font-size:14px;
}
#cont #contenido #centro #listados #listado .subtitulo {
padding:0px 0px 12px 0px;
/*color:#5b5650;*/
color:#FFFFFF;
}
#cont #contenido #centro #listados #listado .imagen img {
border:1px solid;
margin-bottom:7px;
}
#cont #contenido #centro #listados #listado ul {
padding:0px 0px 0px 14px;
}
#cont #contenido #centro #listados #listado ul li {
list-style-type:square;
padding:0px 0px 3px 0px;
}
/* CATEGORÍA */
#cont #contenido #centro .ruta {
padding:10px 0px 0px 5px;
font-weight:bold;
}
#cont #contenido #centro .ruta a {
text-decoration:underline;
}
#cont #contenido #centro .eventos {
}
#cont #contenido #centro .eventos .evento {
display:block;
width:655px;
padding:8px;
border:1px solid #e3e3e3;
margin:0px 0px 8px 0px;
}
#cont #contenido #centro .eventos .evento:hover {
background-color:#daec74;
border:1px solid #999;
}
#cont #contenido #centro .eventos .evento .foto {
float:left;
padding:0px 12px 0px 0px;
}
#cont #contenido #centro .eventos .evento .foto img {
border:2px solid #a3bf00;
}
#cont #contenido #centro .eventos .evento:hover .foto img {
filter:alpha(opacity=80);opacity:.8;
}
#cont #contenido #centro .eventos .evento .texto {
float:left;
width:445px;
padding:0px 12px 0px 0px;
line-height:20px;
}
#cont #contenido #centro .eventos .evento .texto .titulo {
font-size:14px;
letter-spacing:-0.5px;
}
#cont #contenido #centro .eventos .evento .texto a:hover {
text-decoration:none;
}
#cont #contenido #centro .eventos .evento .texto u {
color:#a3bf00;
font-weight:bold;
}
#cont #contenido #centro .eventos .evento .texto strong {
font-size:12px;
}
#cont #contenido #centro .eventos .evento .botonver {
float:left;
background-color: #7e7f83;
border-bottom: 3px solid #b6b7bb;
border-right: 3px solid #b6b7bb;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding: 4px;
width:80px;
margin:37px 0px 0px;
text-align:center;
}
#cont #contenido #centro .eventos .evento .botoncomprar {
float:left;
background-color: #7e7f83;
border-bottom: 3px solid #b6b7bb;
border-right: 3px solid #b6b7bb;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding: 3px;
width:70px;
margin:5px 0px 0px 10px;
text-align:center;
}
#cont #contenido #centro .eventos .evento .botonvender {
float:left;
background-color: #000000;
border-bottom: 3px solid #333333;
border-right: 3px solid #333333;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding: 3px;
width:70px;
margin:5px 0px 0px 10px;
text-align:center;
}
#cont #contenido #centro .eventos .evento .botonver a, #cont #contenido #centro .eventos .evento .botoncomprar a, #cont #contenido #centro .eventos .evento .botonvender a {
color:#FFFFFF;
}
#cont #contenido #centro .eventos .evento .botonver a:hover, #cont #contenido #centro .eventos .evento .botoncomprar a:hover {
color:#000;
}
#cont #contenido #centro .eventos .evento .botonvender a:hover {
color:#AAA;
}
/* /CATEGORÍA */
/* INFERIOR */
#cont #inferior {
background-color:#7e7f81;
padding:15px;
border-top:3px solid #40b1ed;
}
#cont #inferior a {
color:#FFFFFF;
}
#cont #inferior a.negro {
color:#000000;font-weight:bold;
}
#cont #inferior .columna, #cont #inferior .columnafinal {
float:left;
padding:0px 10px 0px 10px;
width:128px;
}
#cont #inferior .columnafinal {
padding:0px 10px 0px 180px;
}
#cont #inferior .columna .titular, #cont #inferior .columnafinal .titular {
font-size:13px;
padding:0px 0px 2px 0px;
margin:0px 0px 7px 0px;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
}
#cont #inferior .columna .titularnegro, #cont #inferior .columnafinal .titularnegro {
font-size:13px;
padding:0px 0px 2px 0px;
margin:0px 0px 7px 0px;
font-weight:bold;
border-bottom:1px solid #000000;
color:#000000;
}
#cont #inferior .usuario1 {
float:left;
font-weight:bold;
width:760px;
color:#FFFFFF;
}
#cont #inferior .usuario1 a {
text-decoration:underline;
font-weight:normal;
}
#cont #inferior .usuario2 {
float:left;
color:#FFFFFF;
font-weight:bold;
}
/* /INFERIOR */

/* FORMULARIOS DE VENTA */
#cont #contenido #central input.rb {
border:0px;
}
#cont #contenido #central .banda {
background-color:#000000;
padding:5px 5px 5px 25px;
margin:0px 0px 15px 0px;
font-size:19px;
color:#FFFFFF;
}
#cont #contenido #central .banda strong {
font-weight:normal;
color:#000000;
}
#cont #contenido #central .cuadro {
float:left;
color:#FFFFFF;
margin:0px 10px 0px 0px;
width:221px;
font-size:11px;
}
#cont #contenido #central .cuadro .paso {
font-size:14px;
font-weight:bold;
color:#000000;
padding:0px 0px 5px 5px;
}
#cont #contenido #central .cuadro .datosevento {
background-color:#999999;
border:3px solid #CCCCCC;
padding:7px;
line-height:18px;
height:120px;
}
#cont #contenido #central .cuadro .datosevento strong {
font-size:14px;
}
#cont #contenido #central .cuadro .datoseventook {
background-color:#333333;
border:3px solid #999;
padding:7px;
line-height:18px;
height:120px;
}
#cont #contenido #central .cuadro .datoseventook .txt {
height:92px;
}
#cont #contenido #central .cuadro .datoseventook .botonvolver {
background-color: #1e99da;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding: 1px;
width:60px;
margin:8px 0px 0px 0px;
text-align:center;
}
#cont #contenido #central .cuadro .datoseventook .botonvolver a {
color:#FFFFFF;
}
#cont #contenido #central .cuadro .datoseventook .botonvolver a:hover {
color:#000000;
}
#cont #contenido #central .error {
padding:0px 0px 15px 25px;
font-size:13px;
font-weight:bold;
color:#FF0000;
}
#cont #contenido #central .error strong {
color:#000000;
}
#cont #contenido #central .bloque {
float:left;
width:912px;
margin:0px 0px 20px 20px;
text-align:justify;
}
#cont #contenido #central .bloque .titular, #cont #contenido #central .bloque1 .titular, #cont #contenido #central .bloque2 .titular {
float:left;
width:777px;
font-size:19px;
padding:0px 0px 3px 25px;
background-image:url(../images/flecha.gif);
background-position:left center;
background-repeat:no-repeat;
}
#cont #contenido #central .bloque1 .titular, #cont #contenido #central .bloque2 .titular {
float:none;
width:300px;
}
#cont #contenido #central .bloque .obligatorio {
float:left;
width:110px;
font-size:10px;
text-align:right;
margin-top:3px;
}
#cont #contenido #central .bloque .texto, #cont #contenido #central .bloque1 .texto, #cont #contenido #central .bloque2 .texto {
border:1px solid #b2b2b2;
padding:10px 10px 15px 10px;
font-size:13px;
font-weight:bold;
background-color:#EEEEEE;
}
#cont #contenido #central .bloque .col1 {
float:left;
width:370px;
padding:0px 8px 0px 14px;
margin:5px 0px 0px 0px;
text-align:right;
font-weight:bold;
}
#cont #contenido #central .bloque .col1 .sub {
font-size:9px;
color:#900;
}
#cont #contenido #central .bloque .col2 {
float:left;
padding:4px 0px 0px 0px;
margin:0px 0px 7px 0px;
font-weight:normal;
}
#cont #contenido #central .bloque .icoayuda {
float:left;
margin:5px 0px 0px 8px;
padding:0px;
}
#cont #contenido #central .bloque .texto input, #cont #contenido #central .bloque .texto select {
font-size:12px;
}
#cont #contenido #central .bloque .col2 .texto input {
width:200px;
}
#cont #contenido #central .bloque .texto input.rb {
width:13px;
margin:3px 0px 0px 0px;
}
#cont #contenido #central .bloque .texto .seleccion {
margin:10px 20px 0px 0px;
}
#cont #contenido #central .bloque .texto .seleccion {
float:left;
}
#cont #contenido #central .bloque .texto .seleccion select.select1 {
width:270px;
height:148px;
margin:5px 0px 0px 0px;
}
#cont #contenido #central .bloque .texto .seleccion select.select2 {
width:600px;
height:148px;
margin:5px 0px 0px 0px;
}
#cont #contenido #central .bloque .texto .ayuda {
color:#000000;
padding:20px 0px 0px 0px;
line-height:20px;
font-size:11px;
font-weight:normal;
}
#cont #contenido #central .bloque .texto .boton, #cont #contenido #central .bloque1 .texto .boton {
background-color: #000000;
border-bottom: 3px solid #7e7f83;
border-right: 3px solid #7e7f83;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding: 4px;
width:120px;
margin:14px 0px 0px 760px;
text-align:center;
}
#cont #contenido #central .bloque1 .texto .boton {
background-color: #7e7f83;
border-bottom: 3px solid #b6b7bb;
border-right: 3px solid #b6b7bb;
width:100px;
margin:14px 0px 0px 0px;
}
#cont #contenido #central .bloque .texto .boton a, #cont #contenido #central .bloque1 .texto .boton a {
color:#FFFFFF;
}
#cont #contenido #central .bloque .texto .boton a:hover {
color:#40b1ed;
}
#cont #contenido #central .bloque1 .texto .boton a:hover {
color:#000000;
}
#cont #contenido #central .bloque1 {
float:left;
width:439px;
margin:0px 15px 50px 20px;
text-align:justify;
}
#cont #contenido #central .bloque1 .texto .linea {
font-size:14px;
padding:0px 0px 5px 0px;
font-weight:bold;
}
#cont #contenido #central .bloque .puntoazul, #cont #contenido #central .bloque1 .puntoazul {
background-image:url(../images/puntoazul.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0px 0px 0px 14px;
margin:5px 0px 0px 0px;
}
#cont #contenido #central .bloque1 .texto .contrasena {
margin:6px 0px 0px 0px;
}
#cont #contenido #central .bloque1 .texto .contrasena a {
color:#19adfc;
text-decoration:underline;
font-weight:bold;
font-size:12px;
}
#cont #contenido #central .bloque .lista .col {
float:left;
margin:0px 0px 0px 8px;
font-weight:normal;
}
#cont #contenido #central .bloque .cuadroprecio {
margin:10px 0px 10px 0px;
border:1px solid #999;
background-color:#BBB;
padding:10px;
color:#000000;
line-height:21px;
}
#cont #contenido #central .bloque .cuadroprecio .colum1 {
float:left;
width:370px;
text-align:right;
}
#cont #contenido #central .bloque .cuadroprecio .colum2 {
float:left;
text-align:right;
width:70px;
color:#C00;
}
#cont #contenido #central .bloque .cuadroprecio .colum3 {
float:left;
text-align:left;
width:350px;
color:#000;
font-size:12px;
margin:1px 0px 0px 15px;
}
#cont #contenido #central .bloque .cuadroprecio .colum3 strong {
color:#C00;
}
/* /FORMULARIOS DE VENTA */
