@charset "iso-8859-1";
/* Documento CSS realizado por Luciano Petrosini */

@import url(reset.css);
@import url(textos.css);
@import url(aplicaciones.css);

/* Estructura */
body{background:#050000 url(../imagenes/estructura/fondo.jpg) repeat-x; height:100%; width:100%; font:11px/1em Arial, Helvetica, sans-serif}
#contenedor, #tope, #presentacion, #datos, #footer #info, #cuerpo, #imagen, #col-inf{margin:0 auto; width:960px}

/* Comunes */
a.ver-mas{background:url(../imagenes/estructura/ver-mas.png); height:17px; width:53px; display:block}
a.ver-mas:hover{background-position:0 -18px}

/* Text indent */
#tope a.logo, #menu a, .contacto a, .direccion a, a.direccion-web, a.ver-mas, a.nota-legal, a.mapa-web, a.anadir, .banner a, a.subir, a.volver, a.imprimir, #testimonio, .anterior, .siguiente, #col-der .bottom, #londoncafe #col-der .wi-fi{text-indent:-9000px}

/* Display None*/
#comidas-caseras h1, #datos ul li span, #descripcion{display:none}

/* Tope */
#tope{background:url(../imagenes/estructura/fondo-tope.jpg) no-repeat; height:125px}
a.logo{display:block; height:125px; width:213px; float:left; margin-left:9px}
a.direccion-web{background:url(../imagenes/estructura/london-cafe.gif) no-repeat; display:block; top:17px; left:830px; height:24px; position:relative; width:123px}
a.direccion-web:hover{background-position:0 -24px}

/* Pie */
#datos{height:178px}
#datos ul li{display:block; float:left; height:178px}
#footer span.separacion{background:url(../imagenes/estructura/separador-pie.gif) repeat-y;padding:0 8px;color:#714D4A!important}
#footer{width:100%; height:174px; background: url(../imagenes/estructura/fondo-copyright.jpg) repeat-x; color:#714D4A}
	#footer a{color:#714D4A}
	#footer a:hover{color:#FFF}
	#footer span {color:#B19B79; margin-left:5px}
#data{height:26px; width:235px; float:right;}
a.nota-legal{width:67px; height:26px; display:block; float:left; background: url(../imagenes/estructura/notalegal.jpg)}
a.mapa-web{width:66px; height:26px; display:block; float:left; background: url(../imagenes/estructura/mapaweb.jpg)}
a.anadir{width:97px; height:26px; display:block; float:left; background: url(../imagenes/estructura/favoritos.jpg)}
	#data a:hover{background-position:0 -26px}

/* Menú */
#menu ul{position:absolute; top:84px; margin-left:10px}
	#menu ul li{display:block; float:left; height:41px}
	#menu ul li a{display:block; height:41px;}
	#menu ul li a:hover{background-position:0 -41px}
a.menu-inicio{background:url(../imagenes/menu/inicio.png) no-repeat; width:53px}
a.menu-londoncafe{background:url(../imagenes/menu/london-cafe.png) no-repeat; width:94px}
a.menu-productos{background:url(../imagenes/menu/productos.png) no-repeat; width:90px}
a.menu-fotos{background:url(../imagenes/menu/fotos.png) no-repeat; width:54px}
a.menu-localizacion{background:url(../imagenes/menu/localizacion.png) no-repeat; width:110px}
a.menu-franquicias{background:url(../imagenes/menu/franquicias.png) no-repeat; width:99px}
a.menu-contacto{background:url(../imagenes/menu/contacto.png) no-repeat; width:83px}
#inicio a.menu-inicio, #londoncafe a.menu-londoncafe, #contacto a.menu-contacto, #localizacion a.menu-localizacion, #galeria a.menu-fotos, #productos a.menu-productos, #fichaproductos a.menu-productos, #franquicias a.menu-franquicias, #fichafranquicias a.menu-franquicias{background-position:0 -82px!important}

/* Inicio */
#presentacion{ background:url(../imagenes/inicio/presentacion.jpg) no-repeat;height:444px;}
#comidas-caseras{background:url(../imagenes/inicio/fondo-comida-caseras.jpg) no-repeat; height:243px}
.muchomas{background:url(../imagenes/inicio/ymuchomas.jpg) no-repeat; width:228px;}
.contacto{background:url(../imagenes/inicio/contacto.jpg) no-repeat; width:220px; padding:117px 0 0 19px; height:40px}
	.contacto a{background:url(../imagenes/inicio/email-contacto.gif) no-repeat; height:15px; display:block; width:150px}
.direccion{background:url(../imagenes/inicio/direccion.jpg) no-repeat; width:220px; padding:117px 0 0 19px; height:40px}
	.direccion a{background:url(../imagenes/inicio/ver-mapa.gif) no-repeat; height:15px; display:block; width:59px}
.contacto a:hover, .direccion a:hover{background-position: 0 -15px!important }
.horarios{background:url(../imagenes/inicio/horarios.jpg) no-repeat; width:254px;}
#flautas, #chapatas, #hamburguesas, #cafes, #recetas, #cervezas{display:block; float:left; height:190px; padding-top:53px; width:190px}
#comidas-caseras .ver-mas{margin:5px 0 0 15px}

/* Interior */
#cuerpo{background:#FFFFDF}
#imagen{background:url(../imagenes/estructura/imagen-fondo.jpg) no-repeat; height:170px; clear:both}
#col-izq{background:url(../imagenes/estructura/col-izq.gif) repeat-x; float:left; width:576px; min-height:300px; height:auto!important; height:300px; padding:24px 0 0 24px;}
	#col-izq h1{padding:0 0 0 0}
	#col-izq h2{margin:0 0 35px 0}
	#col-izq ul, #col-izq ol{border-top:1px dotted #714D4A;}
	#col-izq li{padding:10px 0;border-bottom:1px dotted #714D4A; /*font-size:13px*/}
	#col-izq #map li, #col-izq #map ul{padding:0;border:none;}
	#col-izq li img{margin-right:7px}
#col-der{float:right; width:330px; min-height:300px; height:auto!important; height:300px; padding:0 16px 0 0;}
	#col-der li.info{background:url(../imagenes/estructura/col-der.jpg) no-repeat; padding:10px 24px 0 24px;}
	#col-der .bottom{width:330px; background:url(../imagenes/estructura/col-der-bottom.jpg); height:177px}

#col-inf{background:url(../imagenes/estructura/columna-inferior.jpg) no-repeat; height:40px; clear:both; padding:0 24px; width:912px}
	#col-inf a{display:block;height:17px;width:59px; float:left; margin-right:10px;}
	#col-inf a:hover{background-position: 0 -17px}
#col-sup{height:112px;clear:both;padding:24px 24px 0 24px; width:912px; background:url(../imagenes/franquicias/ficha/col-sup.jpg)}
	
a.subir{background: url(../imagenes/botones/subir.jpg)}
a.imprimir{background: url(../imagenes/botones/imprimir.jpg)}
a.volver{background: url(../imagenes/botones/volver.jpg)}

/* Banners */
.banner{width:273px; height:54px; display:block; padding:110px 0 0 17px}
.banner a{display:block;height:17px;width:59px;}
.banner a:hover{background-position: 0 -17px}
.dossier{background:url(../imagenes/banners/dossier.jpg) no-repeat}
.mapa{background:url(../imagenes/banners/mapa.jpg) no-repeat}
.galeria{background:url(../imagenes/banners/galeria.jpg) no-repeat}
.london{background:url(../imagenes/banners/london.jpg) no-repeat}
.especialidades{background:url(../imagenes/banners/especialidades.jpg) no-repeat}
.comidas{background:url(../imagenes/banners/comidas.jpg) no-repeat}
.franquicias{background:url(../imagenes/banners/franquicias.jpg) no-repeat}
.larioja{background:url(../imagenes/banners/larioja.jpg) no-repeat}
.dossier a.descargar{background-image:url(../imagenes/banners/descargar.jpg);}
.mapa a.vermapa{background-image:url(../imagenes/banners/ver-mapa.jpg);}
.galeria a.vermas, .larioja a.vermas{background-image:url(../imagenes/banners/ver-mas-galeria.jpg);}
.london a.vermas, .franquicias a.vermas{background-image: url(../imagenes/banners/ver-mas-london.jpg);}
.especialidades a.vermas{background-image: url(../imagenes/banners/ver-mas-especialidades.jpg);}
.comidas a.vermas{background-image: url(../imagenes/banners/ver-mas-comidas.jpg);}

/* SECCIONES */

/* London Café */
#londoncafe #col-der .bottom{background: url(../imagenes/london-cafe/bottom.jpg); height:160px}
#londoncafe #col-der .wi-fi{background: url(../imagenes/london-cafe/wi-fi.jpg) no-repeat 4px 0; height:187px}
#londoncafe #testimonio{display:block; width:290px; height:164px; background-image: url(../imagenes/london-cafe/testimonio.gif)}

/* Localización */
#localizacion #col-der .bottom{background: url(../imagenes/localizacion/bottom.jpg); height:160px}
#localizacion #testimonio{display:block; width:290px; height:350px; background-image: url(../imagenes/localizacion/testimonio.gif)}
#localizacion #map{width:574px; height:410px; border:1px solid #A2864B; background:#FBFAD7; margin-bottom:15px}

/* Galeria de Fotos */
#galeria #cuerpo{background:url(../imagenes/galeria/fondo.jpg); padding:15px; width:930px}
.titulo_galeria{padding:0 0 14px 0}
.linea_galeria{clear:both; border-top:1px dotted #714D4A;}
.thumb_galeria{margin:14px 20px 14px 0; padding:0; float:left; font-size:11px; color:#CEC5A9!important; width:135px}
.thumb_galeria span{clear:both; display:block; color:#ffffdd; margin-bottom:3px}
.thumb_galeria img{background-color:#FFFFFF; padding:3px; border:1px solid #714D4A; margin-bottom:10px}
.thumb_galeria img:hover{background-color:#FFFFFF;border:1px solid #CEC5A9;}
#galeria #imagen{background: url(../imagenes/galeria/imagen.jpg) no-repeat; height:183px; clear:both}
#galeria #imagen div{float:right;margin:150px 15px 0 0;}
.categorias{width:165px; font:11px Arial, Helvetica, sans-serif; color:#666600; background:#ffffdd; border:1px solid #B8A967}
#galeria #testimonio{display:block; width:960px; height:271px; background-image: url(../imagenes/galeria/testimonio.jpg)}
.nohay{padding:10px 0 0 0}

/* paginador */
#galeria #paginador{display:block; width:924px; height:38px; padding:10px 18px 0 18px; background:url(../imagenes/galeria/paginador.jpg); text-align:center}
a.siguiente, .siguiente{background:url(../imagenes/galeria/siguiente.jpg)}
a.anterior, .anterior{background:url(../imagenes/galeria/anterior.jpg)}
a.anterior, a.siguiente, .anterior, .siguiente{display: block; float:left; width:92px; height:23px;border:1px solid #A24337; margin-right:5px;}
a.numero, .espacio, .selected{display:block; float:left; padding:6px 0; width:22px; border:1px solid #A24337; text-align:center; margin-right:5px; color:#D39189; background:url(../imagenes/galeria/numero.jpg)}
a.numero:hover, a.anterior:hover, a.siguiente:hover {border:1px solid #ffffcc; color:#ffffcc; background-position:0 -23px}
.disabled{border:1px solid #A24337; color:#A24337; background-position:0 -46px}
.selected{border:1px solid #B8A967; color: #666600; background-position:0 -46px}

/* Productos */
#productos #cuerpo{height:667px; background:url(../imagenes/producto/imagen.jpg)}
#fichaproductos #imagen{height:92px; padding:105px 0 0 20px; width:940px;}
#fichaproductos #cuerpo{background:url(../imagenes/ficha/cuerpo.jpg) 0 197px repeat-x}
#fichaproductos #col-izq{background:none;}
#fichaproductos #col-izq p{font:14px/21px Arial, Helvetica, sans-serif; color:#FFFFDD}
#fichaproductos #col-izq img{border:1px solid #714D4A; margin:0 10px 10px 0}
#imagen-ficha{float:right; margin:0 0 20px 20px; position:relative}
#fichaproductos #col-der li.info{background: url(../imagenes/ficha/col-der.jpg) no-repeat; min-height:100px; height:auto!important; height:100px}
#fichaproductos #col-der .bottom{background:url(../imagenes/ficha/col-der-bottom.jpg);}
#fichaproductos #col-inf{background:url(../imagenes/ficha/columna-inferior.jpg) no-repeat;}
#fichaproductos #col-izq ul, #fichaproductos #col-izq ol{color:#FFFFCC; border:none; border-top:1px dotted #714D4A; padding:0 ; width:290px}
	#fichaproductos #col-izq li{padding:8px 0; border-bottom:1px dotted #714D4A; font-size:13px; line-height:18px; }
ul.menu-productos{margin:0 10px; border-bottom:1px solid #A88F51; border-top:1px solid #82663A;}
ul.menu-productos li{padding:4px 0!important; border-top:1px solid #A88F51; border-bottom:1px solid #82663A;}
ul.menu-productos li a:link, ul.menu-productos li a:visited{color:#FFFF92}
ul.menu-productos li a:hover{color:#E2C45C}
#linea{border-top: 1px dotted #714D4A; margin:10px 0; width:auto}

/* Contacto*/
#contacto #col-der .bottom{background: url(../imagenes/contacto/bottom.jpg); height:160px}
#contacto #testimonio{display:block; width:290px; height:227px; background-image: url(../imagenes/contacto/testimonio.gif)}
	#contacto ul.formulario{clear:both; border-top:1px solid #FBF7C3; border-bottom:1px solid #EEE9B5; margin:0; padding:0}
	#contacto ul.formulario li{padding:10px 0;border-top:1px solid #EEE9B5;border-bottom:1px solid #FBF7C3;}

/* Franquicias */
#inicio #nuevas-franquicias{display:block; width:70px; height:33px; background:url(../imagenes/franquicias/banner-larioja-960.jpg);}
#franquicias #nuevas-franquicias{display:block; width:70px; height:33px; background:url(../imagenes/franquicias/banner-larioja-930.jpg);}
#inicio #nuevas-franquicias{padding:85px 0 0 890px; margin:10px 0}
#franquicias #nuevas-franquicias{padding:85px 0 0 860px; margin:5px auto 10px; background-position:right}
#franquicias #map{width:928px; height:480px; border:1px solid #A2864B; background:#FBFAD7; margin:0 auto 15px}
.selectorfranquicias #imagen{background: url(../imagenes/franquicias/imagen.jpg) no-repeat; height:219px; clear:both}
#franquicias #imagen div{float:right;margin:180px 15px 0 0;}
#franquicias #imagen div .categorias{width:340px}
#franquicias #cuerpo{padding-bottom:5px}
.fotomapa{padding:4px; border:1px solid #E1CF89; background:#FFE}

#inicio #facebook{display:block; width:960px; height:50px; margin-top:9px}
#inicio #facebook a:link, #inicio #facebook a:visited{display:block; width:960px; height:50px; text-indent:-9000px; background:url(../imagenes/inicio/facebook.jpg) no-repeat;}
#inicio #facebook a:hover{background-position: 0 -50px;}


/* Ficha*/
#fichafranquicias #col-fotos{background:url(../imagenes/franquicias/ficha/fotografias.jpg); height:130px; padding:61px 16px 13px; width:928px}
#col-fotos .thumb{display:inline-block; width:150px; float:left; margin:0 17px; color:#C6AB60}
#col-fotos img{padding:5px; background:#FFFFFF; margin-bottom:5px}
#col-fotos .thumb a{color:#C6AB60}
#col-fotos .thumb span{display:block; color:#FBFAD7}
#fichafranquicias #columnas{overflow:hidden!important}
#fichafranquicias #col-der{width:432px; padding:15px 16px 0 40px; background:url(../imagenes/franquicias/ficha/col-der.jpg) repeat-y bottom; min-height:410px; height:auto!important; height:470px; color:#FAF8D4; float:right; margin-bottom: -2000px; padding-bottom: 2000px;}
#fichafranquicias #col-izq{float:left; width:434px; padding:10px 0 50px 24px;margin-bottom: -2000px; padding-bottom: 2000px; background:#FFFFDF }
#fichafranquicias #col-der p{line-height:15px}
#fichafranquicias #col-izq h3{ margin-bottom:10px}
#fichafranquicias #col-izq p{font-size:13px; line-height:18px}
#fichafranquicias #imagen{height:60px; padding:60px 0 0 10px; width:950px; background: url(../imagenes/franquicias/ficha/fondo-imagen.jpg); font-family:Georgia, "Times New Roman", Times, serif; color:#DFC571!important}
.zona{width:213px; text-align:center;color: #E0C671}
.venaconocernos{display:block; width:260px; height:38px; background:url(../imagenes/franquicias/ficha/visitanos.jpg) no-repeat; text-indent:-9000px}
.contacto-ficha{background:url(../imagenes/franquicias/ficha/contacto.jpg) no-repeat; width:223px; padding:66px 0 0 16px; height:91px; color:#B19B79}
.contacto-ficha h1{color: #B19B79; padding-top:10px}
.direccion-ficha{background:url(../imagenes/franquicias/ficha/direccion.jpg) no-repeat; width:199px; padding:60px 20px 0 20px; height:105px; color:#B19B79}
.direccion-ficha {color: #B19B79; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px}
.horarios-ficha{background:url(../imagenes/franquicias/ficha/horarios.jpg) no-repeat; width:220px; padding:50px 0 0 19px; color: #B19B79; font-size:13px; line-height:14px}
.horarios-ficha strong {font-weight:bold; color: #FFFFFF; font-size:11px;}
#fichafranquicias #map{width:415px; height:382px; margin-bottom:20px; border:1px solid #A2864B; background:#977E48}
#fichafranquicias #map div span{display:none}