@charset "utf-8";
/* CSS Document */

body { background:url(imagenes/fondo.jpg) top center; margin:0; font-family:arial, helvetica, clean, sans-serif;}
h1{font-size:24px; font-family:Georgia, "Times New Roman", Times, serif;}
h2{font-size:18px; color:#B23000;}
h3{font-size:15px; color:#B23000; font-family:Georgia, "Times New Roman", Times, serif;}

.alignright{ float:right; margin: 3px 10px 5px 10px;}
.alignleft{ float:left; margin: 3px 10px 5px 0px; }
.sigueme{ font-size:11px;  text-transform:uppercase;}
a{color:#B23000; text-decoration:none; }
a:hover{ color:#004A41; text-decoration: underline; }
img {border: none;}
.clear {clear:left; margin:0; padding:0;}
#header{ height:114px; background:url(imagenes/header.png) top center no-repeat;}
#idioma {float:right; color:#FFF; font-weight:bold; padding: 10px 0 0 0; text-align:right;}
#idioma a {color:#FFF;}
#menu{ background:url(imagenes/menu.jpg) top no-repeat; height: 67px;}
.M1 { float:left; display:block; width:79px; padding:30px 0 0 20px;}
.M2 { float:left; display:block; width:101px;padding:30px 0 0 0;}
.M3 { float:left; display:block;width:141px;padding:30px 0 0 0;}
.M4 { float:left; display:block;width:240px;padding:30px 0 0 0;}
.M5 { float:left; display:block;width:81px;padding:30px 0 0 0;}
.M6 { float:left; display:block;width:150px;padding:30px 0 0 0;}
.M7 { float:left; display:block;width:105px;padding:30px 0 0 0;}
p{ margin:0px;}

.container {width:938px;margin:0 auto;}

.hr1 {background:url(imagenes/hr_1.gif) top no-repeat; height:39px; float:left; display:block;}

.reservaciones {background-color:#E1C363; margin-top:0px;}

#texto {width:250px; float:right; line-height:10px; color:#B23000; text-align:center; padding: 30px 10px 0  0;}
.tab {padding-left:40px;}
#footer{ background: url(imagenes/fondo_footer.jpg) top no-repeat; height: 112px; color:#FFF}
.F {width:898px; padding: 4px 0 6px 40px; font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.F1, .F2, .F3 { float:left; display:block; font-size:12px; }
.F1{padding-left:40px; width:300px;}
.F2{ width:370px; }
.F3{padding-left:60px; font-size:10px; width:150px; background: url(imagenes/hm.png) left top no-repeat }
.aviso{ font-size:10px;}
.estampilla {padding-left:20px;}
#footer a{color: #FFF; text-decoration:none; }
#footer a:hover{ color:#B23000; text-decoration: underline; }
#foto {float:left; width:85px; padding-left:23px;}
#cont {float:left; width:210px; padding-left:18px;}



/********************************************************************************************** Content-container */
#content-container{
	width:898px;
	background: top left  url(imagenes/fondo_contenido.jpg) repeat-y;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
	}
/********************************************************************************************** Content */
#content{
	display:block;
	width:543px;
	margin:25px 40px 25px 0px;
	float:left;
	font-size:90%;
	color:#004A41; 
	}
/* ---- Posts */
#content .post-wrap{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	}
#content .post-1{
	display:block;
	width:228px;
	float: left;
	padding-left:20px;
	font-size:12px;
	}
	#content .post-t{
	display:block;
	width:535px;
	float: left;
	padding-left:20px;
	}
#content div.post-content{
	width:280px;
	display:block;
	float: right;
	font-size:12px;
	}
#content .post-meta{
	clear:both;
	display:block;
	width:543px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	font-size:11px;
	}
#content .hr2 {background:url(imagenes/hr_1.gif) top no-repeat; height:39px; float:left; display:block; width:228px;}	
#content .hr1 {background:url(imagenes/hr_1.gif) top no-repeat; height:39px; float:right; display:block; width:228px;}
#content h1 { padding-left:20px;}




/************* Side-bar */
#side-bar{
	display:block;
	width:245px;
	margin:80px 0px 25px 40px;
	float:right;
		font-size:80%;
	color:#004A41; 
	}
.sidebar-header{
	padding-bottom:10px;
	margin-bottom:10px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	
	}

#side-bar #testimonial-text-block{
	display:block;
	width:215px;
	color:#FFF;
	font-size:12px;
	line-height:15px;
	padding:10px;
	border:3px #004A41 solid;
	background-color:#E4AD71;
	
	}	
#side-bar #testimonial-bottom{
	display:block;
	padding:2px 0 0 0;

	height:20px;
	}
	
#side-bar #quote-block{
	display:block;
	width:235px;
	color:#f4f4f4;
	font-size:18px;
	line-height:22px;
	padding:10px;
	border:5px #ababab solid;
	background-color:#E4AD71;
	}
#side-bar #quote-block a:hover{
	color:#FFF;	
	}	
.clear{
	width:938px;
	height:1px;
	display:block;
	clear:both;
	}
#contentG {
	float:left;
	width: 500px;
	margin: 10px 10px;
	padding: 20px 20px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

#contentG a img {
border:1px solid #BBBBBB;
margin:10px 30px 10px 0;
padding:2px;
vertical-align:top;
}

/*************************** SLIDER */
#slider {
    width: 530px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 530px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left:-20px;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 490px;
    background-color:#004A41;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/********CONTACT */
form{ text-transform:lowercase; }
label {width:270px;}
legend { padding:0 0 5px; font-size: 120%; font-weight:bold; }
fieldset { border: solid #E4AD71 1px; }
fieldset.FSuno { margin-top:11px; } 
input[type=text]{
	margin-top:5px;
	width:170px;
	background:#FFF;
	
}
input[type=reset] { width:80px;}
textarea{
	margin-top:5px;
	width:170px;
	height:130px;
}

input, select, textarea {
    border:1px solid #445586;
    background:#ffffff;
    padding:0 2px;
	margin-left:10px;
	margin-bottom:2px;
    border-radius:3px;
    -moz-border-radius:3px;
}

#map_canvas {width:856px; height:350px; margin:20px; border: solid #E4AD71 1px;}
.contact {height:550px;}

/********* VALIDATE **************/
#wrapper {width:300px; margin:50px auto}
.form label {width:100px; padding:10px 10px 0 0; font-weight:bold}
.form select { width:146px; margin-top:10px}
.form input { margin-top:10px}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(imagenes/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; font-size:80%}



/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(imagenes/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}