/* --------------------- Común para toda la web ---------------------*/


html {
	margin:0px;
	padding:0px;
	background:#afafaf url(../img/fondo-html.jpg) top left repeat-x;
}

body {
	margin:0px;
	padding:0px;
	font:normal 100% "Times New Roman", Times, serif;
	background:url(../img/fondo-body.jpg) center center no-repeat;
}

.body-acce {
	margin:0px;
	padding:0px;
	font:normal 100% "Times New Roman", Times, serif;
	background:url(../img/fondo-body-acces.jpg) top center no-repeat;
}

.body-carta {
	margin:0px;
	padding:0px;
	font:normal 100% "Times New Roman", Times, serif;
	background:#f1f1f1;
}


h1{
	margin:60px 0 0 95px;
	padding:0px;
	float:left;
}

h1 img {
	border:none;
	margin:0px;	
}


h2 {
	color:#000;
	font:normal 130% "Times New Roman", Times, serif;
	text-align:left;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	float:left;
}


h3 {
	color:#333;
	font:normal 110% "Times New Roman", Times, serif;
	padding:0px 0 10px 0;
	text-align:left;
	text-decoration:underline;
}

h4 {
	color:#000;
	font:bold 100% "Times New Roman", Times, serif;
	padding:0 0 20px 0;
	text-align:left;
	font-variant:small-caps;
}


*{
	padding:0px;
	margin:0px;
}

strong{
	color:#000;
	font:bold 100% "Times New Roman", Times, serif;
}


li em{
	text-align:right;
	float:right;
	padding:0 0 0 15px;
	font:bold 100% "Times New Roman", Times, serif;
}

a{
	color:#000;
	font:bold 100% "Times New Roman", Times, serif;
	text-decoration:underline;
}

a:hover{
	color:#666;
	font:bold 100% "Times New Roman", Times, serif;
	text-decoration:underline;
}

iframe{
	 width:500px;
	 height:350px;
	 border:0;
	
	}

#contenedor{
	padding:0px;
	margin:0px auto;
	width:1024px;
	height:768px;
}

/* --------------------- HEAD ---------------------*/

#head{
	padding:0px;
	margin:0px auto;
	width:1024px;
	height:213px;
}

#menu{
	margin:124px 43px 0 0;
	padding:0px;
	width:600px;
	height:64px;
	float:right;
}

#menu ul{
	margin:0px;
	padding:0px;
}
#menu li{
	list-style-type:none;
	display:inline;
	height:64px;
	width:150px;
	position:relative;
	font-size:80%;
	margin:0px;
	padding:0px;
	float:left;
}

#menu li a:hover{
	font:normal 100% "trebuchet MS", tahoma;
	color:#fff;
}

li.el-lugar span, li.el-lugar-on span, li.que-comer span, li.que-comer-on span, li.contacto span, li.contacto-on span, li.ubicacion span, li.ubicacion-on span {
	position:absolute;
	width:100%;
	height:100%;
}


li.el-lugar span{
	background:url(../img/el-lugar.jpg) bottom no-repeat;
}

li.el-lugar span:hover, li.el-lugar-on span{
	background:url(../img/el-lugar.jpg) top no-repeat;
}


li.que-comer span{
	background:url(../img/que-comer.jpg) bottom no-repeat;
}

li.que-comer span:hover, li.que-comer-on span{
	background:url(../img/que-comer.jpg) top no-repeat;
}


li.contacto span{
	background:url(../img/contacto.jpg) bottom no-repeat;
}

li.contacto span:hover, li.contacto-on span{
	background:url(../img/contacto.jpg) top no-repeat;
}


li.ubicacion span{
	background:url(../img/ubicacion.jpg) bottom no-repeat;
}

li.ubicacion span:hover, li.ubicacion-on span{
	background:url(../img/ubicacion.jpg) top no-repeat;
}



/* --------------------- DESARROLLO ---------------------*/

#contenido{
	padding:0px;
	margin:0px auto;
	width:1024px;
	height:418px;
}

#contenido-acce{
	padding:0px;
	margin:0px auto;
	width:1024px;
	min-height:418px;
}

#caja-video{
	padding:15px;
	margin:0 0 0 95px;
	float:left;
	background:url(../img/caja-fondo-grande.png) center top no-repeat;
	width:426px;
	height:345px;
}

.caja-peke{
	padding:10px;
	margin:0 72px 10px 0;
	float:right;
	background:url(../img/caja-fondo-peke.png) center top no-repeat;
	width:352px;
	height:89px;
}


.caja-peke p{
	color:#000;
	padding:0px;
	font:normal 85% "Times New Roman", Times, serif;
	text-align:left;
	line-height:120%;
}

.caja-peke p.titulo{
	text-align:left;
	line-height:120%;
	padding:0 0 5px 0;
	font:bold 90% "Times New Roman", Times, serif;
}

.caja-peke p.mas{
	text-align:right;
	line-height:120%;
	font:bold 85% "Times New Roman", Times, serif;
}

.caja-peke p.mas a{
	text-align:right;
	line-height:120%;
	color:#000;
	font:bold 85% "Times New Roman", Times, serif;
	text-decoration:underline;
}

.caja-peke p.mas a:hover{
	text-align:right;
	line-height:120%;
	font:bold 85% "Times New Roman", Times, serif;
	color:#666;
	text-decoration:none;
}

#caja-txt{
	padding:15px;
	margin:0 0 0 95px;
	float:left;
	background:url(../img/fondo-text.png) left top repeat;
	width:549px;
	min-height:200px;
}

#caja-txt img{
	margin:0 0 0 40px;
}


#caja-txt p{
	color:#33;
	padding:0px;
	margin:0 0 10px 0;
	font:normal 85% "Times New Roman", Times, serif;
	text-align:left;
	line-height:190%;
}

#caja-txt ul{
	margin:10px 0 15px 0;
	padding:0px;
}

#caja-txt li{
	text-align:left;
	margin:0 0 5px 25px;
	padding:0px;
	color:#000;
	font:normal 85% "Times New Roman", Times, serif;
	list-style-type:circle;
}

.carta{
	padding:15px;
	margin:0 0 0 60px;
	float:left;
	background:url(../img/fondo-text.png) left top repeat;
	min-width:100px;
	min-height:200px;
}


.carta ul{
	margin:10px 0 20px 0;
	padding:0px;
	border-bottom:1px double #333;
}

.carta li{
	text-align:left;
	margin:0 0 10px 15px;
	padding:0px;
	color:#000;
	font:normal 85% "Times New Roman", Times, serif;
	list-style-type:circle;
	clear:both;
}


.precio {
	color:#333;
	font:normal 130% "Times New Roman", Times, serif;
	padding:0px 0 10px 0;
	text-align:left;
	text-decoration:underline;
}

.obsevaciones {
	color:#333;
	font:normal 110% "Times New Roman", Times, serif;
	padding:0px 0 10px 0;
	text-align:left;
}

#caja-direc{
	padding:15px;
	margin:0 55px 0 0;
	float:right;
	width:240px;
	height:225px;
	background:url(../img/fondo-text.png) left top repeat;
}

#caja-direc p{
	color:#33;
	padding:0px;
	margin:0 0 10px 0;
	font:normal 85% "Times New Roman", Times, serif;
	text-align:left;
	line-height:190%;
}

#caja-acce{
	padding:15px;
	margin:0px auto;
	background:url(../img/fondo-text.png) left top repeat;
	width:900px;
	min-height:200px;
}

#caja-acce p{
	color:#33;
	padding:0px;
	margin:0 0 10px 0;
	font:normal 85% "Times New Roman", Times, serif;
	text-align:left;
	line-height:190%;
}

#caja-acce ul{
	margin:10px 0 15px 0;
	padding:0px;
}

#caja-acce li{
	text-align:left;
	margin:0 0 5px 25px;
	padding:0px;
	color:#000;
	font:normal 85% "Times New Roman", Times, serif;
	list-style-type:circle;
}





/*--------------- GALERIA ----------------*/

#caja-gal{
	padding:0px;
	margin:0 55px 0 0;
	float:right;
	width:270px;
	height:255px;
}

#caja-gal ul{
	margin:0px;
	padding:0px;
}

#caja-gal li{
	margin:0px;
	padding:0px;
	display:inline;
}

#caja-gal img {
	width:109px;
	height:86px;
	margin:0 0 0 10px;
	padding:0px;
	border:none;
	float:right;
}




/*--------------- PIE ----------------*/

#pie{
	margin:0px auto;
	width:834px;
}

#pie ul{
	padding:18px 0 0 10px;
	margin:0px;
	text-align:left;
	float:left;
}

#pie li{
	text-align:right;
	padding:0px;
	margin:0px;
	display:inline;
	color:#333;
}

#pie li a{
	font:normal 85% "Times New Roman", Times, serif;
	text-align:right;
	padding:0px;
	margin:0px;
	display:inline;
	color:#333;
}

#pie li a:hover{
	color:#ccc;
	text-decoration:none;
}

address{
	font:normal 85% "Times New Roman", Times, serif;
	color:#333;
	padding:15px 0 0 0;
	float:left;
}






.clear {
	clear:both;
}