<!--
body {
	font: 100%/1.4 Calibri, Arial;
	background-color:#FFF;
	margin: 0;
	ping: 0;
	color: #211915;
}
.bgazul {   width: 100%; height: 40vh; background-image:url(../images/taxi2020/img/bag1c.png);  background-size:cover; margin-bottom:20px;   }


.bold { font-size: 1.2em !important; font-weight: bold !important;  }
.elmesoculto img { max-width:100%; }
.verysmall { font-size:0.8em; }
.fondblan { background-color:#FFF;}
.separadorabajo { border-bottom:#0056b3 solid 1px; overflow:hidden;}
.separadorarriba { border-top:#0056b3 solid 1px; overflow:hidden;}

#dialog-mensaje , .codigooculto{ display:none; }
.ui-dialog { max-width:500px !important; width:90% !important; }

.h { display:none; }
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a {
	color:#7f1313;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}


a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.select2 {
    width: 100% !important;
    border:none !important;
}
    
.fb-like { float:right; margin-right:20px; margin-top:10px;  }



/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */


/* ~~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~~ */
.header {
	
	margin: 0 auto !important;
	overflow:hidden;
	background-color:#fc3;
	
}

.titulobuscar { margin:10px; overflow:hidden; text-align:center; }
.titulobuscar  b {font-weight:bold; text-transform:uppercase; font-size:1.4em; }
.titulobuscar  i  {    font-size:1.0em;  }


.tripadvisor { max-width:500px; width:100%; margin-top:20px; margin-bottom:20px;  margin:0 auto; border:#589442 dashed 3px;  overflow:hidden;  }
.TA_excellent { float:left !important; margin:20px !important;  }
.TA_rated { float:right !important;  margin:20px !important;}

.textodestino { width:100%; min-width:300px; overflow:hidden; border-top:var(--blue) solid 3px; margin-top:40px;  }
.textodestino h2 { text-align:left; color:var(--blue) ;  }
.textodestino img { width:30%; min-width:150px; max-width:300px; float:left; margin:0px 10px 10px 0px; }
.textodestino  p { margin-top:20px; color:var(--blue) !important;  text-align:left; }



.taxipe { width:20px; margin-right:20px;  }
.categoriasdestinos { width:100%; min-width:320px; overflow:hidden; margin-top:20px;   }
.categoriasdestinos span { text-align:center; text-transform:uppercase; font-size:1.3em;  margin:0px; padding:0px;font-weight:bold; }
.categoriasdestinos img { width:100%; margin-top:30px; margin-bottom:30px; max-width:600px;  }

.imagenes-galeria { width:100%; min-width:320px;margin-top:40px; border-top:var(--blue) solid 3px;  }
.imagenes-galeria h2 { text-align:left; color:var(--blue); }
.imagenes-galeria img {   float:right !important; margin-right:10px;  border:#FFF solid 1px; width:148px; margin-bottom:10px;     }
.imagenes-galeria img:hover {  border:#000 solid 1px;   width:148px !important; } 
.botongaleria { color:#FFF; margin:3px 0px 3px 0px; float:right; background-color:var(--blue); padding:5px; text-decoration:none;  border-radius:5px; padding:2px 10px 2px 10px;font-size:1.1em;  text-align:center !important; margin-top:20px;  }
.botongaleria:hover { background-color:#333;   color:#FFF !important; text-decoration:none !important;    }



 

.perfil {
	margin-top:10px;
 width:180px;
float:left;
overflow:hidden; 
text-align:left; 
color:#211915;
}
.perfil a { margin:10px 0px 10px 5px;  color:#211915; text-decoration:none;  text-align:right; }
.perfil a:hover {text-decoration:underline !important; } 

  
.redessociales img, .redessociales_footer img { margin-left:8px; float:right; width:30px; height:30px;   }
.redessociales a { color:#000;  text-decoration:none;}
.blog {   }


.linkreservarcasa {max-width:1000px; min-width:320px; width:100%;  height:20px; margin:0 auto; }
.linkreservarcasa a { float:right; border-bottom:#000 6px solid;border-left:#000 6px solid;border-right:#000 6px solid;   margin:0px 8px 0px 8px !important; font-size:1.2em; font-weight:bold; font-family:Calibri; color:#211915; text-decoration:none; text-transform:uppercase ; display:block; padding:5px 8px 5px 28px; background-color:#FFF; background-image:url(../images/taxi/casitapl2.png); background-repeat:no-repeat; background-position:5px 10px;    }
.linkreservarcasa a:hover{ color:#FFF; text-decoration:none; background-color:#000; background-image:url(../images/taxi/casitapl2w.png); background-repeat:no-repeat; background-position:5px 10px; }


	 
.item { margin-top:50px; }
.fulltime { max-width:1000px; margin:0 auto; overflow:hidden; text-align:center; width:100%; min-width:400px; margin-top:40px;    }
.fulltime img { width:100%; max-width:800px; text-align:center; margin:0 auto; }
.fulltime h2{ font-size:1.3em; text-transform:uppercase; margin:0px; padding:0px;  }
.fulltime a { color:#000; text-decoration:none; }



.pluging { overflow:hidden;
    margin: 0 auto;
	padding:0px; 
	
	max-width:920px;
	min-width:320px; 
	 width:100%; margin-top:40px; margin-bottom:20px;  }
 .p1 { width:50%; max-width:440px;  float:left;  min-height:300px;  border:#80824e solid 2px;  }
 .p2 { width:50%; max-width:440px;  float:right;  min-height:300px;  border:#80824e solid 2px; }

.contenido { max-width:1000px; min-width:320px;  margin:0 auto; background-color:#FFF;     min-height:200px;   padding-bottom:30px; overflow:hidden;  color:#211915; }
.continde { max-width:1000px; min-width:320px;  margin:0 auto;  }
.fondoverde {  overflow:hidden; width:100%; margin-top:20px;  padding-bottom:50px; }

.colorverde {   overflow:hidden; margin-bottom:20px; }
.bienvenida { margin-top:30px;   text-align:center;  overflow:hidden;  }  
.bienvenida  h3, .bienvenida  h1 { text-align:center;  color:#000; text-transform:uppercase;  margin-top:0px; font-size:1.5em;  margin:0 auto;     }


.textoinicio { text-align:center; min-width:300px;  max-width:1000px; width:100%;   margin: 0 auto; margin-top:20px; padding-bottom:20px;  }
.textoinicio p {text-align:justify; color:#000;     }


.habitaciones {   overflow:hidden; margin-bottom:20px;   min-height:100px; min-width:320px;   }
.textohab { margin-top:20px;   text-align:center;  overflow:hidden;    }  
.textohab  h3 { text-align:center;  color:#000; text-transform:uppercase;  margin-top:0px; font-size:1.5em;   width:230px;margin:0 auto;     }
.listahabitaciones { text-align:center; min-width:300px;  max-width:1000px; width:100%;   margin: 0 auto; margin-top:0px; padding-bottom:20px;  }
.listahabitaciones p {  }
.listahabitaciones h1 { color:#0056b3;  }



.reservarcontactar { margin-top:20px; border-top:#000 solid 1px; width:96%; margin-left:1%;text-align:center; }
.linkrescon { margin:0 auto; width:300px;  margin-top:20px; }

.botonredondopeq { display:block; float:left; width:80px; background-color:#000; color:#FFF !important;  border-radius:5px;  	
 margin:3px 0px 3px 0px; text-decoration:none !important; padding:2px 0px 2px 0px; font-size:1.2em; text-align:center !important;  }
.botonredondopeq:hover {  background-color:#333 !important;}


.botonredondopeqpagar { display:block; float:right !important; width:150px; background-color:#000; color:#FFF !important;  border-radius:5px;  	
 margin:4px 40px 4px 0px; text-decoration:none !important; padding:3px 0px 3px 0px; font-size:1.2em; text-align:center !important;  }
.botonredondopeqpagar:hover {  background-color:#333 !important;}


.botonredondopeqreservar {   text-align:center;  width:80px; background: var(--blue) !important; color:#FFF;  border-radius:5px;  	
  margin:0 auto;  margin:3px 0px 3px 0px; text-decoration:none; padding:2px 10px 2px 10px; font-size:1.2em;  }
.botonredondopeqreservar:hover {  background-color:#333 !important; text-decoration: none !important; color:#FFF !important;  }


.botonredondo { display:block; float:left; width:130px; background-color:#000; color:#FFF;  border-radius:20px;  	
 -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25);  margin:10px; text-decoration:none; padding:7px 0px 7px 0px; font-size:1.2em;  }
.botonredondo:hover {  background-color:#333;}

.botoncuadrado { display:block; float:left; width:130px; background-color:#70704f; color:#ffff3c; text-decoration:none; text-align:center; padding:6px; text-transform:uppercase; }
.botoncuadrado:hover {  background-color:#4a4a33;}


.innercontent { width:100%; max-width:1000px; min-width:320px;  min-height:300px;    margin: 0 auto;  color:#211915; margin-top:20px; margin-bottom:20px; overflow:hidden;    }






.contenido h2 { margin:0px; padding:0px; text-transform:uppercase; }
.itemserv { max-width:290px; width:30%; min-width:70px;  float:left; overflow:hidden; text-align:center; margin-right:1.5%;  margin-left:1.5%;  }
.itemserv a { font-size:20px ; text-decoration:none; text-transform:uppercase;  }
 .itemserv img  {border:#662316 solid 1px; width:98%; }


.listaservicios { margin: 0 auto; max-width:890px; width:100%; min-width:340px; overflow:hidden; margin-top:20px;  }


.centerbordearribafooter {  margin:0 auto; margin-top:20px; 
	 width:100%;
	max-width:1000px;
	min-width:320px;   }
	
	
.modosdepago { width:100%; min-width:320px; margin:0 auto; border-top: #000 solid 6px; overflow:hidden;  }

.modopagocentre { width:100%;  min-width:320px;  max-width:1000px;  margin:0 auto !important;  }
.modosdepago img { width:100%;    }	
	
.footer {    	overflow:hidden; color:#000; 
	margin: 0 auto;
	margin-top:40px; 
	min-width:320px; 
	 width:100%;
	height:auto;
	background-color:#fc3;
	 
	 
 }
 .mapalugar { margin-top:20px;  overflow:hidden; border-top:var(--blue) solid 3px; }
 .mapa { height:400px; }
 
 

.bordefooter {
margin: 0 auto ;	
width:100%;
overflow:hidden;
}


.descripcion { margin-top:30px; font-style:italic; font-size:1.3em; }
.descripcion h2 { margin:0px; padding:0px; display:block; }

.sellofooter { width:183px; float:left; overflow:hidden; margin-right:40px;  margin-left:10px;   }
.sellofooter img {width:100% ; max-width: 300px; }
.direccionfooter { width:190px; float:left; overflow:hidden;  margin-right:40px; }
.contactofooter { width:240px; float:left; overflow:hidden;   margin-right:20px;}
.contactofooter a, .direccionfooter a {  color:#000 !important; text-decoration:none; }
.contactofooter a:hover, .direccionfooter a:hover {  text-decoration:underline; }
.redesfooter { width:130px; float:left; overflow:hidden;  } 

.barra_botones_abajo { margin: 0 auto ; width:100%; height:60px;  margin-top:30px; margin-bottom:30px; }
.footerazulclaro { background-color:#33ccff; height: 72px; margin-top:15px;   	overflow:hidden; } 

.logoydireccion { width:213px;  float:left; overflow:hidden; } 
.logofooter { background-image:url(../images/exclusivo/logofooter.gif); height:70px; width:213px;  float:left; } 

.address { margin:20px 0px 0px 0px !important; color:#FFF; font-size:13px;   }
.address a {color:#FFF; text-decoration:none;}
.address a:hover {color:#FFF; text-decoration:underline;}
.address h2 { text-transform:uppercase; margin:0px 0px 10px 25px; padding:0px; }
.address img {float:left; margin-right:5px;}
.barranegra { background-color:#FFF; width:100%; overflow:hidden; }

.bordeazul {background-color:#05d1d1;  height: 25px; }

.copyrigth { color:#000;   font-size:13px;   overflow: hidden;  width:100%;  
	text-align:center; margin:0px;  overflow:hidden;}
.copyrigth  p {margin:0px;}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.powerby
{
	font-size:16px;
	color:#AAA !important;
	width:100%;  
	text-align:center;
	 
}
.powerby a
{
	color:#AAA !important; text-decoration:none; 
}


@media screen and (max-width: 1001px)

	{
      .descripcion { width:90% !important;margin-left:4% !important; font-size:1.0em !important; text-align:justify;}
	  .textodestino  { width:90% !important; margin-left:4% ;  text-align:justify;}
	  .imagenes-galeria { width:90% !important; margin-left:4% ;  }
	  .botongaleria { margin-right:3% !important;}
	  .redessociales { margin-right:1% !important; }  
	  .innercontent { width:90%; float:none; margin:0 auto; }
	  .textoinicio p  { margin: 20px 2% 20px 2%  !important; width:70% !important; float:none !important; display:compact !important; min-width:96% !important;    }   
	}
@media screen and (max-width: 920px)

	{

		
.textoinicio p  { margin: 20px 2% 20px 2%  !important; width:70% !important; float:none !important; display:compact !important; min-width:96% !important;    }
.listaservicios  { margin:10px 0px 10px 10px !important; }
	}

@media screen and (max-width: 800px)
{

.sellofooter { float:none !important;   width:100% !important;  text-align:center;  }
.sellofooter img {width:80% !important;}
.direccionfooter { float:none !important;     width:100% !important;  text-align:center;  margin-top:5px;  }
.contactofooter { float:none !important;   width:100% !important;  text-align:center;  margin-top:5px;  }
.contactofooter a { float:none !important;   width:100% !important;  text-align:center;  margin-top:5px; }

.redesfooter {   width:100% !important;  text-align:center;  margin-top:10px !important;} 
.resposive1 { display:none !important; }
.redessociales_footer {
	 display:block !important;   
	}

	}


@media screen and (max-width: 620px)

	{
.listaservicios  { text-align:center !important; margin:10px 0px 10px 0px !important; }		


.logoimg { text-align:center !important;  width:100% !important; min-width:100px !important; margin-bottom:20px;  float:none !important; margin:0 auto !important; }
.slogan { width:100% !important;  float:none !important; margin:0 auto !important; font-size:1.1em !important; margin-top:-10px !important; }
.redessociales {
	 display:none !important;   
	}
	

.idiomas {margin-top:-20px !important; width:40px !important;} 		
	
	}

@media screen and (max-width: 440px)
{
	 .transfertr1 { width:50% !important; }
	 .transfertr3 { width:50% !important; }
 .transfertr2 { display:none !important;}
 .origen-destino span { font-size:1.1em !important;}
 .destinos { width:68% !important;}
 .bx-caption span { font-size:1.1em !important;}
 .bx-caption { bottom:2px !important; }
}



-->