html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	background-color: #FFF;
	margin:0px;
	padding:0px;
	height:100%;
	background-image:url(../media/images/background-body.jpg);
	background-repeat:repeat-x;
	font-size:14px;
}

/* TEXTOS */

h1, h2, h3 {
	font-weight:normal;
	padding: 0 30px 10px 30px;
	color: #927749;
}
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 28px; }


p {
	font-size: 14px;
	color: #626262;
	line-height: 150%;
	padding:0 30px;
	text-align:left;
	font-weight:normal;
}

p a, p a:link, p a:active, p a:visited {
	color: #785d30;
	font-size: 14px;
	text-decoration:none;	
}

p a:Hover {
	color: #333;
	text-decoration:underline;	
}

p strong {
	font-weight:bold;
}


p em { font-style: italic;}

/* CABEZAL */

div#header {
	text-align:center;
	height:410px;
	/* mientras no se ve la foto grande*/
	background-image:url(../media/images/loading.gif); 
	background-repeat:no-repeat;
	background-position:center;
}

div#logoHeader{
	position:absolute;
	right:50%;
	margin-right:-93px;
	z-index:1000;
	
}

div#reservas-online{
	float:right;
	background-image:url(../media/images/icon-reservations.png);
	background-repeat:no-repeat;
	background-position:left;
}
div#contacto{
	float:left;
	background-image:url(../media/images/icon-contact.png);
	background-repeat:no-repeat;
	background-position:left;
}

div#reservas-online a, div#contacto a,
div#reservas-online a:link, div#contacto a:link,
div#reservas-online a:visited, div#contacto a:visited
{
	padding-left:24px;
	color:#CCC; 
	line-height:30px;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-decoration:none;
	display:block;
}

div#reservas-online a:hover, div#contacto a:hover{
	color:#FFF;
}

/* ESTRUCTURA */ 
div#mainContent {
	height:auto;
	width: 860px;
	padding:0px;
	margin: 0 auto;
	font-family:"Trebuchet MS", sans-serif, Arial, Verdana;			
}

div#contenidos {min-height:400px;}

/* contenidos a dos columnas*/
div#colA {
	margin:0;
	padding:20px 0 0 0;
	width:630px;
	background-color:#FFF;
	float:left;
	min-height:500px;
}

div#colB {
	margin:0;
	padding:0;
	width:230px;
	background-image:url(../media/images/background-colB.jpg);
	background-repeat:repeat-x;
	background-position:top;
	float:right;
	min-height:500px;
}


/* FOOTER */
#footerContent{
	background-color:#F4F1EC;
	background-image:url(../media/images/background-footer.jpg);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#838683;
	margin-top:30px;
}

#footer {
	margin:0px auto;
	width:860px;	
}

div#reservas a  {
	text-decoration:none;
	color:#721118;
	background-color:#DBCECA;
	line-height:40px;
	display:block;
	float:right;
	padding:0 20px;
}

div#reservas a:hover  {
	color:#DBCECA;
	background-color:#721118;
}

div#suscribase a:hover {
	background-color:#363636;
	color:#D6CFC7;
}

div#suscribase a {
	color:#363636;
	text-decoration:none;
	display:block;
	float:left;
	background-color:#D6CFC7;
	padding:0 25px;
}

div#compartir div a {
	padding-right:3px;
	position:relative;
	text-decoration:none;
}

div#compartir div img {
	border:none;
	outline:none;
	text-decoration:none;
}

#footer #barra{
	height:40px;
	color:#363636;
	line-height:40px;
}

#footer #barra div{
	float:left;
	text-align:center;
	font-size:12px;
	line-height:40px;
	height:40px;
}

#footer #subMenu{ 
margin-left:120px;
height:100px;
}

#footer #subMenu DIV{
	float:left;
	margin:0px;
	padding:0px;
	border:none;	
	height:100px;
}

#footer #subMenu ul{
	list-style:none;
	font-size:14px;
	text-align:left;
	margin:0px;
  	padding:0px;
	padding-top:15px;
	font-weight:normal;
}

#footer #subMenu li{
	list-style:none;
	position:relative;
	border-right:#CEC5B7 solid 1px;
}

#footer #subMenu ul a {
	display:block;
	margin:0;
	color:#838683;
	line-height:150%;
	padding:0 20px;
	text-decoration:none;
	background-repeat:no-repeat;
	outline:none;
}

#footer #subMenu ul a:hover { color:#000;}

#footer #logo{
	clear:both;
	color:#838683;
	font-size:11px;
	line-height:130%;
	font-size:12px;
	text-align:right;
}

#footer #logo a, #footer #logo a:active{
	text-decoration:none;
	color:#B1B3B1;
}

#footer #logo a:hover{
	color:black;
	text-decoration:underline;
}

#footer #logo img{
	float:left;
}


#footer #logosFooter {
 border-bottom: #b6b4b0 solid 1px;
 padding:5px;
 height:61px;
}

#footer #logosFooter img {
 float:right;
 }

/* CLASES */
.cortarFloat {
	clear:both;
	 height: 0.001%;
    font-size: 0px; 
    line-height: 0px; 
}

.separador {
	background: url(../imagenes/line.png) repeat-x center center;
	text-align:right;
	margin:10px 30px;
	padding-bottom:1px;
	margin-bottom:1px;
	height:30px;
}

h2.headerSec {
	font-size:12px;
	background: url(../imagenes/line.png) repeat-x bottom;
	text-align:left;
	padding:5px 0;
	margin:10px 30px;
	color:#333333;	

}

.centrar {
	text-align:center;
}

.negrita{
	font-weight:bold;
}

div#headerPop {
	background: url(../imagenes/background-header.jpg) repeat-x;
	text-align:center;
	height:100px;
	width:860px;
	margin:0 auto;
}

.volver {	
	font-size: 20px;
	line-height:130%;
	font-weight:normal;
	padding: 0 30px 10px 30px;
}

.volver a {
	text-decoration:none;
	color: #640000;
}
.volver:Hover {
	color:#000000;
}


.padding30 {
	padding:30px;
}


.imagenNota {
	float:right;
	padding:0px 30px 15px 20px; 
	
			
}


/* Main Menu */
#backMenu {
	background-color:#817259;
}

/* Root = Horizontal, Secondary = Vertical */
ul#mainMenu {
  margin:0 0 0 30px;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 31px;
  z-index:1;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:14px;

}

ul#mainMenu li {
  margin: 0;
  border: 0 none;
  padding: 0 10px 0 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 31px;
  z-index:2;
  
}


ul#mainMenu ul {
  margin: 0;
  border: 0 none;
  padding: 10px 10px 30px 10px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  left: 0px;
  width:230px;

	/*sombra menu*/	
  	background-image:url(../media/images/background-ul.png);
	background-repeat:repeat-y;
	background-position:bottom right;
}

ul#mainMenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#mainMenu ul li {
  width:208px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/


  
}

/* Root Menu */
ul#mainMenu a {
	padding: 0 20px;
  	float: none !important; /*For Opera*/
  	float: left; /*For IE*/
  	display: block;
	color: #FFF;
  	text-decoration: none;
  	height: auto !important;
  	height: 1%; /*For IE*/
	font-style: normal;
	font-size:14px;
	line-height:31px;
}

/* Root Menu Hover Persistence */
ul#mainMenu a:hover,
ul#mainMenu li:hover a,
ul#mainMenu li.iehover a {
  background: #FFF;
  color: #000;

}

/* 2nd Menu */
ul#mainMenu li:hover li a,
ul#mainMenu li.iehover li a {
  	float: none;
 	background-color:#E6E3DF;	/**/
  	color: #000;
	font-size:0.95em;
	background-image:url(../media/images/point.png);
	background-repeat:repeat-x;
	background-position:bottom;	
	outline:none; /**/

}

/* 2nd Menu Hover Persistence */
ul#mainMenu li:hover li a:hover,
ul#mainMenu li:hover li:hover a,
ul#mainMenu li.iehover li a:hover,
ul#mainMenu li.iehover li.iehover a {
  background-color: #640000;
  /*background-color:#785d30;*/
  color: #FFF;
}

/* 3rd Menu */
ul#mainMenu li:hover li:hover li a,
ul#mainMenu li.iehover li.iehover li a {
  background-color: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#mainMenu li:hover li:hover li a:hover,
ul#mainMenu li:hover li:hover li:hover a,
ul#mainMenu li.iehover li.iehover li a:hover,
ul#mainMenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#mainMenu li:hover li:hover li:hover li a,
ul#mainMenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#mainMenu li:hover li:hover li:hover li a:hover,
ul#mainMenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#mainMenu ul ul,
ul#mainMenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 218px;
  margin:0;
  padding:0;
  background:none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#mainMenu li:hover ul ul,
ul#mainMenu li:hover ul ul ul,
ul#mainMenu li.iehover ul ul,
ul#mainMenu li.iehover ul ul ul {
  display: none;
}

ul#mainMenu li:hover ul,
ul#mainMenu ul li:hover ul,
ul#mainMenu ul ul li:hover ul,
ul#mainMenu li.iehover ul,
ul#mainMenu ul li.iehover ul,
ul#mainMenu ul ul li.iehover ul {
  display: block;
}


/* FORMULARIO MAIL CHIMP*/

div#formSuscripcion{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size:12px;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}

div#formSuscripcion fieldset { 
  border:none; 
}

div#formSuscripcion div div {
	padding-bottom:10px;
	padding-right:40px;
	text-align:right;
}

div#formSuscripcion div div ul {
	list-style:none;
	text-align:left;
	padding-left:30px;
}

div#formSuscripcion input {
	padding:2px 4px;
}


div#formSuscripcion div.mce_inline_error{
	text-align:right;
	color:#640000;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	padding-top:5px;  /*!important*/
}


strong { font-weight:bold;}



/****** photo slider *****/

