@charset "utf-8";
/* CSS Document */
body {background-color: #f0ffff; color:#333;font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;width:100%;}
a {color: #22443a7;}
a:hover, a:focus {color: #702133; text-decoration:underline;}
strong {color: #31384f; font-weight:700;}



#container {
    width: 900px;
    margin: 0 auto ;
    border: 2px solid #0A8AAE;
    background-color: #FFFFFF;
    -moz-border-radius: 10px 10px 10px 10px;
}
#container h2 {
	font-size:15px;
	text-align:center;
	color:#603;
}
#container p {
	text-align:justify;
	padding:8px;
	font-size:13px;
	color:#006;
}
#bloctextindex {
    width:95%;
    margin-left:1%;
    padding:8px;
    text-align:justify;
    line-height: 1.3em;
    text-indent:0.5em;
}
h1#header
{
height: 185px;
width:100%;
margin-bottom:0px;
margin-top:0px;
overflow:hidden;
padding:0;
}
h1#header a
{
height:185px;
width:100%;
padding:0;
display:block;
background: url(../images/banner-index-es.jpg) center no-repeat;
text-indent: -5000px ;
}
h1#header a span
{
display: none ;
}
#bloctextindex h1 {
	text-align:center;
	color:#00C;
	font-size:16px;
}
#bloctextindex h2 {
	text-align:left;
    padding-left: 25px ;
    line-height: 25px ;
    background: url(../img/palmier.jpg) no-repeat left bottom ;
    color:#0000FF;
    border-bottom: 1px solid #8b4513 ;
	font-size:16px;
}
#bloctextindex h3 {
	margin:0;
	padding:0;
	font-size:15px;
	color:#933;
	font-weight:bold;
	text-decoration:underline;
}
#bloctextindex p {
    text-indent: 2em ;
    line-height: 1.4em;
	font-size:13px;
}
#toplang {
    width:100%;
    background-color:#0989ac;
    min-height:35px;
    color:#FFFFFF;
    word-spacing:1em;
    text-align:right;
    vertical-align:middle;
	-moz-border-radius: 4px 4px 0px 0px;
}
#topindex {
	height:185px;
	overflow:hidden;
}
/* CSS Document */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-center-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#truco{ min-width:100%; height:25px; vertical-align:middle; background-color:#0A8AAE; margin-bottom:20px;} 
#menu {width:100%; height:20px; text-align:center;}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
 
#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}
 
#menu ul.level1 {margin:0 auto; border:1px solid #c0d7e9; border-width:0 1px 1px 1px;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
 
#menu ul.level1 {background:##0A8AAE;}
#menu ul li div ul {background:#c0d7e9; padding:0 1px 1px 1px;}
 
#menu a {display:block; font:bold 11px verdana,arial,sans-serif; color:#cde; line-height:25px; text-decoration:none;padding:0 15px 0 15px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
 
#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {background:#5a7797;}
 
#menu a:hover div {left:0; top:23px;}
 
#menu a:hover div ul {position:relative; left:-50%;}
 
#menu li a.fly {background:transparent url(boutons/down-arrow.gif) no-repeat right center;}
 
#menu li a:hover,
#menu li a.fly:hover {background-color:#5a7797; color:#fc0;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#5a7797; color:#fc0;}
 
#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
#footer {
    width:100%;
    background-color:#0A8AAE;
    height:20px;
    color:#FFFFFF;
    word-spacing:1em;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    vertical-align:middle;
    font-weight:bold;
}
#container img {
    border:0;
}
#formreserv {
	width:70%;
	font-size:12px;
	margin-left:15%;
	background-color:white;
	padding:.2em;
	overflow:hidden;
	border-collapse:collapse;
}
#formreserv td.tit {
	color:blue;
	text-align:center;
	padding-bottom:.2em;
	padding-top:.2em;
}
#formreserv td.p1 {
	width:32%;
	background-color:#FFC;
	padding-bottom:.4em;
	padding-top:.2em;
	padding-left:.3em;
	text-align:left;
}
#formreserv td.p2 {
	text-align:center;
	background-color:#fff8dc;
}
#tablelist {
    width:90%;
    border-collapse:collapse;
    margin-left:3%;
}
#tablelist td.titul {
   background-color:#FFFFCC;
   color:#FF0000;
   text-align:center;
   font-weight:bold;
   min-height:25px;
   vertical-align:middle;
}
#tablelist td.listadodormitorios {background-color:#FF9; color:#00F; font-size:inherit; font-weight:bold;}
#tablelist td.dormitorio {
   background-color:#FFFF99;
   font-weight:bold;
   font-size:95%;
   text-align:left;
}

#tablelist td.roomnumber {
   height:30px;
   background-color:#FFFF66;
   color:#333333;
   font-size:1.1em;
   font-weight:bolder;
   vertical-align:middle;
   text-align:center;
}
#tablelist td.titleleft {
   background-color:#99FFFF;
   color:#000066;
   text-align:left;
   height:15px;
   vertical-align:middle;
   font-size:12px;
   font-weight:bold;
}
#tablelist td.titleright {
   background-color:#99FFFF;
   color:#000066;
   text-align:right;
   padding:3px;
   height:15px;
   vertical-align:middle;
   font-size:12px;
   font-weight:bold;
}
#tablelist td.picturelist {
   vertical-align:top;
   width:186px;
   height:100%;
}
#tablelist td.descriptionleft {
  text-align:left;
  font-size:11px;
  vertical-align:top;
  padding:5px;
}
#tablelist td.descriptionright {
   width:170px;
   text-align:left;
   font-size:11px;
   vertical-align:top;
   color:#990033;
   height:65px;
   font-weight:bold;
}
#tablelist td.linkleft {
   height:40px;
}
#tablelist td.linkright {
   height:40px;
}
#tablelist a img {border:none}
#tablelist td.separateline {
   height:2px;
   background-color:#000066;
}
#tablelist td.numbers {
   font-size:90%;
   font-weight:bold;
   background-color:#330066;
   color:#FFFFFF;
}
#tablelist a.linkopacity img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;}

#tablelist a.linkopacity:hover img {
     filter:alpha(opacity=70);
     -moz-opacity: 0.7; 
     opacity: 0.7;
     -khtml-opacity: 0.7;}

.centercomp {
   text-align:center;
   color:#999999;
   font-size:.7em;
}
.silver {
   color:#999999;
}
.center {
	text-align:center;
}
.justify {text-align:justify;
}
/* Page proprietes */
#tabletop {
	width:800px;
	margin-left:30px;
	border-collapse:collapse;
}
#tabletop td.img {
	width:192px;
	border-top:1px #5F9EA0 inset;
    border-bottom:1px #5F9EA0 inset;
    border-left: 1px #5F9EA0 outset;
	border-left: 1px #5F9EA0 outset;
	height:108px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff8dc;
}
#tabletop td.htop {
	font-size:12px;
	padding-left:3px;
	color:#666;
	border:1px #5F9EA0 inset;
}
#tabletop td.info {
width:110px;
border-top:1px #5F9EA0 inset;
border-bottom:1px #5F9EA0 inset;
border-left: 1px #5F9EA0 inset;
text-align:right;
font-size:10px;
font-weight:bold;
color:#666666;
padding-right:3px;
height: 1em;
}
#tabletop td.rep {
width:50px;
border-top:1px #5F9EA0 inset;
border-bottom:1px #5F9EA0 inset;
border-right: 1px #5F9EA0 inset;
padding-left:3px;
font-size:10px;
text-align:left;
color:#0033CC;
font-weight:bold;
height: 1em;
}
#tabletop h2 {
	font-size:15px;
	color:#F03;
	padding:0;
	margin:0;
}
#tabletop h3 {
	font-size:14px;
	color:#603;
}
#pictop {
max-width:90%;
margin-left:3%;
padding:2%; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
word-spacing:6em;  
}
#pictop img {
max-width:40%;
height:auto;
}

#picbot {
width:90%;
clear:both;
margin-left:3%;
padding:2%; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
word-spacing:6em;  
}
#picbot img {
max-width:40%;
height:auto;
}
#bloctext {
clear:both;
width:85%;
margin-left:3%;
padding-top:3%;
padding-left:4%;
padding-bottom:5%;
height:100%;
font-size:.9em;
text-align:justify;
}
#bloctext h2 {
color:#000099;
text-align:left;
font-size:105%;
padding:.1em;
margin:0;
}
#bloctext h3 {
color:#990033;
background-color:#FFC;
font-size:100%;
margin:0;
padding:0;
}
#bloctext h4 {
color:#2F4F4F;
font-size:100%;
margin:0;
padding:0;
}   
#tableinf {
width:99%;
margin-left:0.5%;
font-size:10px;
border-collapse:collapse;
}
#tableinf td {
border:1px #999999 inset;
height: 1em;
} 
#tableinf td.info {
width:12%;
text-align:left;
font-weight:bold;
color:#666666;
padding-left:1%;
height: 1em;
}
#tableinf td.rep {
width:7%;
padding-left:3px;
text-align:left;
color:#0033CC;
font-weight:bold;
height: 1em;
}
.centermap {
text-align:center;
font-size:1.2em;
font-weight:bold;
color:#0033FF;
}
#blocdown {
clear:both;
width:90%;
margin-left:3%;
height:250px;
}
.det {
float:left;
width:45%;
padding-top:3%;
padding-bottom:3%;
color:#036;
text-align:justify;
font-size:95%;
min-height:100%;
}
.priceprop {
margin-top:3%;
margin-left:2%;
width: 45%;
height:auto;
float:right;
background-color:#666;
padding:5px;
}
#tableprix {
width:90%;
margin-right:2%;
border-collapse:collapse;
font-size:95%;
font-weight:700;
}
#tableprix tr.titleprices {
color:#000066;
text-align:center;

}
#tableprix tr.celltitle {

background-color:#CCCCCC;
color:#000066;
text-align:center;
}

#tableprix tr.celllight {

background-color:#CCFFFF;
padding:5px;
}

#tableprix tr.celldark {

background-color:#FFFFCC;
padding:5px;
}

#tableprix tr.janfeb {
background-color:#FFFF99;

}
#tableprix tr.march {
background-color:#FFFF66;

}
#tableprix tr.aprilmay {
background-color:#FFCC99;

}
#tableprix tr.june {
background-color:#CCFFFF;
 
}
#tableprix tr.july {
background-color:#CCCCFF;

}
#tableprix td.month {
width:65%;
padding-left:5px;
text-align:left;}
#tableprix td.euros {
width:30%;
text-align:right;
padding-right:5px;
}
#tableform {width:600px; margin-left:150px;}
.txterror { color: black; font-size: 11px; font-family:Tahoma,"Lucida Grande",Sindbad,Kalimati,Verdana,Arial,sans-serif; }
.txtinfo { color:#006; font-size: 15px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight:bold }
.txtform { width:200px; color:#009; font-size: 14px; text-align:right; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtformans { color:#009; font-size: 14px; text-align:left; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-left:15px; }
.atsred {font-weight:bolder; color:#F00}
/* final propiedades */

#tablerentacar {
	width:90%;
	border-collapse:collapse;
	margin-left:4%;
}
#tablerentacar td {
	width:33%;
}
#tablerentacar td.space {
	background-color:#FFC;
	height:6px;
}
.marco1 {
	width:200px;
    padding:8px; 
    background-color: #f5f5f5;  
    border-bottom: 1px solid #999999; 
    border-right: 1px solid #999999;
    text-align:center;
}
#tabledive { width:800px; margin-left:50px; text-align:center;}
#tabledive td {width:50%;}
#map_canvas {width:380px; height:320px; margin-right:10px;margin-top:20px; background-color:#9F3; float:left;}
#map {width:380px; height:320px; margin-right:10px;margin-top:20px; background-color:navy; float:left; color:#0C0;}