html, body{
font-size: 12pt;
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #6d7b3d;
}

#content{
	background-image: url(../imagenes/fondo.gif);
	background-repeat: repeat-y;
	width: 960px;
	margin-left: auto;
	margin-right: auto;

}

#derecha{
	width: 704px;
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	float: left;
}

#cabeza{
	width: 960px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../imagenes/cabecerapapiro.gif);
	background-repeat: no-repeat;
}

.contienetodo{
	width: 700px;
}
/*---------------------------------izquierda------------------------------*/

#izquierda{
	/*width: 280px;*/
	width: 240px;
	display: inline;
	float: left;
	margin-right: 0px;
	padding-right: 0px;
}

.logo{
		padding-top: 10px;
		margin-left: 30px;
}

.menu{
	width:204px;
	height: 260px;
	background-image: url(../imagenes/botonera-fondo.gif);
	background-repeat: no-repeat;
	margin-left: 30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}

.listamenu{
	padding-top: 22px;
}
.elementomenu{
	text-align: left;
	padding-right: 15px;
	line-height: 23px;
	padding-left: 25px;
}

.amenu:link,
.amenu:visited {
  color: #8e8c80;
  text-decoration: none;
  font-style: italic;
  letter-spacing: 2px;
} 

.amenu:hover{
	text-decoration: underline;
}



/*----------genericas----------*/
img{
	border: none;
	margin: 0px;
	padding: 0px;
}

ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.negro{
	color: Black;
}

/*---------------------------------derecha------------------------*/

.texto{
	
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.gastronomiacarta{
	margin-left: 5px;
}
.recuadro{
	width: 200px;
	height: 255px;
	float: right;
	display: inline;
	background-image: url(../imagenes/seta-orujo.jpg);
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-top: 5px;
}

.recuadrocontacto{
	width: 200px;
	height: 375px;
	float: right;
	display: inline;
	background-image: url(../imagenes/contacto.gif);
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-top: 5px;
}

.recuadroentorno{
	width: 200px;
	height: 255px;
	float: right;
	display: inline;
	background-image: url(../imagenes/minientorno.jpg);
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-top: 5px;
}

.envolvertexto{
	width: 470px;
	float: left;
	display: inline;
}

.fotoacordeon{
	width: 202px;
	float: right;
	display: inline;
	margin-top: 5px;
	margin-bottom: 5px;
}

.textogastronomia{
	width: 350px;
	float: left;
	display: inline;
}

.recuadrogatronomia{
	width: 320px;
	float: right;
	display: inline;
	background-image: url(../imagenes/fondogastronomia.gif);
	background-repeat: repeat-y;
	margin-right: 20px;
	margin-top: 5px;
}

.barritagastronomia{
	width: 320px;
	background-image: url(../imagenes/barritagastronomia.gif);
	background-repeat: repeat-x;
	height: 2px;
	margin: 0px;
}
/*--------------textos--------------*/

h1{
	font-size: 12pt;
	color: #8e8c80;
	text-align: left;
	font-weight: normal;
}

h2{
	font-size: 14pt;
	font-family: "Times New Roman", Times, serif;
	color: #8e8c80;
	letter-spacing: 2px;
	padding-left: 5px;
	margin-top:5px;
	font-weight: bold;
}

h3{
	color: #8e8c80;
	text-align: center;
	margin-top:0px;
	font-size:13pt;
	font-weight: normal;
}

h4{
	font-size: 8pt;
	text-align: justify;
	color: #8e8c80;
	font-weight: normal;
	letter-spacing: 1px;
/*	padding-right: 20px;*/
	word-spacing: 1px;
	line-height:15pt;

}

h5{
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #8e8c80;
	font-weight: bold;
	text-align: center;
	margin-bottom:0px;
	margin-top: 0px;
	letter-spacing: 1px;
}

h6{
	
}

a{
	color: #8e8c80;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.recuadroderechah4{
	padding-left: 20px;
	margin-top: 1px;
}

.recuadroderechah2{
	padding-left: 20px;
	margin-bottom: 1px;
}

.recuadroderechareservas{
	text-align: center;
}

.recuadroentorno2{
	padding-left: 10px;
	margin-top: 1px;
}

.recuadroentorno4{
	padding-left: 10px;
	margin-bottom: 1px;
}

.alineaizq{
	text-align: left;
}
.centrartexto{
	text-align: center;
}
.tablafondo{
	background:#d8d7c5;
}

.calendario{
	margin-left: 80px;
}

.reservas{
	background-color: #585745;
	padding-left:12px;
	padding-right: 12px;
	/*padding-top:2px;*/
	padding-bottom: 2px;

}

.reservas a{
	color: White;
}

.video{
	padding-left: 70px;
	padding-bottom:20px;
}
/*-----------------pie de pagina----------------*/

#pie{
	width: 960px;
}

#imagenpie{
	width: 960px;
	height: 48px;
	background-image: url(../imagenes/piedepagina.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}



/*------------------estilos del acordeon propios---------------*/
/*enlace inicial*/
		.accordion_toggle {
			display: block;
			height: 27px;
			width: 675px;
			background:#585745;
			outline: none;
			border-bottom: 2px solid #f5f5e9;
			cursor: pointer;
			margin: 0 0 0 0;
			color: #ffffff;
			font-size: 9pt;
			text-decoration: underline;
			line-height: 30px;
			word-spacing: 1px;
			letter-spacing: 1px;
			padding-left: 5px;
		}
		
		.accordion_toggle:hover{
			letter-spacing: 2px;
			font-weight: bold;
		}
		.accordion_toggle_active {
			border-bottom: 2px solid #f5f5e9;
		}
		.accordion_toggle2 {
			display: block;
			height: 27px;
			width: 309px;
			background:#585745;
			outline: none;
			border-bottom: 2px solid #f5f5e9;
			cursor: pointer;
			margin-top:0px;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 3px;
			color: #ffffff;
			font-size: 9pt;
			text-decoration: underline;
			line-height: 30px;
			word-spacing: 1px;
			letter-spacing: 1px;
			padding-left: 5px;
		}
		.accordion_toggle2:hover{
			letter-spacing: 2px;
			font-weight: bold;
		}
		.accordion_content2 {
			width: 300px;
			overflow: hidden;
		}
/*capa de contenido*/		
		.accordion_content {
			width: 680px;
			background-color: #f5f5e9;
			overflow: hidden;
		}