/*
Fuentes:
    "Letter Gothic Std" --> MAC
    "Century Gothic" --> Menú lateral carta
    Verdana, "Trebuchet MS", Arial --> las más parecidas al MAC
*/


/* estilos generales */
html    		{ height:100%;}

body  			{ height:100%;
			  margin:0px;
                          font-size:12px;
                          font-family: "Century Gothic",Verdana, Arial;
                          background-color: White;
                          color: DimGray;
                          text-align:justify;
                        }
a                       { text-decoration:none;
                          color: MediumSlateBlue;
                        }
p                       {
                          text-align:justify;
                        }


ul                      { text-align:left;
                          list-style-image: url(../images/arrow_right4.gif);
                          line-height: 1.5;
                        }
#pie                    { font-size:11px;
                          color:DarkSlateGray;
                          text-align:center;
                        }

/* Estilos de las cabeceras de secciones */
.cabecera_eventos,
.cabecera_coctel,
.cabecera_plato,
.cabecera_menu,
.cabecera_vinos,
.cabecera_presentacion,
.cabecera               { font-size: 16px;
                          text-transform: uppercase;
                          color: DimGray;
                          padding: 0px 10px 0px 10px;
                          margin:0;
                        }
.cabecera_eventos       { text-align: left;    }
.cabecera_presentacion  { border-bottom: 1px solid silver; }
.cabecera_menu          { text-align: center;
                          padding-top: 5px;
                          color: DarkSlateGray;
                        }
.cabecera_vinos         {  text-align: left;
                           padding-top: 5px;
                           border-bottom: 1px solid silver;
                        }
.cabecera_minieventos   { font-size: 16px;
                          text-transform: uppercase;
                          color: DimGray !important;
                          padding: 0px 10px 0px 10px;
                          margin:0;
                          text-align: center;
                          font-weight:normal;
                          }

/* Estilos de los títulos */
.titulo_eventos,
.titulo_coctel,
.titulo_plato,
.titulo_menu,
.titulo_vino           { font-size: 15px;
/*                          font-weight: bold;
                          text-transform: capitalize;*/
                          color: OrangeRed;
                          padding: 0px 10px 0px 10px;
                        }
.titulo                 { font-size: 15px;
                          text-align: center;
/*                          font-weight: bold;*/
                          color: DeepPink;
                          padding: 0px 10px 0px 10px;
                        }
.titulo_eventos         { color: DeepPink;   }
.titulo_plato           { color: Deeppink;
                          padding-top: 5px;
                          border-bottom: solid 1px Silver;
                        }
.titulo_coctel          { color: DeepPink;   }
.titulo_vino            { color: DeepPink;
                          padding-top: 5px !important;
                          border-bottom: solid 1px silver;
                        }
.titulo_menu            { color: DeepPink;
                          padding-top: 5px !important;
                          border-bottom: solid 1px silver;
                          text-align:left;
                        }
.titulo_minieventos     { color: DeepPink !important;
                          font-size: 14px;
                          padding: 0px 10px 0px 10px;
                          text-decoration:none;
                          border:0;
                        }



/* Estilos de los subtítulos */
.subtitulo_vino,
.subtitulo_plato        {
                          padding: 0px 10px 0px 10px;
                        }
.subtitulo_eventos      { font-style: italic;
                          color: DarkSlateGray;
                          padding: 3px 10px 0px 10px;
                        }
.subtitulo_coctel       { font-style: italic;
                          color: DarkSlateGray;
                          padding: 0px 10px 0px 10px;
                        }
.subtitulo_nombreVino   {
                          color: DarkSlateGray;
                          padding: 5px 10px 0px 10px;
                        }

/* Estilos de las descripciones */
.descripcion_vino       { padding: 0px 10px 0px 10px;  }
.descripcion_coctel     { padding: 0px 10px 0px 40px;  }
.descripcion_eventos    { padding: 5px 10px 1px 10px; }
.descripcion_plato      { padding: 0px 10px 0px 10px;
	                  text-align: left;    }
.descripcion_menu      { padding: 0px 10px 0px 30px;
	                  text-align: left;    }
.descripcion_reservas  { border: 1px solid Silver;
                         padding:0px 5px 0px 5px;
                         text-align: center;
                         }

.btn_reservas          { background-color:Silver;
                       padding:0px;
                         }
.anulada                 { background-color:WhiteSmoke;
}

/* estilos del menú lateral (ménu noche, vinos, etc.) */
.menulateral            { width: 150px;
                          border: 1px solid Silver;
                          padding: 0px;
                          margin: 0px;
                        }
.menulateral p          { font-size: 14px;
                          color: DarkSlateGray;
                          text-transform: uppercase;
                          text-align: center;
                        }
.menulateral ul         { list-style-image: url(../images/arrow_right4.gif);
                        }
.menulateral a          { color: DeepPink;
                        }

/* Estilos de los eventos */
.imagen_eventos         { width: 100px;
                          height: 100px;
                          padding-left: 10px;
                          padding-right: 20px;
                        }
.hora_eventos           { font-size: 14px;
                          text-align: center;
                          font-weight: bold;
                          color: DeepPink;
                        }
.imagen_minieventos         { width: 50px;
                          height: 50px;
                          padding-left: 5px;
                          padding-right: 5px;
                          text-decoration:none;
                          border:none;
                        }
.hora_minieventos           { font-size: 14px;
                          text-align: center;
                          font-weight: bold;
                          color: DeepPink !important;
                        }



/* Estilos de las reservas */

.form_reserva           { width: 100%;
                        }
.obligatorio            { vertical-align: super;
                          font-size: 10px;
                          color: OrangeRed;
                        }
.tablarecuadro          {/* border: 1px solid silver;*/
                          width:100%;
                          vertical-align: top;
                        }
.tablapresentacion      {/* border: 1px solid silver;*/
                          padding: 5px;
                          width:100%;
                          vertical-align: top;
                        }

.btn                    { border:none;
                          color: White;
                          background-color: Silver;
                          font-family: "Century Gothic",Verdana, Arial;
                          text-decoration:none;

                        }
.btn:hover              { border: none;
                          color: DarkSlateGray;
                          background-color: MistyRose;
                          font-family: "Century Gothic",Verdana, Arial;
                          text-decoration:none;
                          cursor: pointer;
                        }
.dia                    { border-bottom: 1px solid Silver;
                          border-right: 1px solid Silver;
                          text-align: center;
                          color: DimGray;
                          padding-left: 4px;
                          padding-right: 4px;
                          font-size:10px;
                        }
.dia:hover              { border-bottom: 1px solid Silver;
                          border-right: 1px solid Silver;
                          text-align: center;
                          background-color: Silver;
                          color: White;
                          cursor: pointer;
                        }
.capa_eventos           { position:absolute;
                          top: 0px;
                          left: 0px;
                          height: 284px;
                          width: 100%;
                          margin: 0;
                          padding: 0;
                        }
.capa_eventos_padre     { position:relative;
                          top: 0px;
                          left: 0px;
                          height: 284px;
                          width: 100%;
                          margin: 0;
                          padding: 0;
                        }


.lnkEvento              { border: 1px solid White;
                          text-decoration:none;
                        }
.lnkEvento:hover        { /* border: 1px solid OrangeRed; */
                          background-color: WhiteSmoke;
                          cursor: pointer;
                          text-decoration:none;
                        }