body{
  background:#fff url(fondo.gif) top repeat-x;
} 

strong{
  font-weight:bold;
}

em{
  font-style:italic;
}

.clear{
  clear:both;
}

.bordeGordo{
  border:5px solid #DBC5A4;
}

.imagenCentrada{
  display:block;
  text-align:center;
  margin:0 auto;
}

.imagenIzq{
  display:block;
  float:left;
  margin:0 15px 15px 0;
}

.imagenDer{
  display:block;
  float:right;
  margin:0 0 15px 15px;
}

.subtitulo{
  display:block;
  font:10px Verdana, sans;
  color:#333;
  padding:0 5px 0 5px;
  line-height:12px;
  text-align:center;
}

#cabecera{
  height:480px;
  width:100%;
  margin:0 auto;
  position:relative;
}
  #flash_cabecera div{
    background:transparent url(cabecera_estatica.jpg) no-repeat top center;
    width:1000px;
    height:340px;
    margin:0 auto;
  }

#menu{
  height:37px;
  width:810px;
  margin:0 auto;
  position:relative;
  top:-140px;
  z-index:100;
}  
    #menu .inicio div{
      width:48px;
      background-position:-69px 0;
    }
    #menu .inicio .selected{
      background-position:-69px -37px;
    }
    
    #menu .elhostal div{
      width:51px;
      background-position:-120px 0;
    }
    #menu .elhostal .selected{
      background-position:-120px -37px;
    }
    
    #menu .elrestaurante div{
      width:86px;
      background-position:-177px 0;
    }
    #menu .elrestaurante .selected{
      background-position:-177px -37px;
    }
    
    #menu .elmenu div{
      width:44px;
      background-position:-269px 0;
    }
    #menu .elmenu .selected{
      background-position:-269px -37px;
    }
    
    #menu .eventos div{
      width:59px;
      background-position:-320px 0;
    }
    #menu .eventos .selected{
      background-position:-320px -37px;
    }
    
    #menu .contacto div{
      width:136px;
      background-position:-385px 0;
    }
    #menu .contacto .selected{
      background-position:-385px -37px;
    }
    
    #menu .serviciosespeciales div{
      width:138px;
      background-position:-527px 0;
    }
    #menu .serviciosespeciales .selected{
      background-position:-527px -37px;
    }
    
    #menu .mas div{
      width:69px;
      background-position:-671px 0;
    }
    #menu .mas .selected{
      background-position:-671px -37px;
    }    
    

#cuerpo{
  width:1000px;
  margin:0 auto;
  min-height:400px;
  position:relative;
  top:-140px;
  z-index:100;
}
  
#contenido{
  float:right;
  margin:20px 20px 0 0;
  width:540px;
}

#contenido h1{
  clear:both;
  color:#576F43;
  font:44px Cambria, Georgia, serif;
  margin:10px 0 10px 0;
}

#contenido h2{
  clear:both;
  color:#A77D41;
  font:18px Verdana, Tahoma, "Trebuchet MS", sans;
  font-weight:bold;
  margin:20px 0 5px 0;
}

#contenido p{
  font:16px Georgia, serif;
  color: #272F1E;
  text-align:justify;
  margin:0 0 16px 0;
}

#contenido ul{
  font:16px Georgia, serif;
  color: #272F1E;
  text-align:justify;
  margin:0 0 16px 0;
  list-style-type:disc;
}
  #contenido ul li{
    margin:0 0 0 30px;
  }

#contenido a{
  color:#576F43;
  font-weight:bold;
  text-decoration:underline;
}
#contenido a:hover{
  color:#fff;
  background:#576F43;
  text-decoration:none;
}

#lateral{
  float:right;
  margin:20px 10px 0 0;
  width:325px;
}

#pie{
  clear:both;  
  background:#94000B url(fondo_pie.png) repeat-x;
  min-height:150px; 
  font:14px Georgia, serif;
  color:#fff;
}

  #pie .datos{
    width:980px;
    margin:0 auto;
    padding:20px 0 0 0;
  }
    #pie .datos a{
      color:#fff;
      text-decoration:underline;
    }
    #pie .datos a:hover{
      color:#D7A1A5;
    }
  #pie .datos .izq{
    width:300px;
    height:130px;
    float:left;
    text-align:left;
  }
  #pie .datos .der{
    float:right;
    text-align:right;
  }
  
  #pie .datos .der .acontia2{
    font: 11px Verdana, sans;
    line-height:11px;
    color:#D7A1A5;
    width:140px;
    height:11px;
    display:block;
    margin:0 0 0 100px;
  }
    #pie .datos .der .acontia2 .desa{
      display:block;
      float:left;
      width:74px;
    }
    #pie .datos .der .acontia2 .enlace{
      display:block;
      float:right;
      width:56px;
    }
    #pie .datos .der .acontia2 .enlace a{
      display:block;
      width:56px;
      height:11px;
      background:url(acontia.gif) no-repeat;
    }
    #pie .datos .der .acontia2 .enlace a span{
      display:none;
    }
  #pie .datos .der .valido{
    clear:both;
    margin:20px 0 0 0;
  }
  
/******** MENU LAYOUT 2 *************/
.badge{
  width:100px;
  height:100px;
  margin:0 auto;
  font:30px Georgia, serif;
  font-weight:bold;
  color:#cc0000;
}
.badgeImpresion{
  display:none;
}

.divBotonesImprimir{
  text-align:right;
}
  .divBotonesImprimir input{
    font:10px Verdana, sans;
  }

#contenido .enlacesInicio{
  width:480px;
  margin:0 auto;
  text-align:center;
}
#contenido .enlacesInicio a{
  display:block;
  float:left;
  width:185px;
  height:-30px;
  font:12px Georgia, serif;
  line-height:30px;
  text-decoration:none;
  padding:90px 20px 0px 20px;
  margin:0 10px 0 0;
  color:#fff;
}
#contenido .enlacesInicio .plano{
  background:url(enlaceInicio_plano.jpg) no-repeat;
}
  #contenido .enlacesInicio .plano:hover{
    background:url(enlaceInicio_plano.jpg) no-repeat bottom;
  }
#contenido .enlacesInicio .carta{
  background:url(enlaceInicio_carta.jpg) no-repeat;
}
  #contenido .enlacesInicio .carta:hover{
    background:url(enlaceInicio_carta.jpg) no-repeat bottom;
  }


/********************************* MENU *************************************/
#contenido .fecha{
  clear:both;
  color:#576F43;
  font:18px Verdana, Tahoma, "Trebuchet MS", sans;
  font-weight:bold;
  margin:0 0 5px 0;
  text-align:center;
}
.menu_bar .platos{
  clear:both;
  text-align:center;
  background:url(adorno.png) top center no-repeat;
  padding:20px 0 0 0;
  margin:0 auto 20px auto;
}
  .menu_bar .platos .titulo{
    text-align:center;
    display:block;
    font:24px Cambria, "Times New Roman", serif;
    font-style:italic;
    margin:0 auto;
    color:#000;
  }
  .menu_bar .platos .subtitulo{
    text-align:center;
    display:block;
    width:300px;
    font:12px serif;
    font-style:italic;
    margin:0 auto;
    color:#666;
  }
  .menu_bar .platos .item2{
    width:350px;
    clear:both;
    display:block;
    margin:8px auto 0 auto;
  }
    .menu_bar .platos .item2 .nombre{
      width:290px;
      text-align:left;
      float:left;
      display:block;
      font:14px Georgia, serif;
      line-height:14px;
      font-weight:bold;
      color: #272F1E;
    }
    .menu_bar .platos .item2 .precio{
      width:60px;
      text-align:right;
      float:right;
      display:block;
      font:12px Georgia, serif;
      line-height:18px;
      font-weight:bold;
      color: #272F1E;
    }
    .menu_bar .platos .item2 .descripcion{
      border-top:1px dotted #ccc;
      text-align:left;
      clear:both;
      display:block;
      font:10px Verdana, sans-serif;
      color: #272F1E;
    }
    
  .menu_bar .platos .item1{
    width:350px;
    clear:both;
    display:block;
    margin:12px auto 0 auto;
  }
    .menu_bar .platos .item1 .nombre{
      width:290px;
      display:block;
      font:14px Georgia, serif;
      line-height:14px;
      text-align:center;
      color: #272F1E;
      margin:0 auto;
      font-weight:bold;
    }
    .menu_bar .platos .item1 .descripcion{
      text-align:center;
      clear:both;
      display:block;
      font:10px Verdana, sans-serif;
      color: #272F1E;
      margin:3px 0 0 0;
    }
    
.menu_pasoAPaso .platos{
  clear:both;
  text-align:center;
  background:url(adorno.png) top center no-repeat;
  padding:20px 0 0 0;
  margin:0 auto 20px auto;
}
  .menu_pasoAPaso .platos .titulo{
    text-align:center;
    display:block;
    font:24px Cambria, "Times New Roman", serif;
    font-style:italic;
    margin:0 auto;
    color:#000;
  }
  .menu_pasoAPaso .platos .subtitulo{
    text-align:center;
    display:block;
    width:300px;
    font:12px serif;
    font-style:italic;
    margin:0 auto;
    color:#666;
  }
  .menu_pasoAPaso .platos .item{
    width:350px;
    clear:both;
    display:block;
    margin:8px auto 0 auto;
    border:1px solid transparent;
    padding:3px;
  }
  .menu_pasoAPaso .platos .item label{
    cursor:pointer;
  } 
  .menu_pasoAPaso .platos .item:hover{
    border:1px solid #ccc;
    background:#ffc;
  }
  .menu_pasoAPaso .platos .itemSeleccionado,.menu_pasoAPaso .platos .itemSeleccionado:hover{
    background:#ffa;
    border:1px solid #333;
    padding:3px;
  }
    .menu_pasoAPaso .platos .item .input{
      width:20px;
      text-align:center;
      float:left;
      display:block;
      font:14px Georgia, serif;
      line-height:14px;
      font-weight:bold;
      color: #272F1E;
    }
    .menu_pasoAPaso .platos .item .input input{
      margin:0;
      padding:0;
    }
    .menu_pasoAPaso .platos .item .nombre{
      width:270px;
      text-align:left;
      float:left;
      display:block;
      font:14px Georgia, serif;
      line-height:14px;
      font-weight:bold;
      color: #272F1E;
    }
    .menu_pasoAPaso .platos .item .precio{
      width:60px;
      text-align:right;
      float:right;
      display:block;
      font:12px Georgia, serif;
      line-height:18px;
      font-weight:bold;
      color: #272F1E;
    }
    .menu_pasoAPaso .platos .item .descripcion{
      border-top:1px dotted #ccc;
      text-align:left;
      clear:both;
      display:block;
      font:10px Verdana, sans-serif;
      color: #272F1E;
    }
  
/*********************************************************************************** menuLateral ***************/
#menuPlatoAPlato_flotante {
    position:absolute;
    top:20px;
}
.menuLateral{
  width:335px;
}
  .menuLateral .parte1{
    display:block;
    background:url(proximosEventos_top.png) no-repeat;
    width:335px;
    height:60px;
  }
  .menuLateral .parte1b{
    display:block;
    background:url(menuPersonalizado_top.png) no-repeat;
    width:335px;
    height:60px;
  }
  .menuLateral .parte2{
    display:block;
    background:url(proximosEventos_middle.png) repeat-y;
    width:335px;
    min-height:215px;
  }
    .menuLateral .parte2 .menuPersonalizado{
      padding:10px 20px;
      font:12px Georgia, serif;
      color: #fff;
      text-align:justify;
    }
      .menuLateral .parte2 .menuPersonalizado p{
        margin:0 0 10px 0;
      }
      
    .menuLateral .hr{
      display:block;
      height:10px;
      clear:both;
      background:url(adorno.png) bottom center no-repeat;
      margin:10px 0;
      border:none 0;
    }
      
      #menu_dinamico .plato{
        display:block;
        margin:10px 0 0 0;
      }
      
      #menu_dinamico .plato .nombre{
        text-align:center;
        display:block;
        font:12px Georgia, serif;
        line-height:14px;
        font-weight:bold;
        color: #fff;
      }
      #menu_dinamico .plato .descripcion{
        text-align:center;
        display:block;
        font:10px Verdana, sans-serif;
        color: #DAC8B6;
      }
      #menu_dinamico .precio{
        text-align:center;
        display:block;
        width:100px;
        margin:10px auto;
        padding:5px;
        background:#473623;
        font:12px Georgia, serif;
        font-weight:bold;
        color: #f00;
      }
      
    /************************************************** Menús de ejemplo ******************************/
    .menuLateral .menus_ejemplo ul{
      list-style-type:disc;
      line-height:10px;
    }
    .menuLateral .menus_ejemplo ul li{
      margin:0 0 5px 10px;
    }      
    .menuLateral .menus_ejemplo li .ej_titulo{
      color: #DAC8B6;
      font:10px Verdana;
      font-weight:bold;
    }
    .menuLateral .menus_ejemplo li .ej_precio{
      color: #f00;
      font:10px Verdana;
      font-weight:bold;
    }
    .menuLateral .menus_ejemplo li .ej_descripcion{
      font:10px Verdana;
    }
    .menuLateral .menus_ejemplo li .ej_enlace{
      display:block;
      font:10px Verdana;
    }
      .menuLateral .menus_ejemplo li .ej_enlace a{
        color:#fff;
      }
    
    #contenido .menus_ejemplo ul{
      list-style-type:disc;
      line-height:10px;
      color:#333;
    }
    #contenido .menus_ejemplo ul li{
      margin:0 0 5px 30px;
    }      
    #contenido .menus_ejemplo li .ej_titulo{
      font:12px Georgia, serif;
      font-weight:bold;
    }
    #contenido .menus_ejemplo li .ej_precio{
      color: #f00;
      font:12px Georgia, serif;
      font-weight:bold;
    }
    #contenido .menus_ejemplo li .ej_descripcion{
      display:block;
      font:12px Georgia, serif;
    }
    #contenido .menus_ejemplo li .ej_enlace{
      display:block;
      font:10px Georgia, serif;
    }
    
    .enlacesPasos{
      margin:0 auto 40px auto;
      text-align:center;
    }
      #contenido .enlacesPasos a{
        float:left;
        text-align:center;
        display:block;
        width:160px;
        padding:5px;
        background:#576F43;
        color:#fff;
        font:12px Verdana;
        font-weight:bold;
        text-decoration:none;
        border:1px solid transparent;
      }
      #contenido .enlacesPasos a:hover{
        background:#798F65;
      }
      #contenido .enlacesPasos .actual,#contenido .enlacesPasos .actual:hover{
        background:#fff;
        border:1px solid #576F43;
        color:#576F43;
      }
      #contenido .enlacesPasos .deshabilitado,#contenido .enlacesPasos .deshabilitado:hover{
        float:left;
        text-align:center;
        display:block;
        width:160px;
        padding:5px;
        background:#576F43;
        color:#fff;
        font:12px Verdana;
        font-weight:bold;
        text-decoration:none;
        border:1px solid transparent;
        cursor:not-allowed;
      }
      
      
      
      
  .menuLateral .parte3{
    display:block;
    background:url(proximosEventos_bottom.png) no-repeat;
    width:335px;
    height:50px;
  }
  
  .menuLateral .item{
    clear:both;
    background:url(adorno.png) bottom center no-repeat;
    padding:20px 0 20px 0;
    
  }
  .menuLateral .titulo{
    display:block;
    font:22px Cambria, Georgia, serif;
    font-weight:bold;
    color: #E5D39A;
    margin:0 15px 0 15px;
  }
    .menuLateral .titulo a{
      color: #E5D39A;
      text-decoration:none;
    }
    .menuLateral .titulo a:hover{
      color: #E5D39A;
      text-decoration:underline;
    }
  .menuLateral .foto{
    display:block;
    float:left;
    margin:10px 10px 5px 15px;
  }
  .menuLateral .foto img{
    border:1px solid #E5D39A;
  }
  .menuLateral .texto{
    display:block;
    margin:10px 15px 0 15px;
    font:12px Georgia, serif;
    color:#fff;
    text-align:justify;
  }
  .menuLateral  .ampliar{
    display:block;
    margin:10px 15px 0 15px;
  }
    .menuLateral .ampliar a{
      font:12px Georgia, serif;
      font-weight:bold;
      color:#fff;
      text-decoration:underline;
    }
    .menuLateral .ampliar a:hover{
      background:#fff;
      color:#604930;
      text-decoration:none;
    }
    
    
/****************************************************************** FORMULARIO *************************************************/
.formulario{
  padding:10px;
  margin:0 auto;
}

.formulario .dt{
  width:150px;
  float:left;
  clear:both;
  text-align:right;
  font-weight:bold;
  text-transform:uppercase;
  font:11px Verdana, sans;
}

.formulario .dd{
  margin: 0 0 5px 160px;
}

.formulario input,.formulario textarea,.formulario select{
  width:100%;
}
.formulario textarea{
  height:150px;
}
.formulario .calendario{
  position:absolute;
  left:300px;
}
.formulario .submit{
  width:120px;
  height:40px;
  margin:30px 0 0 0;
}