@charset "utf-8";
/* Global Styles */

body {
  margin-left: auto;
  margin-right: auto;
  width: 92%;
  max-width: 960px;
  padding-left: 2.275%;
  padding-right: 2.275%;
  background-color: #f5f5f5;
  font-family: 'Roboto' sans-serif,
}
/* Header */
header {
  text-align: center;
  display: block;
}
header .profileLogo .logoPlaceholder {
  max-width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
header .profileLogo .logoPlaceholder img {
  margin: 0 auto !important;
  width: 220px;
  height: 85px;
  max-width: 100%;
}
header .profileLogo .logoPlaceholderFe img {
  margin: 0 auto !important;
  width: 300px;
  height: 85px;
  max-width: 100%;
}
header .profileLogo .logoPlaceholderRe img {
  margin: 0 auto !important;
  width: 300px;
  height: 90px;
  max-width: 100%;
}
header .profileLogo .logoPlaceholderHome img {
  margin: 0 auto !important;
  width: 250px;
  height: auto;
  max-width: 100%;
}
hr {
  background-color: rgba(208,207,207,1.00);
  height: 1px;
}
header .profileHeader p {
  font-family: 'Roboto', sans-serif !important;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 400;
  text-align: justify;
  text-align-last: center;
  padding: 0px 20px;
  max-width: 250px;
  margin: 0 auto;
}
header .destacados {
  text-align: center;
  display: block;
  margin-top: 10px;
  clear: both;
  margin-bottom: 10px;
}
header .destacados .icono p {
  font-family: 'Roboto', sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  color: #666666;
  padding: 0px 6px;
}
header .destacados .icono {
  border-radius: 50%;
}
header .destacados .icono img {
  width: 55px;
  height: 55px;
}
header .boton, header .boton_factu, .boton_remu, .boton_home {
  display: inline-block;
  margin: 10px 0px 10px 0px;
}
header .boton a {
  background-color: #4caf50;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 7px;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
header .boton_home a {
  background-color: #1f2a44;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 7px;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
header .boton_factu a {
  background-color: #2196F3;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 7px;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
header .boton_remu a {
  background-color: #005ab9;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 7px;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
header .boton a:hover, header .boton_factu a:hover, header .boton_remu a:hover {
  background-color: #1f2a44;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
header .boton_home a:hover {
  background-color: #f68d2e;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* Main Content sections */
/* Softwares */
.mainContent .Conta, .mainContent .Factu, .mainContent .Remu {
  margin: 35px auto 0px;
  display: block;
  background-color: #EAEAEA;
  min-width: 100px;
  max-width: 300px;
  border-top-left-radius: 47px;
  border-bottom-right-radius: 47px;
  padding: 20px 10px;
}
.mainContent .Conta .contaContent, .mainContent .Factu .factuContent, .mainContent .Remu .remuContent {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  min-height: 100%;
  min-width: 200px;
  overflow: hidden;
}
.mainContent .Conta .contaContent .icono img, .mainContent .Factu .factuContent .icono img, .mainContent .Remu .remuContent .icono img {
  display: block;
  margin: 0 auto !important;
  width: 250px;
  height: 90px;
}
.mainContent .Factu .factuContent .icono_flecha img, .mainContent .Conta .contaContent .icono_flecha img, .mainContent .Remu .remuContent .icono_flecha img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
.mainContent .Conta .contaContent p, .mainContent .Factu .factuContent p, .mainContent .Remu .remuContent p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  text-align: justify;
  text-align-last: center;
}
.mainContent .Conta .contaContent h2, .mainContent .Factu .factuContent h2, .mainContent .Remu .remuContent h2 {
  font-weight: 400;
  color: #1f2a44;
  text-align: center;
  font-size: 17px;
}
.mainContent .Conta h2 strong {
  color: #1f2a44;
  font-weight: 600;
}
/* Acordeon */
.Software {
  display: block;
  max-width: 500px;
  margin: 70px auto 0px;
}
.accordeon {
  display: block;
  margin-bottom: 30px;
}
.Software .accordeon label .Factu {
  margin: 50px auto 0px!important;
  display: block;
  background-color: #EAEAEA;
  min-width: 100px;
  max-width: 300px;
  border-top-left-radius: 47px;
  border-bottom-right-radius: 0px;
  padding: 50px 10px 35px;
}
.Software .accordeon label .Conta {
  margin: 0px auto 0px!important;
  display: block;
  background-color: #EAEAEA/*#DFDFDF*/;
  min-width: 100px;
  max-width: 300px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 50px 10px 35px;
  border-top: solid #bbbbbc 1px;
}
.Software .accordeon label .Remu {
  margin: 0px auto 50px!important;
  display: block;
  background-color: #EAEAEA;
  min-width: 100px;
  max-width: 300px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 47px;
  padding: 50px 10px 35px;
  border-top: solid #bbbbbc 1px;
}
/*.accordeon label .Factu:hover, .accordeon label .Conta:hover, .accordeon label .Remu:hover {
  background-color: #DFDFDF;
}
*/
.accordeon .panel:hover {
/*background-color:#DFDFDF;*/
}
.accordeon .panel {
  height: 0;
  visibility: hidden;
  opacity: 0;
  background: #EAEAEA;
  display: block;
  margin: -18px 0px;
}
.accordeon .panel h2 {
  font-size: 14px !important;
}
/* Hide checkboxes and radio-buttons */
.accordeon input[type="radio"], .accordeon input[type="checkbox"] {
  display: none;
}
.form input[type="checkbox"],
.hbspt-form input[type="checkbox"]{
  display: inline-block !important;
}
/* Show .panel for corresponding to checked radio or checkbox */
.accordeon input[type="radio"]:checked + .panel, .accordeon input[type="checkbox"]:checked + .panel {
  height: auto;
  visibility: visible;
  opacity: 1;
  padding: 0px 10px 0px 10px;
  display: block;
  margin: -90px auto 0px;
  max-width: 300px;
}
/* Planes */
.mainContent .Planes {
  margin: 0px auto;
  display: block;
  min-width: 100px;
  max-width: 300px;
  padding: 10px 0px;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}
.mainContent .Planes .planesContent {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}
.mainContent .Planes .planesContent .icono img {
  margin: 0% 40%;
}
.mainContent .Planes .planesContent p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  text-align: center;
}
.mainContent .Planes .planesContent h2 {
  font-weight: 400;
  color: #1f2a44;
  text-align: center;
}
.mainContent .Planes .planesContent h2 strong {
  color: #f68d2e;
  font-weight: 600;
}
.mainContent .Conta ul.conta {
  padding-left: 50px;
  line-height: 24px;
  color: #333333;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.factu {
  padding-left: 50px;
  line-height: 24px;
  color: #333333;
  font-weight: 400;
  height: 110px;
}
.mainContent .Planes .planesContent ul.remu {
  padding-left: 50px;
  line-height: 24px;
  color: #333333;
  font-weight: 400;
  height: 90px;
}
.mainContent .Planes .planesContent ul.conta li, .mainContent .Planes .planesContent ul.factu li, .mainContent .Planes .planesContent ul.remu li {
  background-image: url(../images/check.png);
  display: list-item;
  float: left;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 20px;
  width: 100%;
  max-width: 300px;
  font-size: 12px;
  margin-bottom: 10px;
}
/*Tablas*/
/*tabla Precio*/
.Tablas table.medio, .Tablas table.medio-factu, .Tablas table.medio-remu {
  width: 277px;
  font-family: 'Roboto', sans-serif;
  margin: 0 auto;
  font-size: 14px;
}
.Tablas table.medio th {
  width: 277px;
  color: #4caf50;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
}
.Tablas table.medio-factu th {
  width: 277px;
  color: #2196F3;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
}
.Tablas table.medio-remu th {
  width: 277px;
  color: #005ab9;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
}
.Tablas table.medio th strong, .Tablas table.medio-factu th strong, .Tablas table.medio-remu th strong {
  text-transform: uppercase;
}
.Tablas table.medio td, .Tablas table.medio-factu td, .Tablas table.medio-remu td {
  height: 64px;
  text-align: center;
}
.Tablas table.medio td.uf {
  height: auto;
  color: #f68d2e;
  font-size: 40px;
  /* padding: 10px 47px 0px 47px; */
  font-weight: 700;
  line-height: 40px;
}
.Tablas table.medio-factu td.ufe {
  height: auto;
  color: #f68d2e;
  font-size: 40px;
 /* padding: 14px 47px 10px 47px;*/
  font-weight: 700;
  line-height: 40px;
}
.Tablas table.medio-remu td.ufr {
  height: auto;
  color: #f68d2e;
  font-size: 40px;
  /*padding: 14px 47px 10px 47px;*/
  font-weight: 700;
  line-height: 40px;
}
.Tablas table.medio td.uf span.mes {
  text-transform: uppercase;
  font-size: 25px;
  clear: both;
  color: #4caf50;
}
.Tablas table.medio td.ufr span.mes {
  text-transform: uppercase;
  font-size: 25px;
  clear: both;
  color: #4caf50;
}
.Tablas table.medio-factu td.ufe span.mes {
  text-transform: uppercase;
  font-size: 25px;
  clear: both;
  color: #2196F3;
}
.Tablas table.medio-remu td.ufr span.mes {
  text-transform: uppercase;
  font-size: 25px;
  clear: both;
  color: #005ab9;
}
.Tablas table.medio td.uf span.iva {
  text-transform: uppercase;
  font-size: 14px;
  clear: both;
  color: #4caf50;
  display: block;
  margin-top: -10px;
}
.Tablas table.medio-factu td.ufe span.iva {
  text-transform: uppercase;
  font-size: 14px;
  clear: both;
  color: #2196F3;
  display: block;
  margin-top: -10px;
}
.Tablas table.medio-remu td.ufr span.iva {
  text-transform: uppercase;
  font-size: 14px;
  clear: both;
  color: #005ab9;
  display: block;
  margin-top: -10px;
}
.Tablas table.medio td.cierre {
  border-bottom-left-radius: 10px;
}
.Tablas table.medio td.cierre .boton, .Tablas table.medio-factu td.cierre .boton, .Tablas table.medio-remu td.cierre .boton {
  background-color: #f68d2e;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 7px;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: 500;
}
.Tablas table.medio td.cierre .boton:hover, .Tablas table.medio-factu td.cierre .boton:hover {
  background-color: #1F2A44;
  transition-duration: 0.2s;
}
p.iva {
  font-family: 'Roboto', sans-serif;
  text-align: center;
  font-size: 14px;
}
.mainContent {
  display: block;
}
/*contacto*/
.mainContent .Contacto {
  margin: 30px auto 0px!important;
  display: block;
  min-width: 100px;
  max-width: 480px;
  padding: 0px 20px 0px;
}
.mainContent .Contacto .contactoContent {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.mainContent .Contacto .contactoContent .icono img {
  display: block;
  margin: 0 auto;
  width: 54px;
  height: 45px;
}
.mainContent .Contacto .contactoContent p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  text-align: center;
}
.mainContent .Contacto .contactoContent h2 {
  font-weight: 400;
  color: #1f2a44;
  text-align: center;
  font-size: 17px;
}
.mainContent .Contacto .contactoContent h2 strong {
  color: #f68d2e;
  font-weight: 600;
}
.mainContent .Contacto .contactoContent p {
  color: #1f2a44;
  font-size: 14px;
  font-weight: 400;
}
.mainContent .Contacto .contactoContent strong {
  color: #1f2a44;
}
/* Formulario */
.Formulario {
  display: block;
  max-width: 500px;
  margin: 0 auto;
}
p.email2 {
  display: none;
}
.feedback-input {
  color: #999999;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  background-color: #fbfbfb;
  padding: 10px 10px 10px 48px;
  margin-bottom: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #eeeeee;
  border-radius: 7px;
}
.feedback-input:focus {
  color: #1f2a44;
  outline: none;
  padding: 10px 10px 10px 48px;
  border: #d1d1d1 solid 3px;
}
/* Icons ---------------------------------- */
#nombre {
  background-image: url(../images/nombre-2x.png) !important;
  background-size: 24px 24px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
#nombre:focus {
  background-image: url(../images/nombre-2x.png) !important;
  background-size: 24px 24px;
  background-position: 8px 5px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
#telefono {
  background-image: url(../images/telefono-2x.png) !important;
  background-size: 24px 20px;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
#telefono:focus {
  background-image: url(../images/telefono-2x.png) !important;
  background-size: 24px 20px;
  background-position: 8px 5px;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
#email {
  background-image: url(../images/email-2x.png) !important;
  background-size: 24px 20px;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
#email:focus {
  background-image: url(../images/email-2x.png) !important;
  background-size: 24px 20px;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
#mensaje {
  background-image: url(../images/mensaje-2x.png) !important;
  background-size: 24px 20px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
}
textarea {
  width: 100%;
  height: 150px;
  line-height: 150%;
  resize: vertical;
}
input:hover, textarea:hover, input:focus, textarea:focus {
  background-color: white;
}
#button-blue {
  font-family: 'Roboto', sans-serif;
  border: none !important;
  cursor: pointer;
  background-color: #f68d2e;
  color: white;
  font-size: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 700;
  border-radius: 7px;
  width: 155px;
  text-transform: uppercase;
  margin: 20px auto;
  display: block;
}
#button-blue:hover {
  background-color: #1f2a44;
  color: #ffffff;
}
.submit:hover {
  color: #ffffff;
}
.ease {
  width: 0px;
  height: 74px;
  background-color: #fbfbfb;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  -ms-transition: .3s ease;
  transition: .3s ease;
}
.submit:hover .ease {
  width: 100%;
  background-color: white;
}
.submit {
  text-align: center;
}
.form p.info {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-align: center;
  color: #666666;
}
form p {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-align: center;
  color: #666666;
}
p.text, p.email, p.nombre, p.telefono {
  margin: 5px;
  display: block;
}
p.mensaje {
  font-size: 12px !important;
  padding: 25px;
}


@media only screen and (max-width: 480px) {
#form-div {
  left: 3%;
  margin-right: 3%;
  width: 88%;
  margin-left: 0;
  padding-left: 3%;
  padding-right: 3%;
}
}
/* Telefono */
.Telefono {
  display: block;
  margin: 30px auto;
}
.Telefono p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #1f2a44;
  text-align: center;
  line-height: 10px;
  font-weight: 500;
}
.Telefono p.telefono {
  color: #f68d2e;
  font-weight: 600;
}
.Telefono p.telefono a {
  color: #f68d2e;
  text-decoration: none;
}
.Telefono p.horario {
  color: #666666;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  display: block;
  margin: 20px 0px;
}
/* Footer */
footer .footer {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  line-height: 18px;
  color: #666666;
  font-weight: 400;
  border-top: solid 1px #1f2a44;
  padding-top: 10px;
}
footer .footer a {
  font-weight: 400;
  color: #f68d2e;
  text-decoration: none;
}

/**** FORM HUBSPOT ***/

.hbspt-form{
  max-width: 100%;
  padding: 30px;
  margin-top: 30px;
  background-color: #EAEAEA;
  border-radius: 10px;
  }
.hs-form-field {
  float: none;
  width: 100%;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  color: #1F2A44;
  }
.field.hs-form-field {
  margin: 0px 0px 20px 0px;
  }
input#nombre_de_contacto-86085462-aa06-46ee-9b50-3c4318516217, input#email-86085462-aa06-46ee-9b50-3c4318516217, input#phone-86085462-aa06-46ee-9b50-3c4318516217,
input#nombre_de_contacto-db2783ce-7386-44fc-8344-1fcd071482ab, input#email-db2783ce-7386-44fc-8344-1fcd071482ab, input#phone-db2783ce-7386-44fc-8344-1fcd071482ab,
input#nombre_de_contacto-45c89412-2af6-4fb6-bd53-fd348875f4c2, input#email-45c89412-2af6-4fb6-bd53-fd348875f4c2, input#phone-45c89412-2af6-4fb6-bd53-fd348875f4c2,
input#nombre_de_contacto-a4c2bca6-2c23-4ced-9308-365d876ee1b1, input#email-a4c2bca6-2c23-4ced-9308-365d876ee1b1, input#phone-a4c2bca6-2c23-4ced-9308-365d876ee1b1{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
ul.inputs-list.multi-container {
    list-style: none;
  }
textarea#mensaje-86085462-aa06-46ee-9b50-3c4318516217,
textarea#mensaje-db2783ce-7386-44fc-8344-1fcd071482ab,
textarea#mensaje-45c89412-2af6-4fb6-bd53-fd348875f4c2,
textarea#mensaje-a4c2bca6-2c23-4ced-9308-365d876ee1b1{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
.hbspt-form input.hs-button.primary{
font-family: 'Roboto', Helvetica, Tahoma, Arial, clean, sans-serif;
padding: 6px 10px;
height: 28px;
line-height: 13px;
border-radius: 2px;
font-size: 15px !important;
font-weight: 600;
color: #ffffff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
transition-property: background-color;
transition-duration: .3s;
border: 1px solid;
cursor: pointer;
}
.hbspt-form input.hs-button.primary.large {
padding: 8px 18px;
height: 36px;
line-height: 16px;
border-radius: 4px;
font-size: 18px;
font-weight: 500;
border-color: #f68d2e;
background-color: #f68d2e;
}
.hbspt-form input.hs-button.primary.large:hover {
background-color: #f8a255;
}
.hs-form-checkbox .hs-input {
    width: 30px !important;
}
.actions {
  margin-top: 15px;
  margin-bottom:10px;
  text-align: center;
}

/* Media query for small Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 399px) {
/* Header */
header {
  width: 100%;
  float: none;
}
header .profileLogo .logoPlaceholder {
  display: inline-block;
}
header .profilePhoto {
  display: inline-block;
}
header .profileHeader {
  text-align: center;
  margin: 10px 0px 10px 0px;
  font-family: 'Roboto', sans-serif !important;
}
header .profileHeader p {
  text-align: justify;
  font-family: 'Roboto', sans-serif !important;
}
header .destacados {
  text-align: center;
  display: block;
  margin-top: 0px;
  clear: both;
  margin-bottom: 0px;
}
header .destacados .icono {
  width: 94px;
  display: inline-block;
}
header .destacados .icono p {
  font-family: 'Roboto', sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  color: #666666;
  padding: 0px 10px;
}
.mainContent .Tablas {
  display: block;
  text-align: center;
}
.Tablas .tablasContent {
  margin-top: 0px;
  text-align: justify;
}
.mainContent .Planes .planesContent ul.conta {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.factu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.remu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.conta li, .mainContent .Planes .planesContent ul.factu li, .mainContent .Planes .planesContent ul.remu li {
  background-image: url(../images/check.png);
  display: list-item;
  float: left;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 20px;
  width: 100%;
  max-width: 300px;
  font-size: 12px;
  margin-bottom: 10px;
}
/* Footer */
footer {
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
  /**** FORM HUBSPOT ***/

.hbspt-form{
  max-width: 100%;
  padding: 30px;
  margin-top: 30px;
  background-color: #EAEAEA;
  border-radius: 10px;
  }
.hs-form-field {
  float: none;
  width: 100%;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  color: #666666;
  }
.field.hs-form-field {
  margin: 0px 0px 20px 0px;
  }
input#nombre_de_contacto-86085462-aa06-46ee-9b50-3c4318516217, input#email-86085462-aa06-46ee-9b50-3c4318516217, input#phone-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
  ul.inputs-list.multi-container {
    list-style: none;
  }
  textarea#mensaje-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
}

/* Media query for big Mobile devices*/
@media only screen and (min-width : 400px) and (max-width : 479px) {
/* Header */
header {
  width: 100%;
  float: none;
}
header .profileLogo .logoPlaceholder {
  display: inline-block;
}
header .profilePhoto {
  display: inline-block;
}
header .profileHeader {
  text-align: center;
  margin-top: 10px;
  font-family: 'Roboto', sans-serif !important;
}
header .profileHeader p {
  text-align: justify;
  font-family: 'Roboto', sans-serif !important;
}
header .destacados {
  text-align: center;
  display: block;
  margin-top: 0px;
  clear: both;
  margin-bottom: 0px;
}
header .destacados .icono {
  width: 94px;
  display: inline-block;
  margin: 0px;
}
/* Main content sections */
.mainContent .Tablas {
  display: block;
  text-align: center;
}
.Tablas .tablasContent {
  margin-top: 0px;
  text-align: justify;
}
.mainContent .Planes .planesContent ul.conta {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.factu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.remu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.conta li, .mainContent .Planes .planesContent ul.factu li, .mainContent .Planes .planesContent ul.remu li {
  background-image: url(../images/check.png);
  display: list-item;
  float: left;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 20px;
  width: 100%;
  max-width: 300px;
  font-size: 12px;
  margin-bottom: 10px;
}
/* Footer */
footer {
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
  /**** FORM HUBSPOT ***/

.hbspt-form{
  max-width: 100%;
  padding: 30px;
  margin-top: 30px;
  background-color: #EAEAEA;
  border-radius: 10px;
  }
.hs-form-field {
  float: none;
  width: 100%;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  color: #666666;
  }
.field.hs-form-field {
  margin: 0px 0px 20px 0px;
  }
input#nombre_de_contacto-86085462-aa06-46ee-9b50-3c4318516217, input#email-86085462-aa06-46ee-9b50-3c4318516217, input#phone-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
  ul.inputs-list.multi-container {
    list-style: none;
  }
  textarea#mensaje-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
}

/* Media Query for Tablets */
@media only screen and (min-width : 480px) and (max-width : 1024px) {
/* Header */
header {
  width: 100%;
  float: none;
}
header .profileLogo .logoPlaceholder {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
}
header .profilePhoto {
  float: left;
  clear: both;
  margin-right: 3%;
  margin-top: 5%;
}
header .profileHeader {
  text-align: justify;
  text-align-last: center;
  margin-top: 10px;
  font-family: 'Roboto', sans-serif !important;
}
header .destacados .icono {
  width: 94px;
  height: 74px;
  display: inline-block;/*margin-right: 23px;*/
}
/* Main content and sections */
.mainContent .Tablas {
  clear: both;
}
.Tablas .tablasContent {
  padding: 0px;
  margin: 0%;
  font-family: 'Roboto' sans-serif;
  text-align: justify;
}
.mainContent .Planes .planesContent ul.conta {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.factu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.remu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.conta li, .mainContent .Planes .planesContent ul.factu li, .mainContent .Planes .planesContent ul.remu li {
  background-image: url(../images/check.png);
  display: list-item;
  float: left;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 20px;
  width: 100%;
  max-width: 300px;
  font-size: 12px;
  margin-bottom: 10px;
}
/* Footer */
footer .footer {
  margin-left: 3%;
  font-family: 'Roboto', sans-serif;
  text-align: center;
}
/**** FORM HUBSPOT ***/

.hbspt-form{
  max-width: 100%;
  padding: 30px;
  margin-top: 30px;
  background-color: #EAEAEA;
  border-radius: 10px;
  }
.hs-form-field {
  float: none;
  width: 100%;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  color: #666666;
  }
.field.hs-form-field {
  margin: 0px 0px 20px 0px;
  }
input#nombre_de_contacto-86085462-aa06-46ee-9b50-3c4318516217, input#email-86085462-aa06-46ee-9b50-3c4318516217, input#phone-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
  ul.inputs-list.multi-container {
    list-style: none;
  }
  textarea#mensaje-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
}
/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
/* Header */
header .profileLogo .logoPlaceholder {
/*float: left;
	margin-bottom: 50px;*/
}
header .profilePhoto {
  float: left;
  clear: both;
  margin-right: 3%;
}
header .profileHeader {
  text-align: center;
  padding-top: 2%;
  font-family: 'Roboto', sans-serif !important;
}
header .destacados .icono {
  width: 94px;
  height: 74px;
  display: inline-block;/*	margin-right: 23px;*/
}
/* Main content sections */
.mainContent .Tablas {
  clear: both;
}
.Tablas .tablasContent {
  padding: 0px;
  font-family: 'Roboto', sans-serif;
}
.mainContent .Planes .planesContent ul.conta {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.factu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.remu {
  padding-left: 15%;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}
.mainContent .Planes .planesContent ul.conta li, .mainContent .Planes .planesContent ul.factu li, .mainContent .Planes .planesContent ul.remu li {
  background-image: url(../images/check.png);
  display: list-item;
  float: left;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 20px;
  width: 100%;
  max-width: 300px;
  font-size: 12px;
  margin-bottom: 10px;
}
/* Footer */
footer .footer {
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
/**** FORM HUBSPOT ***/

.hbspt-form{
  max-width: 100%;
  padding: 30px;
  margin-top: 30px;
  background-color: #EAEAEA;
  border-radius: 10px;
  }
.hs-form-field {
  float: none;
  width: 100%;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  color: #666666;
  }
.field.hs-form-field {
  margin: 0px 0px 20px 0px;
  }
input#nombre_de_contacto-86085462-aa06-46ee-9b50-3c4318516217, input#email-86085462-aa06-46ee-9b50-3c4318516217, input#phone-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
  ul.inputs-list.multi-container {
    list-style: none;
  }
  textarea#mensaje-86085462-aa06-46ee-9b50-3c4318516217{
  width: 95%;
  border:solid 1px #cccccc;
  padding: 10px;
  font-family: 'Roboto', arial, sans-serif;
  color: #666666;
  margin-top: 10px;
  }
}