/* Hoja de estilos Martín Berasategui*/


/* Reseteo de estilos por Eric Meyer */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fin reseteo */




/* ---------------------------- Estructura base -------------------------------*/


h1 {
    display: none;
}



body {
	font-family: Georgia,serif;
	font-size: 13px;
	color: #333333;
	background-color: #FFF;
}


.clear {
    clear: both;
}


/* ---------------------------- Cabecera -------------------------------------*/

#cabecera {
    height: 122px;
	background-color: #000;
}

#cabecera_contenedor {
    width: 1000px;
	height: 122px;
	margin: 0 auto;
	background-color: #333333;
	padding: 0 0 0 0;
}


#cabecera_contenedor p.idiomas {
	font-size: 10px;
	text-align: right;
	padding: 7px 25px 0 0;
	color: #CCC;
}

#cabecera_contenedor p.idiomas a{
	color: #CCC;
	text-decoration: none;
}

#cabecera_contenedor p.idiomas a:visited{
	color: #CCC;
}

#cabecera_contenedor p.idiomas a:hover{
	color: #F1ECE0;
}

#cabecera_contenedor img {
	float: left;
	margin: 0 50px 0 25px;
}

#cabecera_contenedor ul {
	margin: 65px 0px 0px 0;
	text-align: right;
	height: 20px;
}

#cabecera_contenedor ul li {
	display: inline;
}

#cabecera_contenedor ul li a{
	display: block;
	float: left;
	font-size: 14px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	height: 23px;
	padding: 5px 9px 0 8px;
	margin: 0 5px 0 0;
}

#cabecera_contenedor ul li a:hover{
	color: #333;
	background-color: #F1ECE0;
	background-image: url(/img/red-menu.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#cabecera_contenedor ul li a.seleccionado{
	color: #333;
	background-color: #F1ECE0;
	background-image: url(/img/red-menu.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/* ---------------------------- Primera -------------------------------------*/

#primera {
    height: 385px;
	background-color: #E7E1C9;
	background-image: url(/img/fondo-carrusel-ext.jpg);
}

#primera_contenedor {
    width: 950px;
	height: 375px;
	margin: 0 auto;
	background-color: #F1ECE0;
	background-image: url(/img/fondo-carrusel.jpg);
	padding: 5px 25px 5px 25px;
}

.leyenda {
    font-style: normal;
	line-height:  22px;
	padding: 300px 20px 0 420px;
	font-size: 14px;
}

p.firma {
    margin: 5px 0 0 0;
	padding: 0 20px 0 0;
	text-align: right;
	font-size: 11px
}


/* ---------------------------- Segunda -------------------------------------*/

#segunda {
	background-color: #C8BA82;
	background-image: url(/img/fondo-cont-ext.jpg);
}

#segunda_contenedor {
    width: 1000px;
	margin: 0 auto;
	background-color: #F2EFE1;
	background-image:  url(/img/fondo-cont.jpg);
	padding: 0 0 25px 0;
}

#segunda_contenedor p{
    line-height: 18px;
}

#contenido {
    float: left;
	width: 593px;
	padding: 0 25px 0 25px;
	background-image: url(/img/separador.png);
	background-repeat: repeat-y;
	background-position: right;
	color: #312C15;
	font-size: 13px;
	line-height: 16px;

}

#contenido h2 {
    font-style: normal;
	font-size: 19px;
	margin: 0 0 20px 0;
	color: #312C15;
}

.asesorados {
	margin: 0 0 20px 30px;
	font-size: 15px;
}

h3.asesorado {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 10px 0;
}



#contenido p {
    margin: 0 0 10px 0;
}



#lateral .captura_texto  {
	padding: 10px 0 0 0;
}

#lateral .captura_texto img {
	margin: 10px 0 5px 0;
}


#lateral .captura_texto p {
	padding: 0px 0 10px 0;
	margin: 0;

}
#lateral .captura_texto p a{
	padding: 6px 20px 6px 20px;
	background-color: #333333;
	color: #F1ECE0;
	text-decoration: none;
	background-image: url(img/red-cocina.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#lateral .captura_texto p a:visited{
	color: #F1ECE0;
}

#lateral .captura_texto p a:hover{
	text-decoration: underline;
}


#lateral {
    float: left;
	width: 300px;
	margin: 0 0 0 30px;
}

#lateral img {
    margin: 0 0 20px 0;
	clear: both;
}

#lateral a.banner_izq {
    float: left;
}

#lateral a.banner_der {
    float: right;
}

#lateral_carta {
    float: left;
	width: 200px;
	margin: 0 30px 0 0px;
    font-size: 13px;
	line-height: 16px;
	text-align: right;
}

#lateral_carta h2 {
    font-style: normal;
	font-size: 19px;
	margin: 0 0 20px 0;
	color: #312C15;
}

#lateral_carta ul li {
	font-style: normal;
	font-size: 15px;
	margin: 0 0 10px 0;
}

#lateral_carta ul li a{
	text-decoration: none;
	color:#312C15;
}

#lateral_carta ul li a:visited{
	text-decoration: none;
	color:#312C15;
}

#lateral_carta ul li a:hover{
	text-decoration: underline;
	color:#312C15;
}



#contenido_carta {
    float: left;
	width: 693px;
	padding: 35px 25px 0 35px;
	color: #312C15;
	font-size: 13px;
	line-height: 16px;
    background-image: url(/img/separador.png);
	background-repeat: repeat-y;
	background-position: left;

}

#contenido_carta ul  {
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 0 20px;
}

#contenido_carta ul li {
	font-size: 15px;
	margin: 0 0 15px 0;
	line-height: 18px;
}

#contenido_carta ul li a{
	text-decoration: none;
	color: #312C15;
}

#contenido_carta ul li a:visited{
	color: #312C15;
}

#contenido_carta ul li a:hover{
	text-decoration: underline;
}

#contenido_carta h2 {
	font-size: 15px;
	margin: 0 0 15px 0;
	line-height: 18px;
}


/* ---------------------------- Pie -------------------------------------*/

#pie {
	background-color: #1A1A1A;
}

#pie_contenedor {
    width: 950px;
	margin: 0 auto;
	background-color: #333333;
	padding: 20px 25px 0 25px;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 14px;
}

#datos {
    float: left;
	width: 370px;
	line-height: 17px;
}

#datos h3 {
    font-style: normal;
	margin: 0 0 0 0;
}

#datos p a{
    text-decoration: none;
	font-style: normal;
	color: #ccc;
}

#datos p a:visited{
	color: #ccc;
}

#datos p a:hover{
	color: #F1ECE0;
}

#datos p.redes {
    margin: 15px 0 0 0;
	vertical-align: middle;
}

#datos p.redes img {
    margin: 0 5px 0 22px;
	vertical-align: middle;
}

#datos p.redes a{
    text-decoration: none;
	font-style: normal;
	color: #ccc;
}

#datos p.redes a:visited{
	color: #ccc;
}

#datos p.redes a:hover{
	color: #F1ECE0;
}

#datos p.logos {
    margin: 15px 0 0 0;
	vertical-align: middle;
}

#datos p.logos img{
    margin: 0 10px 0 0;
}


#blog {
    float: left;
	width: 276px;
	margin: 0 30px 0 0;
}

#blog h4 {
    font-style: normal;
	color: #CCC;
	background-color: #1A1A1A;
	height: 21px;
	padding: 7px 0 0 7px;
	margin: 0 0 10px 0;
	background-image: url(/img/red-pie.png);
	background-position: right center;
	background-repeat: no-repeat;
}


#blog p {
    padding: 0 0 0 7px;
	margin: 0 0 10px 0;
}

#blog p span{
    font-style: normal;
	font-size: 11px;
}

#blog p a {
    color: #CCC;
	text-decoration: none;
	font-size: 12px;
}

#blog p a:visited {
    color: #CCC;
}

#blog p a:hover {
    color: #F1ECE0;
}


#enlaces {
    float: left;
	width: 263px;
}

#enlaces h4 {
    font-style: normal;
	color: #CCC;
	background-color: #1A1A1A;
	height: 21px;
	padding: 7px 0 0 7px;
	margin: 0 0 15px 0;
	background-image: url(/img/red-pie.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#enlaces ul {
    margin: 0 0 0 7px;
	list-style: square;
	list-style-position: outside;
	font-size: 12px;
	margin: 0 0 0 20px;
}

#enlaces ul li {
    margin: 0 0 15px 0;
	line-height: 16px;
}

#enlaces ul li a {
    color: #CCC;
	text-decoration: none;
}

#enlaces ul li a:visited {
    color: #CCC;
}

#enlaces ul li a:hover {
    color: #F1ECE0;
}


/* ---------------------------- Menu Pie -------------------------------------*/

#menu_pie {
    height: 40px;
	background-color: #000;
	border-top: 1px solid #666;
	clear:both;
}

#menu_pie_contenedor {
    width: 1000px;
	height: 40px;
	margin: 0 auto;
	background-color: #000;
}

#menu_pie_contenedor p{
    font-size: 11px;
	padding: 12px 25px 0 25px;
	color: #999;
	text-align: right;
}

#menu_pie_contenedor p a{
    color: #999999;
	text-decoration: none;
	margin: 0 2px 0 2px;
}

#menu_pie_contenedor p a:visited{
    color: #999999;
}

#menu_pie_contenedor p a:hover{
    color: #F1ECE0;
}

.copy {
    float: left;
}

.enlaces_pie {
    float: right;
}


/* ------------------------------- Reservas-----------------------------------*/



#formulario {
	background-color: #E7E1C9;
	background-image: url(/img/fondo-carrusel-ext.jpg);
}

#formulario_contenedor {
    width: 1000px;
	margin: 0 auto;
	background-color: #F1ECE0;
	background-image: url(/img/fondo-carrusel.jpg);
	padding: 5px 0 5px 0;
}

#formulario_contenedor p{
    line-height: 18px;
}

.caja_formulario {
    padding: 25px 25px 0 25px;
}

.caja_formulario h2 {
	font-style: normal;
	font-size: 19px;
	margin: 0 0 20px 0;
	color: #312C15;
}

#formulario_contenedor .caja_campos {
    width: 295px;
	margin: 15px 25px 15px 0;
	line-height: 20px;
	float: left;

}

#formulario_contenedor fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}

#formulario_contenedor legend {
	padding: 5px;
}

#formulario_contenedor input {
	margin: 0 0 15px 0;
	width: 254px;
	padding: 3px;
	border: 1px solid #ccc;
	color: #666;
	font-family: Georgia,serif;
}

#formulario_contenedor select {
	margin: 0 0 15px 0;
	width: 254px;
	padding: 3px;
	border: 1px solid #ccc;
	color: #666;
	font-family: Georgia,serif;
}


#formulario_contenedor input:focus {
	border: 1px solid #DD8000;
	color: #000;
}

#formulario_contenedor textarea {
	width: 254px;
	height: 218px;
	padding: 3px;
	margin: 0 0 10px 0;
	font-family: Georgia,serif;
	font-size: 13px;
    border: 1px solid #ccc;
	color: #666;
}

#formulario_contenedor textarea:focus {
    border: 1px solid #DD8000;
	color: #000;
}

#formulario_contenedor .boton_reserva {
    width: 80px;
	margin: 0 10px 0 5px;
}

#resultado {
 border-width: 1px;
 border-style: solid;
 padding: 0.6em;
}
#resultado.error{
 border-width: 2px;
 border-color: #FF0000;
 background-color: #FFE1E1;
 color: #990000;
}
.exito{
 background-color: #EAFFEA;
 color: #336600;
 border-color: #009900;
}

#formulario_contenedor .checkbox {
	width: 16px;
	margin: 0;
	padding: 0;
}


/* --------------------------------- Texto Legal------------------------------*/

#textos_legales {
    font-size: 13px;
	padding: 15px 50px 15px 50px;
	line-height: 18px;
}

#textos_legales h3 {
    font-size: 16px;
	margin: 0 0 15px 0;
}

#textos_legales p {
	margin: 0 0 15px 0;
}

#textos_legales ol {
	list-style: decimal;
	list-style-position: inside;
}

#textos_legales ol li{
	margin: 20px 0 0 20px;
}


/* ----------------------------- Mapa --------------------------------------*/

#map {

	background-color: #F2F2F2;
	width: 500px;
	height: 300px;
	margin: 0 0 0 25px;
	float: left;
}


#mapa h2 {
    margin: 0 0 15px 25px;
}

#tresde {
    width: 400px;
	height: 300px;
	float: left;
	margin: 0 0 0 35px;
	background-color:#F2F2F2;
}

/* ----------------------------- Colaboradores -------------------------------*/

.colaboradores {
	width: 298px;
	float: left;
	margin: 0 0 0 25px;
    background-image: url(img/separador.png);
	background-repeat: repeat-y;
	background-position: left;
}

.colaboradores ul {
    list-style: none;
	list-style-position: outside;
	padding: 15px 15px 0 15px;
	margin: 0 0 0 15px;

}

.colaboradores ul li {
    margin: 0 0 15px 0;
	line-height: 17px;
	text-align: center;
	padding: 0 0 15px 0;

}

.colaboradores ul li a{
    text-decoration: none;
	color:#312C15;

}

.colaboradores ul li a:hover{
	text-decoration: underline;
	color:#312C15;

}

#primera_colaboradores {
	background-color: #E7E1C9;
	background-image: url(/img/fondo-carrusel-ext.jpg);
}

#primera_colaboradores_contenedor {
    width: 975px;
	margin: 0 auto;
	background-color: #F1ECE0;
	background-image: url(/img/fondo-carrusel.jpg);
	padding: 25px 0 20px 25px;
}

.principales {
 	width: 460px;
	font-weight: bold;
	margin: 0 35px 0 0;
}

.primero {
    background-image: none;
}

.precio_degustacion {
	text-align: center;
	padding: 5px 8px 8px 8px;
	background-color: #333;
	color: white;
	-moz-border-radius:3px;
	 -webkit-border-radius:3px;
	 width: 80px;
	 margin: 0 auto;
	 font-weight: bold;
}


/* ----------------------- Restaurantes -----------------------*/

#fotos_rest {
	width: 400px;
	height: 225px;
	float: left;
	margin: 20px 0 0 0;
}

#lateral_rest {
	float: left;
	width: 500px;
	margin: 20px 0 0 30px;
	line-height: 20px;
}

#lateral_rest h2 {
	font-size: 18px;
	margin: 0 0 10px 0;
}

#lateral_rest p {
	margin: 0 0 10px 0;
}

#lateral_rest p a{
	padding: 6px 20px 6px 20px;
	background-color: #333333;
	color: #F1ECE0;
	text-decoration: none;
	background-image: url(img/red-cocina.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#lateral_rest p a:visited{
	color: #F1ECE0;
}

#lateral_rest p a:hover{
	text-decoration: underline;
}