html {
	font-size: 100%;
}

body {
	margin          : 0;
	font-family: 'Montserrat', sans-serif;
	font-size       : 1rem;
	font-weight     : 400;
	line-height     : 1.25;
	color           : #000;
	background-color: #fff;
	overflow-x      : hidden;
	background      : #fff;
}

header{
    position:relative;
    margin:auto;
    text-align:center;
    padding:5px;	
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}


nav{
    position:relative;
    margin:auto;
    width:100%;
    height:auto;
    background:black;
}

nav ul{
    position:relative;
    margin:auto;
    text-align: center;
}

nav ul li{
    display:inline-block;
    width:15%;
    line-height: 45px;
    list-style: none;
}

nav ul li a{
    color:white;
    text-decoration: none;
}
nav ul li{
    color:white;
    text-decoration: none;
    border: 1px solid white;
}
nav ul li:hover{
    background-color:#4e4e4e;
}

section{
    position:relative;
    padding:20px;
}





/*---Formulario---*/
.frm {
    display: block;
    text-align: left;
    padding: 15px 39px;
    margin: 2px 0;
    box-sizing: border-box;
}

#content{
    position: absolute;
    top: 110px;
    left: 300px;
}
.selected:hover{
    background-color: #0585C0;
    color: white;
}
.seleccionada{
    background-color: #0585C0;
    color: white;
}

.tb-info-vuelo,.tb-boletos, .tb-documentar{
    width: 100%;
}

.pasajero {
    width: 67%;
}

.pasajero, .nombre{
    width: 100%;
}


/*---Formulario---*/






/*---wrapper---*/
.wrapper{
	max-width: 1100px;
	width    : 95%;
    margin: 0px 10px;
}

@media only screen and (min-width: 768px){

	.wrapper {
		max-width: 1100px;
		width: 95%;	
		margin:0 auto;
	}
}

table thead tr th{
    font-size: 1.3rem;
}

table{
    width: 100%;
    text-align: center;
}
table thead tr{
   height: 30px;
}
table tbody tr td{
    padding: 0.5rem;
}
table tbody tr td a button{
    width: 50%;
}
table tbody tr td a button:hover, 
button #addusuario:hover, 
#verUsuarios:hover,
#verLogo:hover,
#verMatriz:hover,
#verAramil:hover,
#headerBorrar:hover,
#headerModificar:hover,
#footerModificar:hover,
#vueloModificar:hover,
#trasladoModificar:hover,
#hospedajeModificar:hover,
#agregarPasajeros:hover,
#editarPasajeros:hover,
#verDefault:hover,

#cancelar:hover{
    background-color: #777777;
}

#addusuario, 
#verUsuarios,
#verMatriz,
#verAramil,
#verLogo{
    height: 2.5rem;
    width: 100%;
}
#headerBorrar,
 #footerBorrar, 
 #vueloBorrar, 
 #trasladoBorrar, 
 #hospedajeBorrar, 
 #headerModificar, 
 #footerModificar,
 #vueloModificar,
 #trasladoModificar,
 #hospedajeModificar,
 #agregarPasajeros,
 #verDefault,

 #cancelar,#GuardarDefault{
    height: 100%;
    width: 100%;
}
#editarPasajeros{
height: 2rem;
width: 10rem;
}