@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;} 
.white{color:#ffffff!important}
ul li, ol li {padding-bottom:1em}
ul{margin:1em 0 0 0; padding:0}
ol{margin:1em 0 0 0; padding:0 0 0 40px}
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
}




header{width:100%; left:0; background:#ffffff; border-bottom:1px solid #ccc}
.InHeader{padding:10px 0 0 0; width:96%; max-width:1440px;margin:auto}
.Logo{width:300px; float:left}
.Logo img{width:300px; height:75px}
.RightHeader{width:700px; float:right;}
.telefonosContacto{display:block;margin:15px 0 0 0; float:right; font-size:1.6em; font-weight:bold; line-height:30px; color:#005c83}
.telefonosContacto img{width:30px; height:30px; margin-right:8px}
.BtnMenu{display:none;width:30px; margin:10px 0 0 20px; float:right}
.telefonosContactoMobile{display:none;margin:8px 0 0 15px; float:right; font-size:1.1em; font-weight:bold; line-height:20px; color:#005c83}
.telefonosContactoMobile a{color:#005c83; text-decoration:none}
.telefonosContactoMobile img{width:30px;height:30px; margin-right:8px}

.TopMenu{margin:5px 0}
ul.MainMEnu{list-style:none; margin:0;padding:0;display: flex;    flex-flow: row wrap;    flex-wrap: wrap;    justify-content: space-around;}
ul.MainMEnu li{width:auto; padding:5px;display:inline; font-size:.9em;color:#005c83; line-height:1.3em}
ul.MainMEnu li a{color:#005c83; text-decoration:none}
ul.MainMEnu li a:hover{font-weight:bold}
#MobileMenu{display:none;width:100%; background:#ffffff}
ul.MenuMovil{list-style:none; margin:0;padding:0 10px;}
ul.MenuMovil li{width:100%; padding:10px 0;display:block; font-size:.9em;color:#005c83; line-height:1.3em}
ul.MenuMovil li a{color:#005c83; text-decoration:none}
ul.MenuMovil li a:hover{font-weight:bold}

#banner{background:url(Images/AbogadosOrd.webp) center top no-repeat #ffffff; height:485px;}
#bannerdespidos{background:url(Images/DespidosORd.webp) center top no-repeat #ffffff; height:485px}
#bannerincapacidad{background:url(Images/IncapacidadOrd.webp) center top no-repeat #ffffff; height:485px}
    #bannerEres{background:url(Images/ErteOrd.webp) center top  no-repeat #ffffff; height:485px}
#bannerAcoso{background:url(Images/AcosoOrd.webp) center top  no-repeat #d8d8d8; height:485px;}
#bannerAccidente{background:url(Images/AccidenteOrd.webp) center top  no-repeat #3a3634; height:485px}
    #bannerJubilacion{background:url(Images/JubilacionOrd.webp) center top no-repeat #dbe0dc; height:485px}
#bannerCese{background:url(Images/CeseOrd.webp) center top no-repeat #a6988d; height:485px}
#bannerJuicios{background:url(Images/JuicioOrd.webp) center top  no-repeat #ffffff; height:485px}
.wrapper{width:96%; max-width:1300px; margin:auto}
#Claim{width:50%; max-width:600px;margin:60px 0 0 0; float:left}
#Claim h1{padding:0 0 10px 0; margin:0; font-size:3.5em; font-weight:bold; color:#005c83}
#Claim h2{padding:0; margin:0; font-size:2.2em; font-weight:normal; color:#005c83}
#OutForm{width:35%; max-width:320px; float:right; margin:40px 0; background:#ffffff; border:1px solid #ccc; -webkit-border-radius:9px; -moz-border-radius:8px; border-radius:8px; box-shadow: 3px 3px 3px rgba(0,0,0,0.5)}
.inForm{padding:15px}
.inForm h3{padding:0 0 10px 0; margin:0;font-size:1.5em; text-align:center; color:#cc130a}
#Clausula{height:auto;background:0 0}
#Intro{background:#faf9f9; padding:30px 0}
p.entradilla{font-size:1.3em; text-align:center}
.inwrapper{margin-top:30px}
.col3{width:20%; float:left; margin:0 2% 30px 2%; border-radius:6px; border:0px; text-align:center}
.inCol{min-height:265px;}
img.Iconos{width:65px;  height:auto}
.inCol h3{color:#005c83; font-weight:bold; font-size:1.3em; padding:0 0 10px 0; margin:0}
.inCol p{padding:0; margin: 0 auto; width:90%;}
.inbutton{width:180px;padding:8px 0;  margin:10px auto; background:#005c83; text-align:center; color:#ffffff; border-radius:6px}
#Porque{margin:30px 0}
.leftCOntent{width:75%; float:left}
h2{font-size:2.2em; font-weight:normal; color:#005c83}
h3{font-size:1.6em; font-weight:normal; color:#005c83}
.RightImage{width:23%; float:right; padding-top:1.5em}
.RightImage img{width:100%; height:auto}
#Resenas{background:#faf9f9; padding:30px 0; margin:30px 0}
.ReviewName{color:#005c83; font-weight:bold; text-align:left}
img.Inicial{float:left; margin:0 10px 0 0}
.reviewcontent{font-size:.9em; padding:10px }
#Cierre{}
p.FootText{text-align:center; font-size:1.3em; color:#005c83}
p.FootText span{font-weight:bold; font-size:1.7em}
p.FootText span img{width:30px;height:30px; margin-right:8px}
p.FootText a{color:#005c83}
footer{background:#005c83; padding:10px 0; margin-top:25px}
.copy{font-size:.85em; color:#ffffff; width:70%; margin:0; float:left}
.copy a, .copy a:link, .copy a:visited{color:#ffffff; text-decoration:none}
.reacciona{width:auto; float:right}
.comodin{display:block;}

.Promo{background: url(Images/3MESESROJO.svg) center center no-repeat; height:130px; width:130px; background-size:contain; }

 .Promo{float:right }
@media screen and (min-width:990px) and (max-width:1600px) {

    .RightHeader{width:500px; float:right;}
    ul.MainMEnu li{width:11%; padding:5px 0;float:left; display:inline-block; text-align:center; font-size:.9em;color:#005c83; line-height:1.3em}
    #banner{background:url(Images/AbogadosPort.webp) center top no-repeat #ffffff; height:485px;}
    #bannerdespidos{background:url(Images/DespidosPort.webp) center top no-repeat #ffffff; height:485px}
    #bannerincapacidad{background:url(Images/IncapacidadPort.webp) center top no-repeat #ffffff; height:485px}
    #bannerEres{background:url(Images/ErtePort.webp) center top  no-repeat #ffffff; height:485px}
    #bannerAcoso{background:url(Images/AcosoPort.webp) center top  no-repeat #ffffff; height:485px}
    #bannerAccidente{background:url(Images/AccidentePort.webp) center top  no-repeat #3a3634; height:485px}
        #bannerJubilacion{background:url(Images/JubilacionPort.webp) center top  no-repeat #dbe0dc; height:485px}
    #bannerCese{background:url(Images/CesePort.webp) center top no-repeat #a6988d; height:485px}
#bannerJuicios{background:url(Images/JuicioPort.webp) center top  no-repeat #ffffff; height:485px}
    #Claim{width:50%; max-width:600px;margin:60px 0 0 0; float:left}
    #Claim h1{font-size:3em;}
    #Claim h2{font-size:1.9em;}
    .inForm h{font-size:1.5em;}
    p.entradilla{font-size:1.2em; text-align:center}
    .col3{width:29%;}
    .inCol{min-height:265px;}
    .leftCOntent{width:68%; float:left}
    .RightImage{width:30%; float:right; }
    .comodin{display:none;}
       .Promo{height:180px; width:180px;float:right }
}
@media screen and (min-width:767px) and (max-width:989px) {
    .Logo{width:300px; float:left}
    .RightHeader{width:400px; float:right;}
    .telefonosContacto{display:none}
    .BtnMenu{display:block;}
    .telefonosContactoMobile{display:block;}
    .TopMenu{display:none}
    #MobileMenu{display:block;}
    #banner{background:url(Images/AbogadosTablet.webp) center top no-repeat #ffffff; height:auto; background-size:cover}
    #bannerdespidos{background:url(Images/DespidosTablet.webp) center top no-repeat #ffffff; height:auto; background-size:cover}
    #bannerincapacidad{background:url(Images/IncapacidadTablet.webp) center top  no-repeat #ffffff; height:auto; background-size:cover}
    #bannerEres{background:url(Images/ErteTablet.webp) center top  no-repeat #ffffff; height:auto; background-size:cover}
        #bannerAcoso{background:url(Images/AcosoTablet.webp) center top  no-repeat #d8d8d8; height:auto; background-size:cover}
    #bannerAccidente{background:url(Images/AccidenteTablet.webp) center top  no-repeat #3a3634; height:auto; background-size:cover}
        #bannerJubilacion{background:url(Images/JubilacionTablet.webp) center top no-repeat #dbe0dc; height:auto; background-size:cover}
    #bannerCese{background:url(Images/CeseTablet.webp) center top no-repeat #a6988d; height:auto; background:cover}
    #bannerJuicios{background:url(Images/JuicioTablet.webp) center top  no-repeat #ffffff; height:auto; background-size:cover}
    #Claim{width:60%; max-width:600px;margin:60px 0 0 0; float:none}
    #Claim h1 {font-size:2.2em;}
    #Claim h2{font-size:1.5em;}
    #OutForm{width:50%; max-width:320px; float:none; margin:40px 0 20px 50px;}
    .inForm h3{font-size:1.5em;}
    p.entradilla{font-size:1.1em;}
    .col3{width:46%;}
    .inCol{min-height:215px;}
    .leftCOntent{width:68%;}
    .RightImage{width:30%; }
    .comodin{display:block;}
    
    p.FootText{font-size:1.2em;}
    .copy{font-size:.85em; color:#ffffff; width:100%; margin:0; float:none; text-align:center}
    .reacciona{width:auto; float:none; margin:5px auto; text-align:center}
        .Promo{height:130px; width:130px;float:right ; margin:0 50px 0 0}
}
@media screen and (max-width:766px) {
    .Logo{width:210px; float:left}
    .Logo img{width:210px; height:52.5px}
    .RightHeader{width:130px; float:right;}
    .telefonosContacto{display:none;}
    .BtnMenu{display:block;}
    .telefonosContactoMobile{display:block;}
    .telefonosContactoMobile span{display:none}
    .TopMenu{display:none}
    .MobileMenu{display:block;}
    
    ol{margin:1em 0 0 0; padding:0 0 0 10px}
    
    
    #banner{background:url(Images/AbogadosMovil.webp) right 40px no-repeat #ffffff; height:auto}
    #bannerdespidos{background:url(Images/DespidosMOvil.webp) right 40px no-repeat #ffffff; height:auto}
    #bannerincapacidad{background:url(Images/IncapacidadMovil.webp) right 40px no-repeat #ffffff; height:auto}
    #bannerEres{background:url(Images/ErteMovil.webp) right 40px no-repeat #ffffff; height:auto}
    #bannerAcoso{background:url(Images/AcosoMovil.webp) right 40px no-repeat #d8d8d8; height:auto}
    #bannerAccidente{background:url(Images/AccidenteMovil.webp) right 40px no-repeat #3a3634; height:auto}
    #bannerJubilacion{background:url(Images/JubilacionMovil.webp) right 40px no-repeat #dbe0dc; height:auto}
    #bannerCese{background:url(Images/CeseMovil.webp) right 40px no-repeat #a6988d; height:auto}
    #bannerJuicios{background:url(Images/JuicioMovil.webp) right 40px no-repeat #ffffff; height:auto}
    #Claim{width:100%; max-width:600px;margin:10px 0 0 0; float:none}
    #Claim h1{font-size:1.8em; text-align:center}
    #Claim h2{font-size:1.2em;text-align:center}
    #OutForm{width:100%; max-width:320px; float:none; margin:200px auto 20px auto;}
    .inForm h3{font-size:1.2em; }
    p.entradilla{font-size:1.1em; }
    .col3{width:96%; float:none; margin:0 2% 20px 2%; border-radius:6px; border:0px; text-align:center}
    .inCol{min-height:15px;}
    .leftCOntent{width:96%; float:none; margin:auto}
    h2{font-size:1.6em;}
    h3{font-size:1.3em;}
    .RightImage{width:90%; float:none; margin:15px auto 0 auto}
    p.FootText{text-align:center; font-size:1.1em; color:#005c83}
    .copy{font-size:.85em; color:#ffffff; width:100%; margin:0; float:none; text-align:center}
    .reacciona{width:auto; float:none; margin:5px auto; text-align:center}
}