html {

}
.my-auto{
margin-top: auto;
margin-bottom: auto;
	
}

.bg-img{
  background: url("../images/portada.png");
  background-size: 100% 95%;
}

.bg-imgRegistro{
  background-image: url("../images/registroPortada.png");
    background-position:center top;
    background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 40%;
    width:100%;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
}

#wrapper {
	min-height:100%;
	position:relative;
}
#portadaTop {
    width: 100%;
    max-height: 50%;
}

#copyRight{
	color:#ffffff;
	font-size:14px;
	font-family:latoBold;
	
	text-align: center;
	background-color: #001D60; 
	padding-top:0.5%;
	padding-bottom:0.5%;
	color:white;
}

.tagYellow {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b0c32c;
    padding: 0;
}

.tagBlue {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #252d90;
    padding: 0;
}

#header {
	padding:0;
}

#content {
	padding-bottom:45px; /* Height of the footer element */
}

#footer {
	color: white;
	background:#00afa9;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	display: block;
	max-height:200px;
	padding-top:5px;
}

.columns3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    text-align: left;
}

.whiteText{
	color: white;
}

.leftVerticalLine{
	border-left: 1px solid white;
}
.rightVerticalLine{
	border-right: 1px solid white;
}

#logo{
}

.right {
    position: absolute;
    right: 0px;
    width: 300px;
    margin-left: 80%;
    padding-right: 0;
}
.left {
    position: absolute;
    right: 0px;
    width: 300px;
    margin-left: 80%;
    padding-right: 0;
}

.center {
    margin: auto;
    width: 70%;
    padding: 5px;
}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.date-input-fix {
  width:170px;
  line-height:1.0;
}

.tour-title {
  text-align:center;font-weight: bold;
}


.habitacionContainer { position: relative; width: 100px; height: 100px; float: left; margin-left: 10px; background-color::#e69606;}

.container {
  width: 40px;
  height: 40px;
  position: relative;
}

.box{
    width: 11vw;
    height: 3vw;
}
.boxRoom{
    width: 200px;
    height: 75px;
}
.boxManual{
    width: 200px;
    height: 40px;
}

.boxContact{
    width: 40px;
    height: 40px;
}

.boxContactInfo{
    width: 263px;
    height: 40px;
}

.boxRound{
    width: 100%;
    height: 1.5vw;
    border-radius: 0px;
}

.boxRoundPrivacy{
    width: 229px;
    height: 40px;
    border-radius: 10px;
    z-index: 10;
  position: absolute;
  top: 1vw;
  left: 0;
}
.boxRoundHand{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    z-index: 10;
  position: absolute;
  top: 1vw;
  left: 249px;
}

.subtitulo{
	font-size:23px;
	font-family:minionVariableConcept;	
	padding-top: 10px;padding-bottom: 10px; display: block;margin-left: auto;margin-right: auto;
	text-align: center;
}
.subtitulo-menor{
	font-size:23px;
	font-family:latoBlack;
	padding-top: 10px;padding-bottom: 10px; display: block;margin-right: auto;
	text-align: left;
}

.footerLowText{
	font-size:13px;
	font-family:latoLight;
}

.politicasTextInside{
	font-size:10px;
	font-family:latoLight;
	color:#6D6E71;
}



.subtitulo.yellow{
	color:#089ae5;
	border: 2px solid #089ae5;
}
.subtitulo.blue{
	color:#2f3489;
	border: 2px solid #2f3489;
}

.subtitulo.blue.datosPersonales{
	width: 47%; padding: 10px; display: block;margin-left: auto;margin-right: auto;
	color:#2f3489;
}

.textoGeneral{
	font-size:13px;
	font-family:centuryGothicBold;
	color:#6D6E71;
}
.textoTarifa{
	font-family:latoBold;
	font-size:13px;
	color:#6D6E71;
}

.textoChat{
	font-family:latoBold;
	font-size:14px;
}

.textBelowChat{
	font-family:latoLight;
	font-size:13px;
}

.textoHabitaciones{
	font-family:latoRegular;
	font-size:20px;
	color:#00AFA9;
}
.textoHorarios{
	font-family:latoLight;
	font-size:12px;
	color: #00AFA9;
}
.textoTarifaPorPersona{
	font-family:latoBold;
	font-size:12px;
	font-weight: bold;
}
.textoDentroHorario{
	font-family:latoBold;
	font-size:13px;
	font-weight: bold;
}
.textoLightHotelSede{
	font-family:latoLight;
	font-size:12px;
	color: #6D6E71;
}

.textBelowInputs{
	font-family:latoLight;
	font-size:10px;
	color: #6D6E71;
	padding-top:3px;
}

.textoMenu{
	font-size:12px;
	font-family:latoRegular;
	color:#ffffff;
}


input.rounded {
	font-size: 20px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	 border: 1px #A7A9AC solid;
	 color: #000;
}

input.rounded:focus {
}

input[placeholder], [placeholder], *[placeholder] {
    color: !important;
}

.button {
    background-color: #089ae5;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.inputsVuelos{
	margin-left:0.5vw;margin-right:0.5vw;display:inline;width:139px;font-size:11px;
}

#politicas .ui-icon { display: none; }
#politicas .ui-accordion .ui-accordion-icons{
	padding-left:0px;
}

#politicas .ui-widget-content{
	border: 0px;
}
.ui-datepicker tr.user0 { background-color: orange; }

#contactoComercial .ui-widget-content{
	background: #eeeeee;
}
#contactoComercial .ui-icon { display: none; }

.newDatesAlert {
    color: white;
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    padding-bottom: 20px;
    width: 145px;
    height: 20px;
    height: 25px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(FireBrick , red); /* Standard syntax (must be last) */
}


#tours {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.crossPosition{
	padding-bottom: 5px;
	text-align: center;
}

.crossPositionLeft{
	padding-bottom: 5px;
	text-align: justify;
	padding-left: 10%;
}

.crossPositionRight{
	padding-bottom: 5px;
	text-align: justify;
	padding-left: 10%;
}


.input-icons i {
	position: absolute;
}
  
.input-icons {
	width: 100%;
	margin-bottom: 10px;
}
  
.icon {
	padding: 10px;
	min-width: 40px;
}
  
.input-field {
	width: 100%;
	padding: 10px;
	text-align: center;
}

.float{
	position:fixed;
}


/*carousell*/


.carousel-inner {
  padding: 1em;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
  .carousel-inner {
    display: flex;
  }
}
.card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card img {
    max-height: 100%;
}
.card-text{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
text-align: justify;
  text-justify: inter-word;   
}

@media (max-width: 767px) {
  .card .img-wrapper {
    height: 17em;
  }
}