@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family: Comic Sans ;}
body {  background-image: url(images/tramado.jpg);}

a {text-decoration: none;color:#4F2608; font-weight:bold;}
a:hover {text-decoration: none; color:#FFFFFF; background-color: #4F2608;}

a img {border: 0px;}

#todo { margin:0 auto; width: 861px; height: auto; margin-top: 10px;}
#cabecera {width: 861px; height: 140px;background-image: url(images/fondo-cabecera.jpg); background-repeat:no-repeat; background-position: bottom right;}

#cabecera .home{margin-left:-192px;; margin-top:84px;}
#logo {width: 197px; height: 140px; float: left; background-image:url(images/logo.png);}
#menu {width: 663px; height: 140px; float: left; } 
#botonera {}
#contenido {width: 861px; height: auto; background-color:#FFFFFF;min-height:420px;max-height:420px;}
#creditos {width: 861px; height: 30px; background-image: url(images/pie.png); background-repeat:no-repeat; background-position:top; color: #FFFFFF; padding-top: 5px; font-size:10px;}
#creditos a { text-decoration: none; color: #CCCCCC;}
#creditos a:hover { background-color: #FFFFFF; color:#4F2608 ;}

#colizq {width: 500px; height: auto; float:left; margin: 0px 5px 5px 5px;}
#coldrch {width: 330px; height: 200px;  float: left;  margin: 0px 5px 5px 5px;}
.colmediana {width: 415px; height: auto;  float: left;  margin: 0px 5px 5px 5px;}

/* Textos */
* { font-family:Comic Sans MS,Arial, Helvetica, sans-serif;}
body { font-size:11px; color:#222;}

.clear { clear:both;}
.bold { font-weight:bold;}
.centro { text-align:center;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

.textoform {font-weight: bold;}

blockquote p{text-align:justify; margin-left:29px; color:black;}
.titulo{font-weight: bold;margin-top:-11px;}
/*Menu*/

ul#menu {
width: 663px;
height: 27px;
position:relative;
margin-top: 35px;
margin-left: 5px;
}

ul#menu li {
list-style-type: none;
float: left;
width: auto;
height: auto;
margin: 0px 4px 0px 0px;
}




/*sub secciones*/

#subbebida  {
width: 195px;
height: auto;
}

#subcomida  {
width: 194px;
height: auto;
}

#subcontacto  {
width: 93px;
height: auto;
}

.enlacesmenu {
position: absolute;
left: -999em;
background-color:#4F2608;
font-size:13px;
border: 2px solid white;
}

.enlacesmenu li {
padding: 5px; 
border: 1px solid #4F2608;
background-color: #4F2608;
color: #4F2608;
display: block;
clear:both;
width: 100%;
}
.enlacesmenu a {
background-color: #4F2608;
text-decoration: none;
color: #FFFFFF;

}

.enlacesmenu a:hover {
background-color: #FFFFFF;
color:#4F2608 ;}

#menu li:hover ul {
	left: auto;
}


/*Sitemap*/
.sitemapcajas {width: 200px; height: auto; border-left: 1px dotted #666666;  margin-left:49px; padding-bottom: 10px; font-size:13px}
.sitemapcajas strong {border-bottom: 1px dotted #666666;}
.subcategoria {width: 100px; height: auto; border-left: 1px dotted #666666; margin-left:49px; color:#000000; font-weight:bold;}
.subcategoria a {text-decoration: none;color:#333333; font-weight:bold; font-size:12px}
.subcategoria a:hover {text-decoration: none; color:#FFFFFF; background-color: #333333;}

/*textos*/
p {font-size: 14px; color: #4F2608;  }
/*H1...*/
h1 {font-size: 18px; border-bottom: 1px solid #4F2608; color: #4F2608;}

/*formularios*/
.input2 {width: 400px; border: 1px solid #4F2608;}
.envio {width: 180px; border: 1px solid #4F2608; margin: 0px auto;}

.input2:hover, .envio:hover {border: 1px solid grey;}