#contact{
	background-color: #EBEBEB;	
}

.contact_gris{
	color: #67666B;
}

.contact-input{
	text-align: center;	
}

#contact > .address{
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	padding-top: 50px;
}

#contact > .social{
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	padding-top: 50px;	
}

#contact > .social img{
	display: inline-block;
	margin: 0 3px 0 3px;
}

#contact > .key_contact{
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	padding-top: 100px;	
}

#contact .subtitulo{
	font-size: 22px;
}



#contact .email a{
	color: black;
}

.form_contact .contact_button{
	color: white;
	background-color: #00b289;
	font-size: 22px;
	cursor: pointer;
	
	border-bottom-color: #00b289;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #00b289;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #00b289;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #00b289;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    
    webkit-border-bottom-color: #00b289;
    webkit-border-bottom-left-radius: 10px;
    webkit-border-bottom-right-radius: 10px;
    webkit-border-bottom-style: solid;
    webkit-border-bottom-width: 1px;
    webkit-border-left-color: #00b289;
    webkit-border-left-style: solid;
    webkit-border-left-width: 1px;
    webkit-border-right-color: #00b289;
    webkit-border-right-style: solid;
    webkit-border-right-width: 1px;
    webkit-border-top-color: #00b289;
    webkit-border-top-left-radius: 10px;
    webkit-border-top-right-radius: 10px;
    webkit-border-top-style: solid;
    webkit-border-top-width: 1px;
    
    moz-border-bottom-color: #00b289;
    moz-border-bottom-left-radius: 10px;
    moz-border-bottom-right-radius: 10px;
    moz-border-bottom-style: solid;
    moz-border-bottom-width: 1px;
    moz-border-left-color: #00b289;
    moz-border-left-style: solid;
    moz-border-left-width: 1px;
    moz-border-right-color: #00b289;
    moz-border-right-style: solid;
    moz-border-right-width: 1px;
    moz-border-top-color: #00b289;
    moz-border-top-left-radius: 10px;
    moz-border-top-right-radius: 10px;
    moz-border-top-style: solid;
    moz-border-top-width: 1px;
    
    khtml-border-bottom-color: #00b289;
    khtml-border-bottom-left-radius: 10px;
    khtml-border-bottom-right-radius: 10px;
    khtml-border-bottom-style: solid;
    khtml-border-bottom-width: 1px;
    khtml-border-left-color: #00b289;
    khtml-border-left-style: solid;
    khtml-border-left-width: 1px;
    khtml-border-right-color: #00b289;
    khtml-border-right-style: solid;
    khtml-border-right-width: 1px;
    khtml-border-top-color: #00b289;
    khtml-border-top-left-radius: 10px;
    khtml-border-top-right-radius: 10px;
    khtml-border-top-style: solid;
    khtml-border-top-width: 1px;
	
}

.form_contact .estilo_form{
	border-bottom-color: #c7c8c9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #c7c8c9;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #c7c8c9;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #c7c8c9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    
    webkit-border-bottom-color: #c7c8c9;
    webkit-border-bottom-left-radius: 10px;
    webkit-border-bottom-right-radius: 10px;
    webkit-border-bottom-style: solid;
    webkit-border-bottom-width: 1px;
    webkit-border-left-color: #c7c8c9;
    webkit-border-left-style: solid;
    webkit-border-left-width: 1px;
    webkit-border-right-color: #c7c8c9;
    webkit-border-right-style: solid;
    webkit-border-right-width: 1px;
    webkit-border-top-color: #c7c8c9;
    webkit-border-top-left-radius: 10px;
    webkit-border-top-right-radius: 10px;
    webkit-border-top-style: solid;
    webkit-border-top-width: 1px;
    
    moz-border-bottom-color: #c7c8c9;
    moz-border-bottom-left-radius: 10px;
    moz-border-bottom-right-radius: 10px;
    moz-border-bottom-style: solid;
    moz-border-bottom-width: 1px;
    moz-border-left-color: #c7c8c9;
    moz-border-left-style: solid;
    moz-border-left-width: 1px;
    moz-border-right-color: #c7c8c9;
    moz-border-right-style: solid;
    moz-border-right-width: 1px;
    moz-border-top-color: #c7c8c9;
    moz-border-top-left-radius: 10px;
    moz-border-top-right-radius: 10px;
    moz-border-top-style: solid;
    moz-border-top-width: 1px;
    
    khtml-border-bottom-color: #c7c8c9;
    khtml-border-bottom-left-radius: 10px;
    khtml-border-bottom-right-radius: 10px;
    khtml-border-bottom-style: solid;
    khtml-border-bottom-width: 1px;
    khtml-border-left-color: #c7c8c9;
    khtml-border-left-style: solid;
    khtml-border-left-width: 1px;
    khtml-border-right-color: #c7c8c9;
    khtml-border-right-style: solid;
    khtml-border-right-width: 1px;
    khtml-border-top-color: #c7c8c9;
    khtml-border-top-left-radius: 10px;
    khtml-border-top-right-radius: 10px;
    khtml-border-top-style: solid;
    khtml-border-top-width: 1px;
}


.image_background{
	min-height: 450px;
	background-color: #EBEBEB;
	background-image: url('../img/contact_bg_footer.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;	
	background-size: 2000px;
}








/*-------------------------------------------------------------------------------------------------------------------------
	media querys para el email de contacto y el titulo de la seccion
-------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 980px) {
	
	#contact > .titulo{
		font-size: 90px;
		line-height: 69px;
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: center;
	}
	
	#contact .email{
		font-size: 30px;
		padding-bottom: 20px;
	}
}


@media (max-width: 980px) and (min-width: 768px){
	#contact > .titulo{
		font-size: 90px;
		line-height: 69px;
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: center;
	}
	
	#contact .email{
		font-size: 22px;
		padding-bottom: 20px;
	}
}


@media (max-width: 768px) and (min-width: 540px){
	#contact .email{
		font-size: 22px;
		padding-bottom: 20px;
	}
	
	#contact > .titulo{
		font-size: 80px;
		line-height: 69px;
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: center;
	}
	
}

@media (max-width: 540px) and (min-width: 400px){
	#contact .email{
		font-size: 16px;
		padding-bottom: 20px;
	}
	
	#contact > .titulo{
		font-size: 70px;
		line-height: 69px;
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: center;
	}
	
}

@media (max-width: 400px) and (min-width: 320px){
	#contact .email{
		font-size: 13px;
		padding-bottom: 20px;
	}
	
	#contact > .titulo{
		font-size: 60px;
		line-height: 69px;
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: center;
	}
	
}

@media (max-width: 320px){
	#contact .email{
		font-size: 12px;
		padding-bottom: 20px;
	}
	
	#contact > .titulo{
		font-size: 50px;
		line-height: 69px;
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: center;
	}
	
}



/*-------------------------------------------------------------------------------------------------------------------------
	media querys para el formulario
-------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 540px){
	#contact > .form_contact{
		width: 100%;
		text-align: center;	
		padding-top: 50px;	
	}
	
	.form_contact span{
		font-size: 22px;	
	}
	
	.form_contact .input{
		display: block;
	}
	
	.form_contact label {
		display: block;
		color: #67666B;
		font-size: 22px;
		clear: both;	
	}
	
	.form_contact input{
		
		width: 400px;
		height: 60px;
		margin-top: 5px;
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 54px;
	}
	
	.form_contact textarea{	
		width: 400px;
		height: 120px;
		margin-top: 5px;
		margin-bottom: 20px;
		resize: none; 
		font-size: 34px;
		line-height: 54px;
	}
}


@media (max-width: 540px) and (min-width: 200px){
	#contact > .form_contact{
		width: 100%;
		text-align: center;	
		padding-top: 50px;	
	}
	
	.form_contact span{
		font-size: 22px;	
	}
	
	.form_contact .input{
		display: block;
	}
	
	.form_contact label {
		display: block;
		color: #67666B;
		font-size: 22px;
		clear: both;	
	}
	
	.form_contact input{		
		width: 70%;
		height: 60px;
		margin-top: 5px;
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 54px;
	}
	
	.form_contact textarea{	
		width: 70%;
		height: 120px;
		margin-top: 5px;
		margin-bottom: 20px;
		resize: none; 
		font-size: 34px;
		line-height: 54px;
	}
}