/* CSS Document */
a { color:#ffffff; }
a:hover{ color:#c9d028; }
a img { border:none; }

#contenedor { background:#0c0c0c; }
#izquierda { text-align:left; }
#pie { font-size:0.7em; }

#tituloWeb { position:absolute; right:0; top:0; font-family:Comic Sans MS; font-size:1.4em; }
#tituloWeb p { margin:0; padding:0; }
.tituloPagina { text-align:left; width:100%; font-family:Comic Sans MS; font-size:1.5em; margin:10px 0 20px 5px; }

.bgGris{ border:1px solid #7a7a7a; background:#343434; padding:15px; }
.bgGris p { color:#cdcdcd; padding:10px; }
.texto {  }
.cajaIrA{ font-size:9px; width:25px; }
.btsIr{ font-size:9px; margin-left:0.2em; width:20px; }
.lineaPuntos{  }
.enlaceVolver {  }

.mensaje {  }

#detalleFoto {  }
.tituloSeccion { font-size:1.3em; text-align:left; font-weight:bold; }
.celdaNumerica {  }
.campoForm { display:block; text-align:right; }

/******************************************
 * BOOK
 ******************************************/
.listaFotosBook { width:100%; margin:0 40px; }
.fotoListado { float:left; margin:10px; }
.tituloFoto { font-size:0.8em; text-align:center; margin:0; padding:0; }


/******************************************
 * MENU
 ******************************************/
ul#menu { margin:0; padding:0; list-style:none; text-align:right; margin-right:5px; }
ul#menu li { display:inline; padding:0 3px 0 20px; margin:0; font-size:1.1em; border-right:2px solid #7a7a7a; letter-spacing:0.15em; }
ul#menu li a, ul#menu li a:visited { text-decoration:none; color:#efefef; padding:0; margin:0; }
ul#menu li:hover { border-right:2px solid #c9d028; border-bottom:2px solid #c9d028; }
ul#menu li:hover a { color:#c9d028; }

/******************************************
 * FORMULARIO DE ACCESO A EVENTOS PRIVADOS
 ******************************************/
.formAcceso {  }
.formAcceso FORM {  }
.cajaFormAcceso {  }
#formClave { margin-bottom:20px; }
#formClave P {  }
#formAccesoTrabajoPrivado {  }
.inputClave {  }


/******************************************
 * PAGINACIÓN
 ******************************************/
#paginacion { position:relative; width:95%; height:30px; border:1px solid #7a7a7a; background:#343434; }
#paginacion a:link, #paginacion a:active, #paginacion a:visited{  }
.formPaginacion { padding:6px; }


/******************************************
 * TIENDA VIRTUAL
 ******************************************/
.contenidoTienda { position:relative; width:610px; margin-left:170px; margin-top:10px; }
#comprar a {  }
.listaPrecios { width:180px; font-size:0.8em; border:1px solid #7a7a7a; background:#343434; text-align:center; padding:10px 0px; }
.listaPrecios table td { text-align:center; }
.botoneraPrecios {  }
.botonAnyadirCarro {  }
#listaReportajes { padding:10px; text-align:left; }
#listaReportajes ul { margin:0; } 
#listaReportajes li { margin:0; padding:5px 0; border-bottom:1px dashed #DADBDF; list-style-type:none; color:#FFFFFF;font-weight:bold; }
.fotoDetalle { margin-top:20px; }

.tituloReportaje { }


/******************************************
 * CARRO DE LA COMPRA
 ******************************************/
#carroCompra { background-color:#757A7D; float:left; color:#D1D5D8; width:145px; border:1px solid #fff; padding:5px; }
.tituloCarroCompra { color:#FFFFFF; margin-bottom:5px; padding-bottom:5px; border-bottom:dashed 1px white; font-size:10px; font-weight:bold; }
#botoneraCarroCompra { border-top:solid 1px white; margin-top:5px; padding-top:5px; text-align:center; }
#botoneraCarroCompra form { display:inline; margin:0; padding:0; }


/******************************************
 * PEDIDO
 ******************************************/
.tablaPedido{  }
.tablaPedido th{  }
.tablaPedido th,.tablaPedido td{  }
.tablaPedido td {  }
.tablaPedido td.celdaDescripcion {  }
.cajaFormPedido{  }
.formPedido {  }
.formaPago {  }
.formaPago LI {  }
.formaPago INPUT {  }
#resumenPedido { }
#resumenPedido TABLE {  }
#resumenPedido p {  }
#resumenPedido TH {  }
#resumenPedido TD {  }
.botonPedido {  }
.pieResumenPedido {  }
.filaGastosEnvio {  }


/******************************************
 * EMPRESAS AMIGAS
 ******************************************/
.contEmpresasAmigas { float:left;  }
.contEmpresaAmiga { padding-bottom:5px; }
.contImgEmpAmiga{ position:relative; float:left; }
.contImgEmpAmiga img.logoPequenyo { margin-right:14px; width:110px; }
.datosEmpresaAmiga { }
.logoGrande { display:none; }


/******************************************
 * OFERTAS
 ******************************************/
#contOfertas table { text-align:center; margin-bottom:30px; }
#contOfertas td { text-align:center; padding:10px; }
.imgOferta { cursor:pointer; width:200px; }