/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */




@media screen and (max-width:1050px) { 

	#menutotales{
		height: 80px;
	}
	
	#menutotales>span{
		height: 80px;		
		/*! width: 30%; */
		/*! padding: calc(10%/6); */
		font-size: 14pt;
	}
	
	.totalacancelar1, .totalabonado, .pendientecancelar{
		font-weight: 600;
		line-height: 1.3em;
		
		
	}


	#SeccionBoletasUsuaiotabla {
    line-height: 12px;
    font-size: 12px;
    width: 111%;
    margin-left: -6%;
    text-align: center;
}
	

}

/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


@media screen and (max-width:500px) {

	.main{
		margin: 0 auto 50%;
	}

	.sectionboletass{
		flex-direction: row;

	}

	#TitulosDatosUsuario {
    flex-direction: column;
    width: 50%;
}

	#TitulosDatosUsuario ui {
    flex-direction: column;
    width: 100%;
	}

	#TitulosDatosUsuario ui li {
    width: 100%;
}

	#formParticipantes{
		width: 100%;
	}

	.DatosUsuario{

	width: 100%;
	}

	.DatosUsuario ui {
    display: flex;
    flex-direction: column;
    width: 100%;
}

	.DatosUsuario ui li {
    width: 100%;
}


	#menutotales{
		height: 70px
	}
	
	#menutotales>span{
		height: 70px;		
		width: 30%;
		padding: calc(10%/6);
		font-size: 11pt;
	}
	
	.totalacancelar1, .totalabonado, .pendientecancelar{
		font-weight: 600;
		line-height: 1.3em;
		
		
	}

	



	#titulodetallesboleta{
		text-align: center;
	}
	

	
	#SeccionBoletasUsuaioTitulos ui li:nth-child(3), .SeccionBoletasUsuaioBoletasGuardadas ui li:nth-child(3), .SeccionBoletasUsuaioTotalBoletas ui li:nth-child(2){
			display: none;
	}
	
	.SeccionBoletasUsuaioBoletasGuardadas ui li, #SeccionBoletasUsuaioTitulos ui li, .SeccionBoletasUsuaioTotalBoletas ui li{
		width: calc(100% /5);
	}
	
	#cuentasbancarias div div{
		width: 100%;
	}
	
	#cuentasbancarias div img {
		display:none;
	}
	
	#botonformularioboleta {
		width: 100% !important;
		margin: 0 !important;
	}
	
	#botonreservar{
		width: 100%;
	}
	
	#opcionesdepago div{
		display: flex;
		flex-direction: column;
		margin: 10px 0;
		width: 100%
	}
	
	#opcionesdepago div >div{
	 width: 100%;
		text-align: center;
	}
	
	#opcionesdepago div #pagocontarjeta img{
		display: none;
	}
	
	#opcionesdepago div #pagocontarjeta p:nth-child(1){
		width: 100%;
	}


	.sectionboletass {
    width: 90% !important;
    padding: 20px 5% 20px;
    position: inherit;
    display: flex;
    flex-direction: row;
    background: white;
    margin: 0;
}

#TitulosDatosUsuario{
	border-radius: 0;
}
	
	#filter{
		margin-top:80px;
		height: 250px;
	}
	
	#article1{
	margin-top: 80px;
	}
	
	#article1 h1{
		font-size: 2.5em !important;
		text-align: center;
		 
	}
	
	#thospedaje, #totros, #Subtotalesreserva{
		border-radius: 0;
		box-shadow: inherit;
	}
	

header #logo {
    width: 100%;
    height: 70px;
    float: left;
    max-height: 70px;
    max-width: 245px;
    margin-left: 5px;
    margin: 5px 12px;
}

#logo img {
width: 100%;
}

div#menudehaburgesa {
    width: 30px;
    height: 30px;
    float: right;
    margin: 25px 20px 0 0;
    background-image: url(https://www.mayatours.com.gt/reservaciones/images/menu.png);
    background-size: contain;
    background-repeat: no-repeat;
}


header {
    height: 80px;
    overflow: inherit;
}

header nav {
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.90);
    color: white;
    height: 150px;
}

.oculto{
	    display: none;
}

.mostrar{
	    display: block;
}

header nav ul {
    display: flex;
    flex-direction: column;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

header nav ul li {
    width: 100%;
    max-width: 100%;
    height: 50px;
    list-style: none;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    font-weight: 400 !important;
}

header nav ul li:hover {
    background: #6d6d6d7a;
}

header nav ul li a {
    text-decoration: none;
    color: white;
    font-weight: 400 !important;
    width: 100%;
    height: 100%;
}
	
#detallesviajesboleta p {
    text-align: justify;
    margin: 5%;
}

.sectiondatosparticipantes {
    flex-direction: column !important;
}

.botonguardarparticipantes {
    width: 25%;
}

#recomendacion {
    text-align: justify !important;
    margin: 50px 5% 0 !important;
}
	
#tituloyatienescuenta{
		font-size: 1.2em;
}

	#wraplogin{
		flex-direction: column;
	}	
	
	#login1{
		width: 70%;
		padding: 10% 15%;
	}
	
	#wrapper.Login {
    width: 80%;
}
	
#login2 {
    width: 100%;
    padding: 10% 0;
    border-top: 2px solid rgba(155,187,0);
    border-left: none;
}
	
	#bottom {

    width: 100%;
    margin: 10px 0;

}

#tituloyatienescuenta{
 	font-size:1.3em;
}

#tituloproximasexpediciones {
	font-size: 2em;
}

.imageviaje {
	max-height: 200px;
}

.viajes{
	height: 250px;
}
	
	#ingresatucorreo #mensaje1 {
  width: 80%;
  margin: 30px  auto;
  text-align: justify;
}
	
	#tituloolvidasetetucontraseña{
    width: 90%;
    margin: 100px 5% 20px 5%;
    font-size: 1.3em;
}
	
	#CajaExtrasReservacion {
		width:calc(100%);
		left: 0;
		position: absolute;
	}
	
}

/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


@media screen and (max-width:321px) {
	
	#SeccionBoletasUsuaioTitulos ui li:nth-child(3), 
	.SeccionBoletasUsuaioBoletasGuardadas ui li:nth-child(3), 
	.SeccionBoletasUsuaioTotalBoletas ui li:nth-child(2){
			display: none;
	}
	#SeccionBoletasUsuaioTitulos ui li:nth-child(6), 
	.SeccionBoletasUsuaioBoletasGuardadas ui li:nth-child(6),
	.SeccionBoletasUsuaioTotalBoletas ui li:nth-child(6){
			display: none;
	}
	
	#SeccionBoletasUsuaioTitulos ui li, 
	.SeccionBoletasUsuaioBoletasGuardadas ui li,
	.SeccionBoletasUsuaioTotalBoletas ui li{
		width: 25% !important;
	}
	
}