/*.....................................................
*   Estilos CSS3
*.....................................................*/

body, html {
    padding: 0;
    margin: 0;
    height: 100%;
}

body {
     
    background: url("../img/logo-main2.png"), url("../img/patron-logo.png");
    background-repeat: no-repeat, repeat;
    background-position: center center, center center;
    background-attachment: fixed, fixed;
    color: #1a1a1a;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: center; 
}

    body .centro {
        display: inline-block;
        max-width: 1024px;
        min-width: 160px;
        width: 100%;
    }
    .btnTop a{
        font-size:1.5em;
        color: rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
        position:fixed;
        bottom:0;
        right:0;
        padding:0.5em;
        z-index:999;
        margin:0.3em;
        border-radius:10px;
    }
/*.......  Principal  .....................*/

.principal{
    background:#fff;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    z-index:9;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);

    background-color: #fff;
    background-image: url("../img/logo-main.png"), url("../img/img-fondo.jpg");
    background-position: center center, top left;
    background-repeat: no-repeat, no-repeat;
    
    -webkit-background-size: auto , cover;
    -moz-background-size: auto , cover;
    -o-background-size: auto , cover;
    background-size: auto , cover;

    -ms-background-attachment: fixed !important;
    -webkit-background-attachment: fixed !important;
    -moz-background-attachment: fixed !important;
    -o-background-attachment: fixed !important;
    background-attachment: fixed !important;
}
    .principal .btnButton{
        position:absolute;
        bottom:20px;
        -o-animation: efecto 1s infinite linear;
        -moz-animation: efecto 1s infinite linear;
        -ms-animation: efecto 1s infinite linear;
        -webkit-animation: efecto 1s infinite linear;
        animation: efecto 1s infinite linear;
    }
         .principal .btnButton a {
               font-size: 3em;
               color: #53bcb8;
         }

/*.......................
    Efectos
.......................*/
@-moz-keyframes efecto {
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    opacity: 0;
  }
}
@-webkit-keyframes efecto {
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    opacity: 0;
  }
}
@-ms-keyframes efecto {
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    opacity: 0;
  }
}
@-o-keyframes efecto {
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    opacity: 0;
  }
}
@keyframes efecto {
  0% {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    opacity: 0;
  }
}

/*......  Contenido Pagina   ..............*/
#contHome{
    margin-top:2000px;
}

    .blanco {
        background: #fff;
        position: relative;
        overflow: hidden;
    }


/*...  Liston Superior ......*/
.bannerHome {
    background: #fff;
    font-size: 0;
    border-bottom: solid 1px #cecece;
    height: 90px;
}

    .bannerHome .centro {
        height: 90px;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        
    }

        .bannerHome .centro .logo {
            display: inline-block;
            float: left;

        }

        .bannerHome .centro nav {
            display: inline-block;
            float: right;
            height: 79px;
        }
            .bannerHome .centro nav .btnMenu{
                margin-top:0.6em;
                display:none;
                font-size:1.3rem;
                color: rgba(0,0,0,0.6);
                text-decoration:none;
               
            }
                .bannerHome .centro nav .btnMenu span{
                    display:inline-block;
                }
                .bannerHome .centro nav .btnMenu i{
                    background:rgba(0,0,0,0.6);
                    color:#fff;
                    padding:0.5em;
                    border-radius:5px;
                }
            .bannerHome .centro nav .menu {
                margin: 0;
                padding: 0;
                list-style: none;
                display: inline-block;
                height: 79px;
                position: relative;
                top: 0;
                bottom: 0;
                              
            }

                .bannerHome .centro nav .menu li {
                    float: left;
                }

                    .bannerHome .centro nav .menu li a {
                        height: 74px;
                        display: inline-block;
                        text-decoration: none;
                        color: #144645;
                        border-bottom: solid 7px transparent;
                        padding: 0 0.5rem;
                    }

                        .bannerHome .centro nav .menu li a span {
                            font-size: 1.2rem;
                            float: right;
                            position: relative;
                            top: 23px;
                        }

                        .bannerHome .centro nav .menu li a img {
                            float: right;
                            width: 40px;
                            position: relative;
                            top: 15px;
                        }

    .bannerHome .menu .hom:hover {
        border-bottom: solid 9px #59b5b4;
    }

    .bannerHome .menu .somos:hover {
        border-bottom: solid 9px #e68c00;
    }

    .bannerHome .menu .clientes:hover {
        border-bottom: solid 9px #018d72;
    }

    .bannerHome .menu .serv:hover {
        border-bottom: solid 9px #c0ba26;
    }

    .bannerHome .menu .contacto:hover {
        border-bottom: solid 9px #008894;
    }

/*....... Media Queries ........... */

@media (max-width: 960px) {
    .principal{
        display:none;
    }
    #contHome{
        margin-top:0;
    }

    .bannerHome {
        background: #fff;
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        right: 0;
    }
    .banner{
        margin-top:87px;
    }
}


/*...  Menu Mobil ......*/

header .menuMobil {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    z-index: 10;
    background: #fff;
    padding: 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    header.fijo {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 11;
        border-bottom: solid 1px #cccccc;
        background: rgba(255,255,255,0.8);
    }
    header .menuMobil li {
        display: inline-block;
        width: 100%;
        left: 0;
        right: 0;
    }

        header .menuMobil li a {
            display: inline-block;
            width: 100%;
            border-bottom: solid 1px #cecece;
            text-align: right;
            padding: 1rem 0.5rem;
            font-size: 1rem;
            text-decoration: none;
            border-left: solid 9px transparent;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            header .menuMobil li a span {
                position: relative;
                top: -15px;
                color: #144645;
            }

            header .menuMobil li a img {
                margin-right: 1.5rem;
                margin-left: 0.5rem;
            }

            header .menuMobil li a i {
                margin: 0 2rem 0 0.5rem;
                background: #008894;
                padding: 0.3rem;
                border-radius: 5px;
            }

        header .menuMobil li .btnOc {
            background: #144645;
            color: #fff;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
        }

            header .menuMobil li .btnOc:hover {
                background: #008894;
            }

            header .menuMobil li .btnOc span {
                top: 0;
                color: #fff;
            }

                .bannerHome .menuMobil .hom:hover {
                    border-left: solid 9px #59b5b4;
                    background: rgba(0,0,0,0.05);
                }

                .bannerHome .menuMobil .somos:hover {
                    border-left: solid 9px #e68c00;
                    background: rgba(0,0,0,0.05);
                }

                .bannerHome .menuMobil .clientes:hover {
                    border-left: solid 9px #018d72;
                    background: rgba(0,0,0,0.05);
                }

                .bannerHome .menuMobil .serv:hover {
                    border-left: solid 9px #c0ba26;
                    background: rgba(0,0,0,0.05);
                }

                .bannerHome .menuMobil .contacto:hover {
                    border-left: solid 9px #008894;
                    background: rgba(0,0,0,0.05);
                }

        .bannerInt{
            position:fixed;
        }

/*.....  Media Queries  ...............*/
@media (min-width: 900px) {
    header .menuMobil {
        display:none;
    }
}

@media (max-width: 900px) {
    
    header .centro nav .menu{
        display:none !important;
    }
    .bannerHome .centro nav .btnMenu{
        display:inline-block !important;
    }
}

@media (max-width: 400px) {
    .bannerHome .centro .logo {
         width:200px;
         margin-top:0.5rem;
    } 
        .bannerHome .centro .logo img{
            width:100%;
        }
    
    .bannerHome .centro nav .btnMenu span{
        display:none !important;
    }
}
/*..... Banners ............ */
.banner {
    background: rgba(0, 0, 0, 0.9);
    font-size: 0;
    overflow: hidden;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

    .banner .slide {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 500px;
    }

        .banner .slide .item {
            position: relative;
        }

            .banner .slide .item .centro {
            }

                .banner .slide .item .centro .info {
                    font-size: 1rem;
                    position: absolute;
                    z-index: 9999;
                    text-align: left;
                    margin-top: 8em;
                    max-width:700px;
                }

                    .banner .slide .item .centro .info h1,
                    .banner .slide .item .centro .info h2 {
                        font-size: 2em;
                        margin: 1em 0.5em 0 0.5em;
                        color: #fff;

                        -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        -o-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                    }

                    .banner .slide .item .centro .info p {
                        font-size: 1.3em;
                        margin: 0.5em 1em;
                        color: #fff;

                        -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        -o-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
                    }

                    .banner .slide .item .centro .info a {
                        margin: 1em;
                    }

            .banner .slide .item .bg {
                position: relative;
                width: 100%;
            }
    
     .banner .interior{
             height: 250px;
     }
        .banner .interior .item .centro .info{
            margin-top:3em;
        }
/*.....  Media Querries Banner ............*/

@media (max-width: 850px) {
    .banner {
        background: rgba(0, 0, 0, 0.9);
        font-size: 0;
        height: 300px;
        overflow: hidden;
    }
        .banner .slide .item .centro .info {
            font-size: 1rem;
            margin-top: 3em;
        }
}
@media (max-width: 650px) {
    .banner {
        text-align:center;
        height: 250px;
    }
        .banner .slide .item .centro .info {
            font-size: 0.8rem;
            margin-top: 2em;
           
        }
}
@media (max-width: 450px) {
    .banner {
        text-align:center;
        height: 150px;
    }
        .banner .slide .item .centro .info {
            font-size: 0.7rem;
            margin-top: 2em;
            
        }
            .banner .slide .item .centro .info a,
            .banner .slide .item .centro .info p{
               display:none;
            }
            .banner .slide .item .centro .info h1,
            .banner .slide .item .centro .info h2 {
                text-align:center;
            }
               
}

/*..... Loopp de Facebook ........*/

.home {
    margin-top:2em;
}

    .home .titulo {
        font-weight:normal;
    }

    .home article {
        display: inline-block;
        width: 100%;
    }

        .home article .cont {
            padding: 1em 0.5em;
            float: left;
            width: 68%;
            text-align: justify;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .home article .cont img {
                width: 100%;
            }

            .home article .cont a {
                display: block;
            }

    .home .cont .titulo {
        margin: 0;
    }

    .home .cont .feed {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .home .cont .feed li {
               
            text-align:left;
            position: relative;
            display: inline-block;
            width: 50%;
            float: left;
            height: 260px;
            padding: 0.5em;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            
            .home .cont .feed li a{
                color:#e48d00;
                text-decoration:none;
            } 
                .home .cont .feed li a:before{
                    content: " [ ";
                    font-weight:bold;
                }
                .home .cont .feed li a:after{
                    content: " ] ";
                    font-weight:bold;
                }
            .home .cont .feed li .line {
                border-bottom: solid 3px #cecece;
                position: absolute;
                display:block;
                top:0;
                left:10px;
                right:10px;
                bottom:0;
            }

    .home article .lateral {
        float: left;
        width: 32%;
        padding: 1em 0.5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .home article .lateral img{
            width:100%;
        }
        .home article .lateral .videoOculto{
            display:none;
        }
        .home article .lateral .btn{
            background:#87b038;
            border-bottom: solid 2px #69892c;
            border-right: solid 2px #789d32;
            font-size: 1em;
            color: #ffffff;
            text-decoration: none;
            padding: 0.7em 2em;
            display: inline-block;
            border-radius: 5px;
            margin: 0.5em auto 2em;

            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;

        }
            .home .lateral .btn:hover{
                background: #69892c;
                border-bottom: solid 2px #789d32;
                border-right: solid 2px #87b038;
            }

        .home article .lateral .redes{
            margin:0;
            padding:0;
            list-style:none;
            margin-top:2em;
        }
            .home article .lateral .redes img{
                width:100%;
            }

/*........   Media Queries ............*/
@media (max-width: 850px) {
    .home article .cont{
        width:100%;
    }
    .home article .lateral{
        display:none;
    }
}

@media (max-width: 600px) {
    .home .cont .feed li {
        width:100%;
    }
}
     /*....  Trending Home ......*/

    .home .trending{
        text-align:left;
    }
        .home .trending h2{
            margin-left:0.5em;
            font-weight:normal;
        }
        .home .trending .blog {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align:center;
        }
            .home .trending .blog .item{
                padding:0.5em;               
            }
                .home .trending .blog .item a{
                    text-decoration:none;
                    color: rgba(0, 0, 0, 0.8);
                }
                    .home .trending .blog .item a:hover{
                        text-decoration:underline;
                        color: #008894;
                    }
                    .home .trending .blog .item img{
                        width:100%;
                        height:200px;
                        border:solid 1px #cecece;
                    }

    /*....  Servicio Home .......*/
                
    .home .trending .servicios{
        text-align:center;
        margin:4em 0 0 0;
        padding:0;
        list-style:none;
    }
        .home .trending .servicios .item{
               
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        } 
            .home .trending .servicios .item a{
                text-decoration:none;
                display:inline-block;
                height:470px;
                padding:1em;
                color: rgba(0, 0, 0, 0.8);

                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;

            }
                .home .trending .servicios .item a:hover{
                    background:rgba(0, 0, 0, 0.07);
                    position:relative;
                }
                .home .trending .servicios .item p{
                    color: rgba(0, 0, 0, 0.4);
                }
                    .home .trending .servicios .item .btn{
                        color: rgba(0, 0, 0, 0.4);
                        position:absolute;
                        bottom:10px;
                        left:0;
                        right:0;
                        text-align:center;
                    }
                    .home .trending .servicios .item .btn:hover{
                        color: #18abb3;
                        text-decoration:underline;
                    }
                .home .trending .servicios .item .title{
                    font-size:1.5em;
                    font-weight:normal;
                }
     
        .cotiza{
          margin:2em 0;
          background: #87b038;
          border-bottom: solid 3px #69892c;
          border-right: solid 3px #789d32;
          
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          
          color: #fff;
          display: inline-block;
          width: 80%;
      
          font-size: 1.3em;
          text-decoration: none;
          padding: 0.8em;
          max-width: 500px;
          
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }

    /*.....   Newsletter ........*/
    .newsletter {
        background: #000022;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.5em 0;
    }
       .newsletter .stepTwo{
           display:none;
       } 
        .newsletter .alerta{
            padding:0.5em 0;
            color: #fff;
        }

    .newsletter .centro{
        padding:1em;
        text-align:left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .newsletter .centro .titulo {
            font-weight: normal;
            color: #ffffff;
            font-size: 2em;
            margin: 0;
        }
            
        .newsletter .centro form input{
            margin:0;
            padding: 0.7em 1.5em;
            border: none;
            
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            
            color: #19b0b8;
        }   
            .newsletter .centro form .btnNewsletter {
                background: #18abb3;
                color: #ffffff;
                text-transform: uppercase;
                margin-left: -10px;
                padding: 0.7em 1.5em;
            }
        .newsletter .centro small {
               color: #ffffff;
               margin-top: 1em;
               text-align:left;
        }
            .newsletter .step{
                color:#18abb3;
            }
            .newsletter .step::after{
               color:#18abb3;
               content: " | ";
            }

                .newsletter .centro small a {
                  color: #e48d00;
                }

/*.....  Media Queries .......*/
@media (max-width: 850px){
    .newsletter .centro{
        text-align:center;
    }
        .newsletter .centro form .btnNewsletter{
            margin-left:0;
        }
}
@media (max-width: 600px){
    
        .newsletter .centro form .btnNewsletter{
            margin-left:0;
            width:75%;
            margin-top:1em;
        }
}
@media (max-width: 500px){
    
        .newsletter .centro form input{
            
            width:75%;
            margin-top:1em;
        }
        .newsletter .centro form .iagree{
            width:20px;
        }
            .newsletter .centro form small a{
                display:block;
                text-align:center;
            }
}

    /*....  Footer  .......*/
    footer {
      background: #e6e6e6;
      top: 0;
      position: relative;
    }
        footer .centro {
            padding: 1em 0 2em 0;
        }
            footer .centro article{
                display:inline-block;
                width:33.3%;
                float:left;
                padding: 1em 2em 0;
                text-align:left;

                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
                footer .centro article p{
                    margin:0;
                }
                footer .centro article img{
                    width:80%;
                    max-width:200px;
                }
            footer .centro a{
                color:#e48d00;
            }
            footer .centro ul{
                list-style:none;
            }
                footer .centro ul li a{
                    color: rgba(0,0,0,0.7);
                    font-weight:bold;
                    text-decoration:none;
                }
                footer .centro ul li a:hover{
                    color:#18abb3;
                }
                    footer .centro ul li a i{
                        color: #18abb3;
                        display:inline-block;
                        width:20px;
                    }
                footer .centro .phone{
                    font-size:1.5em;
                }
        /*... Liston ....*/
        footer .cred{
            background: #333333;
            padding: 0.5em;
            color: #ffffff;
            position: relative;
        }
            footer .cred .logo {
                display: inline-block;

            }
                footer .cred span {
                  
                  display: inline-block;
                  position: relative;
                  top: -1em;
                }
                    footer .cred span i{
                        color:yellow;
                    }
                footer .cred ul{
                   
                    display:inline-block;
                    list-style:none;
                    text-align:left;
                    position:relative;
                    top:6px;
                }
                    footer .cred ul li{
                        float:left;
                        
                        display:inline-block;
                    }
                        footer .cred ul li a{
                            color: #fff;
                            text-decoration:none;
                       }
                        footer .cred ul li a:hover{
                            color:#e48d00;
                        }
                            footer .cred ul li a:before{
                                color: #fff;
                                content:" | ";
                                margin:0 0.5em;
                            }

@media (max-width: 900px){
    footer .centro article img{
        width:100%;
    }
        footer .centro .phone{
            font-size:1.2em;
        }
        
}

@media (max-width: 700px) {
        
        footer .cred ul{
            padding:0;
            float:none;
            display:inline-block;
            width:90%;

        }
        footer .cred ul li{
            float:none;           
            display:block;
            text-align:center;
            padding:1em 0;
            border-top: solid 1px rgba(0,0,0,0.3);
        }
            
                footer .cred ul li a:before{
                    color: #fff;
                    content:" ";
                    margin:0 0.5em;
                }

}

@media (max-width: 600px) {
      footer .centro article{
          padding:1em 0;
          width:100%;
          text-align:center;
       
      }  
        
        footer .centro article h3,
        footer .centro article p{
     
            max-width:300px;
            display:inline-block;
            width:100%;
            text-align:left;
            padding:0 3em;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;

        }

        footer .centro article h3{
            border-bottom: solid 2px #cecece;
            padding-bottom:0.5em;
           
        }

        footer .centro article ul {
            display:inline-block;
            max-width:300px;
            width:100%;
            padding:0;
            margin:0;
        
        }
            footer .centro article ul li{
         
                text-align:left;
                display:inline-block;
                width:100%;
                max-width:170px;
            }
}

@media (max-width: 460px) {
      footer .cred span {
                  
        display: inline-block;
        position: relative;
        top: 1em;
    }  
        
}

/*....................................
*   Quienes Somos
*...................................*/

section.somos{
    text-align:justify;
}
    
    section.somos h2,
    section.somos h3,
    section.somos h4{
        font-weight:normal;
        color:#e48d00;
        margin:0;
    }
        section.somos h2{
            margin-top:2em;
        }
    section.somos .filosofia{
        display:inline-block;
    
    }
        .filosofia .texto{
            float:left;
            width:33.3%;
            padding:0 0.5em 1em;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            .filosofia .texto p{
                line-height:1.5em;
            }
        .filosofia .img{
            float:left;
            width:66.6%;
            padding:1em 0.5em;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            .filosofia .img img{
                width:100%;
            }

    section.somos .mision{
        display:inline-block;
    }
        .mision h2{
            
        }
        .mision .item{
            width:33.3%;
            float:left;
            padding:1em 0.5em;
            text-align:left;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            .mision .item img{
                width:100%;
            }
            .mision .item h3{
                text-transform:uppercase;
                font-weight:normal;
            }
            .mision .item .misionUl{
                list-style:square;
                padding:0;
                margin:0;
            }
                .mision .item .misionUl li{
                    margin-left:1em;
                }

    section.somos .valores{
        display:inline-block;
        width:100%;
        margin-bottom:5em;
        padding:1em 0.5em;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .valores h2{
             font-weight:normal;
        }
        .valores #enlaces{
            display:inline-block;
            margin:0;
            width:100%;
            padding:0;
        }
            .valores #enlaces li{
                display:inline-block;
                width:20%;
                height:200px;
                float:left;
                border: solid 2px #ffffff;
                position: relative;

                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
                .valores #enlaces .active{
                    background-color: #e48d00;
                }
                    .valores #enlaces li .btn{
                        position: absolute;
                          top: 0;
                          left: 0;
                          right: 0;
                          bottom: 0;
                          display: inline-block;
                    }
                        .valores #enlaces li .btn:hover{
                            background-color:rgba(0,0,0,0.1);
                        }
                    /*... Imagenes Valores */
                    .valores #enlaces li .vlr1{
                        background: url("../img/icon/vlr1.png") no-repeat center center;
                        background-size: 50% auto;
                    }
                        .valores #enlaces .active .vlr1{
                            background: url("../img/icon/vlr1_1.png") no-repeat center center;
                            background-size: 50% auto;
                        }
                    .valores #enlaces li .vlr2{
                        background: url("../img/icon/vlr2.png") no-repeat center center;
                        background-size: 50% auto;
                    }
                        .valores #enlaces .active .vlr2{
                            background: url("../img/icon/vlr2_1.png") no-repeat center center;
                            background-size: 50% auto;
                        }
                    .valores #enlaces li .vlr3{
                        background: url("../img/icon/vlr3.png") no-repeat center center;
                        background-size: 50% auto;
                    }
                        .valores #enlaces .active .vlr3{
                            background: url("../img/icon/vlr3_1.png") no-repeat center center;
                            background-size: 50% auto;
                        }
                    .valores #enlaces li .vlr4{
                        background: url("../img/icon/vlr4.png") no-repeat center center;
                        background-size: 50% auto;
                    }
                        .valores #enlaces .active .vlr4{
                            background: url("../img/icon/vlr4_1.png") no-repeat center center;
                            background-size: 50% auto;
                        }
                    .valores #enlaces li .vlr5{
                        background: url("../img/icon/vlr5.png") no-repeat center center;
                        background-size: 50% auto;
                    }
                        .valores #enlaces .active .vlr5{
                            background: url("../img/icon/vlr5_1.png") no-repeat center center;
                            background-size: 50% auto;
                        }
            .valores .tabCont{
                margin:0;
                padding:1em;
                background: #e48d00;
            }

@media (max-width: 970px) {
    .filosofia .texto{   
         width:50%;
    }
    
    .filosofia .img{
         width:50%;
    }
        
}

@media (max-width: 600px) {
    .mision .item{
        width:100%;
        float:none;
    }    
}

@media (max-width: 690px) {
    .filosofia .texto{   
         width:100%;
     
    }
    
    .filosofia .img{
        width:100%;
       
    }
        
}


@media (max-width: 350px) {
    .valores #enlaces li{
        width:20%;
        float:left;
        height:80px;
    }
        
}

/*......................................
*
*   Seccion de Clientes 
*
*.....................................*/

.clientesCont{
    padding: 15em 0;

}

/*......................................
*
*   Seccion de Servicios
*
*......................................*/

.services #enlacesServ{
    display: inline-block;
    margin: 0;
    list-style: none;
    width: 100%;
    border-top: solid 5px #fff;
    padding: 0;
    margin-top:2em;
}

    .services #enlacesServ li {
        width: 25%;
        height: 250px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        border: solid 2px #ffffff;
        position: relative;
  
    }
        .services #enlacesServ li .btn {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: inline-block;
            color: #fff;
            text-decoration:none;
        }
            .services #enlacesServ li .btn h2{
                color:#01002e;
                position: absolute;
                bottom:0;
                left:0;
                right:0;
                text-align:center;
                font-weight:normal;
            }
                .services #enlacesServ li .btn:hover {
                    background-color: #e6e6e6 !important;
                }
                .services #enlacesServ li .btn:hover h2 {
                    color:#fff;
                }
        
                .services #enlacesServ li .btnWeb {
                    background: url("../img/icon/serv-web.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ li .btnBra {
                    background: url("../img/icon/serv-branding.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ li .btnMar {
                    background: url("../img/icon/serv-marketing.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ li .btnSoc {
                    background: url("../img/icon/serv-social.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ .active .btn {
                    background-color: #87b038 !important;
                }
                    .services #enlacesServ .active .btn:hover {
                        background-color: #789d32 !important;
                    }
                .services #enlacesServ .active .btnWeb {
                    background: url("../img/icon/serv-web_1.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ .active .btnBra {
                    background: url("../img/icon/serv-branding_1.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ .active .btnMar {
                    background: url("../img/icon/serv-marketing_1.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                .services #enlacesServ .active .btnSoc {
                    background: url("../img/icon/serv-social_1.png") no-repeat top 20% center;
                    background-size: 50% auto;
                }
                    .services #enlacesServ .active h2{
                        color:#fff !important;
                    }

        .services .cont {
            display: inline-block;
            width: 100%;
            padding: 0;
        }
            .services .cont h2{
                background:#01002e;
                color:#fff;
                text-align:left;
                margin:0;
                padding:0.5em;
                border:solid 1px #fff;
                font-weight:normal;
            }
        .services .cont ul {
            margin: 0;
            list-style: none;
            padding: 0;
            display: inline-block;
            width: 100%;
        }
            .services .cont ul .item {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                

                float: left;
                display: inline-block;
                width: 33.33333333%;
                padding: 1em 0.5em;
                min-height:500px;
            
            }
                .services .cont ul .item img {
                      width: 100%;
                    }
                    .services .cont ul .item h3 {
                      text-align: left;
                      color: #87b038;
                      border-bottom: solid 2px #87b038;
                    }
                    .services .cont ul .item p {
                      text-align: justify;
                    }
                .services .cont ul .btn {
                    text-decoration:none;
                  padding: 0.5em 1em;
                  border-radius: 10px;
                  color: #87b038;
                  border: solid 2px #87b038;
                  background: #ffffff;
                  margin-top:1em;
                }
                    .services .cont ul .btn:hover {
                      background: #87b038;
                      color: #ffffff;
                      border: solid 2px #87b038;
                    }



@media (max-width: 750px) {
     .services .cont ul .item {
        width: 50%;   
    }    
}

@media (max-width: 609px) {
     .services #enlacesServ li {
        width: 25%;
        height: 200px;
        
    }
}

@media (max-width: 550px) {
     .services .cont ul .item {
        width: 100%;   
    }       
}
 
@media (max-width: 500px) {
     .services #enlacesServ li {
        width: 25%;
        height: 80px;
        
    }
    .services #enlacesServ li .btn h2{
        display:none;
    }
}   

/*...................................
*
*   Seccion de Contacto
*
*.....................................*/
.contactoSec {
    padding-bottom: 5em;
}
    .contactoSec .alertCnt{
        text-align:right;
        padding: 1em 0;

    }
    .contactoSec article {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1em;
    }
        .contactoSec h2 {
            text-align: left;
            color: #018d70;
            font-weight: normal;
        }
        .contactoSec .form {
            width: 50%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 1em;
        }     
        
        .contactoSec .form .nota {
              text-align: left;
              display: inline-block;
              width: 100%;
            }
                .contactoSec .form label {
                  display: inline-block;
                  width: 100%;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  text-align: right;
                  margin-top: 1em;
                }
                .contactoSec .form label input,
                .contactoSec .form label textarea,
                .contactoSec .form label select {
                  background: #d9d9d9;
                  border: none;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  padding: 0.5em;
                  width: 100%;
                  border-radius: 2px;
                }
        .contactoSec .form .dos input,
        .contactoSec .form .dos textarea {
          float: right;
          width: 50%;
        }
            .contactoSec .form .dos span {
              float: left;
              width: 50%;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              padding: 0.2em 0.5em;
            }

            .contactoSec .form .opc {
              display: inline-block;
              width: 100%;
            }
                .contactoSec .form .opc span {
                  display: inline-block;
                  width: 50%;
                  float: left;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  padding: 1em 2em;
                  text-align: left;
                }
                    .contactoSec .form .opc span input {
                      float: left;
                      display: inline-block;
                      margin-top: 0.3em;
                    }
                    .contactoSec .form .opc span small {
                      display: inline-block;
                      float: left;
                      width: 100%;
                      max-width: 130px;
                      margin-left: 0.3em;
                    }
                .contactoSec .form small {
                  margin-right: 1em;
                  font-size: 1em;
                }
                    .contactoSec .form small a {
                      color: #018d70;
                    }
                .contactoSec .form .btnContacto {
                  background: #87b038;
                  border: none;
                  padding: 1em;
                  border-radius: 5px;
                  color: #ffffff;
                  width: 200px;
                }
                .contactoSec .form .btnContacto:hover {
                    background: #546E23;
                }
                    .contactoSec .mapa {
                      text-align: left;
                      display: inline-block;
                      -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box;
                      width: 50%;
                      float: left;
                      padding-left: 0.5em;
                    }
                        .contactoSec .mapa h3 {
                          margin: 0;
                          font-weight: bold;
                        }
                            .contactoSec .mapa h4 {
                              margin: 0;
                              font-weight: normal;
                            }
                            .contactoSec .mapa .google {
                              margin: 1em 0;
                              width: 100%;
                              height: 500px;
                            }
                            .contactoSec .mapa span {
                              color: #018d70;
                            }
                            .contactoSec .mapa .talento {
                              margin-top: 1em;
                            }
                                .contactoSec .mapa .talento img {
                                  width: 100%;
                                }

@media (max-width: 650px) {
    
    .contactoSec .form {
        width:100%;
    }

    .contactoSec .mapa {
        width:100%;
    }
        
}

.article{
    padding:1em 0.5em 5em;
}
.article p{
    font-size:16px !important;
    line-height:1.5em;
    color:rgba(0, 0, 0, 0.7);
}
.article strong{
    font-weight:normal;
    color:#000;
}
    .article img{
        max-width:100%;
    }
    .article ol,
    .article ul{
        display:inline-block;
        margin:0;
        padding:0;
        font-size:16px !important;
        line-height:1.5em;
    }
        .article ol li,
        .article ul li{
            margin:0.5em 0 0 0.8em;
            color:rgba(0, 0, 0, 0.7);
        }
        .article a{
            color:#18abb3 !important;
            text-decoration:none;

        }
            .article a:hover{
                text-decoration:underline;
            }

/*..................................
*      Blog
*.................................*/

.contBlog{
    
    padding:1em;
}
.contBlog ul{
    list-style:none;
    margin:0;
    padding:0;
}
.contBlog .item {
    display: inline-block;
    border: solid 1px #cecece;
    position: relative;
    width: 100%;
    margin-top: 1em;
    padding: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contBlog .item img{
    float:left;
}
.contBlog .item .texto{
    display:inline-block;
    width:70%;
    border-left: solid 1px #cecece;
    margin-left:1em;
    padding-left:1em;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  .contBlog .item .texto h2 {
        margin:0;
    }
.contBlog .item .texto a{
    color:#fff;
    background:#144645;
    text-decoration:none;
    padding:0.5em;
    display:inline-block;
}
.contBlog .item .texto a:hover{
    background:#008894;
}

.pag{
    display:inline-block;
    padding:1.5em;
}
.pag .current{
    color:#fff;
    background:#008894;
}
.pag .page-numbers{
    padding:0.5em;
    background:#cecece;
    text-decoration:none;
}

@media (max-width: 650px){
    .contBlog .item{
        text-align:center;
    }
        .contBlog .item >a {
            display:inline-block;
            width:100%;
            max-width:350px;
            text-align:center !important;
  
        }
            .contBlog .item >a img{
                width:100%;
                display:inline-block;
                max-width:350px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                
            }
    .contBlog .item .texto{
        margin-top:1em;
        width:100%;
        border:none;
        border-top: solid 1px #cecece;
        margin-left:0;
        padding:1em;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


}

.gracias h1,
.gracias h2,
.gracias h3,
.gracias p{
    color: #008894 !important;
}