* {
	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.3%;
	border: 6px solid white;
	border-radius: 12px;
	font-size: 300%;
}

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

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

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


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

.texto1{
	font-family: MetaPro-Bold;
	font-size: 200%;
	color: #6A6289;
	margin-top: 5%;
}

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

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

.boton1{
	    border: 2px solid white;
    border-radius: 5px;
    background-color: white;
    width: 35%;
    margin-top: 6%;
}

.boton1 p{
	display: inline-block;
}

.textoBoton1, table td {
	font-family: MetaPro-Medium;
	font-size: 150%;
	color: #272360;
	padding: 0.5%;
}

table td{
	padding: 4%;
	cursor: pointer;
}

table {
	border-collapse: collapse;
}
table thead{
	background-color: #FFB300;
}

.boton2{
border: 2px solid white;
    border-radius: 5px;
    background-color: white;
    width: 35%;
    margin-top: 10%;
}

.boton2 p{
	display: inline-block;
}

.textoBoton2{
	font-family: MetaPro-Black;
	font-size: 150%;
	color: #272360;
	padding: 0.5%;
}
button{
	cursor: pointer;
}
.texto4{
	font-family: MetaPro-Bold;
	font-size: 120%;
	color: #272360;
	text-align: left;
	margin-top: 8%;
	margin-left: 27%;
}

.bienvenida p{
	display: inline-block;
}


.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;
}


/*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;
}

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

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

}

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