@charset "utf-8";

/* css de contacto */

section.contactoForm{
		float: left;
		width: 100%;
		height: auto;
		background-color: #eaeceb;
		margin: 0;
		padding: 100px 50px;
		font-size: 17px;
		background: url(../imag/bg-wave.png) left no-repeat #eaeceb; 
		background-attachment: fixed;
		}
		section.contactoForm div.formulario{
				float: left;
				position: relative;
				overflow: auto;
				margin: 0;
				width: 90%;
				height: auto;
				background: url(../imag/bg-wave.png) left no-repeat #eaeceb; 
				background-attachment: fixed;
				line-height: inherit;}
				section.contactoForm p{font-size: inherit;}
				section.contactoForm h2{margin-bottom: 10px; font-size: inherit; color: inherit;}
				section.contactoForm div.texto{
					float: left;
					position: relative;
					overflow: auto;
					margin: 20px 0px 15px 30px;
					width: 450px;
					height: 210px;
					background-color: #eaeceb;
					}
					
div.formulario form {margin: 0px; padding-top: 0; /*background-color: #666;*/}
div.formulario form p{font-size: inherit; padding-bottom: 0px; margin-bottom: 0px; margin-top: 11px;} 
div.formulario table {}
div.formulario table td {}
	
label {display: block; padding: 30px 0 20px 0; color: #1c1b21}

textarea {
	width: 90%;
	height: 285px;
	font-size: inherit;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	background: url(../imag/bg-wave.png) left no-repeat #eaeceb; 
		background-attachment: fixed;
	margin-top: 5px;
	border: 0px solid #CCC;
	border-bottom: 1px solid #999;
	font-family: inherit;
	}

.textInput {
	width:90%;
	padding:5px;
	padding-left: 10px;
	background: url(../imag/bg-wave.png) left no-repeat #eaeceb; 
		background-attachment: fixed;
	border: 0px solid #CCC;
	border-bottom: 1px solid #999;
	margin-top: 5px;
	font-family: inherit;
	}
	

/* ******************* boton ************************* */
	.boton, .boton:hover {
	width: auto;
	padding: 3px;
	padding: 10px;
	margin: 45px;
	cursor: pointer;
	font-family: inherit;
	}
	.boton{
	color: #FFF;
	background-color: #1e1e1e;
	border: 1px solid #CCC;	
	}
	.boton:hover{
	color: #000;
	background-color: #eaeceb; 
	border: 1px solid #CCC;
	}

/* ******************** mensaje aviso ************************ */
	
/*div#mensaje{
	position: relative;
	top: 0px;
	left: 15px;
	width: 200px;
	}*/
	
span.correcto {
	/*font-size:80%;
	position: relative;
	bottom: 15px;sds
	left:15px;
	top:30px;*/
	font-weight: bold;
	color: #963;
	}
span.advertenciaResultado{
	/*font-size:80%;
	position: relative;
	bottom: 15px;
	left:15px;
	top:30px;*/
	font-weight:normal;
	color: #F00;
}

.obligatorio{
	text-decoration:none;
	font-size: inherit;
}

.fas {margin-right: 15px}

 section.contacto{
		position: relative;
		display: block;
		width: 900px;
		height: 250px;
		background-color: #eaeceb;
		margin: 10px auto 20px auto;
		}
		
		section.contacto p{font-size: inherit;}
		section.contacto h2{margin-bottom: 10px; font-size: inherit; color: #666;}
		section.contacto div.texto{
			float: left;
			position: relative;
			overflow: auto;
			margin: 20px 0px 15px 30px;
			width: 450px;
			height: 210px;
			background-color: #eaeceb;}
			
			
		
		section.contacto div.extra{ /* se aprovecha estructura de centros para AUDIOS */
			float: right; 
			margin: 15px;
			background-color: #eaeceb;
			width: 300px;
			height: 180px;
			padding: 20px;
			border: 1px solid #CCC;
			border-radius: 10px;
			}
			
@media screen and (max-width: 756px) {

section.contactoForm {padding: 100px 10px;}
.textInput {width: 100%;}
textarea {width: 100%;}
}