*{
    font-family: 'Geo';
}
html, body{
	height: 100%;
	width: 100%;
	
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	
	background: rgba(44, 44, 44, 1); /* gris de fondo */
}
/* pagina - contenido */
#pagina{
	position: relative;
	margin:0 auto;
	height: 100%;
	width: 100%;
}
#contenido_registro{
	float: left;
	margin:0 auto;
	height: 100%;
	width: 100%;
	
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
#col_central{
	float:left;
	width:90%;
	margin-left:5%;
	margin-top: 80px;
	margin-bottom: 80px;
	clear: both;
}
		#col_info{
			float: left;
			width: 30%;
			margin-top: 50px;
		}
			#col_info_1{
				float:left;
				width:98%;
			}
				.titulo_info_1{
					float: left;
					width: 98%;
					padding: 4px 2%;
					text-align: left;
					color: white;
					font-size: 1.4em;
					font-weight: normal;
					border-top: 4px solid rgba(124,20,37, 1); /* burdeos */
					background-color: rgba(92,101,92, 0.7);
				}
				.texto_info_1{
					width: 85%;
					color: white;
					margin: 2px 0;
					padding: 2px 5% 2px 10%;
					float: left;
					font-size:1em;
					text-align: left;
				}
				.enlace_registro{
					color: rgba(80, 80, 80, 1);
					text-decoration: underline;
				}
					.enlace_registro_out{
						color: rgba(250, 250, 250, 1);
						text-decoration: underline;
					}
					.enlace_registro:hover, .enlace_registro_out:hover{
						color: rgba(124,20,37, 1); /* burdeos */
						text-decoration: underline;
					}
				.info_subtitulo_c{
					float: left;
					width: 94%;
					margin: 8% 3%;
					padding-top: 10px;
					font-size: 0.9em;
					color: black;
					border-top: 1px solid white;
				}
				    .chek_send{
				        float: left;
				        width: 100%;
				    }
				        .chek_send_icon{
    				        float: left;
    				        text-align: left;
    				        font-size: 1.4em;
    				        color: grey;
    				        cursor: pointer;
    				    }
    				        .chek_send_icon:hover{
    				            color: black;
    				        }
    				        .verde{
    				            color: green;
    				        }
				        .chek_send_text{
    				        float: left;
    				        margin-left: 10px;
    				        width: 70%;
    				        text-align: left;
    				        font-size: 1em;
    				    }
				
		#col_operacion{
			float: left; 
			width: 68%;
			margin-left: 2%;
			margin-top: 50px;
		}
			#columna_registro_1{
				float: left;
				width: 96%;
				padding: 0 2%;
				margin-bottom: 30px;
			}
			.info_registro{
				float: left;
				width: 100%;
			}
			.incorrecto{ 
				color: red !important;
			}
			.navegacion{
				float: left;
				width:100%;
				color: rgba(186, 186, 186, 1);
				font-size: 1.1em;
			}
				.navegacion a:hover{
					color: white;
				}
			.navegacion_seleccionado{
				font-weight: bolder;
				font-size: 1.1em;
			}
		#columna_registro{
			float: left;
			width: 100%;
			height: auto !important;
			padding: 0;
			font-size: 1.5em;
			margin-bottom: 30px;
			border: 1px solid rgba(124,20,37, 1); /* burdeos */
			border-top-width: 3px;
			
			background: rgba(240, 240, 240, 0.8);
			
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
			#columna_registro:hover{
				background: rgba(240, 240, 240, 1);
			}
		.titulo_registro_1{
			float: left;
			width: 96%;
			padding: 4px 2%;
			text-align: left;
			color: white;
			font-size: 1.2em;
			font-weight: normal;
			border-top: 2px solid rgba(124,20,37, 1); /* burdeos */
			background-color: rgba(92,101,92, 0.7);
		}
		.texto_registro_1{
			width: 85%;
			padding: 10px 5% 4px 10%;
			float: left;
			font-size: 0.9em;
			text-align: left;
		}
			#campo_r{
				float:left;
				width:100%;
			}
			.campo_input_r{
				float:right;
				width:90%;
				padding: 8px 2%;
				font-size:1em;
				background: transparent;
				color: black;
				border: none;
				outline: none;
				border-bottom:1px solid grey;
			}
			.campo_input_r:focus {
				border-color: rgba(124,20,37, 1); /* burdeos */
			}
			
			.boton_input_r{
				float:left;
				width:80%;
				font-size: 0.9em;
				margin: 20px 10%;
				padding: 8px 0;
				color: black;
				border:1px solid black;
				
				text-align: center;
				
				background: rgba(225, 225, 225, .7);
				
				-moz-transition:all 1s ease;
				-ms-transition:all 1s ease;
				-o-transition:all 1s ease;
				transition:all 1s ease;
			}
			.boton_input_r:hover{
				color: white;
				background: rgba(124,20,37, 1); /* burdeos */ 
				cursor:pointer;
			}		
			.visible{
				visibility:visible;
			}
			.oculto{
				visibility:hidden;
			}
			.titulo_registro_2{
				float: left;
				width: 96%;
				padding: 4px 2%;
				text-align: left;
				color: white;
				font-size: 1.2em;
				font-weight: normal;
				border-top: 2px solid rgba(124,20,37, 1); /* burdeos */
				background-color: rgba(92,101,92, 0.7);
			}
			.texto_registro_2{
				width: 85%;
				padding: 6px 5% 4px 10%;
				float: left;
				font-size: 0.9em;
				text-align: left;
			}
			#leyenda_2{
				float: left;
				width: 100%;
				color: red !important;
			}
			#leyenda_3{
				float: left;
				width: 96%;
				padding: 2px 2%;
				font-size: .9em;
				color: red !important;
			}
			#leyenda_4, #leyenda_5{
				float: left;
				width: 90%;
				margin: 4px 5%;
				color: red !important;
			}
			.recuperar_password{
				float: right;
				text-align: right;
				width: 85%;
				font-size:1em;
			}
				.recuperar_password:hover{
					color:  rgba(124,20,37, 1); /* burdeos */ 
					cursor: pointer;
				}
			
	#mail_enviado{
			float:left;
			width: 100%;
			margin-bottom: 20px;
			text-align: left;
			font-size:.9em;
			background: rgba(124,20,37, 1); /* burdeos */ 
			color: white;
			
			-webkit-transition: all 0.7s ease-in-out;
			-moz-transition: all 0.7s ease-in-out;
			-o-transition: all 0.7s ease-in-out;
			-ms-transition: all 0.7s ease-in-out;
			transition: all 0.7s ease-in-out;
		}
			.texto_mail_enviado{
				float: left;
				width: 80%;
				padding: 10px 5% 6px 5%;
			}
			.cerrar_mail_enviado{
				float: right;
				text-align: right;
				width: 8%;
				padding-top: 8px;
				padding-right: 2%;
				font-size: 1.4em;
			}
				.cerrar_mail_enviado:hover{
					cursor: pointer;
					color: white;
				}
			.boton_aceptar_r{
				float:right;
				width:20%;
				font-size: 0.9em;
				margin: 20px 10%;
				padding: 8px 0;
				color: black;
				border:1px solid black;
				
				text-align: center;
				
				background: white;
				
				-moz-transition:all 1s ease;
				-ms-transition:all 1s ease;
				-o-transition:all 1s ease;
				transition:all 1s ease;
			}
			.boton_aceptar_r:hover{
				color: white;
				background: grey;
				border-color: white;
				cursor:pointer;
			}
		
/* MEDIA QUERIES */
@media screen and (max-width: 1150px) {
	#col_central{ width:96%; margin-left:2%;}
}

@media screen and (max-width: 700px) {
	#col_info{
		width: 100%;
		margin: 0;
	}
		#col_info_1{
			margin-bottom: 8px;
		}
	#col_operacion{
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 700px) {
	html, body{
		background: black;
	}
}