/* CSS Document */
body {

	overflow:visible;
}

#contacto .contentInfo {
	background:url(../images/comun/bg_secciones.png) top center repeat;
	width:1050px;
	margin:0 auto;
	height:auto;
	padding-bottom:40px;
}


#contacto.contentInfo .info {
	width:1050px;
	margin:0 auto;
	margin-top:70px;

}


/*FORMULARIO*/
#contacto form {
	padding-top:60px;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:40px;
	padding-bottom:50px;
	height:auto;
}


#contacto label {
	display:block;
	color:#000;
	font-size:28px;
	font-family: 'beyond_the_mountainsregular';
	margin-bottom:10px;
	padding-left:10px;
	width:90%;
}


#contacto input {
	border:none;
	color:#666;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	height:55px;
	margin-bottom:10px;
	padding-left:5px;
	margin-bottom:40px;
	border-radius:4px;
	width:100%;
}

#contacto .pulldown {
	border:none;
	color:#666;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	height:55px;
	margin-bottom:10px;
	padding-left:5px;
	margin-bottom:40px;
	border-radius:4px;
	width:100%;
}

#contacto .textarea {
	border:none;
	color:#666;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	height:280px;
	margin-bottom:10px;
	padding-left:5px;
	margin-bottom:40px;
	border-radius:4px;
	width:100%;
}


#contacto .btn-color {
	background:url(../images/contacto/btn-enviar.png) top right no-repeat;
	display:block;
	cursor:pointer;
	border-radius:4px;
	height:81px; 
	float:right;
	width:200px;
}







/*FORM MENSAJES -----------------------------------------------------------------------*/
.alert {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
}



.alert-success {
    color: #fff;
    background-color:#c4211a;
    border-color: #fff;
    display:flex;
}


.alert-danger {
    color: #fff;
    background-color:#c4211a;
    border-color: #fff;
    display:flex;
}


.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


.aviso {
    font-size: 18px;
    line-height: 25px;
    margin: 10%;
    font-weight: 400;
    text-align: center;
}


.text-white {
    color: #ffffff;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}


.errormsg {
	color:red;
    font-size: 20px;
	font-family: 'Quicksand', sans-serif;
    line-height: 25px;
    text-align: center;
}

.mensaje {
	height:600px;
	margin:0 auto;
	width:400px;
	padding-top:30px;
	text-align:center;
}


.mensaje h1 {
	font-family: 'Quicksand', sans-serif;
	font-weight:bold;
	color:red;
	font-size:25px;
	line-height:32px;
}

.mensaje p {
	font-family: 'Quicksand', sans-serif;
	color:#666;
	font-size:18px;
	line-height:25px;
}


/*MEDIA QUERIES // RESPONSIVE ---------------------------------------------*/



/*1024*/
@media screen and (max-width: 1050px) {
	
	
#contacto .contentInfo {width:95%; margin:0 auto;}
#contacto .contentInfo .info {width:95%; margin:0 auto; margin-top:50px;}
#contacto form {padding-left:0px; padding-right:20px; }


} 




/*--------------------------------------------------------------------*/



/*768*/
@media screen and (max-width: 980px) {
	
#contacto .headerfoto {padding-top:60px; }
#contacto .contentInfo .info {width:95%; margin:0 auto;}


#contacto label {font-size:25px;}
#contacto input {font-size:20px; height:60px;}

#contacto .btn-color {margin:0;}

}



/*--------------------------------------------------------------------*/



/*640*/
@media screen and (max-width: 700px) {

#contacto .btn-color {background-size:190px 80px; height:80px; width:190px;}
#contacto .textarea {width:102%;}
	
}



/*--------------------------------------------------------------------*/




/*480*/
@media screen and (max-width: 600px) {
		
	

}




/*--------------------------------------------------------------------*/



/*320*/
@media screen and (max-width: 400px) {
	
	
}