
* { margin:0; }
body { background:#fbe5c9 url(../img/bg.jpg) repeat-x top left; font:11px Arial; color:#999999; padding-top:7px; }
.clear { clear:both; }
fieldset{border:none; width:100%;}

.container{
margin:0 auto;
width:755px;
}
.leftcon,.rightcon{
float:left;
}
.leftcon{
width:235px;
}
.rightcon{
width:520px;
}
.rightcon h3, .maincontent h3{
font-family:Times;
font-size:23px;
font-style:italic;
font-weight:normal;
color:#950202;
}

.menus{
width:224px;
background-color:#fbf9f2;
border:1px solid #d3c9a6;
}
.langmenu{
width:100%;
text-align:center;
padding-top:3px;
}
.langmenu a{
color:#060000;
font-size:10px;
text-decoration:none;
}
.langmenu .selected,
.langmenu a:hover{
text-decoration:underline;
}
.marlogo{
margin:0 auto;
display:block;
margin-top:25px;
}
.reserve{
width:100%;
text-align:center;
}
.reserve h2{
font-family:Times;
font-size:25px;
font-weight:normal;
font-style:italic;
color:#950202;
padding-top:25px;
padding-bottom:15px;
}
.reserve h2 img{
display:block;
margin:0 auto;
}
.rfleft,.rfright{
padding-bottom:6px;
}
.rfleft{
text-align:right;
float:left;
width:77px;
padding-right:5px;
color:#a20e11;
padding-top:2px;
}
.rfleft2{
width:50px;
}
.rfright{
text-align:left;
float:left;
}
.rfright .sel1{
font:11px Arial;
color:#666666;
background-color:white;
width:100px;
}
.rfright .sel2{
width:80px;
background:url(../img/calendar.gif) no-repeat center right;
cursor:pointer;
}
.rfright .inp1{
width:15px;
padding-left:3px;
background-color:white;
font:11px Arial;
color:#666666;
}
.resbtn{
float:left;
background-color:#cec0ae;
padding:2px 0;
margin-top:5px;
}
.resbtn input{
padding:0 25px;
#padding: 0; /*fixes IE6 bug*/
font-weight:bold;
text-decoration:none;
color:#950202;
background-color:#cec0ae;
border:none;
cursor:pointer;
}
.resbtn input:hover{
color:#750202;
}

.menu{
padding-left:0;
list-style:none;
width:100%;
text-align:center;
padding-top:50px;
padding-bottom:50px;
}
.menu li{
padding:2px 0;
}
.menu a{
text-decoration:none;
font-family:Verdana;
font-size:17px;
font-style:italic;
color:#950202;
padding:0 20px;
}
.menu a:hover,.menu li.selected a{
background:url(../img/mbullet.gif) no-repeat 0 4px;
text-decoration:underline;
}

.titleimg{
width:501px;
position:relative;
padding:9px;
background:url(../img/galbg.jpg);
}
.titleimg img{
display:block;
}
.home,.ofertas,.entorno{
background-color:#fbf9f2;
border:1px solid #d3c9a6;
float:left;
}
.home{
width:266px;
height:352px;
}
.home h3{
padding-top:15px;
padding-bottom:10px;
padding-left:25px;
}
.home h3 img{
display:block;
}
.home p{
padding:0 25px;
padding-bottom:10px;
}
.ofertas{
width:239px;
height:198px;
margin-left:10px;
padding-bottom:15px;
}
.entorno{
width:239px;
margin-left:10px;
padding-bottom:15px;
}
.ofertas h3,.entorno h3{
padding-top:6px;
padding-left:20px;
font-family:Times;
font-size:23px;
font-style:italic;
font-weight:normal;
color:#950202;
}
.ofertas h3 img,.entorno h3 img{
display:block;
padding-top:7px;
padding-bottom:3px;
}
.entorno{
margin-top:7px;
}
.ofertas a,.entorno a{
margin-left:15px;
}
.ofertas p a,.entorno p a{
margin-left:0;
}
.ofertas a img,.entorno a img{
border:2px solid #917a60;
}
.ofertas p{
background:url(../img/mbullet.gif) no-repeat 17px 8px;
padding-left:35px;
padding-top:4px;
}
.ofertas a{
color:#666666;
text-decoration:none;
outline:none;
}
.ofertas a span{
color:#990033;
}
.ofertas a:hover{
text-decoration:underline;
}

.footer{
width:770px;
padding-right:20px;
border-top:1px solid #d2c8a5;
margin:0 auto;
margin-top:10px;
text-align:right;
padding-bottom:30px;
}
.footer a{
color:#999999;
}
.footer a:hover{
text-decoration:none;
}

/**/

.ofertas2{
float:none;
width:224px;
margin:0;
margin-top:8px;
}
.maincontent{
position: relative;
width:517px;
background-color:#fbf9f2;
border:1px solid #d3c9a6;
margin-top:10px;
}
.maincontent2{
margin-top:10px;
}
.maincontent a{
color:#999999;
text-decoration:none;
}
.maincontent a:hover{
text-decoration:underline;
}
.breadcrumb{
font-weight:bold;
padding-left:32px;
padding-top:15px;
padding-bottom:5px;
}
.breadcrumb a,.breadcrumb span{
color:#999999;
font-weight:normal;
}
.breadcrumb a{
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.maincontent h3{
padding:10px 0;
padding-left:32px;
}
.maincontent h3 img{
display:block;
}
.maincontent p {
padding-bottom:20px;
padding-left:32px;
padding-right:42px;
text-align:justify;
}
.gmaps{
margin-left:32px;
margin-bottom:20px;
height:400px;
width:470px;
}
.gmaps img{
border:3px solid #876e50;
}

.mspace{
display:none;
margin-top:10px;
background-color:#e4d2bb;
width:226px;
overflow:hidden;
}

.formleft,.formright{
float:left;
padding-bottom:5px;
}
.formleft{
width:100px;
text-align:right;
padding-right:5px;
padding-top:3px;
font-size:10px;
color:#383434;
}
.formright{
width:252px;
}
.formright input,.formright textarea{
background-color:white;
font:10px Arial;
width:244px;
border:2px solid #81684c;
color:#383434;
padding-left:4px;
overflow:auto;
}
.field1{
width:459px;
margin-left:32px;
padding-top:10px;
}
.tacomm{
height:100px;
}
.fbutton {
margin-top:10px;
padding:2px 0;
display:inline;
}
.fbutton input{
padding:0 10px;
color:#950202;
font-weight:bold;
outline:none;
border:none;
background-color:#cec0ae;
display:inline;
width:70px;
}
.fbutton input:hover{
color:#750202;
text-decoration:none;
}
.fbutton1 input{
float:left;
}
.fbutton2 input{
float:right;
}

.entorno2{
width:224px;
margin:0;
margin-top:10px;
float:none;
}

.thumbcon{
margin-left:26px;
width:450px;
}
.thumbcon a{
float:left;
margin-left:3px;
margin-bottom:3px;
outline:none;
}
.thumbcon img{
display:block;
border:3px solid white;
}

.mchabitaciones h3{
padding-top:5px;
}
.mchabitaciones p{
padding-bottom:10px;
}
.mchabitaciones p a{
color:#b04a67;
font-weight:bold;
text-decoration:underline;
}
.mcgaleria h3{
float:left;
padding-top:6px;
padding-bottom:25px;
}
.galnav{
float:right;
padding-top:7px;
}
.galnav select{
background-color:white;
width:120px;
vertical-align:middle;
font:11px Arial;
color:#999999;
margin-left:10px;
margin-right:20px;
}

.servicios {
padding-left:32px;
}
.servicios p{
background:url(../img/hbullet.gif) no-repeat 2px 5px;
padding-left:10px;
padding-bottom:3px;
}

.oferta{
background:url(../img/ofertasep.gif) no-repeat 65px bottom;
padding-left:32px;
width:475px;
padding-bottom:15px;
margin-bottom:15px;
}
.oferta-last{
background:none;
}
.oferta h4,.oferta p{
padding:0 10px;
font-size:12px;
}
.oferta p{
text-align:left;
color:#040000;
}
.oferta h4 a{
color:#b84749;
}
.oferta .ibutton{
float:left;
width:82px;
text-align:center;
background-color:#cec0ae;
padding:3px 0;
margin-top:25px;
}
.oferta .ibutton a{
font-weight:bold;
color:#a10c10;
display:block;
}
.ofthumb{
float:left;
border:3px solid #7f674a;
}
.ofcontent{
float:left;
width:300px;
}

#lightbox{ background-color:#F7DFC5; padding:10px; }
#lightboxDetails{ overflow:hidden; font:bold 12px Arial; padding-top:5px; color:#333333; text-align:center; }
#keyboardMsg{ font:bold 12px Arial; padding-top:5px; position:absolute; bottom:8px; right:10px; }
#keyboardMsg a { text-decoration:none; color:#691E01; }
#keyboardMsg a:hover{ text-decoration:underline; }
#lightbox img{ border: none; clear: both; display:block; }
#lightboxImage { cursor:default; }
#overlay img{ border: none; }
#overlay{ background-image: url(../img/overlay.png); }
/*calendar css*/
.calendar-box {
	display:none;
	border:1px solid #D3C9A6;
	position:absolute;
	width:234px;
  	height:156px;
	padding: 0 5px;  
    background:#fbf9f2;
}
.calendar-box select.calendar-month {
	width:90px;
 	border:none;
 	background:#fff;
  	color:#a50d12;
}
.calendar-box select.calendar-year {
	width:70px;
    border:none;
    background:#fff;
  	color:#a50d12;
}
.calendar-box .calendar-cancel {
	width:70px;
  	position:absolute;
    bottom:1px;
    right:1px;
    background:#cec0ae;
    border:none;
    color:#950202;
    font-weight:bold;
	text-decoration:none;
  cursor:pointer;
}
.calendar-box table td {
	width:14%;
  	text-align:center;
}
.calendar-box .calendar-title {
	text-align:center;
}
.calendar-box a {
  text-decoration:none;
  color:#a50d12;
}
.calendar-box .today a {
	padding:0 5px;
	margin-left:-5px;
	background-color:#ffe9c6;
} 
.calendar-box .selected a {
	padding:0 5px;
	margin-left:-5px;
	background-color:#c9ff8b;
}

.pages {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	font-size: 13px;
}

.pages span {
	font-weight: bold;
	font-size: 15px;
	background-color: #FBE5C9;
}

