html, body, form, h1, h2, h3, h4, ul, li {
	margin: 0 ;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	/*color: #F4C000; /*#F4C389;*/
	/*color: #FF8405;*/
	color: #FF6600;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	/*background: #2D0202; / *--original*/
	background: #2D0202 url(images/bg.jpg) repeat fixed top left;
	/*background: #2D0202 url(images/bg.jpg) no-repeat fixed top left;*/
	/*background: #2D0202 url(images/bg_newyear.jpg) no-repeat fixed top left;*/
	text-align: center;
	font: 11px arial, sans-serif;
	color: #F4C389;
	padding-bottom: 10px;
}

hr {
 color: /*#FF3333*/ #B43708;
}
/** layout **/
#wrapper { /* girl & wine*/
	text-align: left;
	margin: auto;
	width: 749px;
  position: relative;
  background: #7C0000 top right url(images/header.jpg) no-repeat;
}

#wrapper0{ /* pollo fresco */
	text-align: left;
	margin: auto;
	width: 749px;
  position: relative;
  background: #7C0000 top right url(images/header_pollofresco.jpg) no-repeat;
}

#wrapper1{ /* compromiso */
	text-align: left;
	margin: auto;
	width: 749px;
  position: relative;
  background: #7C0000 top right url(images/header_eggplateflower.jpg) no-repeat;
}
#wrapper2{ /* productos */
	text-align: left;
	margin: auto;
	width: 749px;
  position: relative;
  background: #7C0000 top right url(images/header_marcas.jpg) no-repeat;
}
#wrapperYD { /* Yema Dorada */
	text-align: left;
	margin: auto;
	width: 749px;
  position: relative;
  background: #7C0000 top right url(images/header_yemadorada.jpg) no-repeat;
}

#logo {
  width: 357px;
  background: #7C0000 url(images/logo.jpg) no-repeat;
  height: 185px;
  text-align: center;
}
#logo h1 {
  padding-top: 50px;
  /*color: #fff;*/
  /*color: #FFC559;*/
  color: #F0F0A0;
  font: bold 27px "arial black", arial, sans-serif;
}
#logo p {
  margin: 0em;
  padding-left: 50px;
  font: 17px "arial narrow", arial, sans-serif;
}

#nav li {
  list-style: none;
}
#nav-left {
  width: 178px;
}
#nav-left li {
  background: url(images/nav_bg.jpg) repeat-x;
  font: 18px "arial narrow", arial, sans-serif;
  height: 62px;
  line-height: 62px;
  text-align: right;
}
#nav-left a {
  color: #fff;
  text-decoration: none;
  padding-right: 20px;
}
#nav-left .orange a {
  color: #FFC559;
}
#nav-left a:hover {
  text-decoration: underline;
}
#nav-right {
  position: absolute;
  top: 185px;
  left: 178px;
  width: 178px;
  /*border-left: 1px solid white;*/
  border-left: 1px solid #B43708;
}
#nav-right ul {
  text-align: right;
}
#nav-right li {
  font: 14px "arial narrow", arial, sans-serif;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #B43708/*white*/;
  background: 152px 10px url(images/arr.gif) no-repeat;
  padding-right: 40px;
}
#nav-right a {
  color: white;
  text-decoration: none;
}
#nav-right a:hover {
  text-decoration: underline;
}

#ul-li {
  padding-left: 20px;
}
#ul-li ul {
  itext-align: left;
  list-style-image: url(images/arr.gif);
}
#ul-li li {
  font: 10px "arial narrow", arial, sans-serif;
  height: 15px;
  line-height: 15px;
  /*background: -1px -7px url(images/arr.gif) no-repeat;*/
  /*border-top: 1px solid #B43708;*/
  padding-right: 20px;
}

/** body **/
#body {
  border-top: 1px solid #B43708/*white*/;
  padding-top: 20px;
}
#left {
  float: left;
  /*width: 352px;*/
  width: 360px;
  padding-left: 15px;
}
#right {
  float: right;
  /*width: 291px;*/
  width: 300px;
  padding-right: 10px;/*37px;*/
}

#welcome {
  padding-left: 0px;/**/
}

h2.guilded {
  background: bottom left url(images/welcome_bg.gif) repeat-x;
  height: 20px;
  margin-bottom: 0.8em;
  font-weight: normal;
  font-size: 20px;
}
h2.guilded span {
  background: #7C0000 url(images/h_glif.gif) no-repeat;
  padding-left: 38px;
  padding-right: 8px;
  padding-top: 2px;
  float: left;
}

.more a {
  color: #C47552;
  text-decoration: none;
  font-weight: bold;
}
.more a:hover {
  text-decoration: underline;
}

/* contacto */
#contacto {
    background: #911702;
    border: 1px solid #B43708;
    width: 100%; /* Ocupa todo el ancho disponible */
    max-width: 600px; /* Ancho máximo para pantallas grandes */
    margin: 0 auto; /* Centra el contenedor horizontalmente */
    padding: 20px; /* Espacio interno uniforme */
    box-sizing: border-box; /* Incluye el padding en el cálculo del ancho */
}

#contacto form div {
    margin-bottom: 15px; /* Espacio entre campos */
    padding-left: 15px; /* Margen izquierdo para desplazar los elementos */
}

#contacto h2 {
/*h2 {*/
 background: url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
}
#contacto p {
  margin: 1em 1em; /*margin: 1em 0;*/
  line-height: 1.1;
}
.error {
    color: red; /* Color rojo para destacar */
    font-size: 16px; /* Tamaño de fuente más grande */
    margin-bottom: 10px; /* Espacio inferior */
}

#mensaje {
    width: 100%; /* Ocupa todo el ancho del contenedor */
    height: 150px; /* Altura fija para hacerlo más grande */
    box-sizing: border-box; /* Incluye padding y bordes en el tamaño */
}

/* chef */
#chef {
  background: bottom left url(images/pic_1.jpg) no-repeat;
  padding-left: 164px;
  padding-top: 47px;
}
#chef h2 {
  font: 17px "arial narrow", arial, sans-serif;
  background: bottom url(images/divider.gif) repeat-x;
  padding-bottom: 5px;
  margin-left: -50px;
  padding-left: 70px;
  padding-right: 0;
}

#chef p {
  margin: 1em 0;
  line-height: 1.1;
}

/* mmh1 */
#mmh1 {
  background: left url(images/pic_2.jpg) no-repeat;
  padding-left: 164px;
  padding-top: 12px;
  /*padding-bottom: -20px;*/
}
#mmh1 h2 {
  font: 17px "arial narrow", arial, sans-serif;
  background: bottom url(images/divider.gif) repeat-x;
  padding-bottom: 5px;
  margin-left: 10px;
  /*padding-left: 50px; 70px;
  padding-right: 0;*/
}
#mmh1 p {
  margin: 0em;
  padding-left: 0px;
  padding-right: 10px;
  /*font: 14px "arial narrow", arial, sans-serif;*/
  font: 11px arial, sans-serif;
}

/* compromiso */
#compromiso {
  background: left url(images/pic_3.jpg) no-repeat;
  padding-left: 164px;
  padding-top: 12px;
  /*padding-top: 47px;*/
  /*padding-top: 25px;*/
}
#compromiso h2 {
  font: 17px "arial narrow", arial, sans-serif;
  background: bottom url(images/divider.gif) repeat-x;
  padding-bottom: 5px;
  margin-left: 10px;/*-50px;*/
  /*padding-left: 70px;
  padding-right: 0;*/
}
#compromiso p {
  margin: 0em;
  padding-left: 0px;
  padding-right: 10px;
  /*font: 14px "arial narrow", arial, sans-serif;*/
  font: 11px arial, sans-serif;
}

/** right **/
#booking {
/*font: 7px "arial narrow", arial, sans-serif;*/
  background: #911702;
  border: 1px solid #B43708;
  padding-bottom: 6px;
  margin-bottom: 1.1em;
}

#booking h2 {
  background: url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
}
#booking th {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
#booking td.submission {
  text-align: right;
}

/* bk2 */
#bk2 {
/*font: 7px "arial narrow", arial, sans-serif;*/
  background: #911702;
  border: 1px solid #B43708;
  padding-bottom: 6px;
  margin-bottom: 1.1em;
}

#bk2 h2 {
  background: url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
}

#bk2 th {
  text-align: left;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 11px;
}
#bk2 td {  
  font-size: 11px;
}
#bk2 td.submission {
  text-align: right;
  font-size: 10px;
}

/* dir1 */
#dir1 {
/*font: 7px "arial narrow", arial, sans-serif;*/
  /*background: #911702; /*--- color de uso diario*/
  background: #831901; /* color navideño*/
  border: 0px solid #B43708;
  padding-top: 1px;
  padding-bottom: 40px;
  /*
  border: 1px solid #B43708;
  padding-bottom: 6px;
  margin-bottom: 1.1em;
  */
}

#dir1 h2 {
  background: #2D0202 url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
  text-align: left;
}

#dir1 th {
  text-align: right;/*left;*/
/*  color: #ff9f1e;
  color: #FF6600;
  color: #FF3366;
  color: #ff9528;
#920a0c;*/
  color: #ff9528; /* color diario */
  /*color: silver; /* #007F00; /* color navidad: verde */
  padding-left: 10px;
  padding-right: 5px;
  font-size: 11px;
}
#dir1 td {  
  font-size: 11px;
  /*color: #ff7f1e;*/
  /*color: #ff6600; /* color diario  - no me olvides*/
  color: silver; /*#007A00; /* color navidad : verde o plata*/
  /*color: silver; /*#007A00; /* color navidad : verde o plata*/
}
#dir1 td.submission {
  text-align: right;
  font-size: 10px;
}


/* menu & recetas*/
#menu {
  background: #5b0302 bottom left url(images/specials.jpg) no-repeat;
  border: 1px solid #97321D;
  padding-left: 160px;
  padding-right: 8px;
  padding-top: 22px;
}
#menu h2 {
  margin-left: -38px;
  font-weight: normal;
  color: #FF8A00;
  margin-bottom: 1em;
  font-size: 16px;
}
#menu form {
  text-align: center;
}
#menu p {
  margin: 1.3em 0;
}

/* creditos*/
#creditos {
  background: #5b0302 bottom left url(images/creditos.jpg) no-repeat;
  /*background: #911702; /* si no queremos la imagen usamos esto*/
  border: 1px solid #B43708;
  padding-bottom: 6px;
  margin-bottom: 1.1em;
}

#creditos h2 {
  background: url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
}

#creditos th {
  text-align: left;
  color: #660100;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 10px;
}

#creditos td {
  text-align: left; 
  /*color: #B43708;*/
  padding-left: 10px;
  padding-right: 5px;
  font-size: 10px;
}

/* cresta dorada */
#crestadorada {
 /* background: #911702; /*background: bottom left url(images/h_booking_bg.jpg) no-repeat;*/
  border: 1px solid #B43708;
  padding-bottom: 70px;
  margin-bottom: 1.1em;
  
  text-align: left;
  margin: auto;
  width: 340px;
  
  position: relative;
  background: #7C0000 right url(images/yd4.jpg) no-repeat;

  }

#crestadorada h2 {
 background: url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
  
}
#crestadorada p {
  margin: 1em 1em; /*margin: 1em 0;*/
  line-height: 1.1;
}

/* cresta dorada */
#yemadorada {
 /* background: #911702; /*background: bottom left url(images/h_booking_bg.jpg) no-repeat;*/
  border: 1px solid #B43708;
  padding-bottom: 70px;
  margin-bottom: 1.1em;
  
  text-align: left;
  margin: auto;
  width: 340px;
  
  position: relative;
  background: #7C0000 right url(images/yd4.jpg) no-repeat;

  }

#yemadorada h2 {
 background: url(images/h_booking_bg.jpg) repeat-x;
  border: 1px solid #7C0000;
  height: 27px;
  line-height: 27px;
  color: #660100;
  font-weight: normal;
  font-size: 16px;
  padding-left: 20px;
  margin: 4px 4px 10px 4px;
  
}
#yemadorada p {
  margin: 1em 1em; /*margin: 1em 0;*/
  line-height: 1.1;
}

/** footer **/
#footer {
  text-align: center;
  background: url(images/divider.gif) repeat-x;
  padding: 20px 20px 12px 20px;
  margin: 0 2em;
}
#footer li {
  list-style: none;
  display: inline;
}
#footer a {
  color: #E49E6F;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}