@charset "utf-8";
/* CSS Document */

body {
	/*QUITARLE EL MARGEN QUE TIENE EL BODY MENOS EL MARGEN DE ARRIBA*/
	margin:50px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*MSG DE ERROR PARA EL INDEX*/
.error {
	width: 496px;
	padding: 13px 0px 13px 0px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	font-size: 20px;
	font-family:Verdana, Geneva, sans-serif;
	color: #444444;
	font-weight: normal;
}

/*IMAGEN DEL LOGO*/
.logo {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	display:block;
}

/*ESTILOS PARA INICIO DE SESIÓN*/
.caja {
	width: 500px;
	font-weight: normal;
	overflow: hidden;
	background: #fff;
	border-radius:20px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	margin-bottom: 10px;
	opacity:0.8;
	padding-top:50px;
	padding-bottom:50px;
}

.caja input[type="button"] {
	display:none;
}

.caja input[type="button"]:hover {
	display:none;
}

/*FORMATO BOTON LOGIN*/
.button
{
	float:left;
	background-color: #333;
	color: white;
	cursor: pointer;
	font-size: 30px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:30px;
	margin-bottom:20px;
	width:438px;
	box-shadow: 0px 5px 10px 0px #333;
	border-radius:15px;
	font-size:30px;
	height:42px;
	-webkit-appearance: none;
}

/*CONTENEDOR QUE LO ENVUELVE*/
.contenedor {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width:990px;
	font-size:30px;
	position:relative;
	/*border:0.5px solid #333;*/
}

/*CONTENIDO QUE LO ENVUELVE*/
.contenedor .contenido {
	width:inherit;
	/*Quitamos la imagen de fondo de la capa contenedor si la queremos de fondo del body*/
	/*Para poner fondo de color la descomentamos*/
	/*background-image:url("/imagenes/fondo2.jpg");*/
	float:left;
	/*border:0.5px solid #666;*/
	
	/*Con el HEIGHT=100VH hacemos que ocupe toda la altura
	height:100vh;*/
}

/*BOTONES DEL CONTENIDO*/
.contenedor .contenido .botones_contenido {
	width:928px;
	height:196px;
	text-align:center;
	border-radius:20px;
	margin-bottom:20px;
	margin-top:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	line-height:196px;
	color:#ffffff;
	/*LETRA MAS GRANDE*/
	font-size:75px;
	/*Y gruesa*/
	font-weight:700;
	/*TRANSPARENCIA EN LOS BOTONES*/
	opacity: 0.9;
}

/*BOTONES DE ACCESO*/
.contenedor .contenido .boton_acceso {
	background-color:#333;
}

/*BOTONES DE ENCABEZADO*/
.contenedor .contenido .boton_cabecera {
	background-color:#999;
	color:#000;
}

/*ESTILOS PARA EL CONTENIDO EN BLANCO*/
.contenedor .contenido_blanco {
	width:950px;
	background:#ffffff;
	float:left;
	margin:20px;
	border-radius:20px;
	padding-bottom:30px;
	opacity: 0.9;
}

/*PARA LOS BOTONES DE ACCIÓN*/
.contenedor .contenido_blanco .seccion_botones_accion {
	width:inherit;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

/*PARA LOS BOTONES DE ACCIÓN*/
.contenedor .contenido_blanco .seccion_botones_accion img {
	width:100px;
	margin-left:240px;
}

/*BOTONES DE ACEPTAR Y CANCELAR*/
.contenedor .contenido_blanco .botones_archivo {
	width:inherit;
	margin-top:20px;
	float:left;
}

/*PARA LOS BOTONES DE GUARDAR Y CANCELAR*/
.contenedor .contenido_blanco .botones_archivo .boton_aceptar {
	float:right;
	width:100px;
	padding:20px;
}

.contenedor .contenido_blanco .botones_archivo .boton_cancelar {
	float:left;
	width:100px;
	padding:20px;
}

/*FORMATO PARA LOS CAMPOS*/
/*LOS TAMAÑOS DE LOS CAMPOS LOS DEFINIMOS EN EL PROPIO PHP CON LA PROPIEDAD STYLE*/
.formato_campo {
	margin-left:25px;
	margin-top:20px;
	float:left;
	font-size:30px;
	font-weight:700;
}

.msg_no_encontrado {
	width:100%;
	text-align:center;
	float:left;
	margin-bottom:20px;
}

.formato_campo input[type="number"], .formato_campo input[type="password"], .formato_campo input[type="text"], .formato_campo input[type="date"], .formato_campo input[type="time"], .formato_campo select {
	border: 2px solid #999;
	box-shadow: 0px 5px 10px 0px;
	border-radius:15px;
	font-size:30px;
	float:left;
	height:42px;
	width:inherit;
	-webkit-appearance: none;
	background:#ffffff;
	/*EVITAR PADDING EN IPHONES*/
	padding:0px;
	padding-left:5px;
	margin-top:10px;
}

/*FORMARTO DEL SELECT*/
.formato_campo select {
	height:46px;
}

/*BOTÓN CIRCULAR X*/
.boton_eli_x {
	background:red;
	width:50px;
	border-radius:25px;
	border:none;
	color:white;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0px;
	cursor:pointer;
	font-size:25px;
}