﻿/***************** CONTACTO ****************/

#mapa-google-contenedor{
/*background:#f63;*/
margin:15px auto 0px auto;
width:960px;
}
	#mapa-google-contenedor iframe{
	border:1px solid #ccc;
	cursor:pointer;
	height:354px;
	width:954px;
	padding:2px;
	}
	a#ver-mapa{
	color:#369;
	font-size:12px;
	display:inline-block;
	margin-top:3px;
	text-decoration:none;
	}
	a#ver-mapa:hover{
	border-bottom:1px dotted #369;
	}
#como-llegar-enlaces{
font-size:13px;
margin:5px auto 0 auto;
text-align:center;
width:960px;
}
	#como-llegar-enlaces a{
	color:#d2781d;
	}
	#como-llegar-enlaces a:hover{
	text-decoration:none;
	}
#formulario-datos{
/*background:#f63;*/
margin:20px auto 75px auto;
width:960px;
}
	#formulario-datos h2{	
	color:#b23a00;
	font-size:20px;			
	font-weight:300;
	/*text-shadow: 1px 1px 1px #ccc;*/
	}
	.columna{
	/*background:#f63;*/
	float:left;
	margin-top:15px;
	width:450px;
	}
		.columna p{
		margin-top:12px;
		}
	#formulario{
	/*background:#ddd;*/
	float:left;
	margin-right:60px;
	margin-top:10px;
	width:450px;
	}
		#formulario form{
		margin-top:15px;
		}	
		#formulario div{
		margin-bottom:12px;
		/*background:#f63;*/
		}
		#formulario label{
		color:#757575;
		display:block;
		float:left;
		font-size:14px;
		margin-bottom:3px;
		text-indent:2px;
		}	
		#formulario input.texto{
		color:#666;
		padding:5px 2px;
		width:442px;
		font-family: Verdana, Helvetica, Arial;
		background:#fff;
		border:1px solid #ababab;
		}
		#formulario input.texto-mal{
		color:#666;
		padding:5px 2px;
		/*height:30px;*/
		width:442px;
		font-family: Verdana, Helvetica, Arial;
		background:#fff;
		border:1px solid #c33;
		box-shadow:0px 0px 5px #cc3;
		}
		#formulario textarea.texto{
		color:#999;
		padding:2px;
		height:120px;
		width:442px;
		background:fff;
		border:1px solid #ababab;
		font-family: Verdana, Helvetica, Arial;
		font-size:12px;
		margin-bottom:0px;
		resize:none;
		overflow:hidden;
		}
		#formulario textarea.texto-mal{
		color:#999;
		padding:2px;
		height:120px;
		width:442px;
		background:fff;
		font-family: Verdana, Helvetica, Arial;
		font-size:12px;
		margin-bottom:0px;
		resize:none;
		overflow:hidden;
		border:1px solid #c33;
		box-shadow:0px 0px 5px #cc3;
		}
		#formulario #aviso-legal-formulario{
		/*background:#f63;*/
		color:#666;
		font-size:13px;	
		height:auto;	
		margin-top:5px;
		/*width:420px;*/
		}
			#formulario span#aceptar-condiciones{
			color:#b23a00;
			cursor:pointer;

			text-decoration:underline;
			}
			#formulario span#aceptar-condiciones:hover{
			text-decoration	:none;

			}
			#formulario p#condiciones-uso{
			clear:both;
			font-size:12px;
			margin-bottom:10px;
			}
				#formulario  p#condiciones-uso span{
				color:#b23a00;
				cursor:pointer;
				text-decoration:underline;
				}
				#formulario  p#condiciones-uso span:hover{
				text-decoration	:none;
				}
				span.error5{
				display:block;
				margin-top:5px;
				}				
				
			.ocultar{
			display:none;
			}
			#formulario  input.boton{
			background:#fff;
			border:1px solid #999;
			color:#666;
			height:auto;			
			font-size:12px;
			margin-top:15px;
			padding:10px 30px;
			-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
			-o-transition:all 0.5s ease-out;  /* Opera */
			-moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
			-ms-transition:all 0.5s ease-out;   /* Internet Explorer */
			transition:all 0.5s ease-out;  /* W3C */
			}
			#formulario input.boton:hover{
			background:#666;
			color:#f0f0f0;
			border:1px solid #666;
			cursor:pointer;
			-webkit-transition:all 0.5s ease-in;  /* Chrome y Safari */
			-o-transition:all 0.5s ease-in;  /* Opera */
			-moz-transition:all 0.5s ease-in;  /* Mozilla Firefox */
			-ms-transition:all 0.5s ease-in;   /* Internet Explorer */
			transition:all 0.5s ease-in;  /* W3C */		
			}
	#datos p{
	font-size:17px;
	line-height:23px;	
	}		
		#datos p span{
		color:#b23a00;
		}
		#datos p span.telefono-cifras{
		color:#666;
		}	
		
		
/*************** ESTILOS ERRORES ****************/

p.errores{
font-size:13px;
color:#c33;
}
span.error1, span.error2, span.error3, span.error4{
background:#c33;
color:#fff;
float:left;
font-size:12px;
margin-left:5px;
padding:2px 4px;

}
span.error5{
background:#c33;
color:#fff;
font-size:12px;
padding:2px 4px;
width:130px;
/*text-transform:uppercase;*/
}