@charset "UTF-8";
/* !Estilos Generales */
body{
	background: url('/img/bg/medios.jpg') center center no-repeat #000000;
	background-size: cover;
	background-attachment: fixed;
	font-family: Light, Fallback, helvetica;
    font-size: 3vh;
    text-align: center;
}
h1{
    font-family: Titulo,Fallback, helvetica;
    font-size: 2em;
}
p{
    text-align: justify;
}
#contacto{
	display: flex;
	flex-wrap: wrap;
}
#info, form{
	margin: 12vh auto;
	background: rgba(255,255,255,0.6);
	width: 40vw;
    padding: 1em;
}
label {
	font-family: Titulo, Fallback, Helvetica;
	display:block;
	padding: .5em;
	text-align: left;
	letter-spacing:.2em;
}
input, textarea {
	box-sizing: border-box;
	background:#efefef;
	border:.1em solid #dedede;
	padding:.5em;
	font-size:0.9em;
	color:#3a3a3a;
	border-radius:1em;
	width:100%;
	transition: 400ms;
}
input[type=radio]{
	width: 	auto;
	margin: 0 1vw;
}
textarea {
	background:url(/img/logoMenu.png) center no-repeat #efefef;
	background-blend-mode: overlay;	
	background-size: cover;
}

input:focus, textarea:focus {
	border:.1em solid #b31219;
	transition: 400ms;
}
#submit {
	padding:1em;
	display: block;
	color:#BBB;
	background-color:#b31219;
	border:none;
	margin-top:15px;
	cursor:pointer;
	transition: 400ms;
}
#submit:hover {
	background: black;
	transition: 400ms;
}

#submit:active{
	color:black;
	background: white;
	transition: 400ms;
}

/* !iPhone */    
@media all and (max-width:600px){	
/* Contacto */
	#info, form{
		margin: 0vh auto;
		margin-top: 12vh;
		width: 80vw;
	    
	}
}