
/************************/
/* página de consultas
-------------------------*/
/************************/


/*formulario*/

.formulario{
	text-align: center;
	margin-bottom: 3em;
}

.formulario form{
	text-align: left;
}

.formulario a{
	color:#2d78b7;
}



section.Consultas h1{
	margin-top: 0;	
}

section.Consultas  h2+p{
	font-size: 1em;	
}

section.Consultas .Columna{
	padding: 0 3%;
	margin: 2em auto;
	text-align: center;
}


/*mapa*/
.mapa{
	display: block;
	width: 900px;
	margin:0 auto;
	height: 300px;
	margin-bottom: 3em;
}

.mapa iframe{

	width: 100%;
	height: 300px; 
}

 

 /*formulario*/


 form{
 	width: 70%;
  
 	border:solid 1px #EE790F;
 	border-radius: 20px;
 	padding: 2em;
 	margin: 1.5em auto 0 auto;
 	text-align: left;
 }

 

 .filaFormulario{
	margin: 0 3% 1.2em 3%;
	color: #474747;
 }
 
 form :not(.notalegal) label{
 	display: block;
 	margin-bottom: 0.2em; 
 	font-size: 1em;
 	font-weight: 300;
    color:#EE790F;
 	text-transform: uppercase;
 	
 }

 .Columna .notalegal a{
 	margin: 0;
 	padding: 0;
 	background: none;
 	color: #236BCD;
 	text-transform: none;
 	text-decoration: underline;
 	font-size: 1em;
 }

 .asterisco{
 	position: relative;
 	top: 0.3em;
 	font-size: 1.3em;
 	color: #DD2D2D;
 }

 label[for="nombre"]::after,
 label[for="email"]::after,
 label[for="tel"]::after{
 	 content: "*";
 	 color: #DD2D2D;
 	 padding-left: 0.3em;
  }

 

 input[type="text"],
 input[type="tel"], 
 input[type="email"],
 input[type="submit"],
 textarea, select{

 	  border: solid 1px #D1D1D1; 
 	width: 100%;
 	 
 	padding: 0.8em 0.6em;
	font-family: inherit;
	font-size: 1em;
	color: #727272;
 }


 input:invalid,  select:invalid{
	box-shadow: none;
 
	}

  input[type="submit"]{
  	margin-top: 1em;
  	padding: 0.5em;
  	border-radius: 10px;
  	background: #3A3A3A;
  	color: #CACACA;
  	font-size: 1.4em;
  	cursor: pointer;
  }

  input[type="submit"]:hover{
   	background: #1ABC9C;
   	color: #FFF;
  }

 option{
 	padding: 0.4em 1em;
 }

 input[type="text"]:focus,
 input[type="tel"]:focus, 
 input[type="email"]:focus,
 textarea:focus{ 
	box-shadow: 2px 2px 4px  rgba(0, 0, 0, 0.3);
 }


section.Consultas .Columna address p {
	font-size: 1.2em;
	margin: 0.3em 0;
	font-style: normal;
}

section.Consultas .Columna address a {
	margin: 0;
	padding: 0;
	background: none;
	color: #4D4D4D;
	text-decoration: underline;
	text-transform: none;
	font-size: 1em;
}

section.Consultas .Columna address p a:hover {
	color: #1ABC9C;
}