@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 1024px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	height: 600px;
	border: 1px solid #9A8C82;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header_home {
	background: #9A8C82;
	height: 120px;
	clear: both;
}
.header {
	background: #9A8C82;
	height: 120px;
	clear: both;
	background-image: url(../img/logos/logo_web.png);
	background-repeat: no-repeat;
	background-position: 80px top;
}
#div_reservas {
	position: relative;
	z-index:100;
	height: 50px;
	width: 600px;
	float: right;
	margin-right: 40px;
	top: 20px;
	clear:both;
	
}
#menuwrapper {
	float:left;
	width: 864px;
	position: relative;
	height: 27px;
	left: 80px;
/*	top: 91px;
*/	margin-top: 41px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	z-index:101;

}
#menubar {
	position: absolute;
	height: 27px;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/

#content_home {
	padding: 0;
	height: 320px;
	clear: both;
	float: left;
	width: 1024px;
	z-index: 90;
	position:static;
}
#content {
	padding: 0;
	height: 450px;
	clear: both;
	float: left;
	width: 1024px;
	z-index: 90;
	position:relative;
}
#inside_content {
	width: 864px;
	position: relative;
	height: 450px;
	left: 80px;
	top: 0px;
	border: 1px solid #CCC;
	border-top-width:0px;
}
#thumbs {
	clear: both;
	float: left;
	margin-left: 20px;
	height: 78px;
	width: 287px;
	background:#FFF;
}
#thumbs a {  
     text-decoration: none;   
     color: #333;  
     outline: 0;  
}  
   
 #thumbs ul {
	/* remove the list style and spaces*/  
    margin-top: 0;
	padding: 0;
	list-style:none;
	display:inline;
	/* position absolute so that z-index can be defined */  
    position:absolute;
	float: left;
	height: 68px;
}  
   
 #thumbs ul li {
	/* give some spaces between the list items */  
     margin: 5px 5px 5px 0px;
	/* display the list item in single row */  
     float:left;
 } 
#title_container {
	float: left;
	height: 78px;
	width: 537px;
	background:#FFF;
	text-align: center;
}
#text_container {
	clear: both;
	float: left;
	padding: 15px 10px 15px 10px;
	margin-left: 20px;
	height: 322px;
	width: 267px;
	background:#EDECEB;
}
#article {
	height:322px;
	overflow: auto;
}
#gallery {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 352px;
	width: 537px;
	background:#FFF;
}


div.slideshow-container {
	position: relative;
	clear: both;
	height: 352px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 537px;
	height: 352px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 352px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: none;
}
div.caption-container {
	position:relative;
	overflow:auto;
}
.receta {
	height:500px;
	width:600px;
	overflow:hidden;
	padding: 20px 100px 30px 100px;
}

#form_container {
	clear: both;
	float: left;
	padding: 15px 10px 15px 10px;
	margin-left: 20px;
	height: 322px;
	width: 267px;
	background:#EDECEB;
}

#form_reservas input {
	border-width:0px;
	font-family:Arial;
	font-size:11px;
	height:16px;
	font-weight:lighter;
	color:#58595B;
	padding-left:5px;
	padding-right:5px;
	width:170px;
}

#form_reservas input.dates {
	background-image:url(../img/nav/calendar-icon.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:18px;
	width:80px;
}

#form_reservas input.pasajeros {
	width:50px;
}

#form_reservas input.boton {
	border: #666 1px solid;
	height: 20px;
	width:auto;
	margin:0;
	padding:2px;
}


#form_reservas textarea {
	border-width:0px;
	width: 257px;
	height:110px;
	font-family:Arial;
	font-size:11px;
	font-weight:lighter;
	color:#58595B;
	padding:5px;
}

#tabla_reservas td {
	padding-bottom:5px;
}

/* ~~ The footer ~~ */
.footer_home {
	padding: 0;
	background: #FFF;
	clear: both;
	height: 160px;
}
.footer {
	padding: 0;
	background: #FFF;
	clear: both;
	height: 30px;
	text-align: center;
}
#contacto_home {
	position: relative;
	top: 23px;
	left: 20px;
	float: left;
}
#logo_lugares {
	position: relative;
	top: 23px;
	left: 125px;
	float: left;
}
#logo_home {
	top: 45px;
	float: right;
	position: relative;
	right: 30px;
}

 #langmenu {
	text-align:right;
	width:1024px;
	height:30px;
	font-family:Arial;
	font-size:14px;
	position: relative;
	clear: both;
	float: left;
	margin-top:7px;
}  

 #tooltipsmenu {
	text-align:right;
	width:1024px;
	height:30px;
	font-family:Arial;
	font-size:14px;
	position: relative;
	clear: both;
	float: left;
}  
   
#tooltipsmenu a {  
     text-decoration:none;   
     color:#333;  
     outline:0;  
}  
   
 #tooltipsmenu ul {
	/* remove the list style and spaces*/  
     margin:7px auto;
	padding:0;
	list-style:none;
	display:inline;
	/* position absolute so that z-index can be defined */  
     position:absolute;
	top:0;
	float: right;
	right: -3px;
 }  
   
 #tooltipsmenu ul li {
	/* give some spaces between the list items */  
     margin:0 3px;
	/* display the list item in single row */  
     float:left;
 }  
#titulo_gal {
	margin-left: 50px;
	height: 39px;
	padding-top: 27px;
}
#img_gal {
	padding: 0px 66px 66px 66px;
	clear: both;
}
#img_gal ul {
	list-style-type:none;
	width: 800px;
	height: 328px;

}
#img_gal ul li {
	float:left;
	padding-right: 15px;
	padding-bottom: 15px;
}
#img_gal ul li img {
	margin:0;
	padding:0;
	display:block;
	border:none;
}

#vid_gal {
	/*padding: 0px 66px 66px 66px;*/
	clear: both;
	width:auto;
	text-align:center;
}

#booking_greeting {
	padding-top: 100px;
	padding-left: 100px;
}
#langbar {
/*	height:27px;
	font-family:Arial;
	font-size:12px;
	line-height:27px;
	position:relative;*/
	float:left;
	text-align:left;
	/*padding-right:6px;
	color:#333;*/
}  
   
#langbar a {  
     text-decoration:none; 
     color:#333;  
     outline:0;  
}  

#langbar a:hover, a:active, a:focus {
	text-decoration:underline;
} 
   
 #langbar ul {
	/* remove the list style and spaces*/  
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}  
   
 #langbar ul li {
	/* give some spaces between the list items */  
     margin:0 3px 0 0;
	/* display the list item in single row */  
     float:left;
 }  

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #9A8C82;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { 
	font: Arial;
	color: #000;
	font-size:10px;
	text-decoration: none;
	font-style:normal;
	font-weight:lighter;
	letter-spacing:0em;
	margin: 0;
	padding:0;
}