@charset "utf-8";

*{
	box-sizing: border-box;
}


form *:not(label):not(div){
	background-color: #e5e5e5;	
	margin:0;
	padding:0;
	width:100%;
	padding: 0.4em;
    font-weight: 400;
	border: 5px;
	border-radius: 0;
	box-shadow: 0  0 3px #08b5f2; 
}

/*
input {
    AQUI estilos para todos los inputs
}

input:not([type="radio"]):not([type="checkbox"]) {
    aqui estilos para todos los inputs excepto los radio y los checkbox
}
*/

label{
	display:block;
	margin: 1em 0 0.5em 0;
	font-family:'Exo', sans-serif;
    font-weight:500;
	font-size: 0.9em;   
}

input, select{
    font-family:'Exo', sans-serif;
    font-weight:300;
	background-color:#08b5f2;
}

input[type="text"] {
    background-color: #08b5f2;

}

input[type="submit"] {
	color: #000000;
	font-weight: 600;
    background-color: #08b5f2;
    margin: 0 0 1.5rem;
}

input[placeholder], [placeholder], *[placeholder] {
   color: rgb(255, 255, 255);
}

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #000000;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #000000;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #ffffff;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #ffffff;
}

:required:focus {
	font-weight: bold;
	color: white;
	font-size: 1.1em;
  	box-shadow: 0  0 3px rgba(0, 88, 253, 0.5); 
}

/*

.horario label, .cursos label{
	display: block;
	width: 12em;
}

.horario input, .cursos input{
	display: inline;
	width: 1em;
}

*/

form div input{
	display: inline;
	width: 1em;
	margin: 1em;
}

form div label{
	margin-bottom: 1.3em;
}

.horario, .cursos{
	display: flex;
	align-items: center;
    margin:0.5em;
}

body {
    margin: 0;
    padding: 0;
    background-color: white;
}

header{
    background-color: #000000;
    height: 80px;
    margin: 0;
}

.cabecera {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0,5rem;
    padding: 1.10rem;
}


h6 {
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    color: white;
}

footer{
    margin:auto;
    background-color: #000000;
    padding:0.5rem;
    text-align: center;
}