@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Mada:300,400,500,900|Noto+Serif:400,400i,700,700i';

*{
	box-sizing: border-box;
}

form{
	max-width: 24em;
}

body{
background-color:rgb(0, 196, 151);
    
}

form *:not(label):not(div){
	background-color: rgb(206, 206, 206);
	margin:0;
	padding:0;
	width:100%;
	padding: 0.4em;
	border: 0;
	border-radius: 0.8em;
	box-shadow: 0  0 3px rgba(2, 71, 165, 0.66); 
}

/*
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: 'Noto+Serif';
	font-size: 1.2em;
}

input, select{
	font-family: 'Mada';
    background-color: rgb(206, 206, 206);
}

input[type="text"] {
    background-color: rgb(206, 206, 206);
}

input[type="submit"] {
	color: white;
    font-size: 1em;
	font-weight: 600;
    background-color:rgb(114, 113, 113);
}

input[placeholder], [placeholder], *[placeholder] {
   color: #000000;
}

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

:required:focus {
	font-family: 'Mada';
	color: white;
	font-size: 1.1em;
  	box-shadow: 0  0 3px rgba(255,0,0,0.5); 
}

/*

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

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

*/

form div input{
	font-family: 'Mada';
    font-size: 1.1em;
    display: inline;
	width: 1em;
	margin: 1em;
}

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

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