/*                 Estilo General para La Tentacion                      */
/*   Por Alvaro Fernandez | www.alvaroweb.com | info@alvaroweb.com       */
/*                 Julio 2007 - Codigo completamente libre               */


/**************** GENERAL  ******************/

* { margin: 0; padding: 0; border: 0;}
li {list-style-type: none;}
img {display: block;}


/**************** ENLACES  ******************/

/*vinculos estandar*/
a { outline: 0; }

a:link, a:visited, a:active { color: #95510B; text-decoration: none; }
a:hover { color: black; text-decoration: none; }

/*Vinculos Pie*/
div#pie div#txtPie a:link, div#pie div#txtPie a:visited, div#pie div#txtPie a:active { color: #999999; text-decoration: none; font-weight: bold; border-bottom: 1px solid white;}
div#pie div#txtPie a:hover { color: white; text-decoration: none; border-bottom: 1px solid #FF0000; }

/*Vinculos Contenido*/
div#contenidos a:link, div#contenidos a:visited, div#contenidos a:active { color: #999999; text-decoration: none; font-weight: bold; border-bottom: 1px solid white;}
div#contenidos a:hover { color: white; text-decoration: none; border-bottom: 1px solid #FF0000; }


/**************** ESTRUCUTURA PAGINA  ******************/

body {
 background: black;
 color: #CCCCCC;
 font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 text-align: center;
 margin: 0; padding: 0;
}

#web { width: 790px; margin: 0 auto;}

#cabecero {
 width: 790px; height: 192px;
 background: url("../imagenes/comunes/restaurante-la-tentacion.jpg") no-repeat center top;
}
#cabecero h1 { text-indent: -10000px;}

/*BOTONERA*/
#botonera {
 width: 790px; height: 33px; 
}
ul#menu { 
 margin: 0; padding: 0;
 width: 790px; height: 33px;
}
ul#menu li {
 list-style-type: none;
 margin: 0;
 float: left;
 height: 33px;
 text-indent: -10000px;
}
ul#menu li a {
 display: block;
 height: 33px;
}
ul#menu li#seccion1 a {width: 178px; background: url("../imagenes/comunes/boton1.jpg") no-repeat;}
ul#menu li#seccion2 a {width: 145px; background: url("../imagenes/comunes/boton2.jpg") no-repeat;}
ul#menu li#seccion3 a {width: 145px; background: url("../imagenes/comunes/boton3.jpg") no-repeat;}
ul#menu li#seccion4 a {width: 145px; background: url("../imagenes/comunes/boton4.jpg") no-repeat;}
ul#menu li#seccion5 a {width: 177px; background: url("../imagenes/comunes/boton5.jpg") no-repeat;}

/*Botones Hover*/
ul#menu li#seccion1 a:hover, ul#menu li#seccion2 a:hover, 
ul#menu li#seccion3 a:hover, ul#menu li#seccion4 a:hover, 
ul#menu li#seccion5 a:hover { background-position: 0 -33px; }

/*Botones activos*/
ul#menu li#seccion1.seccionActiva a:link, ul#menu li#seccion1.seccionActiva a:visited,
ul#menu li#seccion2.seccionActiva a:link, ul#menu li#seccion2.seccionActiva a:visited,
ul#menu li#seccion3.seccionActiva a:link, ul#menu li#seccion3.seccionActiva a:visited,
ul#menu li#seccion4.seccionActiva a:link, ul#menu li#seccion4.seccionActiva a:visited,
ul#menu li#seccion5.seccionActiva a:link, ul#menu li#seccion5.seccionActiva a:visited
  { background-position: 0 -66px; }
 
/*ZONA SUBTUTULO*/
#subtitulo {
 width: 790px; height: 21px;
 background: url("../imagenes/comunes/contenido-superior.jpg") no-repeat center top;
}
#subtitulo h2 { font-size: 1px; text-indent: -10000px;} 

/*CONTENIDOS*/
div#contenidos {
  text-align: left; 
  width: 682px; padding: 0 38px 0 70px; 
  background:  url("../imagenes/comunes/contenido.jpg") repeat-y center top;
}

/*div#textos { float: left; text-align: left; width: 350px; padding-right: 15px; margin-right: 316px;}

div#fotos {margin-left: 360px; width: 312px; padding-top: 50px; }*/

div#textos {margin-right: 320px; text-align: left; width: 350px; /*padding-right: 15px; margin-right: 316px;*/}

div#fotos {float: right;  width: 312px; padding-top: 50px; }

div#finContenidos {clear: right;}

div#contenidos div#telefonos p {
  width: 267px; height: 122px; text-indent: -10000px;
  background:  url("../imagenes/comunes/telefonos.jpg") no-repeat;
  border-left: 0;
}

/*TITULOS SECCION*/
h3 { width: 352px; height: 50px; text-indent: -10000px; }
h3#titulo1 { background:  url("../imagenes/comunes/titulo1.jpg") no-repeat; }
h3#titulo2 { background:  url("../imagenes/comunes/titulo2.jpg") no-repeat; }
h3#titulo3 { background:  url("../imagenes/comunes/titulo3.jpg") no-repeat; }
h3#titulo4 { background:  url("../imagenes/comunes/titulo4.jpg") no-repeat; }
h3#titulo5 { background:  url("../imagenes/comunes/titulo5.jpg") no-repeat; }
h3#titulo6 { background:  url("../imagenes/comunes/titulo6.jpg") no-repeat; }


/*PIE*/
div#pie {
 height: 140px; width: 790px; text-align: center; 
 background: url("../imagenes/comunes/pie.jpg") no-repeat; 
}
div#txtPie {
 padding-top: 80px; font-size: 90%;
 color: #999999; margin-left: 160px; text-align: left;
}


/*ELEMENTOS*/
div#contenidos p {margin: 0 0 10px 0; padding-left: 10px; border-left: 1px solid #FF0000;}
div#contenidos h4 {margin: 0 0 10px 0; font-size: 120%; color: #FF0000;}
span.destacado {color: white; font-weight: bold; font-size: 90%;}

/*FORMULARIO*/
input, textarea {
 padding: 2px 5px 2px 5px;
 color: #666666;
 font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}
div#contenidos a.botFormulario:link, div#contenidos a.botFormulario:visited, div#contenidos a.botFormulario:active {
 text-decoration: none; font-weight: bold;
 color: black; background: #FF0000; border-bottom: none; border: 1px solid white; padding: 5px 8px;
}
div#contenidos a.botFormulario:hover {color: #FF0000; background: black; border-bottom: none; border: 1px solid white;  text-decoration: none;}