/* EN MOVIL */
			@media only screen and (max-device-width: 640px) {

				#sidebar {
					display: none;
				}

				/* ESTILOS INDEX */

				#info_derecha {
					text-align: center;
					align-items: center;
				}

				.modal{
					display: none;
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					justify-content: center;
					align-items: center;
					align-content: center;
					background-color: rgba(59, 56, 56, 0.76);
				}

				.container-modal{
					height: 80%;
					border: 1px solid #ddd;
					overflow-y: scroll;
					display: grid;					
					grid-auto-columns: 100%;
					width: 80%;
					margin: auto;
					background-color: #fff;
					border-radius: 6px;
					padding: 0.1em 0.5em;		
				}

				.container-modal button{
					margin-left: 25%;
					margin-right: 25%;
				}

				header {
					text-transform: uppercase;
					margin-bottom: 5%;
					margin-left: 2%;
				}

				.input_text, .input_number, .input_mail, .select, .input_date {

					width: 150px;
					height: 20px;
					font-size: 10px;
					border-radius: 2px;

				}

				.input_radio, .input_checkbox {
					width: 10px;
					height: 10px;
				}

				footer {

					position: absolute;
					bottom: 0;
					margin: 10px;
					background-color: #636668;
					width: 100%;
					text-transform: uppercase;
					font-size: 10px;

				}

				input:valid {
					border-color: #82E0AA;
				}

				input:invalid {
					border-color: #FF8383;
				}

			}

			/*  EN PC ESTILOS INDEX */
			@media only screen and (min-device-width: 700px) {

				#logo_izquierdo {
					float: left;
					max-width: 50%;
				}

				#info_derecha {

					float: right;
					text-align: center;
					align-items: center;
					width: 50%;
				}

				.modal{
					display: none;
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					justify-content: center;
					align-items: center;
					align-content: center;
					background-color: rgba(59, 56, 56, 0.76);
				}

				.container-modal{					
					height: 90%;
					border: 1px solid #ddd;
					overflow-y: scroll;
					display: grid;					
					grid-auto-columns: 100%;
					width: 40%;
					margin: auto;
					background-color: #fff;
					border-radius: 6px;
					padding: 0.5em 2.5em;					
				}

				.container-modal button{
					margin-left: 25%;
					margin-right: 25%;
				}

				.container-title a{
					padding-top: 1em;
					padding-left: 2.5em;
					font-size: medium;
				}

				/* ESTILOS FORMULARIO REGISTRO */

				header {
					text-transform: uppercase;
					margin-bottom: 5%;
					margin-left: 2%;
				}

				.input_text, .input_number, .input_mail, .select, .input_date {

					width: 280px;
					height: 30px;
					font-size: 20px;
					border-radius: 4px;

				}

				.input_radio, .input_checkbox {

					width: 20px;
					height: 20px;

				}

				footer {

					position: absolute;
					bottom: 0;
					margin: 10px;
					background-color: #636668;
					width: 100%;
					text-transform: uppercase;
					font-size: 15px;

				}

				input:valid {
					border-color: #82E0AA;
				}

				input:invalid {
					border-color: #FF8383;
				}
			}