body{
	background-color: black;
}

a{
	text-decoration:none;
}
#contenido_acceso{
	width: 100%;
	margin:0 auto;
	padding-top:20px;
	
}
	#col_central{
		float:left;
		width:90%;
		margin:0 auto;
		margin-left:5%;
	}
		.titulo{
			font-size:2.4em;
			padding-top: 40px;
			color:#FFF;
			text-align:center;
		}
		
		.subtitulo{
		    float: left;
		    width: 90%;
		    margin-left: 5%;
			font-size:1.2em;
			padding-top: 10px;
			text-align: center;
			color:#FFF;
		}
		#info{
			float:left;
			width:100%;
			text-align:center;
			font-size:1.2em;
			color:white;
			background-color:#C30;
		}
		.texto_info{
			float: left;
			padding:20px 10% 10px 10%;
			width: 75%;
		}
			.cerrar{
				float:right;
				width: 5%;
				padding-top:10px;
				font-size:1.5em;
				color:white;
			}
			.cerrar:hover{
				color: #FFCC33;
			}
	#form_input{
		float:left;
		width:100%;
		margin-top:10px;
		padding:20px 0;
		background-color:rgba(255, 150, 28, .7);
	}
		#form_input:hover{
			background-color:rgba(255, 150, 28, .9);
		}
		::-webkit-input-placeholder { color: rgba(80, 80, 80, 1); } 
		:-moz-placeholder { /* Firefox 18- */ color: rgba(80, 80, 80, 1); } 
		::-moz-placeholder { /* Firefox 19+ */ color: rgba(80, 80, 80, 1); } 
		:-ms-input-placeholder { color: rgba(80, 80, 80, 1); }
		#campo{
			float:left;
			width:60%;
			padding:10px 20% 10px 20%;
		}
		.campo_img{
			float:left;
			width:20%;
			color: white;
			font-size: 3em;
			max-width:50px;
		}
		.campo_input{
			float:left;
			width:75%;
			margin-left:5%;
			padding:10px 0;
			font-size:1.6em;
			border:none;
			background:none;
			border-bottom:2px solid #FFD5A5;
			color: black;
		}
		.campo_input:focus{
			color: black;
			border:none;
			outline: none;
			border-bottom: 2px solid black;
		}
		.campo_input:active{
			background-color: transparent;
			color: black;
		}
		.boton_input_submit{
			display: none;
		}
		.boton_input{
			float:left;
			margin-left: 40%;
			text-align: center;
			font-size:3em;
			color:#FFD5A5;
			cursor: pointer;
		}
		.boton_input:hover{
			color:white;
		}		
		.visible{
			visibility:visible;
		}
		.oculto{
			visibility:hidden;
		}
		#pie_acceso{
			float:left;
			text-align:center;
			width:100%;
			margin:0 auto;
			margin:20px 0;
		}
			.col_pie{
				float:left;
				text-align:center;
				width:50%;
				margin:0 auto;
				color: white;
			}
			.txt_col_pie{
				float: left;
				width: 100%;
				font-size: 1.2em;
				text-align: center;
			}
			.grande{
				float: left;
				width: 92%;
				padding: 6px 4%;
				font-size: 2.2em;
				text-align: center;
			}
			.pie_mail_pswd{
				clear:both;
				font-size:.8em;
				color:#F7F7F7;
				margin-bottom:10px;
				text-align:center;
			}
			.pie_mail_pswd a:hover{
				color:orange;
				text-decoration: underline;
			}
			.pie_info{
				font-size:1em;
				text-align:center;
				color:#F7F7F7;
			}
	#col_central_gracias{
		float:left;
		width:100%;
		margin:0 auto;
		margin-top:20px;
		background-color:black;
	}
		#texto_gracias{
			padding:6px;
			font-size: 1.2em;
			text-align: center;
			color:white;
		}
.tiempo_espera{
	display:none;
	float:left;
	width:50%;
	margin-left:15%;
	text-align:center;
	font-size:1.2em;
	font-weight:bolder;
	padding:10px 10%;
	color:white;
	margin-top:10px;
	background-color:#C30;
}
			
/* MEDIA QUERIES */
@media screen and (max-width: 700px) {
	#campo{
		width:96%;
		padding:10px 2%;
	}
}

@media screen and (max-width: 600px) {
	#col_central{
		width:100%;
		margin:0 auto;
		margin-top:0;
	}
	.col_pie{
		width:100%;
	}
	.txt_col_pie{
		font-size: .9em;
	}
	.grande{
		font-size: 1.2em;
	}
	#info{ 
		width:96%; 
		margin:0 auto; 
		padding:10px 2%; 
		font-size:1em;
		margin-top:20px;
		margin-bottom:0;
	}
	#campo{
		width:96%;
		padding:10px 2%;
	}
	.titulo{ 
		font-size:1.4em; 
	}
	.campo_input{ 
		font-size:1em; 
		padding:5px 0;
	}
	.campo_img{	
		max-width:30px; 
		font-size: 2em;
	}
	.boton_input{ 
		font-size:2em;
	}
}