/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.3em;
	color: #000000;
	text-align: center;
	background: url(../images/css-body.gif) left top no-repeat;
}
body, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p, ul, li, dl, dt, dd, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul, li, dl {
	list-style: none;
}
a img {
	border: none;
	}
.print {
	display: none;
}

/* APOYO A LOS LECTORES DE TEXTO */
.ayudaAcces {
	position: absolute;
	left: -1000px;
	width: 1px;
	font-size: 1px;
	line-height: 1%;
}
a.ayudaAcces:active {
	position: static;
	width: auto;
	height: auto;
}

.clearall {
	clear: both;
	line-height: 0.0001em;
	font-size: 0.0001em;
	}
	
/****** WEB *********/

#web {
	width: 769px;
	height: 540px;
	top:50%;
	left:50%;
	position:absolute;
	margin: -270px 0 0 -384px;
	text-align: left;
	}
	
#web_interiores {
	width: 800px;
	height: 618px;
	top:50%;
	left:50%;
	position:absolute;
	margin: -309px 0 0 -410px;
	text-align: left;
	}
	
/****** INICIO ***********/

.logo_inicio {
	margin: 0 0 10px 0;
	text-align: center;
	}
.flash_home {
	border: 2px solid #000000;
	width: 769px;
	height:438px;
	}
.contenidonoflash {
	background-image: url(../images/img-no-flash-home.jpg); 
	height:438px;
	}
.direccion {
	float: left;
	margin: 0 10px 0 30px;
	width:180px;
	padding-top: 350px;
	}
.telefono {
	float: left;
	margin: 0 10px 0 0;
	width:150px;
	padding-top: 350px;
	}
.horario {
	float: left;
	margin: 0;
	width:200px;
	padding-top: 350px;
	}
.entrar {
	position: absolute;
	bottom:0px;
	left:0;
	width: 768px;
	text-align:center;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	padding: 5px 0;
	}
.entrar a {
	color: #000000;
	text-decoration: none;
	border: 2px solid #000000;
	padding: 1px 10px 0 10px;
	font-weight: bold;
	}
	
.entrar a:hover {
	background-color:#000000;
	color: #FFFFFF;
	}

/****** MENU TOP ***************/

.menutop {
	text-align: center;
	margin: 15px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	}
.menutop ul li {
	display: inline;
	letter-spacing:.2em;
	font-size:110%;
	}
.menutop ul li a {
	color: #000000;
	text-decoration: none;
	padding-bottom: 2px;
	}
.menutop ul li a:hover{
	border-bottom: 1px solid #000000;
	}
	
.opcion1 .menutop ul li a.menu_presentacion {
	border-bottom: 1px solid #000;
	}
	
.opcion2 .menutop ul li a.menu_carta {
	border-bottom: 1px solid #000;
	}
	
.opcion3 .menutop ul li a.menu_bodega {
	border-bottom: 1px solid #000;
	}
	
.opcion4 .menutop ul li a.menu_pintxos {
	border-bottom: 1px solid #000;
	}
	
.opcion5 .menutop ul li a.menu_noticias {
	border-bottom: 1px solid #000;
	}
	
.opcion6 .menutop ul li a.menu_localizacion {
	border-bottom: 1px solid #000;
	}
	
.opcion7 .menutop ul li a.menu_contacto {
	border-bottom: 1px solid #000;
	}
	
.opcion8 .menutop ul li a.menu_opina {
	border-bottom: 1px solid #000;
	}
	
.idiomas {
	float: right;
	margin-right: 15px;
	font-size:90%;
	}
ul.idiomas  li {
	display: inline;
	border-left: 1px solid #000000;
	padding: 0 5px;
	}
ul.idiomas  li.primero {
	border-left: none;
	}
ul.idiomas  li a {	
	color: #000000;
	}
ul.idiomas  li a:hover {
	color: #999999;
	}
	
	
/********** PIE PAGINA ************/

#pie {
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 25px;
	width: 769px;
	text-align: center;
	margin-top: 5px;
	}
#pie a {	
	color: #000000;}
	
	
	
/***** PRESENTACION ***********/

.logoTop {
	margin: 0;}

#contenido {
	width: 769px;
	height: 488px;
	margin: 0 0 0 15px;
	border: 2px solid #000000;
	text-align: left;
	}
.foto {
	margin: 15px 0 0 17px;
	}	
.presentacion {
	background: url(../images/fnd-presentacion.jpg) left bottom no-repeat;
	}
.filosofia {
	background: url(../images/fnd-filosofia.jpg) left bottom no-repeat;
	}
.producto {
	background: url(../images/fnd-producto.jpg) left bottom no-repeat;
	}
.local {
	background: url(../images/fnd-local.jpg) left bottom no-repeat;
	}
.txt_info {
	float: left;
	width: 180px;
	margin: 0;
	font-size:95%;
	}
.txt_info p {
	margin: 5px 0  0.8em 0;
	}
.ancho_productos {
	width: 260px;
	}
.ancho_filosofia {
	width: 200px;
	}
.primero {
	margin-left: 15px;
	}
.txt_info p.titulo {
	margin:20px 0 5px 0;
	font-weight: bold;
	}
.txt_info p.titulo a {
	color:#000000;
	text-decoration: none;
	border-bottom:1px solid #000;
	padding-bottom: 2px;
	}
.txt_info p.titulo a:hover {
	color:#787878;
	border-bottom:1px solid #787878;
	}
	
/************* CARTA ******************/

.carta {
	background: url(../images/fnd-carta.gif) left bottom no-repeat;
	}
.tit_carta {
	margin-bottom: 10px;
	}
.tit_carta ul {
	margin: 20px 0 10px 15px;
	}
.tit_carta ul li {
	float: left;
	width: 142px;
	text-align:center;
	font-weight: bold;
	line-height: 1.7em;
	}
.tit_carta ul li a {
	color:#000000;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #000; 
	}
.tit_carta ul li a:hover {
	color: #787878;
	border-bottom: 1px solid #787878; 
	}
.txt_entrantes ul {
	margin:0 0 0 20px;
	font-size: 95%;
	}
.txt_primeros ul {
	margin:0 0 0 162px;
	font-size: 95%;
	}
.txt_pescados {
	margin:0 0 0 304px;
	}
.txt_carnes ul {
	margin:0 0 0 446px;
	font-size: 95%;
	}
.txt_postres {
	text-align: right;
	}
.txt_postres ul {
	margin:0 25px 0 0;
	font-size: 95%;
	}
.txt_entrantes ul li,
.txt_primeros ul li,
.txt_pescados ul li,
.txt_carnes ul li,
.txt_postres ul li {
	margin-bottom: .3em;
	}

	
/******* BODEGA ***********/

.bodega {
	background: url(../images/fnd-bodega.jpg) right top no-repeat;
	}
.bodega .foto {
	margin-left: 25px;
	}
.bodega p {
	margin: 130px 0 0 35px;
	width: 240px;
	font-size: 95%;
	}
	
/******* PINTXOS ***********/

.pintxos {
	background: url(../images/fnd-pintxos2.jpg) right top no-repeat;
	}
.pintxos .foto {
	margin-left: 30px;
	}
.pintxos p {
	width: 260px;
	font-size: 95%;
	margin: 0 0 15px 35px;
	}
.pintxos p.primero {
	margin-top: 130px;
	}


/******* LOCALIZACION ***********/
.localizacion {
	background: url(../images/fnd-localizacion.jpg) right top no-repeat;
	}
.localizacion .foto {
	position: absolute;
	top:250px;
	left: 30px;
	width:336px;
	text-align:center;
	font-weight: bold;
	font-size: 110%;
	margin-top:0;
	}	
.localizacion .google {
	position: absolute;
	top: 250px;
	right: 20px;
	width:370px;
	text-align:center;
	font-weight: bold;
	font-size: 110%;
	}	
.localizacion .google p.enlace {
	margin-top: 15px;}
.localizacion .google p.enlace a {
	color: #000000;
	font-weight: normal;
	}
.localizacion .google p.enlace a:hover {
	color:#787878;
	}
.manejadores {
	margin-top: 15px;
	}
	
/*********** NOTICIAS ************/

.noticias {
	background: url(../images/fnd-noticias.jpg) left bottom no-repeat;
	}
.noticias .notasprensa {
	float: left;
	text-align:center;
	width: 233px;
	margin: 15px 0 0 17px;
	}
.noticias .notasprensa img {	
	margin-bottom: 10px;
	}
.noticias .notasprensa p.news {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	}
.noticias .notasprensa a:hover {
	color:#787878;
	}
.noticias .lista {
	margin-top:10px;
	height: 250px;
	text-align:left;
	overflow:auto;
	/*padding-right: 5px;*/
	}
.noticias .lista p {
	margin-bottom:.8em;
	}
.noticias .lista ul li {
	margin-bottom: 5px;
	background: url(../images/css-li.gif) 0 0.6em no-repeat;
	padding-left: 7px;
	 }
.noticias .lista ul li a {
	color: #666666;
	font-weight: normal;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	}
.noticias .lista ul li a span {
	text-decoration: none;
	color:#000000;
	}
.noticias .lista ul li a:hover {
	color: #000000;
	}
	
/************** CONTACTO *************/

.flash {
	margin: 15px 0 0 17px;
	}
.txt_contacto {
	float: left;
	width:350px;
	margin: 15px 0 0 17px;
	}
.txt_opina {
	float: left;
	width:395px;
	margin: 15px 0 0 0;
	}
.txt_contacto p,
.txt_opina p {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left:100px;
	}
.txt_contacto a,
.txt_opina a {
	text-decoration:none;
	padding-bottom:1px;
	border-bottom: 1px solid #000000;
	color:#000000;
	}
.txt_contacto a:hover,
.txt_opina a:hover {
	color:#787878;
	border-bottom: 1px solid #787878;
	}
	
.opina .txt_contacto {
	width:240px;
	}
.opina .txt_opina {
	width: 490px;
	}
.opina .txt_opina p {
	padding-left:210px;
	}
.opina .txt_opina p.normal {
	padding: 0;
	margin:0 0 8px 0;
	font-weight: normal;
	font-size: 95%;
	}
	
.form_contacto .separar {
	margin-top: 8px;
	}
.form_contacto label {
	float: left;
	width: 100px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	}
.form_contacto input.txt  {
	width: 240px;
	font-size: 100%;
	border:1px solid #A6A7AB;
	padding: 1px 0;
	}
.form_contacto textarea.txt {
	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border:1px solid #A6A7AB;
	}
input.error,
textarea.error {
	border: 1px solid #FF0000;
	background-color:#fff0f0;
	}
.form_contacto .boton {
	text-align:center;
	margin-top:10px;}
.form_contacto .boton input {	
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 0 0 0;
	border:1px solid #A6A7AB;
	background-color:#FFFFFF;
	font-size: 100%;
	cursor: pointer; }

.form_contacto input.fecha {
	width: 40px;
	text-align:center;}
.form_contacto select {
	width:85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border:1px solid #A6A7AB;
	}
	
	
.form_opina .separar {
	margin-top: 12px;
	}
.form_opina label {
	float: left;
	padding-top:3px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	}
.form_opina input.txt  {
	width: 165px;
	font-size: 100%;
	border:1px solid #A6A7AB;
	padding: 1px 0;
	margin-right: 10px;
	
	}
.form_opina textarea.txt {
	width: 285px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border:1px solid #A6A7AB;
	}
.form_opina .boton {
	margin-top:10px;
	}
.form_opina .boton a {
	margin-right: 60px;
	}
.form_opina .boton input {	
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 0 0 0;
	border:1px solid #A6A7AB;
	background-color:#FFFFFF;
	font-size: 100%;
	cursor: pointer; }

.form_opina input.fecha {
	width: 25px;
	text-align:center;
	float: left;
	}
.form_opina select {
	width:85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border:1px solid #A6A7AB;
	}	
.form_opina .datos {
	font-family:Arial, Helvetica, sans-serif;
	}
.form_opina .datos input {
	margin-right: 10px;
	cursor:pointer;
	}
.form_opina .datos input.ultimo {	
	margin-right:0;
	}
	
.form_contacto .mensaje p {
	padding:0 0 0 20px;
	margin:0 0 .5em 0;
	font-weight: normal;
	font-size:95%;
	}
	
.form_opina .mensaje p {
	padding:0 0 0 120px;
	margin:0 0 .5em 0;
	font-weight: normal;
	font-size:95%;
	}
	
.txt_contacto .mensajes_error p,
.txt_opina .mensajes_error p {
	margin: 0 0 .6em 0;
	padding:0 25px;
	color:#FF0000;
	font-weight: normal;
	font-size: 95%;
	}
	
/* Video flash - Inicio */

#contenedor_flash{
	position:absolute;
	left: 140px;
	bottom:65px;
	padding: 5px;
	background: #ccc;
}

/* Video flash - Fin */


/************** OPINIONES *****************/


.opiniones {
	margin: 15px 17px 0 17px;
	height: 290px;
	}
.opiniones span.volver  {
	float: right;
	margin-bottom: 10px;
	}
.opiniones span.volver a {
	color:#000000;
	}
.opiniones span.volver a:hover {
	color:#999999;
	}
.opiniones .titulo {
	font-size:120%;
	font-weight: bold;
	}
.opiniones .textoopiniones {
	margin-top: 10px;
	height: 265px;
	overflow:auto;
	padding-right: 20px;
	}
.opiniones .textoopiniones .fecha {
	font-weight: bold;
	margin-bottom:5px;
	}
.opiniones .textoopiniones .dato {
	margin-bottom:25px;
	clear:left;
	}
.opiniones .textoopiniones .cali {
	margin-bottom:5px;
	}
.opiniones .textoopiniones .cali span{
	display: block;
	float:left;
	width:150px;
	}