html, body{padding:0; margin:0; font-family:calibri;overflow-x: hidden;}
a{  text-decoration:none}
.cabecera{width:100%; background:#2562a5; display:table}
#cabecera_deslizante{position:fixed; z-index:9999;  }
.cabeceraContenedor{  max-width:1100px;    width:100%;    margin:0 auto; display:table}
.Contenedor a, a:focus, a:hover, a:active, a:hover{color:#2562a5}
.cabecera a, a:focus, a:hover, a:active, a:hover{color:#fff}
.cabeceraLogo{  float:left;    max-width:45%}
.cabecera .llamanos_tb{float:right; font-size:1.5rem; position:relative; color:#fff;width: 50%;text-align: right;}
#heroContenedor{ width:100%;    max-width:1100px;    margin:0 auto;    display:table}
#heroSlider{ display:block;    width:100%;    background-image:url(../imagen/fondRea.png);    background-size:cover;    padding-top:2rem;     min-height:550px;   background-position:bottom}
#barAbstr{box-sizing:border-box; display:table; min-height:100px; width:100%; margin-top:-110px; background:url('../imagen/px-2562A5.png');     background-position-x:0%;     background-position-y:0%;     background-repeat:repeat; background-position:left bottom; background-repeat:repeat; padding:1rem 0 1rem 0; height:100px}
.Contenedor{  max-width:1100px;    width:100%;    margin:0 auto; display:table}
.ContenedorLegal{  max-width:1100px;    width:100%;    margin:0 auto; display:table; background:#f3f3f3;  margin-top:2rem;margin-bottom:2rem;padding-bottom:1rem;border:1px solid #d0d0d0; border-radius:10px} 
.ContenedorLegal h1,h2,h3{margin-left: 5%;color: #2562a5;}
.ContenedorLegal h1,h2,p,table,li{margin-left:5%; margin-right:5%; width:90%}
.cuarto{width:23%; float:left; margin:1%;   display:table; color:#fff}
.cuarto span{display:block; font-size:23px; line-height:24px; position:relative; vertical-align:middle; width:100%; color:#fff; margin-top:0px}
.faldon{background:#023e80; width:100%; display:table}
#clear{clear:both}
#TexTitPastilla{padding:1rem; display:table; float:right;  border-radius:4px; width:400px; max-width:90%; z-index:99; position:relative;float: right;background: #2562A5;color: #fff;border: none;clear: both; border-radius:0;}

#formulario{margin-top: 2rem;background:#fff; opacity:1; padding:1rem; display:table; float:right; border:1px solid #d1d1d1; border-radius:4px; width:400px; max-width:90%; z-index:99; position:relative}
#formulario label{   font-size:1.5rem;     margin-bottom:1rem;     display:block}
#formulario .select{   border:1px solid #ccc;     width:320px;     overflow:hidden;     background:#fff url("/imagen/arrowBlue2.png") no-repeat 90% center;  height:2.5rem;  line-height:2.5rem; margin-left:5%}
#formulario #CalculaBtn{background:#cc4f01;  border-radius:2px;  text-align:center;  padding:0.5rem 1rem;  position:relative;  top:1rem;  width:auto;  max-width:290px;  margin:0 auto 1rem;  float:none;  line-height:28px;  font-size:1.3rem;  font-weight:700;  color:#fff}
#RecuperaBtn{background:#fff; border-radius:2px; text-align:center; padding:0.5rem 3rem; position:relative; top:1rem; width:auto; max-width:10%; float:left; line-height:28px; font-size:1.3rem; font-weight:700; border:1px solid #2562a5; color:#2562a5; margin-top:-1.2rem; margin-left:5%}
#formulario .select select{padding:10px 8px;  width:350px;  border:none;  box-shadow:none;  background-color:transparent;  background-image:none;  appearance:none; color:#023E80}
#tituloCuadro{text-align:center; text-transform:uppercase;font-size: 2rem;margin-bottom: -1rem;margin-top: 0;}
.quinto{margin:1%;  font-size:1.2rem; color:#fff; text-align:center; float:left}
.quinto:hover{color:orange; cursor:pointer}
.quinto i{font-size:1.5rem; margin-right:0.5rem}
.quinto span{position:relative; ; font-size:0.9rem; TOP:-0.25rem}
.iconoBarAbstr{width:60px; float:left; margin-right:20px}

#BarraAzulIconos{ width:100%;  display:table;  background-image:linear-gradient(0deg,#2562a5,#023e80);  padding-top:2rem;  padding-bottom:2rem}
#ContenedorIconos{ margin:1rem auto;  display:table;  width:90%;  max-width:1200px}
#BarraAzulIconos h3{ color:#fff;  text-align:center;  font-size:2rem;  margin:0;  margin-top:0px;  margin-top:-1rem}
#BarraAzulIconos p{ color:#fff;  font-size:1.1rem;  margin-bottom:2rem}
#ContenedorIconos .glyph{ float:left;  border:3px solid #fff;  border-left-color:rgb(255,255,255);  border-left-style:solid;  border-left-width:3px;  margin:1%;  width:20%;  text-align:center;  color:#fff;  font-weight:700;  width:23%;  margin:0;  border-left:none}
#BarraAzulIconos img{margin-top:2rem; margin-bottom:1rem}

#BarraAzulIconos .PrimerIcon{ border-radius:10px 0 0 10px;  border-left:solid}
#BarraAzulIconos .UltimoIcon{ border-radius:0 10px 10px 0}
#ContenedorIconos .etiqueta{ font-size:1.3rem;  margin-top:10px;  margin-bottom:2rem}
#cuadroContactoMsj{width:40%; float:left; background:#2562a5; color:#fff;padding-bottom: 0.2rem;}
#formContacto{width:50%; float:right}
#formContacto input{background-color:#eaeaea; border:0; padding:12px; width:100%; ; height:40px; margin-bottom:0.5rem; color:#333}
#formContacto textarea{background-color:#eaeaea; border:0; padding:12px; width:100%; ; height:40px; margin-bottom:0.5rem; color:#333; max-width:100%; min-height:100px}
#cuadroContactoMsj p{text-align:center; margin-left:5%; margin-right:5%; width:90%}
#horariosContacto{display:none}
#horariosMenos{display:none}

#formContacto .container{ display:block;  position:relative;  padding-left:35px;  margin-bottom:12px;  cursor:pointer;  font-size:0.8rem;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;  line-height:1.5rem; float:left}
 #formContacto .container input{ position:absolute;  opacity:0;  cursor:pointer}
#formContacto .checkmark{ position:absolute;  top:0;  left:0;  height:25px;  width:25px;  background-color:#eee}
 #formContacto .container:hover input ~ .checkmark{ background-color:#ccc}
 #formContacto .container input:checked ~ .checkmark{ background-color:#2562a5}
 #formContacto .checkmark:after{ content:"";  position:absolute;  display:none}
 #formContacto .container input:checked ~ .checkmark:after{ display:block}
 #formContacto .container .checkmark:after{ left:9px;  top:5px;  width:5px;  height:10px;  border:solid white;  border-width:0 3px 3px 0;  -webkit-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg)}
.colPie div p{ font-size:0.9rem;  text-align:justify;  margin-right:5%}
.colPiePrim{width:48%; float:left}
#PieLegal{ border-top:1px dotted #fff;  display:table;  width:100%;  padding-top:0.5rem;  padding-bottom:2.5rem}
#PieLegal a{ color:#fff;  text-decoration:none;  float:left;  margin-right:5%;  margin-top:.5rem;  margin-bottom:1.5rem}

 #PiePagina{ width:100%;  display:table;  height:350px;  background:#334554;  color:#fff}
#ContenedorPie{ width:100%;  margin:0 auto;  display:table;  max-width:1200px}
.colPie{ width:24%;  float:left}
.colPie div li{ border-bottom:solid 1px #fff;  margin-bottom:10px;  padding-bottom:10px;  list-style-type:circle;  color:#fff;  list-style-position:inside;  left:-2rem;  position:relative}
#ContenedorPie a, a:focus, a:hover, a:active, a:hover{color:#fff}
#teLlamamosPie{ background:#2562a5;  padding:0.5rem 0.5rem;  margin-top:1rem;  width:auto;  text-align:center;  border-radius:4px;  font-size:1.5rem}

#avisoCookie{ background:none repeat scroll 0 0 #d4d4d4;  bottom:0;  margin:0;  position:fixed;  width:100%;  z-index:99999}
#avisoCookie1{ font-size:11px;  opacity:0.7;  padding-left:5px;  text-align:center;  top:108px;  width:100%;  margin:0 auto;  color:#5f5f5f;  font-size:0.8em;  text-align:center;  color:#5f5f5f;  padding:1px;  line-height:1.5em}
#avisoCookie1 span{ float:both;  margin-left:2rem;  font-weight:bold;  font-size:1.2rem}

.scene{width:24%;  height:210px;  border:none;  margin:40px 0;  perspective:600px;  float:left}
.scene a, a:focus, a:hover, a:active, a:hover{color:#fff}
.card{width:100%;  height:100%;  transition:transform 1s;  transform-style:preserve-3d;  cursor:pointer;  position:relative}
.card.is-flipped{transform:rotateY(180deg)}
.card__face img{margin-bottom:2rem;  margin-top:1.5rem}
.card__face{position:absolute;  width:100%;  height:100%;  line-height:0.8rem;  backface-visibility:hidden;  line-height:0.8rem; color:white; text-align:center; font-size:0.9rem}
.etiqueta{color:#fff;  font-size:25px}
.etiqueta-reves{color:#fff;  font-size:25px;  margin-top:1rem;  margin-bottom:2rem}
.card__face--front{border:3px solid #fff;  background-image:linear-gradient(0deg,#2562a5,#023e80)}
.card__face--back{border:3px solid #fff;  background-image:linear-gradient(0deg,#023e80,#2562a5);  transform:rotateY(180deg)}
.card1{width:100%;  height:100%;  transition:transform 1s;  transform-style:preserve-3d;  cursor:pointer;  position:relative}
.card1.is-flipped{transform:rotateY(180deg)}
.card2{width:100%;  height:100%;  transition:transform 1s;  transform-style:preserve-3d;  cursor:pointer;  position:relative}
.card2.is-flipped{transform:rotateY(180deg)}
.card3{width:100%;  height:100%;  transition:transform 1s;  transform-style:preserve-3d;  cursor:pointer;  position:relative}
.card3.is-flipped{transform:rotateY(180deg)}
.card .card__face--front{border-radius:10px 0 0 10px;  border:3px solid #fff}
.card .card__face--back{border-radius:10px 0 0 10px; border:3px solid #fff;   transform:rotateY(180deg)}

.card3 .card__face--front{border-radius:0px 10px 10px 0px;  border:3px solid #fff}
.card3 .card__face--back{border-radius:0px 10px 10px 0px; border:3px solid #fff;  transform:rotateY(180deg)}
#BarraAzulIconos1{width:100%;  display:table;  background-image:linear-gradient(0deg,#2562a5,#023e80);  padding-top:2rem;  padding-bottom:2rem}
#BarraAzulIconos1 h3{color:#fff;  text-align:center;  font-size:2rem;  margin:0;  margin-top:0px;  margin-top:-1rem}
.textJustify{color:#fff;  font-size:1.1rem;  margin-bottom:2rem; text-align:justify}
#BarraAzulIconos1 li{color:#fff;  font-size:1.1rem;   text-align:justify;margin-left: 5%;margin-bottom: 1rem;float: left;width: 40%;}
#modalTLlama{    background:url('https://www.preciaco.com/img/PxFondoModal.png') repeat scroll 0 0;  display:none;  height:100%;  position:fixed;  top:0;  width:100%;  z-index:9999}
#contmodalTLlama{ background:#2562a5 none repeat scroll 0 0;  display:table;  margin:0 auto;  margin-top:0px;  margin-top:0px;  max-width:336px;  width:90%;  border-radius:15px;  margin-top:100px;  _width:336px}
#contmodalTLlamaUp{ display:table;  background:#2562a5;  color:#fff;  width:100%;  border-radius:5px 5px 0px 0px}
#cerrarModalLlamamos{ margin:0;  border:0;  padding:0;  cursor:default;  z-index:952;  top:1rem;  right:2rem;  float:right;  position:relative;  font-size:1.5rem}
#contmodalTLlamaUp h3{color:#fff;  font-size:32px;  text-align:center;  margin:0 auto}
#contmodalTLlamaDown{ background:#fff;  padding-bottom:2rem;  border-radius:0px 0px 5px 5px;  text-align:center;  margin-top:-2rem}
#contmodalTLlamaDown h5{ color:#2562a5;  font-size:24px;  position:relative;  top:3rem;  margin-bottom:4rem;  font-weight:bold}
#contmodalTLlamaDown input{ margin-top:0rem;  margin-bottom:2rem;   width:80%;  padding-left:5%; background-color:#eaeaea; border:0; padding:12px;  height:40px;  color:#333}
#politicaLlamame{ float:left;  margin-left:5%;  color:#2562a5; MARGIN-TOP:-5PX}
#btn_lla{ width:180px;  height:44px;  line-height:45px;  font-size:25px;  color:#fff;  background:#48a415;  border:none;  text-decoration:none;  text-align:center;  border-radius:4px;  margin:1rem auto}
.wrapperForm{ width:80%;  color:#333;  max-width:1100px;  padding:2rem;  display:table;  margin:2rem auto 2rem;  background:#f0f0f0;  border:1px solid #e0e0e0;  border-radius:4px}
.subWrapper{width:90%; margin:1rem 5% 0 5%; background:#fff; border-radius:4px; display:table; padding-top:1rem; padding-bottom:1rem}
#imgLogoForm{border: 2px solid #023e80;padding: 0.5rem;border-radius: 5px;}
#bloquePastillasDer50{width:50%; float:right; display:table}
#bloquePastillasIzq50{width:50%; float:left; display:table;text-align: center;}
.TitPastIzqForm{color:#023e80; font-size:1.5rem; font-weight:bold;}
.pastillaTitular{background:#2562a5; color:#fff; width:90%; margin:0% 0% 0.5rem 5%; padding:0.5rem 0rem; text-align:center; font-weight:bold; font-size:1.2rem}
.subWrapper table{width:90%; margin-left:5%}
.subWrapper td{width:25%; color:#023e80; font-size:0.9rem}
.subWrapper table input, select{background-color:#eaeaea; border:0; padding:10px; width:100%; height:40px; margin-bottom:0.5rem; color:#333}
#checkprivacidad{width:auto; float:left;margin-top: -10px;margin-right: 20px;}
.wrapperForm h1,h2{margin-left:5%; color:#2562a5}
#btnContratarForm{background: #cc4f01;color: #fff;padding: 1rem 5rem;font-size: 2rem;font-weight: bold;display: table;border-radius: 5px;margin-top: 2rem;float: right;margin-right: 5%;}
.SinPaddingBottom{padding-bottom:0}
#duda{width: 45%;float: left;border: #2562a5 solid 1px;padding: 5px 10px;height: 40px;color: #2562a5;margin-left:5%}
#txtCuadro{font-size: 1.5rem;}
	#dudaMail{margin-left:5%;width:20%; float:left;border: #2562a5 solid 1px;padding: 5px 10px;height: 40px;color:#2562a5}
	#DudaLegalTit{color:#2562a5; font-size:33px; margin-bottom:0; font-weight:bold}
		#DudaLegalSubTit{color:#2562a5; font-size:18px;margin-top: 0;}
#menuRespHome{display:none}	

#ENVIACONBTN{
background: #fff;

border-radius: 2px;

text-align: center;

padding: 0.5rem 3rem;

position: relative;

top: 1rem;

width: auto;

max-width: 10%;

float: left;

line-height: 28px;

font-size: 1.3rem;

font-weight: 700;

border: 1px solid #2562a5;

color: #2562a5;

margin-top: -1.2rem;

margin-left: 5%;}
@media (max-width: 1000px) {
	.iconoBarAbstr{width:40px; margin-right:5px}
	.cuarto span{font-size:1.1rem; line-height:1.1rem}
}
@media (max-width: 915px) {
		.cuarto span{font-size:1rem; line-height:1rem}
		#RecuperaBtn {padding:0.5rem;font-size: 1rem;}
#barAbstr {min-height:90;margin-top: -95px;}

.scene {width:49%; margin:5px 0}

	.card1 .card__face--front{border-radius:0px 10px 10px 0px;  }
.card1 .card__face--back{border-radius:0px 10px 10px 0px; }
.card2 .card__face--front{border-radius:10px 0 0 10px; }
.card2 .card__face--back{border-radius:10px 0 0 10px; }
}	


@media (max-width: 750px) {
	.quinto i{font-size:1rem}
	.quinto span{font-size:0.7rem} 
	#heroSlider {min-height:480px}
	.cabecera .llamanos_tb{font-size:1.2rem;width: auto;margin-top: 1.5rem;}
	#formulario label {font-size:1.3rem; margin-bottom:0}
	#BarraAzulIconos1 h3 {font-size:1.5rem}
	.textJustify{font-size:0.9rem; margin-bottom:1rem}
	#ContenedorIconos .etiqueta{font-size:1.1rem}
	.card__face img {width:50px}
	#DudaLegalTit{font-size:1.5rem}
	.etiqueta-reves {font-size: 1.1rem; margin-bottom: 0rem;}
	#tituloCuadro{font-size:1.3rem}
	#txtCuadro{font-size: 1rem;}
	.colPie {width: 48%;}	.colPiePrim{width:100%}
		#TexTitPastilla{margin: 0 auto;float: none;}
	#formulario{float:none;margin: 2rem auto;}
	#BarraAzulIconos1{padding-top:1rem; padding-bottom:1rem}
	
	
	

	
}
@media (max-width: 650px) {
	#cuadroContactoMsj{width:80%; float:none; margin:0 auto}
	#formContacto{width:80%; float:none; margin:0 auto}
	
	.colPie {width: 100%;}

	
}
@media (max-width: 580px) {
	.scene {width: 80%;margin: 1rem auto;max-width: 300px;float: none;}
	.card__face img { width: 40%;}
	.card1 .card__face--front{border-radius:10px;  }
.card1 .card__face--back{border-radius:10px;}
.card2 .card__face--front{border-radius:10px; }
.card2 .card__face--back{border-radius:10px; }
.card .card__face--front{border-radius:10px; }
.card .card__face--back{border-radius:10px; }
.card3 .card__face--front{border-radius:10px; }
.card3 .card__face--back{border-radius:10px;}
.cuarto {text-align:center}
.iconoBarAbstr {float: none;margin: 0 auto;}

.faldon{display:none}
#RecuperaBtn {max-width:20%}
#dudaMail {width: 54%; }
#duda {width: 75%;margin-bottom:0.5rem}
.cabeceraLogo {max-width:35%}
.cabecera .llamanos_tb {   font-size: 1rem;margin-top:1.2rem}
}
@media (max-width: 450px) {
.cuarto span {font-size:0.8rem}
#TexTitPastilla {width:auto}
#formulario{width:auto}
#formulario .select{width:auto}
#formulario .select select{width:auto}
	
.cabecera .llamanos_tb {   font-size: 1rem; margin-top:0.8rem}


}

@media (max-width: 400px) {
	.cabecera .llamanos_tb {   font-size: 1.5rem; margin-top:0.5rem}
.cabecera .llamanos_tb span{display:none}
#formulario {max-width:80%}
#TexTitPastilla{max-width:80%}
}
@media (max-width: 350px) {
		.cabecera .llamanos_tb {   font-size: 1.5rem; margin-top:0.2rem}
}