html,body {
	min-width: 100%;
	min-height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}
a {
	text-decoration: none;
}
#global{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}

.linea {
	width: 100%;
	float: left;
}
.dedo {cursor: pointer;}
.negrita {font-weight: bold;}
.cursiva {font-style: italic;}
.clase_visible {display: block;}
.clase_oculta {display: none;}
.centrado {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.text_overflow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.floating-label {
	position: absolute;
	pointer-events: none;
	left: 4px;
	top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	transition: 0.2s ease all;
	color: #767676;
	background: transparent;
	font-size: 11px;
}
/* Cuando hacemos click en un input */
input:focus ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 15px;
	display: block;
}
/* Cuando "deseleccionamos" un input */
input:not(:focus):valid ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 15px;
	display: block;
}
/* Cuando un input tiene texto */
input:valid ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 15px;
	display: block;
}

.checkbox-label {
	float: left;
	width: calc(100% - 25px);
	margin-left: 5px;
	color: #767676;
	font-size: 11px;
	line-height: 20px;
}

select:focus ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 15px;
	display: block;
}
select:not(:focus):valid ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 15px;
	display: block;
}
select:valid ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 15px;
	display: block;
}

textarea:focus ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 10px;
	display: block;
}
textarea:not(:focus):valid ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 10px;
	display: block;
}
textarea:valid ~ .floating-label {
	transform: scale(0.75) translateX(-18px) translateY(-16px);
	background: #FFFFFF;
	color: #005883;
	left: 10px;
	display: block;
}

.contenedor_input {
	float: left;
	position: relative;
	margin-top: 15px;
	height: 24px;
}
	.contenedor_input input {
		float: left;
		width: calc(100% - 14px);
		height: 20px;
		line-height: 20px;
		padding-left: 6px;
		padding-right: 6px;
		border-radius: 3px;
		border: 1px solid #D4D4D4 !important;
		background-color: #FAFAFA;
	}
		.contenedor_input input:focus {
			border: 1.5px solid #005883 !important;
			background-color: #FFFFFF;
		}
.contenedor_select {
	float: left;
	position: relative;
	margin-top: 15px;
	height: 24px;
}
	.contenedor_select select {
		float: left;
		width: 100%;
		height: 24px;
		padding-left: 6px;
		padding-right: 17px;
		border-radius: 3px;
		border: 1px solid #D4D4D4;
		background-color: #FAFAFA;
		cursor: pointer;
		background-image: url(../img/iconos/icono_flecha_abajo.png);
		background-repeat: no-repeat;
		background-position: right 5px center;
		background-size: 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
		.contenedor_select select:focus {
			outline: none;
		}
		.contenedor_select select:hover {
			outline: none;
		}
.contenedor_textarea {
	float: left;
	position: relative;
	margin-top: 15px;
	height: 124px;
}
	.contenedor_textarea textarea {
		float: left;
		width: calc(100% - 14px);
		height: 119px;
		font-family: 'Open Sans', sans-serif;
		line-height: 20px;
		padding-left: 6px;
		padding-right: 6px;
		border-radius: 3px;
		border: 1px solid #D4D4D4 !important;
		background-color: #FAFAFA;
	}
		.contenedor_textarea textarea:focus {
			border: 1.5px solid #005883 !important;
			background-color: #FFFFFF;
		}

	.ventana_input {
		float: left;
		width: calc(100% - 14px);
		height: 20px;
		line-height: 20px;
		padding-left: 6px;
		padding-right: 6px;
		border-radius: 3px;
		border: 1px solid #D4D4D4 !important;
		background-color: #FAFAFA;
	}
		.ventana_input:focus {
			border: 1.5px solid #005883 !important;
			background-color: #FFFFFF;
		}
	.ventana_select {
		float: left;
		width: 100%;
		height: 24px;
		padding-left: 6px;
		padding-right: 17px;
		border-radius: 3px;
		border: 1px solid #D4D4D4;
		background-color: #FAFAFA;
		cursor: pointer;
		background-image: url(../img/iconos/icono_flecha_abajo.png);
		background-repeat: no-repeat;
		background-position: right 5px center;
		background-size: 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
		select:focus {
			outline: none;
		}
		select:hover {
			outline: none;
		}
	.ventana_textarea {
		float: left;
		width: calc(100% - 14px);
		height: 119px;
		line-height: 20px;
		padding-left: 6px;
		padding-right: 6px;
		border-radius: 3px;
		border: 1px solid #D4D4D4 !important;
		background-color: #FAFAFA;
	}
		.ventana_textarea:focus {
			border: 1.5px solid #005883 !important;
			background-color: #FFFFFF;
		}

.boton {
	float: left;
	width: 70px;
	height: 24px;
	line-height: 24px;
	background-color: #005883;
	border-radius: 4px;
	margin-left: 10px;
	margin-top: 15px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}

/**************************************************/
/********************* CHECKBOX *******************/
/**************************************************/
.checkbox_off, .checkbox_on, .favorito_off, .favorito_on {
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.checkbox_texto {
	float: left;
	margin-left: 5px;
	height: 20px;
	line-height: 20px;
}
.checkbox_off {
	background-image: url('../img/formularios/checkbox_off.png');
}
.checkbox_on {
	background-image: url('../img/formularios/checkbox_on.png');
}
.checkbox_off:hover {
	background-image: url('../img/formularios/checkbox_off_over.png');
}
.checkbox_on:hover {
	background-color: #D0D0D0;
}

.boton_mas, .boton_eliminar {
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	line-height: 20px;
	width: 20px;
	border: 1px solid #005883;
	color: #005883;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
}

/**************************************************/
/********************** ICONOS ********************/
/**************************************************/
.icono_menu {
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
}
	.icono_menu:hover {
		background-color: #F2F2F2;
	}
	.icono_menu_imagen {
		float: left;
		width: 25px;
		height: 25px;
		margin-top: 5px;
		margin-left: 5px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icono_menu #icono_menu_hamburguesa {
		background-image: url('../img/listado/icono_menu_hamburguesa.png');
	}
	.icono_menu #icono_cabecera_configuracion {
		background-image: url('../img/iconos/icono_cabecera_configuracion.png');
	}
	.icono_menu #icono_cabecera_menu {
		background-image: url('../img/iconos/icono_cabecera_menu.png');
	}
	.icono_menu #icono_menu_papelera {
		background-image: url('../img/listado/icono_papelera.png');
	}
	.icono_menu #icono_menu_activar {
		background-image: url('../img/iconos/icono_ver_on.png');
	}
	.icono_menu #icono_menu_desactivar {
		background-image: url('../img/iconos/icono_ver_off.png');
	}
	
/**************************************************/
/********************* BOTONES ********************/
/**************************************************/
.botones {
	float: left;
	width: 100%;
	height: 50px;
	margin-top: 20px;
	font-size: 12px;
}
	.boton_on {
		float: right;
		width: 80px;
		height: 30px;
		line-height: 30px;
		background-color: #005883;
		border-radius: 4px;
		margin-left: 20px;
		color: #FFFFFF;
		text-align: center;
		cursor: pointer;
	}
		.boton_on:hover {
			-webkit-box-shadow: 0px 1px 2px 1px rgba(207,207,207,1);
			-moz-box-shadow: 0px 1px 2px 1px rgba(207,207,207,1);
			box-shadow: 0px 1px 2px 1px rgba(207,207,207,1);
		}
	.boton_off {
		float: right;
		width: 60px;
		height: 30px;
		line-height: 30px;
		margin-left: 15px;
		color: #000000;
		background-color: #FFFFFF;
		text-align: center;
		cursor: pointer;
	}
	.boton_extra {
		float: right;
		width: 100px;
		height: 30px;
		line-height: 30px;
		margin-right: 20px;
		color: #808080;
		text-align: center;
		cursor: pointer;
	}
	.boton_borrar {
		float: right;
		width: 60px;
		height: 30px;
		line-height: 30px;
		margin-left: 15px;
		color: #e37222;
		background-color: #FFFFFF;
		text-align: center;
		cursor: pointer;
	}

/**************************************************/
/******************* FORMULARIOS ******************/
/**************************************************/
input[type="text"], input[type="number"], input[type="email"], select {
	border: none;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus {outline: none;}
input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="password"]:hover {outline: none;}

select:focus {
	outline: none;
}
select:hover {
	outline: none;
}

.checkbox_texto {
	float: left;
	margin-left: 5px;
	height: 20px;
	line-height: 20px;
}
.checkbox_off {
	background-image: url('../img/formularios/checkbox_off.png');
}
.checkbox_on {
	background-image: url('../img/formularios/checkbox_on.png');
}
.checkbox_off:hover {
	background-image: url('../img/formularios/checkbox_off_over.png');
}
.checkbox_on:hover {
	background-color: #D0D0D0;
}

.favorito_off {
	background-image: url('../img/formularios/favorito_off.png');
}
.favorito_on {
	background-image: url('../img/formularios/favorito_on.png');
}
.favorito_off:hover {
	background-image: url('../img/formularios/favorito_off_over.png');
}
.favorito_on:hover {
	background-image: url('../img/formularios/favorito_on_over.png');
}