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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

 .zoom {
	zoom: 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #888;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.Vacio, .vacio{clear:both}
.bold{font-weight:bold}
.blue{color:#005c82;} 
.blue2{color:#005c82!important;} 
.white{color:#ffffff!important}
.Wrapper{width:90%; margin:auto; max-width:1300px}
.centrar{text-align:center}

input[type=text] {
	background: rgba(255, 255, 255, .5);
	height: 27px;
	color: #888;
	border: 1px solid #005c82;
	margin: 0 5% 8px 5%;
	width:90%;
	padding: 1%
}
input[type=text]::placeholder
input[type=text]::-webkit-input-placeholder,input[type=text]:-moz-placeholder,
input[type=text]::-moz-placeholder,input[type=text]:-ms-input-placeholder  {color: #888!important;}
input[type=text]:focus::-webkit-input-placeholder {
	color: #005c82
}

input[type=text]:focus:-moz-placeholder,
input[type=text]:focus::-moz-placeholder {
	color: #005c82
}

input[type=text]:focus:-ms-input-placeholder {
	color: #005c82
}



#btnEnvian,
#clausula {
	text-align: center;
	padding: 2% 0 0;

	margin: 0;}
	#btnEnvian{color:#ffffff;font-size: .9em;}
.clausula {
	font-size:.7em;
	line-height:1.1em;
}
	
a#clausulalegal1, a#clausulalegal1:link, a#clausulalegal1:visited{color:#005c82}


#clausula input {
	width: auto!important
}

#btnEnvian {
	background: rgb(40,171,59);
    border:0;
	font-size: 1.5em;
	padding: 1% 2% 2%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 60%;
	margin: 18px 20% 0 20%;
	line-height: 1.4em;
	cursor: pointer
}

#btnEnvian:hover {
	text-decoration: none;
    background:#157e24
}


.alertaError {
  background:url(Images/closeAlert.png) left center no-repeat #e01834;
  line-height: 18px;
  padding: 15px 35px;
  text-align: center;
  color: #ffffff;
  margin: -40px -15px 5px -15px;
  width: 100%;
  max-width: 320px;
  position: absolute;
  z-index: 3;
  font-size: .9em;
}

#ErrorEmpresa, #ErrorNombre, #ErrorTel, #ErrorTelB, #ErrorClau, #ErrorNombre2, #ErrorTel2, #ErrorTel2B, #ErrorClau2 {
  display: none;
  user-select: none;
}

.alertaError:hover {
  background: url(Images/closeAlert.png) left center no-repeat #aa091f;
  cursor: pointer;
}


header{width:100%; left:0; background:#ffffff; border-bottom:1px solid #ccc}
.Logo{width:210px; float:left}
.Logo img{width:210px; height:52.5px}
.TelefonoSuperior{width:40px; height:40px; float:right; padding:8px 0 0 0; text-align:right}
.TelefonoSuperior img{width:35px; height:auto}
span.NumeroTelefono2{display:none}
.Claim{width:100%; max-width:600px;margin: 0; float:none}
.Claim h1{font-size:1.8em; text-align:center;color:#005c83; padding:15px 0; margin:0; line-height:1.1}
.Claim span{font-size:1.2em;text-align:center;color:#005c83}

.CalltoactionBanner {
  margin: 1em 0;
  padding: 8px 0;
  text-align: center;
  color: #ffffff;
  background: #d82528;
  border-radius: 15px;
  text-decoration: none;
  display: block;
}
.OutForm{width:100%; max-width:320px; float:none; margin:200px auto 20px auto; background:#ffffff; border-radius:8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.5)}
.inForm{padding:15px}
.inForm h3{padding:0 0 10px 0; margin:0;font-size:1.2em; text-align:center; color:#cc130a}
#Clausula{height:auto;background:0 0}

#Intro,#LexLab, #Faq, #Reviews{padding:30px 0}
#porque,#Servicios{padding:30px 0; background:rgba(0,92,131,0.04)}
#AboveFooter{padding:30px 0; background:rgba(0,92,131,0.8); font-size:1.3em; text-align:center; color:#ffffff; margin-bottom:-25px}
   h2{font-size:1.4em; font-weight:normal; color:#005c83; text-align:center}
    h3{font-size:1.2em; font-weight:normal; color:#005c83; text-align:center}
.RightText, .LeftText, .InServicio, .LeftImage, .RightImage, .Columna { width: 100%; float: none; padding-bottom:20px }
.LeftImage img, .RightImage img{ width:100%; height:auto}
footer{background:#005c83; padding:10px 0 80px 0; margin-top:25px}
.copy{font-size:.85em; color:#ffffff; text-align:center}
.copy a, .copy a:link, .copy a:visited{color:#ffffff; text-decoration:none}
.reacciona{text-align:center; padding-top:8px}
  .Columna { text-align:center }
.Columna img{width:150px; hight:auto}
#ContactDiv { position: fixed; bottom: 0; width: 100%; background: #ffffff; padding: 8px 0; border-top: 1px solid #002241; text-align: center; z-index: 10; }
.MobileContact{display:none}
#ContactDiv span { color: #005c82; font-weight: bold; }

#IralForm, #Llamar, #NumeroTelefono { padding: 8px 0; border-radius: 15px; color: #ffffff; text-decoration: none;  }
#IralForm { width: 40%; float: left; margin: 0 5%; background: #005c82; }
#IralForm:hover{background:#06425b; cursor:pointer}
#Llamar, #NumeroTelefono { width: 40%; float: left; margin: 6px 5%; background: #d82528; }
#Llamar:hover, #NumeroTelefono:hover{background:#e14648; cursor:pointer} 
#Llamar a{color:#ffffff; text-decoration:none}
#NumeroTelefono { display: none; }
.OutTable{width:100%; overflow:scroll; padding-bottom:20px}
table.InTable th, table.InTable td { text-align: center; padding: 5px 0; border:1px solid #ccc }
details{padding-bottom:1.2em}
summary{font-weight:bold}
#Loading { padding: 10% 0; text-align: center; }
.GBADGE{margin:10px 0 0 -5px; text-align:center}
@media only screen and (max-width: 766px) {
	.BannerLexLab{background:url(Images/BannerMobile.webp)center 130px  no-repeat; background-size:contain; padding-bottom:20px}
	.BannerRecobros{background: url(Images/BannerMobile5.webp) center 90px no-repeat #FFFFFF; background-size:contain; padding-bottom:20px}
	table.InTable{width:550px;}
	table.InTable th, table.InTable td { text-align: center; padding: 5px; border:1px solid #ccc }
	.OutForm{box-shadow:3px 3px 3px #cccccc}
}
/* ----------------- TABLET (767px) ----------------- */
@media only screen and (min-width: 767px) {
.TelefonoSuperior{width: 180px; text-align: right;  float:right; padding:8px 0 0 0; }
.TelefonoSuperior img{width:35px; height:auto}
span.NumeroTelefono2{color: rgb(0,92,131); font-size: 1.3em; line-height: 40px; font-weight: bold; display: block;}
	.BannerLexLab{background:url(Images/BannerTablet.webp) top center no-repeat; background-size:cover; padding-bottom:20px}
	.BannerRecobros{background: url(Images/BannerTablet5.webp) top center no-repeat #FFFFFF; background-size:cover; padding-bottom:20px}
  .Claim { width: 50%; margin: 0 350px 0 0; text-align: center; }
  .Claim h1 { font-size: 2em; color:#ffffff;padding: 0 0 15px 0;margin:0; line-height:1.1 }
	.Claim span{color:#ffffff; font-size:1.5em}
  .CalltoactionBanner { display: none; }
  
  .OutForm { width: 50%; margin: 15px 380px 0 60px; }
	
  .RightText { width: 60%; float: right; text-align: left; }
  .LeftText { width: 60%; float: left; text-align: left; }
  .LeftImage { width: 35%; float: left; }
  .RightImage { width: 35%; float: right; }
  
  .Columna { width: 44%; margin: 0 3% 1em 3%; float: left; }
  .Columna { text-align:center }
	
  #Llamar { display: none; }
  #NumeroTelefono { display: block; }
}


/* ----------------- PORTATIL (990px) ----------------- */
@media only screen and (min-width: 990px) {
  header { height: auto; padding:5px 0 }
.BannerLexLab{background:url(Images/BannerOrdenador.webp) top left no-repeat; background-size:cover; padding-bottom:20px} 
  .BannerRecobros{background: url(Images/BannerOrdenador5.webp) top center no-repeat #FFFFFF; background-size:cover; padding-bottom:20px}
  .Claim { margin: 0 450px 0 0; padding-top:20px }
  .Claim h1 { font-size: 2.3em;padding: 0 0 15px 0;margin:0; line-height:1.1  }
	.Claim span{color:#ffffff; font-size:1.5em} 
  .OutForm { margin: 15px 55% 0 8%; }
  
  .Columna { width: 29%; margin: 0 2% 1em 2%; }
  .OutTable{ overflow:hidden; }
	.InTable{max-width:1000px; margin:auto; align:center}
	.Columna { text-align:center }
	.Columna img{width:150px; hight:auto}
  #IralForm { width: 30%; margin: 0 10%; }
  #NumeroTelefono { width: 30%; margin: 0 10%; }
	.alertaError {max-width: 255px;}
}
@media only screen and (min-width: 767px)  and (max-width:1199px){
	/*.Claim h1,.Claim span{text-shadow: 3px 3px 4px rgba(0,0,0,0.5)}*/
}
/* ----------------- ORDENADOR PEQUEÑO (1200px) ----------------- */
@media only screen and (min-width: 1200px) {
	
  .Claim { width:50%; margin: 0 30px 0 20px; float: left; }
.Claim h1 { font-size: 3em; color:#ffffff; }
	.Claim span{color:#ffffff; font-size:1.3em}   
  .OutForm {  width: 30%; float: left; margin: 25px 30% 0 14% }
  p.Introtext { font-size: 1.5em; }
  .RightText, .LeftText { font-size: 1.2em; }
  
  #IralForm, #NumeroTelefono { width: 26%; margin: 6px 12%; }
}

/* ----------------- ORDENADOR (1400px) ----------------- */
@media only screen and (min-width: 1400px) {
  .BannerLexLab{background:url(Images/BannerPantalla.webp) top center no-repeat; background-size:cover; padding-bottom:20px} 
	.BannerRecobros{background: url(Images/BannerPantalla5.webp) top center no-repeat #ffffff; background-size:cover; padding-bottom:20px}
	.OutForm {  width: 30%; float: left; margin: 25px 30% 0 13% }
	
	
}

/* ----------------- PANTALLA GRANDE (1600px) ----------------- */
@media only screen and (min-width: 1600px) {
	
  .Claim { width: 50%; color:#ffffff }
  .Claim h1 { font-size: 3em; color:#ffffff; padding-bottom:1em;margin-bottom:0; line-height:1.1 }
	.Claim span{color:#ffffff; font-size:1.3em} 
   .OutForm {  width: 30%;     float: left;    margin: 25px 30% 0 14%;}
	p.IntroText{font-size: 1.1em; }
	h2{ font-size: 1.6em;}
  .RightText, .LeftText, .Columna { font-size: 1.1em; }
	
}