@import url("menu.css");

/* My Comment */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	background-color:#000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	height: auto;
	
	}

#wrapper {
	width: 950px;
	margin: 0 auto 0;
	height: auto;
	/*border: 1px solid red;*/

}
#content{
	width: 950px;
	margin: 0 auto 0;
	height: auto;
	/*border: 1px solid red;*/

}
#header {
	width: 110px;
	height: 144px;
	margin: 0;
	float: left;
	position: absolute;
}

#data {
	width: 950px; 
} 
 #home #data {
	height: 600px;
	width: 950px;
	background: url(/images/fnd-hom.jpg) no-repeat 50px 50px;
	#background: url(/images/fnd-hom.jpg) no-repeat 80px 0px;
	_background: url(/images/fnd-hom.jpg) no-repeat 50px 0px;
} 
 #historia #data {
	height: 550px;
}
 
 #ubicacion #data {
	height: 550px;
	background: url(/images/fnd-ubicacion.jpg) no-repeat 50px 0px;
}

 #carta #data {
	background: url(/images/fnd-carta.jpg) no-repeat 340px 0px;
}


 #eventos #data {
	height: 600px;
	background: url(/images/fnd-eventos.jpg) no-repeat 80px 30px;
	#background: url(/images/fnd-eventos.jpg) no-repeat 80px 0px;
	_background: url(/images/fnd-eventos.jpg) no-repeat 80px 0px;
}
 #reservaciones #data {
	height: 600px;
	background: url(/images/fnd-reservaciones.jpg) no-repeat 75px 80px;
	#background: url(/images/fnd-reservaciones.jpg) no-repeat 80px 60px;
	_background: url(/images/fnd-reservaciones.jpg) no-repeat 80px 60px;

}
 #contacto #data {
	height: 600px;
	background: url(/images/fnd-contacto.jpg) no-repeat 75px 70px;
	#background: url(/images/fnd-contacto.jpg) no-repeat 80px 50px;
	_background: url(/images/fnd-contacto.jpg) no-repeat 80px 50px;

}

/*HISTORIA*/

#historia #data #izq {
	width:  370px;
	float: left;
	margin: 100px 0px 50px 140px;
	#margin: 100px 0px 50px 140px;
	_margin: 100px 0px 50px 80px;
	background-color: transparent;
	/*border: 1px solid red;*/
}
#historia #izq p {
	line-height: 16px;
	font-size: 12px;
	margin: 0px 10px 15px 10px;
}

#historia #data #der {
	width:  400px;
	float: right;
	margin: 70px 0 0 0;
	/*#margin: 150px 0px 0 0px;
	_margin: 100px 0px 0 80px;*/
	background-color: transparent;
	/*border: 1px solid red;*/
}
/*FIN HISTORIA*/
/*CARTA*/
#cartabox {
	width: 800px;
	/*border: 1px solid red;*/
	margin: 10px 0 0 150px;}


#carta #data #izq {
	width:  400px;
	float: left;
	margin: 0px 0px 0px 0px;
/*	#margin: 100px 0px 20px 140px;
	_margin: 100px 0px 10px 80px;
*/	background-color: transparent;
}

#carta #data #der {
	width:  350px;
	float: left;
	margin: 0px 0px 0 30px;
/*	#margin: 200px 5px 0px 0px;
	_margin: 200px 5px 0px 0px;
*/	background-color: transparent;
	/*border: 1px solid red;*/
}

#carta #data p {
	line-height:16px;
	margin:0;
	padding:0;}




.tomar {
	color: #faf054;
	font-size: 13px;
	font-weight: 300;
	text-transform:uppercase;
}

.tomarh1{
	color: #faf054;
	font-size: 14px;
	font-weight: bold;
	border: none ;
}
.comer {
	color: #f4202b;
	font-size: 13px;
	font-weight: 300;
	text-transform:uppercase;
}

.picar {
	color: #f26a2e;
	font-size: 13px;
	font-weight: 300;
	text-transform:uppercase;
}
.precio {
	font-size:16px;
	color:#FFF;
	font-weight: 100;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

.comerh1{
	color: #f4202b;
	font-size: 14px;
	font-weight: bold;
	border: none ;
}

.ensaladash1 {
		color: #3ba64d;
		font-size: 14px;
	font-weight: bold;
	border: none ;
}

/*FIN CARTA*/

/*UBICACION*/

#ubicacion #data #izq {
	width: 580px;
	margin: 100px 0px 50px 140px;
	#margin: 100px 0px 50px 140px;
	_margin: 100px 0px 50px 80px;
	float: left;
	/*border: 1px solid red;*/
}
#ubicacion #data #der  {
	width: 200px;
	margin: 430px 5px 0 0;
	#margin: 430px 5px 0 0;
	_margin: 430px 5px 0 0;
	float: left;
	/*border: 1px solid red;*/

}
#ubicacion #data #der p {
	font-size: 12px;
	font-weight: bold;
}
/*FIN UBICACION*/

/*EVENTOS*/

#eventos #data #izq {
	width:  400px;
	float: left;
	margin: 100px 0px 10px 140px;
	#margin: 100px 0px 20px 140px;
	_margin: 100px 0px 10px 80px;
	background-color: transparent;
	/*border: 1px solid red;*/
}

#eventos #data  p{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px 0 15px 10px;
}

#eventos #data .dia {
	color: #f4202b;
	font-size: 13px;
	font-weight: bold;
}
#eventos #data #der {
	width:  300px;
	float: left;
	margin: 200px 5px 0 0px;
	#margin: 200px 5px 0px 0px;
	_margin: 200px 5px 0px 0px;
	background-color: transparent;
	/*border: 1px solid red;*/
}
	
/*FIN EVENTOS*/


/*RESERVACIONES*/
#reservaciones h1 {
	color: #fff;
}
#reservaciones #data #izq {
	width:400px;
	/*_width: 680px;*/
    height: auto;
	float: left;
	margin: 100px 5px 80px 140px;
	#margin: 100px 5px 80px 140px;
	_margin: 100px 5px 80px 70px;
}
#reservaciones #data #der {
	width: 300px;
	/*_width: 680px;*/
    height: auto;
	float: right;
	margin: 120px 50px 0 0px;
	#margin: 150px 50px 0 0;
	_margin: 150px 30px 0 0;
}
#reservaciones #data  p{
	font-weight: bold;
	font-size: 12px;
}

/*FIN RESERVACIONES*/

/*FOTOS LIGHTBOX*/
body#fotos div#data div#fotos {
	width: 700px;
	height: 400px;
	float: left;
	margin: 100px 0px 50px 140px;
	#margin: 100px 0px 50px 120px;
	_margin: 100px 0px 50px 80px;

}
body#fotos div#data div#fotos div#thumbs{
	margin: 60px 0 0 60px;
	#margin: 60px 0px 50px 60px;
	_margin: 60px 0px 50px 60px;
	width: 700px;


}
body#fotos div#data a img{
  border: 3px solid #fff;
  margin: 2px;
}
/*FIN FOTOS*/


#contacto #data #izq {
	width: 330px;
	margin: 100px 0px 30px 140px;
	#margin: 100px 0px 30px 140px;
	_margin: 100px 0px 30px 80px;
	float: left;

}
#contacto #data #der  {
	width: 300px;
	float: left;
	margin: 150px 5px 0 0;
	/*border: 1px solid red;*/
}
#contacto #data #der p {
	font-size: 12px;
	font-weight: bold;
}
/*ESPACIO ARTE*/

#espacioarte #data #izq {
	width:  490px;
	float: left;
	margin: 140px 0px 50px 100px;
	#margin: 140px 0px 50px 100px;
	_margin: 140px 0px 50px 50px;
	background-color: transparent;
	/*border: 1px solid red;*/
}
#espacioarte #data #izq img{
	border: 3px solid #000;
}
#espacioarte #izq p {
	line-height: 16px;
	font-size: 12px;
	margin: 15px 0 15px 10px;
}
#espacioarte #data #der {
	width:  325px;
	float: right;
	margin: 50px 0 0 0;
	/*#margin: 150px 0px 0 0px;
	_margin: 100px 0px 0 80px;*/
	background-color: transparent;
	/*border: 1px solid red;*/
}
#espacioarte #data #der img{
	margin: 50px 0px 0 0px;
	/*#margin: 150px 0px 0 0px;
	_margin: 100px 0px 0 80px;*/
	background-color: transparent;
	/*border: 1px solid red;*/
}

#espacioarte #der p {
	line-height: 16px;
	font-size: 12px;
	margin: 40px 0 15px 10px;
}
/*ESPACIO ARTE*/



/* My Comment */


/*BASE
a:link {
	color: #f4202b;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
}*/
h1 {
	color: #f4202b;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0 15px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
}

#home #data #txt{  width:500px; float:right; margin: 80px 50px 0 0;}
#home h1 span.rojo { color:#f04e32; text-align:right; font-size:22px;}
#home h1 span.naranjo{ color:#ef6325; text-align:right; font-size:22px; text-decoration:none;}
#home h1 span.naranjo a:hover{ color:#ffee56; text-align:right; font-size:22px; text-decoration:none;}
#home h1 span.amarillo { color:#ffee56; text-align:right; font-size:22px;}
#home h1 { color:#fff; text-align:right; font-size:14px;}
#home h1 .ch {font-size:14px; font-weight:normal; }


h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bolder;
	margin: 10px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h3 {
	
	color: #fff;
	font-size: 20px;
	font-weight: bolder;
	margin: 10px 30px;
	text-transform: uppercase;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

p {
	color: #fff;
	font-size: 11px;
	margin: 5px 0 0 0;
}

label {
	color: #fff;
	font-size: 11px;
	margin: 5px 0 0 0;
}

#clear {
	clear: both;
}


#footer {
clear:both;
margin:auto;
width:930px;

}

#footer p{
text-align: center;
margin: 0px 10px;
line-height: 20px;
font-size: 12px;
}

#footer a:link, a:visited{
	color: #f4202b;
	text-decoration: none;
}
#footer a:hover{
	color: #fdf237;
	text-decoration: none;
}
#footer a:link, a:active{
	color: #f4202b;
	text-decoration: none;
}