/*--- Background and colors ---*/
.colores {

  ---color-c1: #94d4d3;
  ---color-c2: #4b7d76;
  ---color-c3: #21d6d9;
  ---color-c4: #FFFFFF;
  ---color-c5: #e4e4e4;
  ---color-c6: #EEEEEE;

}

/*--- sesion nav ---*/
#menu {
    background: #94d4d3;
}
#menu > a {
    background: #94d4d3;
}
#menu-lt {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
#menu-sv {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
#menu-ct {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
#btn-login {
    background: #ffffff35;
    color: #219F94;
    border-radius: 25px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    border: none;
    font-weight: 500;
}

/*--- header ---*/
.container-main{
    background: url(litivo_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.header-main{
    width: 100%;
    padding: 10%;
}

.h1-main {

    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
}

.p-main {
    font-size: 18px;
    font-weight: lighter;
    margin-right: 205px;
    color: #FFFFFF;
}

.RegButton {

   border: none;
   background: #FFFFFF;
   border-radius: 30px;
   padding: 2%;
   

}

.a-RegButton {
    color: #4b7d76;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    
}

/*--- sub-menu ---*/

.submenu-main {

    margin-top: -3%;
}

.col-litivo {
  
    background: #4b7d76;
    padding: 10px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.col-litivo:hover {
    background:#FFFFFF;
   }

.col-academia {
  
    background: #4b7d76;
    padding: 10px;
}
.col-academia:hover {
    background:#FFFFFF;
   }

.col-servicioslegales {
  
    background: #4b7d76;
    padding: 10px;
}
.col-servicioslegales:hover {
    background:#FFFFFF;
   }
.col-redjuridica {
  
    background: #4b7d76;
    padding: 10px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.col-redjuridica:hover {
    background:#FFFFFF;
   }

.a-litivo {
 color: #FFFFFF;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
}

.a-litivo:hover {
    color: #4b7d76;
   }

.a-academia {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.a-academia:hover {
    color: #4b7d76;
   }

.a-servicioslegales {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.a-servicioslegales:hover {
    color: #4b7d76;
   }
.a-redjuridica {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.a-redjuridica:hover {
    color: #4b7d76;
   }

/*--- Herramientas ---*/

.herramienta-main {
    padding-bottom: 100px;
}

.tituloherramienta{
    
    font-size: 50px;
    font-weight: bold;
    color: #4b7d76;
    padding: 50px;
}

.p-gestiona {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 61%;
    margin: auto;
}

.p-asegura {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.p-entorno {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.box-img-reloj {

    
    padding: 20px;
    margin: auto;

}

.box-img-nube {
   
    
    padding: 20px;
    margin: auto;

}

.box-img-computador {
  
    
    padding: 20px;
    margin: auto;

}

.img-reloj {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-nube {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-computadora {
    width: 250px;
    height: 250px;
    margin: auto;
}

.p-ahorratiempo {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-informacion {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-automatiza {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

/*--- software litivo ---*/

.softwarelitivo-main {

background: url(fondo\ verde.png);
height: 400px;
margin: auto;

}

.titulo-plataforma {
    background: #21d6d9;
    border-radius: 50px;
    padding: 20px;
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    color: #4b7d76;
    width: 60%;
    margin: auto;
    margin-top: -50px;  
}

.btn-registro2 {
    padding: 10px;
    background: #FFFFFF;
    border: none;
    border-radius: 50px;
    width: 15%;
    margin: auto;
    margin-top:160px;
    
}

.a-registro2 {
    color: #4b7d76;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;

}

/*--- Servicios Legales ---*/

.servioslegales-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-servicioslegalels {
    width: 90%;
}
.p-servicioslegales{
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 25%;
}
.titulo-servicioslegales {
    margin-left:15%;
    margin-right: 25%;
    text-align: right;
    font-size: 50px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-sl{  
    margin-left: 15%;
    margin-right: 25%;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
}
.btn-conoscamas {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-sl {
    text-align: right;
    margin-right: 25%;
}
/*--- img-lateral-1 ---*/
.box-img-c1 {
    position: absolute;
    margin-top: -20%;
}
.img-corta1 {
    width: 100%;
    height: 500px;
}
/*--- img-lateral-2 ---*/
.box-img-c2 {
    position: absolute;
    right: 0%;
    margin-top: -5%;
}
.img-corta2 {
    width: 100%;
    height: 150px;
}
/*--- Academia ---*/
.academia-main {
    margin: auto;
    background: #21d6d9;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-academia {
    width: 80%;
    margin-top: 10%;
}
.p-academia{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-left: 25%;
}
.titulo-academia {
    text-align: left;
    margin-left: 25%;
    margin-right: 1%;
    font-size: 50px;
    font-weight: 500;
    color: #FFFFFF;
    font-style: italic;
}
.p-parrafo-aca{  
    margin-right: 1%;
    margin-left: 25%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
}
.btn-academia {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-aca {
    text-align: left;
    margin-left: 25%;
}
/*--- img-lateral-3 ---*/
.box-img-c3 {
    position: absolute;
    margin-top: -15%;
    right: 0%;
}
.img-corta3 {
    width: 100%;
    height: 500px;
}
/*--- Red juridica ---*/
.redjuridica-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 3%;
}
#img-redjuridica {
    width: 90%;
    margin-top: 10%;
}
.p-redjuridica {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 25%;
}
.titulo-redjuridica {
    margin-left: 1%;
    margin-right: 25%;
    text-align: right;
    font-size: 50px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-redj{  
    margin-left: 18%;
    margin-right: 25%;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
}
.btn-redjuridica {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-redj {
    text-align: right;
    margin-right: 25%;
}
/*--- img-lateral-4 ---*/
.box-img-c4 {
    position: absolute;
    margin-top: -15%;
}
.img-corta4 {
    width: 100%;
    height: 500px;
}
/*--- Que es litivo ---*/
#queeslitivo-main {
    margin-bottom: 5%;
}
#img-puntos {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 6%;
}
.p-queeslitivo {
    font-size: 30px;
    font-weight: 500;
    color: #e4e4e4;
}
.titulo-queeslitivo {
    font-size: 50px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
#img-queeslitivo {
    width: 30%;
}
.p-rj1 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 40%;
    margin: auto;
}
.p-rj2 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 50%;
    margin: auto;
}
.p-rj3 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 40%;
    margin: auto;
}
.p-rj4 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 40%;
    margin: auto;
}
#row2 {
margin-top: -8%;
}
#row3 {
    margin-top: -9%;
}
/*--- img-lateral-5 ---*/
.box-img-c5 {
    position: absolute;
    right: 0%;
    margin-top: -5%;
}
.img-corta5 {
    width: 100%;
    height: 150px;
}

/*--- Contacto ---*/
#footer-main {
    max-width: 100%;
    min-width: 100%;
    padding: 5%;
    background: url(footer_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.img-punto2 {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 8%;   
}
.p-contacto {
    font-size: 25px;
    font-weight: bold;
    color: #219F94;
}
.p-encantaria {
    font-size: 50px;
    width: 31%;
    font-weight: 500;
    font-style: italic;
    color: #FFFFFF;

}
.p-email {
    font-size: 18px;
    font-weight: bold;
    color: #219F94;
}
.p-telefono {
    font-size: 18px;
    font-weight: bold;
    color: #219F94;
}
.a-asesor {
    font-size: 18px;
    font-weight: bold;
    color: #219F94;
    text-decoration: none;
    background: #FFFFFF;
    padding: 1%;
    border-radius: 25px;
}

/*--- sub-footer --*/

#sub-footer {
    max-width: 100%;
    min-width: 100%;
    background: #20262E;
    padding: 1%;
    
}

.p-copyrigth {
font-size: 14px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}

.facebook {
    text-decoration: none;
}
.twitter {
    text-decoration: none;
}
.youtube {
    text-decoration: none;
}
.instagram {
    text-decoration: none;
}
.p-politicas{
font-size: 14px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}
.social-icon {
    margin-top: 5%;
}

@media (max-width: 1440px) {

/*--- header ---*/

.h1-main {

    font-size: 49px;
    font-weight: bold;
    color: #FFFFFF;
}

.p-main {
    font-size: 18px;
    font-weight: lighter;
    margin-right: 20%;
    color: #FFFFFF;
}

/*--- sub-menu ---*/

.submenu-main {

    margin-top: -3%;
}

.col-litivo {
  
    background: #4b7d76;
    padding: 10px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.col-litivo:hover {
    background:#FFFFFF;
   }

.col-academia {
  
    background: #4b7d76;
    padding: 10px;
}
.col-academia:hover {
    background:#FFFFFF;
   }

.col-servicioslegales {
  
    background: #4b7d76;
    padding: 10px;
}
.col-servicioslegales:hover {
    background:#FFFFFF;
   }
.col-redjuridica {
  
    background: #4b7d76;
    padding: 10px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.col-redjuridica:hover {
    background:#FFFFFF;
   }

.a-litivo {
 color: #FFFFFF;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

.a-litivo:hover {
    color: #4b7d76;
   }

.a-academia {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.a-academia:hover {
    color: #4b7d76;
   }

.a-servicioslegales {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.a-servicioslegales:hover {
    color: #4b7d76;
   }
.a-redjuridica {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.a-redjuridica:hover {
    color: #4b7d76;
   }

/*-- herramientas --*/

.herramienta-main {
    padding-bottom: 100px;
}

.tituloherramienta{
    
    font-size: 40px;
    font-weight: bold;
    color: #4b7d76;
    padding: 50px;
}

.p-gestiona {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 61%;
    margin: auto;
}

.p-asegura {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.p-entorno {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.box-img-reloj {

    
    padding: 20px;
    margin: auto;

}

.box-img-nube {
   
    
    padding: 20px;
    margin: auto;

}

.box-img-computador {
  
    
    padding: 20px;
    margin: auto;

}

.img-reloj {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-nube {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-computadora {
    width: 250px;
    height: 250px;
    margin: auto;
}

.p-ahorratiempo {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-informacion {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-automatiza {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

/*--- software litivo ---*/

.softwarelitivo-main {

    background: url(fondo\ verde.png);
    height: 400px;
    margin: auto;
    
    }
    
    .titulo-plataforma {
        background: #21d6d9;
        border-radius: 50px;
        padding: 20px;
        font-size: 25px;
        font-weight: 500;
        font-style: italic;
        color: #4b7d76;
        width: 60%;
        margin: auto;
        margin-top: -50px;  
    }
    
    .btn-registro2 {
        padding: 10px;
        background: #FFFFFF;
        border: none;
        border-radius: 50px;
        width: 15%;
        margin: auto;
        margin-top:160px;
        
    }
    
    .a-registro2 {
        color: #4b7d76;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
    
    }
 /*--- Servicios Legales ---*/

.servioslegales-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-servicioslegalels {
    width: 90%;
}
.p-servicioslegales{
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 25%;
}
.titulo-servicioslegales {
    margin-left:15%;
    margin-right: 25%;
    text-align: right;
    font-size: 50px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-sl{  
    margin-left: 15%;
    margin-right: 25%;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
}
.btn-conoscamas {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-sl {
    text-align: right;
    margin-right: 25%;
}

/*--- Academia ---*/
.academia-main {
    margin: auto;
    background: #21d6d9;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-academia {
    width: 80%;
    margin-top: 10%;
}
.p-academia{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-left: 25%;
}
.titulo-academia {
    text-align: left;
    margin-left: 25%;
    margin-right: 1%;
    font-size: 50px;
    font-weight: 500;
    color: #FFFFFF;
    font-style: italic;
}
.p-parrafo-aca{  
    margin-right: 1%;
    margin-left: 25%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
}
.btn-academia {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-aca {
    text-align: left;
    margin-left: 25%;
}
/*--- img-lateral-3 ---*/
.box-img-c3 {
    position: absolute;
    margin-top: -15%;
    right: 0%;
}
.img-corta3 {
    width: 100%;
    height: 500px;
}
/*--- Red juridica ---*/
.redjuridica-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 3%;
}
#img-redjuridica {
    width: 90%;
    margin-top: 10%;
}
.p-redjuridica {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 25%;
}
.titulo-redjuridica {
    margin-left: 1%;
    margin-right: 25%;
    text-align: right;
    font-size: 50px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-redj{  
    margin-left: 18%;
    margin-right: 25%;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
}
.btn-redjuridica {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-redj {
    text-align: right;
    margin-right: 25%;
}
/*--- Que es litivo ---*/
#queeslitivo-main {
    margin-bottom: 5%;
}
#img-puntos {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 6%;
}
.p-queeslitivo {
    font-size: 30px;
    font-weight: 500;
    color: #e4e4e4;
}
.titulo-queeslitivo {
    font-size: 50px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
#img-queeslitivo {
    width: 30%;
}
.p-rj1 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 40%;
    margin: auto;
}
.p-rj2 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 50%;
    margin: auto;
}
.p-rj3 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 40%;
    margin: auto;
}
.p-rj4 {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 40%;
    margin: auto;
}
#row2 {
margin-top: -8%;
}
#row3 {
    margin-top: -9%;
}
/*--- sub-footer --*/

#sub-footer {
    max-width: 100%;
    min-width: 100%;
    background: #20262E;
    padding: 1%;
    
}

.p-copyrigth {
font-size: 12px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 10%;
}

.facebook {
    text-decoration: none;
}
.twitter {
    text-decoration: none;
}
.youtube {
    text-decoration: none;
}
.instagram {
    text-decoration: none;
}
.p-politicas{
font-size: 14px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}
.social-icon {
    margin-top: 5%;
}

}
@media (max-width: 1024px) {

    /*--- header ---*/

    .container-main {
        background-position: center;
    }
    
    .h1-main {
    
        font-size: 30px;
        font-weight: bold;
        color: #FFFFFF;
    }
    
    .p-main {
        font-size: 20px;
        font-weight: lighter;
        margin-right: 1%;
        color: #FFFFFF;
    }
    
    /*--- sub-menu ---*/

    .submenu-main {

        margin-top: -4.5%;
    }
    
    .col-litivo {
      
        background: #4b7d76;
        padding: 10px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .col-litivo:hover {
        background:#FFFFFF;
       }
    
    .col-academia {
      
        background: #4b7d76;
        padding: 10px;
    }
    .col-academia:hover {
        background:#FFFFFF;
       }
    
    .col-servicioslegales {
      
        background: #4b7d76;
        padding: 10px;
    }
    .col-servicioslegales:hover {
        background:#FFFFFF;
       }
    .col-redjuridica {
      
        background: #4b7d76;
        padding: 10px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .col-redjuridica:hover {
        background:#FFFFFF;
       }
    
    .a-litivo {
     color: #FFFFFF;
     font-size: 12px;
     font-weight: bold;
     text-decoration: none;
    }
    
    .a-litivo:hover {
        color: #4b7d76;
       }
    
    .a-academia {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-academia:hover {
        color: #4b7d76;
       }
    
    .a-servicioslegales {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-servicioslegales:hover {
        color: #4b7d76;
       }
    .a-redjuridica {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-redjuridica:hover {
        color: #4b7d76;
       }
    /*-- herramientas --*/

.herramienta-main {
    padding-bottom: 100px;
}

.tituloherramienta{
    
    font-size: 30px;
    font-weight: bold;
    color: #4b7d76;
    padding: 50px;
}

.p-gestiona {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 85%;
    margin: auto;
}

.p-asegura {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 85%;
    margin: auto;
}

.p-entorno {
    font-size: 18px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 85%;
    margin: auto;
}

.box-img-reloj {

    
    padding: 20px;
    margin: auto;

}

.box-img-nube {
   
    
    padding: 20px;
    margin: auto;

}

.box-img-computador {
  
    
    padding: 20px;
    margin: auto;

}

.img-reloj {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-nube {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-computadora {
    width: 250px;
    height: 250px;
    margin: auto;
}

.p-ahorratiempo {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-informacion {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-automatiza {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

/*--- software litivo ---*/

.softwarelitivo-main {

    background: url(fondo\ verde.png);
    height: 400px;
    margin: auto;
    
    }
    
    .titulo-plataforma {
        background: #21d6d9;
        border-radius: 50px;
        padding: 20px;
        font-size: 20px;
        font-weight: 500;
        font-style: italic;
        color: #4b7d76;
        width: 80%;
        margin: auto;
        margin-top: -50px;  
    }
    
    .btn-registro2 {
        padding: 10px;
        background: #FFFFFF;
        border: none;
        border-radius: 50px;
        width: 20%;
        margin: auto;
        margin-top:160px;
        
    }
    
    .a-registro2 {
        color: #4b7d76;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
    
    }
/*--- Servicios Legales ---*/

.servioslegales-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-servicioslegalels {
    width: 90%;
}
.p-servicioslegales{
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 10%;
    margin-right: 25%;
}
.titulo-servicioslegales {
    margin-left:1%;
    margin-right: 25%;
    text-align: right;
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-sl{  
    margin-left: 1%;
    margin-right: 25%;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    color: #219F94;
}
.btn-conoscamas {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-sl {
    text-align: right;
    margin-right: 25%;
}
/*--- img-lateral-1 ---*/
.box-img-c1 {
    position: absolute;
    margin-top: -20%;
}
.img-corta1 {
    width: 100%;
    height: 400px;
}
/*--- img-lateral-2 ---*/
.box-img-c2 {
    position: absolute;
    right: 0%;
    margin-top: -8%;
}
.img-corta2 {
    width: 100%;
    height: 150px;
}
/*--- Academia ---*/
.academia-main {
    margin: auto;
    background: #21d6d9;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-academia {
    width: 90%;
    margin-top: 20%;
}
.p-academia{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-left: 25%;
}
.titulo-academia {
    text-align: left;
    margin-left: 25%;
    margin-right: 1%;
    font-size: 40px;
    font-weight: 500;
    color: #FFFFFF;
    font-style: italic;
}
.p-parrafo-aca{  
    margin-right: 1%;
    margin-left: 25%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #219F94;
}
.btn-academia {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-aca {
    text-align: left;
    margin-left: 25%;
}
/*--- img-lateral-3 ---*/
.box-img-c3 {
    position: absolute;
    margin-top: -15%;
    right: 0%;
}
.img-corta3 {
    width: 100%;
    height: 400px;
}
/*--- Red juridica ---*/
.redjuridica-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 3%;
}
#img-redjuridica {
    width: 90%;
    margin-top: 10%;
}
.p-redjuridica {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 25%;
}
.titulo-redjuridica {
    margin-left: 1%;
    margin-right: 25%;
    text-align: right;
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-redj{  
    margin-left: 1%;
    margin-right: 25%;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    color: #219F94;
}
.btn-redjuridica {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-redj {
    text-align: right;
    margin-right: 25%;
}
/*--- img-lateral-4 ---*/
.box-img-c4 {
    position: absolute;
    margin-top: -15%;
}
.img-corta4 {
    width: 100%;
    height: 400px;
}
/*--- Que es litivo ---*/
#queeslitivo-main {
    margin-bottom: 5%;
}
#img-puntos {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 8%;
}
.p-queeslitivo {
    font-size: 20px;
    font-weight: 500;
    color: #e4e4e4;
}
.titulo-queeslitivo {
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    margin-bottom: 5%;
}
#img-queeslitivo {
    width: 30%;
}
.p-rj1 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj2 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj3 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj4 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
#row2 {
margin-top: -8%;
}
#row3 {
    margin-top: -9%;
}
/*--- Contacto ---*/
#footer-main {
    max-width: 100%;
    min-width: 100%;
    padding: 5%;
    background: url(footer_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.img-punto2 {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 10%;   
}
.p-contacto {
    font-size: 23px;
    font-weight: bold;
    color: #219F94;
}
.p-encantaria {
    font-size: 40px;
    width: 31%;
    font-weight: 500;
    font-style: italic;
    color: #FFFFFF;

}
.p-email {
    font-size: 16px;
    font-weight: bold;
    color: #219F94;
}
.p-telefono {
    font-size: 16px;
    font-weight: bold;
    color: #219F94;
}
.a-asesor {
    font-size: 14px;
    font-weight: bold;
    color: #219F94;
    text-decoration: none;
    background: #FFFFFF;
    padding: 1%;
    border-radius: 25px;
}
}
@media (max-width: 768px) {

    /*--- header ---*/
    .container-main {
        background-position: center;
    }

    .h1-main {
    
        font-size: 29px;
        font-weight: bold;
        color: #FFFFFF;
    }
    
    .p-main {
        font-size: 18px;
        font-weight: lighter;
        margin-right: 1%;
        color: #FFFFFF;
    }
    
    /*--- sub-menu ---*/
    .submenu-main {

        margin-top: -6%;
    }
    
    .col-litivo {
      
        background: #4b7d76;
        padding: 10px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .col-litivo:hover {
        background:#FFFFFF;
       }
    
    .col-academia {
      
        background: #4b7d76;
        padding: 10px;
    }
    .col-academia:hover {
        background:#FFFFFF;
       }
    
    .col-servicioslegales {
      
        background: #4b7d76;
        padding: 10px;
    }
    .col-servicioslegales:hover {
        background:#FFFFFF;
       }
    .col-redjuridica {
      
        background: #4b7d76;
        padding: 10px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .col-redjuridica:hover {
        background:#FFFFFF;
       }
    
    .a-litivo {
     color: #FFFFFF;
     font-size: 13px;
     font-weight: bold;
     text-decoration: none;
    }
    
    .a-litivo:hover {
        color: #4b7d76;
       }
    
    .a-academia {
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-academia:hover {
        color: #4b7d76;
       }
    
    .a-servicioslegales {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-servicioslegales:hover {
        color: #4b7d76;
       }
    .a-redjuridica {
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-redjuridica:hover {
        color: #4b7d76;
       }

/*-- herramientas --*/

.herramienta-main {
    padding-bottom: 100px;
}

.tituloherramienta{
    
    font-size: 29px;
    font-weight: bold;
    color: #4b7d76;
    padding: 5%;
}

.p-gestiona {
    font-size: 17px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 85%;
    margin: auto;
}

.p-asegura {
    font-size: 17px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 80%;
    margin: auto;
}

.p-entorno {
    font-size: 17px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.box-img-reloj {

    
    padding: 20px;
    margin: auto;

}

.box-img-nube {
   
    
    padding: 20px;
    margin: auto;

}

.box-img-computador {
  
    
    padding: 20px;
    margin: auto;

}

.img-reloj {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-nube {
    width: 250px;
    height: 250px;
    margin: auto;
}

.img-computadora {
    width: 250px;
    height: 250px;
    margin: auto;
}

.p-ahorratiempo {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-informacion {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-automatiza {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

/*--- software litivo ---*/

.softwarelitivo-main {

    background: url(fondo\ verde.png);
    height: 400px;
    margin: auto;
    
    }
    
    .titulo-plataforma {
        background: #21d6d9;
        border-radius: 50px;
        padding: 20px;
        font-size: 20px;
        font-weight: 500;
        font-style: italic;
        color: #4b7d76;
        width: 80%;
        margin: auto;
        margin-top: -50px;  
    }
    
    .btn-registro2 {
        padding: 10px;
        background: #FFFFFF;
        border: none;
        border-radius: 50px;
        width: 25%;
        margin: auto;
        margin-top:160px;
        
    }
    
    .a-registro2 {
        color: #4b7d76;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
    
    }

/*--- Servicios Legales ---*/

.servioslegales-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-servicioslegalels {
    width: 90%;
}
.p-servicioslegales{
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 18%;
}
.titulo-servicioslegales {
    margin-left:15%;
    margin-right: 18%;
    text-align: right;
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-sl{  
    margin-left: 1%;
    margin-right: 18%;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #219F94;
}
.btn-conoscamas {
   background: #FFFFFF;
   border: none;
   border-radius:25px;
   padding: 2%;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-sl {
    text-align: right;
    margin-right: 18%;
}
/*--- img-lateral-1 ---*/
.box-img-c1 {
    position: absolute;
    margin-top: -20%;
}
/*--- img-lateral-2 ---*/
.box-img-c2 {
    position: absolute;
    right: 0%;
    margin-top: -6%;
}
.img-corta2 {
    width: 100%;
    height: 90px;
}
.img-corta1 {
    width: 100%;
    height: 300px;
}
/*--- Academia ---*/
.academia-main {
    margin: auto;
    background: #21d6d9;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-academia {
    width: 80%;
    margin-top: 17%;
}
.p-academia{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-left: 25%;
}
.titulo-academia {
    text-align: left;
    margin-left: 25%;
    margin-right: 1%;
    font-size: 25px;
    font-weight: 500;
    color: #FFFFFF;
    font-style: italic;
}
.p-parrafo-aca{  
    margin-right: 1%;
    margin-left: 25%;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #219F94;
}
.btn-academia {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-aca {
    text-align: left;
    margin-left: 25%;
}
/*--- img-lateral-3 ---*/
.box-img-c3 {
    position: absolute;
    margin-top: -15%;
    right: 0%;
}
.img-corta3 {
    width: 100%;
    height: 300px;
}
/*--- Red juridica ---*/
.redjuridica-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 3%;
}
#img-redjuridica {
    width: 90%;
    margin-top: 10%;
}
.p-redjuridica {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-right: 25%;
}
.titulo-redjuridica {
    margin-left: 15%;
    margin-right: 18%;
    text-align: right;
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-redj{  
    margin-left: 1%;
    margin-right: 18%;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #219F94;
}
.btn-redjuridica {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-redj {
    text-align: right;
    margin-right: 18%;
}
/*--- img-lateral-4 ---*/
.box-img-c4 {
    position: absolute;
    margin-top: -15%;
}
.img-corta4 {
    width: 100%;
    height: 300px;
}
/*--- Que es litivo ---*/
#queeslitivo-main {
    margin-bottom: 5%;
}
#img-puntos {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 8%;
}
.p-queeslitivo {
    font-size: 20px;
    font-weight: 500;
    color: #e4e4e4;
}
.titulo-queeslitivo {
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
#img-queeslitivo {
    width: 30%;
}
.p-rj1 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj2 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj3 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj4 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
#row2 {
margin-top: -5%;
}
#row3 {
    margin-top: -7%;
}
/*--- img-lateral-5 ---*/
.box-img-c5 {
    position: absolute;
    right: 0%;
    margin-top: -5%;
}
.img-corta5 {
    width: 100%;
    height: 90px;
}
/*--- Contacto ---*/
#footer-main {
    max-width: 100%;
    min-width: 100%;
    padding: 5%;
    background: url(footer_banner.png);
    background-size: auto;
    background-repeat: no-repeat;
    
}
.img-punto2 {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 13%;   
}
.p-contacto {
    font-size: 20px;
    font-weight: bold;
    color: #219F94;
}
.p-encantaria {
    font-size: 40px;
    width: 50%;
    font-weight: 500;
    font-style: italic;
    color: #FFFFFF;

}
.p-email {
    font-size: 16px;
    font-weight: bold;
    color: #219F94;
}
.p-telefono {
    font-size: 16px;
    font-weight: bold;
    color: #219F94;
}
.a-asesor {
    font-size: 14px;
    font-weight: bold;
    color: #219F94;
    text-decoration: none;
    background: #FFFFFF;
    padding: 1%;
    border-radius: 25px;
}
/*--- sub-footer --*/

#sub-footer {
    max-width: 100%;
    min-width: 100%;
    background: #20262E;
    padding: 1%;
    
}

.p-copyrigth {
font-size: 12px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}

.facebook {
    text-decoration: none;
}
.twitter {
    text-decoration: none;
}
.youtube {
    text-decoration: none;
}
.instagram {
    text-decoration: none;
}
.p-politicas{
font-size: 14px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}
.social-icon {
    margin-top: 5%;
}

}
@media (max-width: 425px) { 

    /*--- header ---*/
    .container-main {
        background-position: center;
    }

    .h1-main {
    
        font-size: 29px;
        font-weight: bold;
        color: #FFFFFF;
        
    }
    
    .p-main {
        font-size: 16px;
        font-weight: lighter;
        margin-right: 1%;
        color: #FFFFFF;
        
    }
    
    /*--- sub-menu ---*/
    .submenu-main {

        margin-top: -8%;
    }
    
    .col-litivo {
      
        background: #4b7d76;
        padding: 10px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .col-litivo:hover {
        background:#FFFFFF;
       }
    
    .col-academia {
      
        background: #4b7d76;
        padding: 10px;
    }
    .col-academia:hover {
        background:#FFFFFF;
       }
    
    .col-servicioslegales {
      
        background: #4b7d76;
        padding: 10px;
    }
    .col-servicioslegales:hover {
        background:#FFFFFF;
       }
    .col-redjuridica {
      
        background: #4b7d76;
        padding: 10px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .col-redjuridica:hover {
        background:#FFFFFF;
       }
    
    .a-litivo {
     color: #FFFFFF;
     font-size: 15px;
     font-weight: bold;
     text-decoration: none;
    }
    
    .a-litivo:hover {
        color: #4b7d76;
       }
    
    .a-academia {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-academia:hover {
        color: #4b7d76;
       }
    
    .a-servicioslegales {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-servicioslegales:hover {
        color: #4b7d76;
       }
    .a-redjuridica {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
    }
    .a-redjuridica:hover {
        color: #4b7d76;
       }
/*-- herramientas --*/

.herramienta-main {
    padding-bottom: 100px;
}

.tituloherramienta{
    
    font-size: 29px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10%;
}

.p-gestiona {
    font-size: 17px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 61%;
    margin: auto;
}

.p-asegura {
    font-size: 17px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.p-entorno {
    font-size: 17px;
    font-weight: bold;
    color: #4b7d76;
    padding: 10px;
    width: 60%;
    margin: auto;
}

.box-img-reloj {

    
    padding: 20px;
    margin: auto;

}

.box-img-nube {
   
    
    padding: 20px;
    margin: auto;

}

.box-img-computador {
  
    
    padding: 20px;
    margin: auto;

}

.img-reloj {
    width: 150px;
    height: 150px;
    margin: auto;
}

.img-nube {
    width: 150px;
    height: 150px;
    margin: auto;
}

.img-computadora {
    width: 150px;
    height: 150px;
    margin: auto;
}

.p-ahorratiempo {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-informacion {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

.p-automatiza {
    font-size: 16px;
    font-weight: 400;
    color: #4b7d76;
    padding: 5px;
    width: 61%;
    margin: auto;
}

/*--- software litivo ---*/

.softwarelitivo-main {

    background: url(fondo\ verde.png);
    height: 400px;
    margin: auto;
    
    }
    
    .titulo-plataforma {
        background: #21d6d9;
        border-radius: 0px;
        padding: 10px;
        font-size: 20px;
        font-weight: 500;
        font-style: italic;
        color: #4b7d76;
        width: 100%;
        margin: auto;
        margin-top: -50px;  
    }
    
    .btn-registro2 {
        padding: 10px;
        background: #FFFFFF;
        border: none;
        border-radius: 50px;
        width: 60%;
        margin: auto;
        margin-top:160px;
        
    }
    
    .a-registro2 {
        color: #4b7d76;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
    
    }
/*--- Servicios Legales ---*/

.servioslegales-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-servicioslegalels {
    width: 90%;
}
.p-servicioslegales{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 10%;
    margin-right: 0%;
}
.titulo-servicioslegales {
    margin-left:0%;
    margin-right: 0%;
    text-align: center;
    font-size: 35px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-sl{  
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #219F94;
}
.btn-conoscamas {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-sl {
    text-align: center;
    margin-right: 0%;
    margin-bottom: 15%;
} 
/*--- img-lateral-1 ---*/
.box-img-c1 {
    position: absolute;
    margin-top: -20%;
}
.img-corta1 {
    width: 100%;
    height: 180px;
}
/*--- img-lateral-2 ---*/
.box-img-c2 {
    position: absolute;
    right: 0%;
    margin-top: -12%;
}
.img-corta2 {
    width: 100%;
    height: 90px;
}  
/*--- Academia ---*/
.academia-main {
    margin: auto;
    background: #21d6d9;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 5%;
}
#img-academia {
    width: 80%;
    margin-top: 10%;
}
.p-academia{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 20%;
    margin-left: 0%;
}
.titulo-academia {
    text-align: center;
    margin-left: 0%;
    margin-right: 1%;
    font-size: 35px;
    font-weight: 500;
    color: #FFFFFF;
    font-style: italic;
}
.p-parrafo-aca{  
    margin-right: 0%;
    margin-left: 0%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #219F94;
}
.btn-academia {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-aca {
    text-align: center;
    margin-left: 0%;
    margin-bottom: 1%;
}
/*--- img-lateral-3 ---*/
.box-img-c3 {
    position: absolute;
    margin-top: -26%;
    right: 0%;
}
.img-corta3 {
    width: 100%;
    height: 200px;
}
/*--- Red juridica ---*/
.redjuridica-main {
    margin: auto;
    background: #e4e4e4;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding-bottom: 3%;
}
#img-redjuridica {
    width: 90%;
    margin-top: 10%;
}
.p-redjuridica {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #219F94;
    margin-top: 5%;
    margin-right: 0%;
}
.titulo-redjuridica {
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    font-size: 35px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
.p-parrafo-redj{  
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #219F94;
}
.btn-redjuridica {
   background: #FFFFFF;
   border: none;
   border-radius: 25px;
   padding: 2%;
   font-size: 17px;
   font-weight: bold;
   text-decoration: none;
   color: #219F94;
}
.box-btn-redj {
    text-align: center;
    margin-right: 0%;
    margin-bottom: 15%;
}
/*--- img-lateral-4 ---*/
.box-img-c4 {
    position: absolute;
    margin-top: -15%;
}
.img-corta4 {
    width: 100%;
    height: 100px;
}
/*--- Que es litivo ---*/
#queeslitivo-main {
    margin-bottom: 5%;
}
#img-puntos {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 18%;
}
.p-queeslitivo {
    font-size: 20px;
    font-weight: 500;
    color: #e4e4e4;
}
.titulo-queeslitivo {
    font-size: 30px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
}
#img-queeslitivo {
    width: 30%;
    visibility: hidden;
}
.p-rj1 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
    margin-bottom: 5%;
}
.p-rj2 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
.p-rj3 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
    margin-bottom: 5%;
}
.p-rj4 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #219F94;
    width: 70%;
    margin: auto;
}
#row2 {
margin-top: -8%;
}
#row3 {
    margin-top: -16%;
}
/*--- img-lateral-5 ---*/
.box-img-c5 {
    position: absolute;
    right: 0%;
    margin-top: -10%;
}
.img-corta5 {
    width: 100%;
    height: 80px;
}
/*--- Contacto ---*/
#footer-main {
    max-width: 100%;
    min-width: 100%;
    padding: 5%;
    background: url(footer_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.img-punto2 {
    margin-top: -5%;
    margin-bottom: 2%;
    width: 30%;   
}
.p-contacto {
    font-size: 23px;
    font-weight: bold;
    color: #219F94;
    margin-left: 0%;
    text-align: center;
}
.p-encantaria {
    font-size: 40px;
    width: 100%;
    font-weight: 500;
    font-style: italic;
    color: #FFFFFF;
    padding: 5%;
    text-align: center;
}
.p-email {
    font-size: 16px;
    font-weight: bold;
    color: #219F94;
    padding: 5%;
    margin-top: -12%;
    text-align: center;
}
.p-telefono {
    font-size: 16px;
    font-weight: bold;
    color: #219F94;
    padding: 5%;
    margin-top: -12%;
    text-align: center;
}
.a-asesor {
    font-size: 14px;
    font-weight: bold;
    color: #219F94;
    text-decoration: none;
    background: #FFFFFF;
    border-radius: 25px;
    padding: 3%;
    margin-top: -12%;
}
.box-btn-acesor {
    text-align: center;
    margin-bottom: 8%;
}
/*--- sub-footer --*/

#sub-footer {
    max-width: 100%;
    min-width: 100%;
    background: #20262E;
    padding: 1%;
    padding-bottom: 5%;
}

.p-copyrigth {
font-size: 14px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}

.facebook {
    text-decoration: none;
}
.twitter {
    text-decoration: none;
}
.youtube {
    text-decoration: none;
}
.instagram {
    text-decoration: none;
}
.p-politicas{
font-size: 14px;
font-weight: lighter;
color: #FFFFFF;
margin-top: 5%;
}
.social-icon {
    margin-top: 5%;
}
}