/* Hoja de Estilo Hostal Estrella del Mar  */

body {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #333333;
  background-color: #ffffff; 
  background-image: url(../imagenes/fondo-pagina.jpg);
  background-position: top;
  background-repeat: repeat-x;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.pagina {
  width: 770px;
  margin: 0px auto;
  padding: 0px;
}
#cabecera {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 120px;
  background-image: url(../imagenes/fondo-cabecera.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
#cabecera h1 {
  margin: 10px auto 10px 0px;
  padding: 0px;
}
#cabecera a.idioma {
  float: right;
  margin: 5px 5px auto auto;
  padding: 2px 0px 0px 25px;
  height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffcc;
  text-decoration: none;
}
#cabecera a.idioma:hover {
  text-decoration: underline;
}
#cabecera a.es {
  background-image: url(../imagenes/espanol.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cabecera a.en {
  background-image: url(../imagenes/english.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cabecera img {
  border: 0px;
}
#cuerpo {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 770px;  
  background-color: #ffffff;  
  background-image: url(../imagenes/fondo-contenido.jpg);
  background-position: top;
  background-repeat: repeat-x;
}
#menu {
  float: left;
  margin: 0px;
  padding: 0px;
}
#menu ul {
	margin: 5px 5px 0px 5px;
	padding: 8px 0px 3px;
	width: 760px;
	height: 20px;
	font-size: 12px;
	list-style: none;
	background-color: #FF3300;
	background-image: url(../imagenes/fondo-menu.gif);
	background-repeat:  repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFFFCC;
}
#menu li {
  display: block;
  float: left;
  margin: 0px 4px;
  padding: 0px;
  height: 20px;
  text-align: center;  
}
#menu li a {
  color: #ffffcc;
  text-decoration: none;
}
#menu li a:hover {
  color: #ffffee;
  text-decoration: underline;
}
#menu li.inicio {
  width: 43px;
}
#menu li.hostal {
  width: 50px;
}
#menu li.nerja {
  width: 139px;
}
#menu li.tarifas {
  width: 56px;
}
#menu li.ofertas {
  width: 57px;
}
#menu li.galeria {
  width: 152px;
}
#menu li.donde {
  width: 114px;
}
#menu li.enlaces {
  width: 58px;
}
#imagen {
  float: left; 
  margin: 0px;
  padding: 0px 5px 5px 5px;
}
#contenido {
  float: left;
  width: 515px;
  min-height: 500px; /* mirar para IE */
  margin: 0px;
  padding: 0px;  
  text-align: left;
}
* html #contenido {
  height: 500px;
}
#contenido h2 {
  margin: 5px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;	
  font-size: 20px;
  font-weight: lighter;	
  color: #ff6600;
  text-indent: 3px;
}
#contenido h3 {
  margin: 5px 10px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;	
  font-size: 18px;
  font-weight: lighter;	
  color: #003399;
  text-indent: 3px;
}
#contenido p {
  margin: 10px 15px;
  line-height: 1.5em;
  text-indent: 10px;  
  text-align: justify;
}
#contenido ul {
	margin: 10px 0px 15px 10px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	list-style-type: square;
	list-style-position: inside;
}
#contenido ol { 
  margin: 10px 0px 10px 10px;
  padding: 0px; 
  line-height: 1.5em;  
  list-style-type: square;
  list-style-position: inside;
}
#contenido li {
	margin: 5px;
	padding: 0px 0px 0px 12px;
	background-image: url(../imagenes/cuadro.gif);
	background-position: 0px 9px;
	background-repeat: no-repeat;		
}
#contenido li a { 
  color: #ffffff;
  text-decoration: underline;
}
#contenido li a:hover {
  text-decoration: underline;
}
#contenido a { 
  color: #0066cc;
  text-decoration: underline;
}
#contenido a:hover {
  text-decoration: underline;
}
#contenido img {
  margin: 5px 10px;
  padding: 0px;
}
#contenido img.dcha {
  float: right;
  margin: 5px 11px 5px 16px;
  padding: 0px;
  border: 4px solid #ddeeff;
}
#contenido img.galeria {
  float: left;
  margin: 0px 6px 12px 6px;
  padding: 0px;
  border: 4px solid #f0f0f0;
}
#contenido .izquierda {
  width: 255px;
}
#contenido .derecha {
  width: 255px;
}
#contenido2 {
  float: left;
  width: 770px;
  min-height: 500px;
  margin: 0px;
  padding: 0px;  
}
* html #contenido2 {
  height: 500px;
}
#contenido2 h2 {
  margin: 5px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;	
  font-size: 20px;
  font-weight: lighter;	
  color: #ff6600;
  text-indent: 3px;
}
#contenido2 h3 {
  clear: both;
  margin: 5px 10px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;	
  font-size: 18px;
  font-weight: lighter;	
  color: #003399;
  text-indent: 3px;
}
#contenido2 h4 {
  clear: both;
  margin: 5px 10px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;	
  font-size: 14px;
  font-weight: bold;	
  color: #0099ff;
  text-indent: 15px;
}
#contenido2 ul {
	margin: 10px 0px 15px 10px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	list-style-type: square;
	list-style-position: inside;
}
#contenido2 ol { 
  margin: 10px 0px 10px 10px;
  padding: 0px; 
  line-height: 1.5em;  
  list-style-type: square;
  list-style-position: inside;
}
#contenido2 li {
	margin: 5px;
	padding: 0px 0px 0px 12px;
	background-image: url(../imagenes/cuadro.gif);
	background-position: 0px 9px;
	background-repeat: no-repeat;		
}
#contenido2 li a { 
  color: #ffffff;
  text-decoration: underline;
}
#contenido2 li a:hover {
  text-decoration: underline;
}
#contenido2 table {
  display: table;
  border-spacing: 0px;
  border: 1px solid #99ccff;
  margin: 20px 75px;
  width: 620px;
  background-color: #ffffff;
}
#contenido2 tr.par {
  background-color: #fafafa; /*#F4FAFF;*/
}
#contenido2 th {
  padding: 5px;
  border-right: 1px solid #99ccff;
  border-bottom: 1px solid #99ccff; 
  text-transform: uppercase;
  color: #003399;
  background-color: #ddeeff; /* #e8f4ff; #ddeeff; #70C0FF;  */
}
#contenido2 td {
  border-right: 1px solid #99ccff;
  border-bottom: 1px solid #99ccff;  
  padding: 5px;
}
#contenido2 td.primera {
  padding: 5px;
  color: #0066cc;
}
#contenido2 .ofertas {
  display: block; 
  margin: 10px 10px 0px;
  padding: 5px;
  line-height: 1.5em;  
  background-color: #ffffff; 
  border: 1px solid #bbddff;
}
#contenido2 .ofertas h4 {
  margin: 0px;
  padding: 0px 0px 5px;
  font-size: 18px; 
  font-weight: normal; 
  color: #003399;
  text-indent: 0px;
  }
#contenido2 .ofertas p{
  margin: 0px; 
  padding: 0px;
  text-indent: 0px;  
  text-align: left;     
}
#contenido2 .enlaces {
  display: block; 
  margin: 0px 10px 0px;
  padding: 0px 0px 5px 0px;
}
#contenido2 .enlaces h4 {
  margin: 0px;
  padding: 0px;
  font-size: 16px; 
  font-weight: bold; 
  color: #0099ff;
  text-indent: 0px; 
  }
#contenido2 .enlaces p{
  margin: 4px 0px 0px; 
  padding: 2px 4px 4px 4px;
  text-indent: 0px;  
  text-align: left; 
  background-color: #ffffff; 
  border: 1px solid #ddeeff;      
}
#contenido2 .enlaces a{
  font-size: 12px;
  color: #0066cc;
  font-weight: bold;
  text-decoration: none;  
}
#contenido2 .enlaces a:hover{
  color: #0066cc;
  text-decoration: underline;
}
#contenido2 p {
  margin: 10px 15px;
  line-height: 1.5em;
  text-indent: 10px;  
  text-align: justify;
}
#contenido2 a { 
  color: #0066cc;
  font-weight: bold;
  text-transform: capitalize;
  text-decoration: underline;
}
#contenido2 a:hover {
  color: #0099ff;
  text-decoration: underline;
}
#contenido2 img {
  margin: 0px;
  padding: 0px 5px 5px 5px;
}
#contenido2 .imgizq {
  float: left; 
  display: block;
  margin: 0px 20px 10px 15px;
  padding: 0px;  
  border: 4px solid #ddeeff;
}
#contenido2 .imgdcha {
  float: right;
  margin: 0px 15px 10px 20px;
  padding: 0px;
  border: 4px solid #ddeeff;  
}
#contenido2 .seguido {
  display: inline;
  margin: 5px 62px 10px 62px;
  padding: 0px;  
  border: 4px solid #ddeeff;
}
#contenido2 .seguido2{
  display: inline; 
  margin: 5px 0px 10px 5px;
  padding: 0px;  
  border: 4px solid #ddeeff;
}
#contenido2 .imgppal {
  float: left;
  width: 460px;
  margin: 0px 10px;
  padding: 0px;
  text-align: center;  
  height: 410px;
}
#contenido2 .principal {
  margin: 0px;
  padding: 0px;
  border: 4px solid #ddeeff;
}
.clear { clear: both; }
.izquierda { 
  display: inline; 
  float: left; 
  background: url(../imagenes/divisor.gif) no-repeat 244px 36px;
}
.derecha { 
  display: inline; 
  float: right; 
}
#pestana {
  margin: 0px 10px;
  padding: 0px;
}
#pestana ul {
  margin-left: 0px; 
  padding: 0px;
  border-bottom: 1px solid #99ccff;
}
#pestana li {
	margin: 0px;
	padding: 0px;
	display: inline;
	background: none;
	border: 0px;
	list-style-type: none;
}
#pestana li a {
  padding: 3px 0.5em 4px 0.5em;
  margin-left: 4px;
  border: 1px solid #99ccff;
  /*border-bottom: none;*/
  background: #F4FAFF;
  font-size: 15px; 
  font-weight: bold;
  text-decoration: none;  
  line-height: 1.7em;
}
#pestana li a:link { 
  color: #003399; 
}
#pestana li a:visited { 
  color: #003399; 
}
#pestana li a:hover {
  color: #0099ff;
  border-color: #99ccff;
  text-decoration: none;  
}
#pestana li a#current {
  background-color: #EBF5FF; 
  border-bottom: 1px solid #EBF5FF;
}
#columna { 
  float: left; 
  margin: 0px auto 0px 5px; 
  padding: 0px;
  width: 238px;
  background-color: #ffffff;
  border: 1px solid #ddeeff;
}
#columna h3 {
  margin: 5px 10px;
  padding: 0px;  	
  font-size: 20px;
  font-weight: lighter;	
  color: #0099ff;
  border-bottom: 1px solid #0099ff;
}
#columna p {
  margin: 0px;
  padding: 0px;
}
#columna p.nota {
  margin: 5px 10px;
  font-size: 11px;
  line-height: 1.5em;
}
#columna a { 
  color: #0066cc;
  text-decoration: underline;
}
#columna a:hover {
  text-decoration: underline;
}
#columna img {
  float: left;
  margin: 5px auto 5px 10px;
  padding: 0px;
  border: 0px;
}
#columna form {
  margin: 0px;
  padding: 0px 10px 5px;
}
#columna label { 
  margin-top: 5px;
  padding: 2px 0px;
  display: block;   
  color: #0066cc;   
  font-size: 11px;
}
.input, .textarea, .select { 
  background: #f4faff;
  color: #000000;
  font-size: 11px;
  border: 1px solid #ddeeff;
}
.input, .textarea { 
  width: 214px; 
}
.textarea { 
  height: 80px; 
}
.select {
  width: 214px; 
}
.submit { 
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 2px;
  width: 110px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 11px; 
  font-weight: bold;
  color: #ffffff;
  background-color: #0099ff;
  border: 1px solid #99ccff;
}
.mediano { 
  width: 50px; 
}
.pequeno {
  width: 80px; 
}
#cuerpo .espacio {
  clear: both;
  height: 10px;
}
#columna2 { 
  float: left; 
  margin: 0px 0px 0px 15px; 
  padding: 0px 0px 5px 0px;
  width: 250px;
  height: 470px;
  overflow: auto;
}
#columna2 .cuadroimg {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 116px;
  height: 116px;  
  text-align: center;
}
#columna2 img.horizontal {
  display: block;
  margin: 16px 4px;
  padding: 0px;
  border: 4px solid #ddeeff;
}
#columna2 img.vertical {
  display: block;
  margin: 4px auto;
  padding: 0px;
  border: 4px solid #ddeeff;
}
#pie {
  margin: 0px 10px;
  padding: 0px;
  width: 750px;
  text-align: center;
  border-top: 2px solid #DDEEFF; 
}
#pie img {
  float: left;
  margin: 5px 0px 0px 85px;
  padding: 0px;
  border: 0px;
}
#pie p {
  margin: 0px;
  padding: 15px 0px 0px 0px;
  font-size: 11px; 
  color: #0066cc;
  line-height: 1.5em;
}
#pie a {
  color: #0066cc;
  text-decoration: underline;
}
#pie p.a2m {
  float: right;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
#pie p.a2m a {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0099ff;
  text-decoration: none;
}