/* Hoja de Estilo Pika Villa Nerja  */

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #444444;
  background-color: #ffffff; 
  background-image: url(../imagenes/fondo-pagina.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
#pagina {
  width: 800px;
  margin: 10px auto 0px;
  padding: 0px 0px 2px 0px;
}
#cabecera {
  margin: 0px;
  padding: 0px;
  width: 800px;
  height: 160px;
  background-image: url(../imagenes/fondo-cabecera.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
#cabecera h1 {
  margin: 0px auto 10px 20px;
  padding: 0px;
}
#cabecera h1 a {
   float: left;
   margin: 25px 0px 0px 18px;
   padding: 0px;
   width: 438px;
   height: 124px;
   text-indent:-9999px;  
}
#cabecera a.idioma {
  float: right;
  margin: 36px 21px auto auto;
  padding: 7px 0px 8px;
  width: 102px;
  text-indent: 42px;
  font-family: Georgia, "Times New Roman", Times, serif;  
  font-size: 12px;
  color: #003399;
  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;
}
#cabecera ul {
	margin: 10px 5px;
	padding: 0px;
	font-size: 14px;
	list-style: none;
	text-align: center;
	font-weight: bold;
	color: #FFFFCC;
}
#cabecera li {
	float: left;
	width: 180px;
	margin: 0px 5px;
    padding: 6px 0px 9px 0px;
	text-align: center;
	display: list-item;
}
#cabecera li.esp {
  background-image: url(../imagenes/espanol.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cabecera li.ing {
  background-image: url(../imagenes/ingles.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cabecera li a {
  color: #ffffcc;
  text-decoration: none;
}
#cabecera li a:hover {
  color: #ffffee;
  text-decoration: underline;
}
#cuerpo {
  width: 780px;
  margin: 0px auto;
  padding: 0px;
}
#menu {
  float: left;
  width: 200px;  
  min-height: 495px;
  margin: 10px 0px 0px 0px; /* inferior: -30000px */
  padding: 0px 0px 0px 0px; /* inferior: 30000px */   
}
* html #menu {
  height: 495px;
}
#menu ul {
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 8px 0px;
  list-style: none;
  background-image: url(../imagenes/fondo-menu-fin.jpg);
  background-repeat:  no-repeat;
  background-position: center bottom;
}
#menu li {
  margin: 0px;
  padding: 1px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px; 
  line-height: 26px; 
  background-image: url(../imagenes/fondo-lista-menu.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  border-left: 1px solid #CEECFC;
  border-right: 1px solid #CEECFC;   
}
#menu li a {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  color: #0099ff;
  text-decoration: none;
}
#menu li a:hover {
  color: #ff9900; /* #0167CC; */
}
#menu li.primero {
  margin: 0px;
  padding: 6px 0px 4px 0px;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-indent: 15px;
  background-image: url(../imagenes/fondo-primero.jpg);
  background-repeat:  no-repeat;
  background-position: left top;
  background-color: #0079F1;
  border: none;
}
#menu li.sinpto {
  background-image: url(../imagenes/fondo-lista-menu-sinpto.jpg);
  background-position: left top;
  background-repeat: repeat-x;
}
ul#submenu {
  margin: 0px;
  padding: 0px;
  background-image: url(../imagenes/fondo-submenu.jpg);
  background-position: center top;
  background-repeat: repeat-y;
}
ul#submenu li {
  padding: 0px;
  background-image: none;
  border-left: 0px;
  border-right: 0px;
}
ul#submenu li a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	border: 0px;
	color: #0066cc;
	font-weight: normal;
	text-decoration: none;
    background-image: url(../imagenes/pika.gif);
    background-repeat:  no-repeat;
    background-position: 10px 4px;	
}
ul#submenu li a:hover {
    color: #ff9900;
    text-decoration: none;
} 

#contacto {
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 8px 0px;
  list-style: none;
  background-image: url(../imagenes/fondo-menu-fin.jpg);
  background-repeat:  no-repeat;
  background-position: center bottom;
}
#contacto p {
  margin: 0px;
  padding: 0px 0px 0px 5px;
  font-size: 12px;
  color: #0066cc;
  line-height: 1.6em;
  background-image: url(../imagenes/fondo-submenu.jpg);
  background-position: center top;
  background-repeat: repeat-y;
}
#contacto a {
  color: #0066cc;  
  text-decoration: none;
}
#contacto a:hover {
  color: #0066cc;  
  text-decoration: underline;
}
#contacto img {
  float: left;
  margin: 0px;
  padding: 0px;
}
#contacto .primero {
  float: left;
  width: 190px;
  margin: 0px;
  padding: 6px 0px 4px 0px;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-indent: 15px;
  line-height: 26px;  
  background-image: url(../imagenes/fondo-primero.jpg);
  background-repeat:  no-repeat;
  background-position: left top;
  background-color: #0079F1;
  border: none;
}

#contenido { 
  float: left;
  width: 560px;
  margin: 10px 10px 0px 10px;
  padding: 0px 0px 0px 0px;    
  text-align: left;
}
#contenido h2 {
  margin: 0px 0px 10px 0px;
  padding: 3px 0px;	
  font-size: 23px;
  font-weight: normal;	
  color: #0066cc;
  text-indent: 10px;
  background-image: url(../imagenes/fondo-titulo.gif);
  background-repeat:  no-repeat;
  background-position: left top;  
}
#contenido h3 {
  margin: 0px 0px 10px 0px;
  padding: 3px 0px;	
  font-size: 14px;
  font-weight: bold;	
  color: #0099ff;
  text-indent: 5px;
}
#contenido h3.subrayado {
  border-bottom: 1px solid #D2EDF8;
}
#contenido p {
  margin: 10px 5px;
  line-height: 1.5em;
  text-align: justify;
}
#contenido img.pano {
  float: none;
  display: block;
  margin: 10px auto;
  padding: 0px;
}
#alquiler {
  float: left;
  width: 560px;
  margin: 0px 0px 10px;
  padding: 0px;
  background-image: url(../imagenes/fondo-alquiler.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;  
}
#alquiler h3 {
  display: block;
  margin: 0px;
  padding: 7px 5px 9px 7px;
  font-size: 15px;
  font-weight: bold;
  color: #0099ff;
  background-image: url(../imagenes/fondo-titulo-alquiler.jpg);
  background-position: center top;
  background-repeat: no-repeat;  
}
#alquiler h3 a { 
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
}
#alquiler h3 a:hover {
  text-decoration: underline;
}
#alquiler p {
  margin: 0px;
  padding: 0px; 
}
#alquiler p:first-letter {
  font-size: 12px;
}
#alquiler p.camino {
  padding: 0px; 
  font-size: 12px;
  font-weight: bold;
  color: #ff9900;
  line-height: 20px;
}
#alquiler img {
  margin: 0px auto;
  padding: 0px;
  border: 1px solid #D2EDF8;
}
#alquiler .fotope {
  float: left;
  width: 153px;
  height: 148px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#alquiler .referencia {
  font-weight: bold;
  color: #0066cc;
  line-height: 20px;  
}
#alquiler .datos {
  float: left;
  width: 398px;
  margin: 0px;
  padding: 0px; 
  line-height: 1.5em;
  text-align: left;
}
#alquiler .descripcion {
  height: 108px;
}
#alquiler a.masinfo {
  float: right;
  margin: 5px 0px;
  padding: 0px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #0066cc; 
  line-height: 22px; 
  border: 1px solid #CFECFC;
  background-image: url(../imagenes/fondo-masinfo.jpg);
  background-position: left center;
  background-repeat: repeat-x;  
  text-decoration: none;  
}
#alquiler a:hover.masinfo {
  text-decoration: underline;
}

#paginacion {
  float: right;
  margin: 5px 0px 10px;
  padding: 5px;
}
#paginacion a {
  font-size: 12px;
  font-weight: bold;
  color: #0066cc;
  margin: 0px;
  padding: 1px 5px;
  border: 1px solid #9FD9FF;
  text-decoration: none;
}
#paginacion a:hover {
  color: #0066cc;
  background-color: #E5F4FF;
  border: 1px solid #9FD9FF;
  text-decoration: none;
}
#paginacion .pag_off {
  font-size: 12px;
  font-weight: bold;
  color: #9FD9FF;
  text-decoration: none;
} 

#bt_volver a.volver {
  position: absolute;
  margin: 5px 0px 0px 490px;
  padding: 0px;    
  width: 60px;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;  
  text-align: center;
  color: #0066cc;
  text-decoration: none;
  background-color: #FAFEFF;
  border: 1px solid #D2EDF8;
}
#bt_volver a.volver:hover {
  text-decoration: underline;
}
#ficha_alquiler {
  float: left;
  width: 560px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}
#ficha_alquiler h3 {
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 7px;
  line-height: 34px;
  font-size: 16px;
  font-weight: bold;
  color: #0066cc;
  background-image: url(../imagenes/fondo-titulo-ficha.jpg);
  background-position: center top;
  background-repeat: no-repeat;  
}
#ficha_alquiler h3 .titulo {
  color: #0099ff;
}
#ficha_alquiler h4 {
  margin: 0px 5px;
  padding: 2px 0px;
  font-size: 13px;
  font-weight: bold;
  text-indent: 2px;
  color: #0066cc;
  border-bottom: 1px solid #D2EDF8;
}
#ficha_alquiler h3 .referencia {
   float: right;
   font-size: 13px;
   padding-right: 10px;
   line-height: 34px;
   font-weight: normal;
}
#ficha_alquiler h4.camino{
  margin: 0px;
  padding: 5px 5px 2px 5px;
  font-size: 14px;
  font-weight: bold;
  text-indent: 0px;  
  color: #ff9900;
  border-bottom: 0px;
}
#ficha_alquiler p {
  margin: 5px;
  padding: 0px;
  line-height: 1.5em; 
}
#ficha_alquiler p:first-letter {
  font-size: 12px;
}
#ficha_alquiler img {
  margin: 0px auto;
  padding: 0px;
  border: 1px solid #D2EDF8;
}
#ficha_foto {
  float: left;
  width: 560px;
  margin: 0px auto;
  padding: 0px;
}
#ficha_puntero {
  margin: 0px;
  padding: 0px;
}
#ficha_puntero p {
  margin: 0px;
  padding: 2px 92px 2px 0px;
  font-size: 11px;
  text-align: right;
}
#ficha_fotomsj {
  margin: 20px auto;
  text-align:center;
}
#ficha_fotomsj p {
  display: inline;
  padding: 5px;
  text-align: center; 
  color: #0066cc;
  border: 1px solid #CCE8FF; 
  background-color: #FAFEFF;
}
#ficha_fotogr {
  float: left;
  width: 320px;
  height: 330px;
  margin: 0px;
  padding: 0px 4px;
  text-align: center; 
}
#ficha_fotogr img {
  border: 1px solid #D2EDF8;
}
#ficha_fotope {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 230px; 
  height: 284px;
  overflow: auto;  
}
#ficha_fotope img {
  float: left;
  margin: 0px 0px 3px 3px;
  border: 1px solid #D2EDF8;  
}

#ficha_datos {
  float: left; 
  width: 560px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;  
}
#ficha_datos .secciones {
  color: #ff9900;
  font-weight: bold;
}
#ficha_datos table {
  width: 550px;
  margin: 5px;
  line-height: 1.5em;  
  border-bottom: 2px solid #F0F9FF;  
  text-align: justify;  
}
#ficha_precios {
  float: left;
  width: 300px;
  margin: 0px;
  padding: 0px;
}
#ficha_precios table {
  width: 290px;
  margin: 0px 5px;
  line-height: 1.5em;   
  border-bottom: 2px solid #F0F9FF; 
}
#ficha_precios .secciones {
  color: #ff9900;
  font-weight: bold;
}

#ficha_masinfo {
  float: left;
  width: 250px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}
#ficha_masinfo table {
  width: 240px;
  margin: 5px;
}
#ficha_masinfo p {
  margin: 5px 10px;
  padding: 0px;
}
#ficha_masinfo form {
  margin: 0px;
  padding: 0px 0px 5px 0px; 
  font-size: 12px;
}
#ficha_masinfo label {
  display: block;
  margin: 0px;
  padding: 0px;  
  color: #0099ff;
  font-weight: bold;
}
#ficha_masinfo input {
  font-size: 12px;
  border: 1px solid #D2EDF8; 
  font-family: Arial, Helvetica, sans-serif;  
  color: #000000;
  background-color: #FFFFFF;
  font-weight: normal;
  margin: 0px;
  padding: 2px;
}
#ficha_masinfo textarea {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;  
  border: 1px solid #D2EDF8; 
  color: #000000;
  background-color: #FFFFFF;
  font-weight: normal;
  margin: 0px;
  padding: 2px;  
}
#ficha_masinfo .input, .textarea { 
  width: 230px; 
}
#ficha_masinfo .submit { 
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 2px;
  width: 110px;
  font-size: 12px; 
  font-weight: bold;
  color: #ffffff;
  background-color: #0099ff;
  border: 1px solid #99ccff;
}
#ficha_masinfo .mensaje {
  margin: 5px 0px;
  padding: 5px;
  text-align: left;
  background-color: #F0F9FF; 
  text-align: center; 
}

#menu2 {
  float: left;
  width: 780px;  
  margin: 0px 0px 10px 0px;
  padding: 0px;  
  text-align: center;   
  background-image: url(../imagenes/fondo-menupie.jpg);
  background-repeat:  no-repeat;
  background-position: center top;   
}
#menu2 ul {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  list-style: none;
}
#menu2 li {
  display: inline;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#menu2 li a {
  margin: 0px;
  padding: 0px 7px 0px 6px;
  line-height: 30px;
  color: #003399;  
  text-decoration: none;
  border-right: 1px solid #003399;
}
#menu2 li a:hover {
  color: #0066cc;
  text-decoration: underline;
}
#menu2 li a.ultimo {
  border-right: none;
}
#pie {
  clear: both;
  margin: 0px 20px;
  padding: 4px 0px 0px 0px;
  width: 760px;
  background-image: url(../imagenes/fondo-pie.jpg);
  background-repeat: repeat-x; 
  background-position: left top; 
}
#pie p.copyright {
	float: left;
	margin: 0px;
	padding: 8px 0px;
	font-size: 12px;
	color: #2BAFF0;
	font-family: Arial, Helvetica, sans-serif;
}
#pie a {  
  vertical-align: top;
  font-weight: bold;
  color: #2BAFF0;
  text-decoration: none;
}
#pie p.a2m {
  float: right;
  margin: 9px 2px 0px;
  padding: 0px;
}
#pie p.a2m a {
  font-size: 10px;
  color: #4AB8EF;
  text-decoration: none;
}