* {
	padding: 0;
	margin: 0;
	font-family: 'Dosis', sans-serif;
}

@font-face {
    font-family: MetaPro-Black;
    src: url("../fonts/MetaPro-Black.otf") format("opentype");
}

@font-face {
    font-family: MetaPro-Bold;
    src: url("../fonts/MetaPro-Bold.otf") format("opentype");
}

@font-face {
    font-family: MetaPro-Medium;
    src: url("../fonts/MetaPro-Medium.otf") format("opentype");
}

html{
	background-color: #FF8000;
}


/*---------------------------------HEADER---------------------------------*/
.barra div{
	display: inline-block;
	vertical-align: middle;
}

.barra{
	background-color: #14A79D;
	background-color: #6BAFA0;
	width: 100%;
	background: linear-gradient(135deg, #14A79D 0%, #14A79D 73%, transparent 0%), linear-gradient(-45deg, #6BAFA0 0%, #6BAFA0 27%, transparent 27%);
}

.menu{
	margin-left: 4%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	padding: 0.2% 0.6%;
	border: 6px solid white;
	border-radius: 12px;
	font-size: 300%;
}

.menu a{
	color: white;
	text-decoration: none;
}

.contenedorBuscador{
    
    display: table;
    width: 80%;
    background-color: white;
    height: 50px;
    border-radius: 15px;
    padding: 0.2% 0.6%;
    position: relative;
    margin-bottom: 0%;
    vertical-align:middle;
    cursor: pointer;
    
}



.home{
    font-size: 400%;
    vertical-align:middle;
}

.home a{
	color: white;
	text-decoration: none;
}


/*---------------------------------MAIN---------------------------------*/
.main{
	width: 50%;
	text-align: center;
	margin: 0 auto;
}


.texto1{
	font-family: MetaPro-Black;
	font-size: 250%;
	color: #272360;
    margin-top: 5%;
}


.texto2{
	font-family: MetaPro-Black;
	font-size: 300%;
	color: #272360;
}


.texto3{
	font-family: MetaPro-Black;
	font-size: 250%;
	color: #FBBB74;
}




h1 { 
    
    font-family: MetaPro-Black;
	font-size: 200%;
	color: #272360;

}

.boton1{
    display: table;
    width: 90%;
    background-color: white;
    height: 50px;
    border-radius: 15px;
    /* padding-bottom: 5%; */
    /* padding-top: 5%; */
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    position: relative;
    margin-bottom: 10%;
    /* margin-top: 5%; */
    cursor: pointer;
    
    
      
   font-family: MetaPro-Black;
    font-size: 100%;
    color: #272360;
        vertical-align:middle;
}













.boton2{
    display: table;
    width: 90%;
    background-color: white;
    height: 50px;
    border-radius: 15px;
    /* padding-bottom: 5%; */
    /* padding-top: 5%; */
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    position: relative;
    margin-bottom: 10%;
    /* margin-top: 5%; */
    cursor: pointer;
  
    font-family: MetaPro-Black;
    font-size: 100%;
    color: #272360;
    vertical-align:middle;
    
}


    
    
    















.boton3{
    display: table;
    width: 90%;
    background-color: white;
    height: 50px;
    border-radius: 15px;
    /* padding-bottom: 5%; */
    /* padding-top: 5%; */
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    position: relative;
    margin-bottom: 10%;
    /* margin-top: 5%; */
    cursor: pointer;
    
    
    
    font-family: MetaPro-Black;
    font-size: 100%;
    color: #272360;
    vertical-align:middle;
    
}


.boton4{
    display: table;
    width: 90%;
    background-color: white;
    height: 50px;
    border-radius: 15px;
    /* padding-bottom: 5%; */
    /* padding-top: 5%; */
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    position: relative;
    margin-bottom: 10%;
    /* margin-top: 5%; */
    cursor: pointer;


   font-family: MetaPro-Black;
    font-size: 100%;
    color: #272360;
    vertical-align:middle;;
}
    

h2 { 
    
    font-family: MetaPro-Black;
	font-size: 130%;
	color: white;
    width: 40%;
   
}


.boton5{
    display: table;
    width: 90%;
    background-color: white;
    height: 50px;
    border-radius: 15px;
    /* padding-bottom: 5%; */
    /* padding-top: 5%; */
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    position: relative;
    margin-bottom: 10%;
    /* margin-top: 5%; */
    cursor: pointer;


    font-family: MetaPro-Black;
    font-size: 100%;
    color: #272360;
    vertical-align:middle;

}












.contenedor{
    display: table;
    width: 90%;
    background-color: #FDBF67;
    height: 300px;
    border-radius: 35px;
    /* padding-bottom: 5%; */
    /* padding-top: 5%; */
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    position: relative;
    margin-bottom: 10%;
    /* margin-top: 5%; */
    cursor: pointer;

}

.textoOpcion:hover{
	background-color: #272361;
	color: white;
	border-radius: 35px;
}

.textoOpcion{
	font-family: MetaPro-Black;
    font-size: 200%;
    /* position: absolute; */
    color: #272360;
    /* top: 30%; */
    /* padding-top: 22%; */
    display: table-cell;
    vertical-align: middle;
}

.recibimiento{
	    width: 92%;
    margin-bottom: 3%;
    margin-top: 3%;
}

.opciones{
	width: 97%;
}













.botonRedes{
	min-width: 10%;
    border: 2px solid white;
    border-radius: 5px;
    background-color: white;
    margin-right: 1%;
    margin-top: 2%;
    font-size: 280%;
    padding: 0.2%;
    color: #272360;
}


/*Ingreso*/





.contenedor2{
    
    display: table;
    width: 23%;
    height: 300px;
    background-color:#14A79D   ;
    
    border-radius: 30px;
    margin-bottom: 30%;
    margin-top: 30%;
    margin-right:40%
    
}
.textoOpcion{
    position: center;
    font-size: 300%;
    
}













/*Calendario*/
.buscador{
    background-color: white;
    /* position: absolute; */
    padding: 1%;
    /* padding-left: 15%; */
    border: 2px solid white;
    border-radius: 5px;
    background-color: white;
    width: 38%;
    text-align: right;
}

.contenedorBuscador {
	width: 78%;
	text-align: center;
}

.cabeceraCalendario p {
	display: inline-block;
}

.cabeceraCalendario{
	    margin-top: 3%;
}

.calendario{
	    margin-top: 7%;
    /* margin: 0 auto; */
    text-align: center;
}

.calendario table {
	margin:0 auto;
}

.fecha .textoBoton1, .fecha div {
	display: inline-block;
}















.separador{
    width: 40%;
    background-color: #272360;
    margin: 0 auto;
    opacity: 0.7;
    color: white;
    cursor: pointer;
    padding-top: 0.2%;
}

footer{
	background-color: #6BAFA0;
	width: 100%;
	text-align:center;
	margin-top: 3%;
}

footer i {
	display:inline-grid;
	color: white;
	font-size: 40px !important;
	padding-right: 20%;
	padding-bottom: 1%;
	padding-top: 1%;
	cursor: pointer;

}