@charset "UTF-8";
@media all
{
	/* Contactar */
	#contenido h2{
		width: 443px;
		height: 61px;
		position: relative;
		font-size: 0.6em;
		padding-top: 24px;
		z-index: 5;
	}
	#contenido h2 span{
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		background: url(/images/contactar1.gif) no-repeat;
	}
	#contenido h3{
		color: #800c08;
		font-weight: bold;
		margin-top: 88px;
	}
	#contenido h4{
		background-color: #800c08;
		color: #fff;
		font-weight: bold;
		margin: 100px 0 -50px 0;
		padding: 5px;
		width: 75%;
	}
	#datos_de_contacto{
		width: 46%;
		float: left;		
		margin: 33px 0 0 20px;
		position: relative;
	}
	#formulario{
		width: 50%;
		float: left;
		margin-top: 33px;
		position: relative;
	}
	#telefono {
		padding: 2px 0 0 15px;
		color: #be6848;
		font-weight: bold;
		background: url(/images/contactar2.gif) no-repeat;
		height: 25px;
	}
	#sobre{
		background: url(/images/contactar3.jpg) no-repeat;
		width: 224px;
		height: 196px;
		display: block;
		margin: 100px 0 10px 5px;
	}
	#formulario div{
		width: 100%;
		float: none;
		margin: 0 0 6px 0;
		position: relative;
		display: block;
	}
	#formulario div label{
		width: 80px;
		display: block;
		float: left;
		font-weight: bold;
		padding-top: 5px;
		position: relative;
	}
	#formulario div.opcional label{
		padding-left: 9px;
		width: 71px;
	}
	#formulario div input{
		border: #b6b3b3 1px solid;
		width: 200px;
		padding: 2px;
		position: relative;
	}
	#formulario div #edad{
		width: 100px;
	}
	#formulario div textarea{
		width: 200px;
		height: 180px;
		border: #b6b3b3 1px solid;
		padding: 2px;
	}
	#formulario div .radiobutton{
		width: auto;
		float: none;
		border: none;
		padding: 0;
	}
	#formulario div #boton_enviar{
		width: 110px;
		margin: 0 0 20px 175px;
		background-color: #7a7979;
		color: #fff;
		padding: 1px 0;
		border: none;
	}
	.form_error{
	color: #f80f0f;
	}
	#formulario campo_lopd{
		border: #b6b3b3 1px solid;
	}
}