
body{ background: url(images/fondo_t.jpg) no-repeat #3999bf; background-position: center top; margin:0; padding:0; font-family: Tahoma ;}
#contenedor{ width: 1000px; margin: 0 auto 0 auto; }

#head{  height: 160px ; width: 1000px; margin: 0; padding: 0;} 
#head h1 a{ width: 600px; height: 50px; overflow: hidden; text-indent: -9999%; margin: 0; padding: 0; display:block; float: none;  } 
#head h2#tit{ width: 400px; height: 20px; overflow: hidden; text-indent: -9999%; margin: 0; padding: 0; background: url() ; float: none;  } 
#head h3#tit2{ width: 400px; height: 20px; overflow: hidden; text-indent: -9999%; margin: 0; padding: 0;float: none;  } 

#content{ height: 281px ; width: 990px; margin: 0; padding: 22px 0 0 0;}

#content #left{width: 230px; padding: 5px 0px 0 15px; margin: 0px 0px 0 0px; float: left;  overflow:hidden; }
#content #left a h3{ margin: 0; padding: 3px 10px 5px 10px; text-align: left; font-size:18px; color: green; text-decoration: none;}
#content #left a:hover h3{ text-decoration:underline; }


#content #right{width: 734px; float: left;  padding: 36px 0 0 11px; color: white; overflow:hiden; margin:0 0 0 0; } 
#content #right #buscador_tar{ background: url(images/fnd_bus_tar.jpg) no-repeat; width: 694px; height: 61px;}
/* contenido */

#content #resultad{ clear: both;  padding: 12px 0 0 0; margin: 0 0 0 0; }
#content #resultad  h1{ font-size: 22px; color: white; background: url(images/fnd_h1_tar.jpg) no-repeat; width: 420px; height: 48px; padding: 7px 10px 5px 10px;  margin: 10px 0 7px 0px; }
#content #resultad table{ border: 1px solid #003366; width: 99%; background: #0066CC; color: white; border-collapse: collapse; font-size: 12px; }

#content #resultad table a{ color: white; text-decoration: none; }
#content #resultad table a:hover{ color: white; text-decoration: underline; }

#content #resultad table td{ border: 1px solid #003366; padding: 2px 5px 2px 5px;}
#content #resultad table th{ border: 1px solid #003366; padding: 2px 5px 2px 5px;}
#content #resultad table tr.fila_1{  padding: 2px 5px 2px 5px; background: #0066CC;}
#content #resultad table tr.fila_2{  padding: 2px 5px 2px 5px; background: #0055CC;}
#content #resultad table tr.separador{  height: 3px; padding: 0; background: #0088dd; border:0px; }
h2{ background: url(images/fnd_titulo.jpg) no-repeat; color: green; margin: 2px 0 0 0; padding: 14px 0 0 0;  height: 36px ; width: 302px; float: left; font-size: 16px; letter-spacing:1px;  text-align: center;}
h2 span{ display:inline-block; vertical-align:middle; margin:auto; height:100%; display:inline-block;}

#resultado{ font-size: 0.8em; }
#paginacion { float: right; margin: 3px 40px 0 0; padding: 0; font-size: 0.9em;}
#paginacion span{ margin: 2px 0 0 0; }
#paginacion a{ display: block; height: 16px; padding: 2px 4px 4px 4px; text-align: center; text-decoration: none; color: white;  float: left; width: 18px; margin: 0 0 0 5px; background: #275093; border: 1px solid #3560a4; }
#paginacion a:hover{  background: #3560a4; border: 1px solid #3560a4; }
#paginacion a#actual{ background: #3560a4; border: 1px solid #3560a4; text-decoration: underline; }

#content #right div#descripcion{ color: #444;  background: url(images/fnd_descripcion.jpg) no-repeat; margin: -9px 0 0 27px; padding: 10px 10px 7px 10px; height: 63px ; width: 383px; float: left; font-size: 15px; }

#content #right  div#listado{ clear:both;  width: 100%; margin: 0px auto 0px auto; padding: 10px 0 10px 0;  }

#content #right div.sublist{  behavior: url(images/iepngfix.htc); float: left;  background: url(images/fnd_sublist.png) no-repeat; margin: 7px 7px 0 4px; padding: 10px 3px 3px 3px; height: 153px ; width: 340px; }

#content #right div.sublist img{ float: left; border: 1px solid #ddd; margin: 0 7px 0 3px;}
#content #right div.sublist h3{ font-size: 15px; margin:0; padding: 3px 0 4px 0; float: right; width: 130px; text-align: left;}
#content #right div.sublist div{ height: 124px; float: right; width: 130px; overflow: hidden; padding: 0 3px 0 5px; }
#content #right div.sublist p{ font-size: 11px; margin:0 0px 4px 0px; padding: 3px 0px 4px 0px;  overflow: hidden; float: right; width: 130px; text-align: left;}
#content #right div.sublist a.btn{ background: url(images/btn_ver_alojamientos.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block;  text-indent: -9999%; overflow: hidden; }
#content #right div.sublist a.btn_ind{ background: url(images/btn_ver_alojamiento.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block;  text-indent: -9999%; overflow: hidden; }



#content #right  div#descripciones{ clear:both;  width: 730px; margin: 0px auto 0px auto; font-size: 12px; padding: 10px 0px 0px 0px; height: 652px;  }

#content #right  div#descripciones div#fnd_fotos{ float: right;}
#content #right  div#descripciones div#fnd_fotos1{ background: url(images/fnd_fotos1.jpg) #73b5e3 no-repeat;  width: 274px; padding: 12px 3px 0 3px;  margin: 0 10px 0 0; border: 0px solid; }
#content #right  div#descripciones div#fnd_fotos2{ /*background: url(images/fnd_fotos2.jpg) no-repeat; width: 282px; height: 5px; padding: 0 5px 0 5px; */}
#content #right  div#descripciones div#fnd_fotos1 img.grande{ border: 1px solid #aaa; margin: 0 auto 8px auto; }
#content #right  div#descripciones div#fnd_fotos1 img.chica{  float: left; border: 1px solid white; margin: 3px 6px 3px 6px; }
 
#content #right  div#descripciones div#fnd_fotos form#for{ font-size: 0.8em; margin: 0px 0 0 0; padding: 5px 0 0 0; clear: both; } 
#content #right  div#descripciones div#fnd_fotos form#for input{	width:270px;	height:18px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	padding-top:5px;	border:solid 1px #666666;}
#content #right  div#descripciones div#fnd_fotos form#for textarea{	width:270px;	height:106px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	border:solid 1px #666666;}
#content #right  div#descripciones div#fnd_fotos form#for h3{  width: 270px; margin: 0px auto 10px auto; padding: 0; text-align: left; font-size: 17px; }

 
#content #right  div#descripciones div#texto{ background: url(images/fnd_texto_sup.jpg) #73b5e3 no-repeat; float: left; border:1px solid red;   width: 418px; padding: 0 5px 0 5px;   margin: 0 5px 0 0px; border: 0px solid; min-height: 650px; } 
* html #content #right  div#descripciones div#texto{height:650px;}
#content #right  div#descripciones div#texto2{ background: url(images/fnd_texto_inf.jpg) no-repeat; float: left; clear: both; width: 428px; padding: 0 0px 0 0px; height: 32px;  margin: 0 5px 0 0; }  
#content #right  div#descripciones div#texto ul.car{ margin: 0 auto; padding: 10px 10px 10px 22px; list-style: none; font-size: 12px; height: 80px; } 
#content #right  div#descripciones div#texto ul.car li{ float: left; width: 180px; margin: 2px 0px 2px 0px; }
#content #right  div#descripciones div#texto ul.car li.corta{ clear: left; float: none; width: 360px; }
#content #right  div#descripciones div#texto #descrip_text{ padding: 14px 0 0 0;  }

#content #right  div#descripciones div#texto p.serv{ width: 350px; float: left; clear: none; font-size: 14px;}

#content #right  div#descripciones div#texto h3{  display: block; width: 360px; margin: 10px auto 10px auto; padding: 0; text-align: center; font-size:18px;}
#content #right  div#descripciones div#texto h4{  display: block; width: 360px; margin: 10px auto 10px auto; padding: 0; text-align: center; font-size:14px;}

#content #right  div#descripciones div#texto h5{ width: 90%; float: none; clear: both; margin: 12px auto 0 auto; font-size: 15px; }
#content #right  div#descripciones div#texto p{ width: 90%; float: none; clear: both; margin: 6px auto 0 auto; font-size: 12px;}


#content #right  div#descripciones div#fnd_descrip_sup{ background: url(images/fondo_desc_sup.jpg) no-repeat; margin: 15px auto 0 auto; width: 701px; min-height: 540px; padding: 10px 7px 0 7px;  }
#content #right  div#descripciones div#fnd_descrip_inf{ background: url(images/fondo_desc_inf.jpg) no-repeat; height:33px; margin: 0 auto 10px auto; width: 715px;   }
* html #content #right  div#descripciones div#fnd_descrip_sup{height:300px;}

form#formu{float: left; width: 400px;}
form#formu input{	width:270px; 	height:18px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	padding-top:5px;	border:solid 1px #666666;}
form#formu textarea{	width:350px; 	height:180px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	padding-top:5px;	border:solid 1px #666666;}
form#formu span{ display: block; width: 150px;}
form#formu div{ clear: both; }
#info_contacto{ float: left; width: 200px; padding: 0px 10px 10px 10px ; margin: 10px 0 0 0px; border: #35477d 2px solid; background: #3388ff;  }

/* fin contenido */

/* columna */

#content #left ul{ width: 200px; padding: 0; margin: 0;}
#content #left ul li{ list-style: none; padding: 0px 10px 12px 0px; margin:0;  color: white; font-size: 14px; font-weight: bolder; text-align: right;}
#content #left ul li a{ color: #14366c; text-decoration: none;  }
#content #left ul li a:hover{ text-decoration: underline; }

/* fin columna */

#pie{  height: 155px ; width: 1005px; clear: both;}



#content #left form#buscador { background: url(images/fnd_buscador.jpg) no-repeat; width: 227px; height: 123px; padding: 40px 0 0 0; margin: 140px 0 0 0;}
#content #left form#buscador div{ width: 80%; height: 24px; padding: 4px 0 0 10px;}
#content #left form#buscador div select{ width: 195px;  }



#content #right div.sublist2{ float: left;  behavior: url(images/iepngfix.htc);  background: url(images/fnd_sublist_serv.png) no-repeat; margin: 7px 2px 0 2px; padding: 3px 3px 3px 3px; height: 180px ; width: 169px; }

#content #right div.sublist2 img{ border: 1px solid #ddd; margin: 0 21px 7px 20px;}
#content #right div.sublist2 h3 {  font-size: 14px; margin: 5px auto 5px auto; text-align: center; height: 35px; }
#content #right div.sublist2 h3 a{ color:white; text-decoration: none; }
#content #right div.sublist2 a.btn{ background: url(images/btn_ver_alojamientos.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block;  text-indent: 9999%; overflow: hidden; }

#content #right div.sublist2 a.btn_informacion{ background: url(images/btn_ver_informacion.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block;  text-indent: 9999%; overflow: hidden; }

hr{ clear:both; color: white; width: 90%; margin: 20px auto 20px auto;}

