@CHARSET "ISO-8859-1";
/* #F3861B;  taronja*/ 
html, body {
margin:0; 
text-align: center;
background: #6475A4;
}
a img{border:0}

#pagina{
	width: 100%;	
	text-align: center;
}
#contenidor{
	width: 995px;	
	text-align: left;
	margin: auto;	
}

/*
#contenidor{
	width: 100%;	
	text-align: left;
}
*/
div.divAdreca{
font: 80% Tahoma,Arial,sans-serif;
color: #B5C1E4;
background-color: inherit;		
text-decoration: none;		
text-align: center;
letter-spacing: 0.1em;	
margin-top: 0.2em;
margin-bottom: 0px;
}
div.divCertificats{
float:left;	
margin-top: 0.2em;
margin-bottom: 0px;
}
div.superior{
  height:100px;
  max-width: 1024px; 
  padding:0;
  margin:0;
}
div.boxcontrol {
padding:0 3% 0 2%;
text-align: center;
margin-top: 25px;}
div.logotip{
  float:left;
  width: 40%;
  height:100px; 
  padding:0;
  margin:0;
}
#cont{
  font: 90% Tahoma,Arial,sans-serif;
  color: #6475A4;
  background-color: inherit;		
}
div.fotos_hostal{
   float:right;
   margin-right:15px;
   margin-top:20px;
}
div.inferior{
   position: absolute;
   /*width: 100%;*/
   width: 100%;
   max-width: 1024px;
   color: #D7E3FF;
   top:290px;
}
/*
#inferiorUsRecomanem{
   position: absolute;
   width: 100%;
   max-width: 1024px;
   color: #D7E3FF;
   top:290px;
}
*/
#esqHabitacions{
  margin-left:35px;
  text-align: center;  
}
div.esq{
  float:left;
  width: 400px;
  text-align: center;
  height:100px; 
  padding:2px;
  margin:0;
  margin-top:1px;  
}
div.dret{
  float:right;
  display: inline;
  font: 100% Tahoma,Arial,sans-serif;
  width: 560px;
  height:100px; 
  padding:2px;
  margin:0;
  margin-top:8px;
}
.taulaFotos{
  background-color: inherit;
  padding: 0;
  margin:0;
  text-align: center;
}
.taulaServeis{ 
  float:right;
  font: 100% Tahoma,Arial,sans-serif; 
  background-color: inherit;
  padding: 0;
  margin:0;
  text-align: right;
  line-height:43px;
  letter-spacing: 0.1em;
  background-image: url(../ima/serveis/servei.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
.taulaText{  
  background-color: inherit;
  padding: 0;
  margin:0;
  margin-right:10px;  
  line-height:26px; 
  text-align: justify; 
}
.taulaText a{
text-decoration: none; 
color: #1D2335;
}
.taulaText a:hover, .taulaText a#selected, .taulaText a#selected:hover{
text-decoration: none; 
color: #F3861B;
} 
.taulaTextReserves{
  /*float:left;*/
  font: 90% Tahoma,Arial,sans-serif; 
  background-color: inherit;
  padding: 0;
  margin:0;
  margin-left:10px;
  text-align: justify;
  letter-spacing: 0.1em;
  line-height:20px;
  background-image: url(../ima/reserves/informacio.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
#taulaTextReserves ul{
margin: 0px auto;
margin-left: 10%; } 
#taulaTextReserves li{ 
  margin: 0px;  
  padding: 0px;
  list-style-type: inherit;
  line-height:26px;
  list-style-image: url(../ima/reserves/fletxa.jpg);  
} 

#taulaTextReserves li img { display: block; }

.taulaReserves{  
  float:left;
  font: 95% Tahoma,Arial,sans-serif; 
  background-color: inherit;
  padding: 0;
  margin:0;
  letter-spacing: 0.1em;
}
.taulaReserves input, textarea{
  	font-family: Tahoma,Arial, Helvetica, sans-serif;
	color: #2E3855;	
	background-color: #D8E2FE;
	text-align: left;
	letter-spacing: 0em;
	font-size: 90%;	
	border: 1px;
	border-color: #EBF1FD;
	text-decoration: none;
}

#botoEnvia{
	font: 100% Tahoma,Arial, Helvetica, sans-serif;	
	letter-spacing: 0.2em;
	background-color: #5E657B;	
	color: #FFFFFF;	
	text-align: center;
	border: 1px #bababa ridge;
}
#botoEsborra{
	font: 100% Tahoma,Arial, Helvetica, sans-serif;	
	letter-spacing: 0.2em;
	background-color: #5E657B;	
	color: #FFFFFF;	
	text-align: center;
	border: 1px #bababa ridge;
}
#dretUsRecomanem{  
  float:right;
  padding: 2px;
  margin:0; 
  text-align: center;  
}
#taulaRecomanem{  
  width: 100%;
  font: 100% Tahoma,Arial,sans-serif; 
  background-color: inherit;
  padding: 0;
  margin:0;
  text-align: center;
  line-height:30px;
  letter-spacing: 0.1em;
  background-image: url(../ima/recomanem/fonsCDQ.jpg);
  background-repeat: no-repeat;
  background-position: left center;  
}
#taulaRecomanem a{
text-decoration: none; 
color: #1D2335;
}
#taulaRecomanem a:hover, #taulaRecomanem a#selected, #taulaRecomanem a#selected:hover{
text-decoration: none; 
color: #F3861B;
} 
.taulaFotosServeis{  
  background-color: inherit;
  padding: 0;
  margin:0;  
  line-height:29px;  
}
.taulaOnSom{ 
  float:right;
  font: 95% Tahoma,Arial,sans-serif; 
  background-color: inherit;
  padding: 0;
  margin:0;
  text-align: center;
  line-height:18px;
  letter-spacing: 0.1em;
  background-image: url(../ima/mapes/rosadelsvents.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
.taulaOnSom a{
text-decoration: none; 
color: #1D2335;
}
.taulaOnSom a:hover, .taulaOnSom a#selected, .taulaOnSom a#selected:hover{
text-decoration: none; 
color: #F3861B;
} 
div.idi{
  position: absolute;
  font: 65% Tahoma,Arial,sans-serif;
  letter-spacing: 0.1em;
  top:245px;
  width: 80%;
  height:15px;
  padding:0;
}
#idi{height: 10px;}
#idi ul{margin: 0px auto;margin-left: 0.1%; } 
#idi li
{ float: left; 
  margin: 0px;  
  padding: 0px;
  list-style-type: none;
  line-height:10px;
} 
#idi li a{
display: block; 
float: left; 
height: 10px;
text-decoration: none; 
padding: 0px 10px 0px 10px;
color: #1D212C;
}
#idi li a:hover, #menu li a#selected, #menu li a#selected:hover{ 
color: #B5C1E4;
} 
div.menu{
  position: absolute;
  font: 95% Tahoma,Arial,sans-serif;
  letter-spacing: 0.1em;
  top:260px;
  /*width: 100%;*/
  width: 995px;
  height:30px;
  padding:0;
  background:#D2DDFB url(../ima/fons/botoOn.jpg);
}
#menu{height: 30px;}
#menu ul{margin: 0px auto;margin-left: 5%; } 
#menu li
{ float: left; 
  margin: 0px;  
  padding: 0px;
  list-style-type: none;
  line-height:25px;
} 
#menu li a{
display: block; 
float: left; 
height: 30px;
text-decoration: none; 
padding: 0px 19px 0px 19px;
color: #1D212C;
}
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover{ 
background:#D2DDFB url(../ima/fons/botoOff.jpg);
color: #F3861B;
}