@charset "utf-8";
/* CSS Document */

.td-contenedor-contacto {padding:10px; background:#fff;}

.contenedor-contacto {width:100%; }

.contacto-h1 {padding-bottom:20px;}
.contacto-titulo {font-weight:bold; font-size:18px; padding-bottom:10px;}
.contacto-tr {background:#f1f1f1; border-radius:10px; margin-bottom:10px;}
.contacto-td-1 { padding:10px; float:left;}
.contacto-td-2 {}
.contacto-opciones {font-size:16px; padding:10px;}

.contacto-opcion-2 {margin:0px 15px;}
.contacto-opcion-2-td {border-bottom:1px solid #a1a1a1} /*modificar color por web*/
.contacto-pregunta {padding:10px 0px; font-size:14px;}
.contacto-pregunta-p{color:#a1a1a1; display:block;} /*modificar color por web*/
.contacto-nota {padding:5px 10px; font-size:14px; line-height:28px; background:#333; border-radius:10px; color:#fff; margin:10px 0px;}
.contacto-si-no {font-weight:bold; margin:-10px 10px 0px 10px; font-size:14px;}

.contacto-col-1 {display: block; width:45%; float:left; padding:10px; margin-right:15px;}
	.contacto-col-1 input[type="text"] {display: block; font-size:14px;}
	.contacto-col-1 input[type="email"] {display: block; font-size:14px;}
	.contacto-col-1 input[type="tel"] {display: block; font-size:14px;}
	.contacto-col-1 select {width: 101%; display: block; font-size:14px;}
.contacto-col-2 {display: block; width: 45%; float: left; padding:10px;}
	.contacto-col-2 textarea {width: 100%; display: block; height:273px; font-size:14px;}
.contacto-texto {padding:10px 0px;}
.contacto-texto span {color:#333; padding-bottom:10px; display:block; font-weight:bold; font-size:14px;}
.Formulario {padding:5px; border-radius:5px; border:1px solid #ccc; width:100%}
.cod_area {padding:5px; border-radius:5px; border:1px solid #ccc; width:45%; display:block; float:left;}
.telefono {padding:5px; border-radius:5px; border:1px solid #ccc; width:55%; display:block; }
.Boton {color:#333; border:1px solid #333; background:#fff; padding:10px 20px; float:left; cursor:pointer;font-size:14px;}
.Boton:hover {background:#333; color:#fff;}
.contacto-flecha {width:36px; float:left; margin-left:10px;}

/*estilos mensaje enviado */
.contacto-gracias {margin:22px}
.contacto-spam {margin-top:20px; font-style:italic; color:#E8A028;} /*mofificar color por web*/

@media (max-width: 767px) {
  .contacto-col-1 {display: block; width:95%;padding:0px; margin-right:0px;}
  .contacto-col-2 {display: block; width:95%;padding:0px; margin-right:0px;}
}

/*NUEVO FORM*/
.container-contaumatico-motivo{
  padding-bottom: 40px;
}
.contaumatico-titulo-general{
  font-family: "josefin-bold";
  text-transform: uppercase;
  color: #000;
  font-size: 2.8rem;
  padding-bottom: 7px;
  text-align: center;
}
.contaumatico-img {
  width: 50%;
  margin: 10px auto;
  min-width: 150px;
  display: block;
}
.contaumatico-paciente-doctor{
  font-family: "lato";
  text-transform: uppercase;
  color: #0068b3;
  font-size: 1.8rem;
  padding-bottom: 7px;
  text-align: center;
  font-weight: 900;
}
.contaumatico-motivos-li{
  list-style: none;
}
.contaumatico-motivos-a{
  font-family: "lato";
  font-size: 1.4rem;
  color: #0068b3;
  border: 1px solid #0068b3;
  padding: 7px 10px;
  text-decoration: none;
  width: 90%;
  display: block;
  text-align: center;
  margin: 0px auto 15px auto;
  border-radius: 50px;
}
.contaumatico-motivos-a:hover{
  color: #fff;
  border: 1px solid #0068b3;
  background: #0068b3;
}
.contaumatico-img-gracias {
  width: 100%;
  max-width: 200px;
  margin: auto;
  display: block;
  padding-bottom: 30px;
}
.contaumatico-respuesta{
  font-family: "lato";
  font-size: 1.8rem;
  text-align: center;
}