@font-face {

    font-family: StreetPlain;

    src: url(../fonts/street.ttf);

}



@font-face {

    font-family: StreetCompIt;

    src: url(../fonts/strcmit.ttf);

}



body {

    font-family: StreetPlain;

    letter-spacing: 1px;

}



a, a:link, a:visited, a:active, a:focus {

    outline: none !important;

    -moz-outline-style: none !important;

}



#bs-example-navbar-collapse-1 {

    -webkit-box-shadow: 0px 0px 8px #a3a9ac;

       -moz-box-shadow: 0px 0px 8px #a3a9ac;

            box-shadow: 0px 0px 8px #a3a9ac;

}



.at-header .navbar-default {

    background-color: #ffffff !important;

    border-color: #ffffff !important;

    font-size: 9pt;

}



.navbar-default .navbar-nav > li > a {

    padding-right: 10px;

    padding-left: 10px;

    color: #808285;

}



.top-space-menu {

    padding-top: 70px !important;

}



.at-header {

    padding-top: 15px;

    /*background-image: url(../images/at-header.png);*/

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 700px;

}



.at-header-home {

    background-image: url(../images/at-header-home.png);

}



.at-header-productos {

    background-image: url(../images/at-header-productos.png);

}



.at-header-industrias {

    background-image: url(../images/at-header-industrias.png);

}



.at-header-aplicaciones {

    background-image: url(../images/at-header-aplicaciones.png);

}



.at-header-nosotros {

    background-image: url(../images/at-header-nosotros.png);

}



.at-header-contacto {

    background-image: url(../images/at-header-contacto.png);

}



.at-facebook-img, .at-twitter-img, .at-instagram-img, at-email-img {

    width: 35px;

}



.navbar-nav > li > a > img {

    margin-top: -2px;

    padding-right: 5px;

}



.at-titulos {

    

}



.nav.navbar-nav.navbar-right a {

    height: 50px;

}



.navbar-brand img {

    margin-top: -10px;

    margin-left: 20px;

    width: 145px;

}



.at-h1, .at-h2 {

    color: #ffffff;

}



.at-h1 {

    font-size: 35pt;

    margin-top: -185px;

    margin-left: 212px;

    text-shadow: 1px 1px 10px #0062a6;

}



.at-h2 {

    font-size: 20pt;

    margin-top: -20px;

    margin-left: 212px;

    margin-bottom: 240px;

    text-shadow: 1px 1px 10px #0062a6;

}



.at-h1-black {

    text-shadow: 1px 1px 10px #000;

}



.at-h2-black {

    text-shadow: 1px 1px 10px #000;

}



.at-h3 {

    font-size: 22pt;

    font-weight: bold;

    color: #0062a6;

    margin-bottom: 0px;

}



.at-h4 {

    font-family: StreetCompIt;

    font-size: 14pt;

    font-weight: bold;

    color: #7fcfd7;

}



.at-h5 {

    font-size: 22pt;

    font-weight: bold;

    margin-bottom: 0px;

}



.at-h6 {

    font-family: StreetCompIt;

    font-size: 14pt;

    font-weight: bold;

}



.at-logo {

    padding-left: 75px;

    padding-top: 50px;

}



.at-titulos {

    margin-top: -70px;

    padding-left: 50px;

}



.at-titulos-inicio, .at-titulos-productos, .at-titulos-contacto, .at-titulos-industrias, .at-aplicaciones-texto {

    color: #00a0b0;

    font-size: 10pt;

}



.at-aplicaciones-texto, .at-aplicaciones-imagen {

    margin-bottom: 50px;

    margin-top: 50px;

}



.at-aplicaciones-caja {

    padding-left: 0px;

    padding-right: 0px;

}



.at-aplicaciones-texto {

    height: 450px;

}



.at-aplicaciones-texto h1 {

    text-align: left;

    padding-bottom: 15px;

}



.at-aplicaciones-texto .at-h3 {

    font-size: 14pt;

}



.at-aplicaciones-texto p {

    text-align: left;

    padding-right: 15px;

    font-size: 9pt;

}



.at-industrias-imagen-cabecera {

    margin-top: 50px;

    background-repeat: no-repeat;

    background-position: center;

    height: 300px;

}



.at-industrias-imagen-cabecera-first {

    margin-top: 250px;

}



.at-industrias-texto, .at-industrias-titulo-verde, .at-industrias-titulo-azul {

    background-color: #d7d7d7;

    margin-left: 120px;

    margin-right: 120px;

    padding-left: 25px;

    padding-right: 25px;

    font-size: 9pt;

    color: #808285;

}



.at-industrias-texto {

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.at-industrias-titulo-verde {

    font-size: 12pt;

    color: #0aa0b0;

    padding-bottom: 25px;

    padding-top: 25px;

}



.at-industrias-titulo-azul {

    font-size: 12pt;

    color: #0062a6;

    padding-bottom: 25px;

    padding-top: 25px;

}



.at-industrias-gota {

    margin-top: -46px;

}



.at-productos {

    padding-top: 50px;

    padding-bottom: 50px;

}



.at-carrusel {

    background-color: #00a0b0;

    padding-top: 100px;

    padding-bottom: 50px;

    min-height: 450px;

    color: #ffffff;

}



.carousel-caption {

    padding-top: 150px;

}



.at-aplicaciones {

    background-image: url(../images/at-aplicaciones.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 600px;

    padding-top: 20px;

    padding-left: 50px;

    margin-top: 50px;

}



.at-nosotros {

    font-size: 12pt;

    color: #0062a6;

    padding-top: 50px;

    padding-bottom: 50px;

}



.at-nosotros p {

    padding-top: 50px;

}



.at-nosotros-logos {

    margin-top: 50px;

}



.at-contacto {

    background-image: url(../images/at-contacto.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 560px;

    padding-top: 150px;

    color: #ffffff;

}



.at-contacto input, .at-contacto textarea {

    background-color: transparent;

    color: #ffffff;

}



.at-contacto input::-webkit-input-placeholder, .at-contacto textarea::-webkit-input-placeholder {

    color: #ffffff;

}



.at-contacto input:-moz-placeholder, .at-contacto textarea:-moz-placeholder {

    /* FF 4-18 */

    color: #ffffff;

}



.at-contacto input::-moz-placeholder, .at-contacto textarea::-moz-placeholder {

    /* FF 19+ */

    color: #ffffff;

}



.at-contacto input:-ms-input-placeholder, .at-contacto textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #ffffff;

}



.at-nosotros-header {

    padding-bottom: 50px;

}



.at-links {

    height: auto;

    font-size: 10pt;

    padding-top: 50px;

    padding-bottom: 50px;

}



.at-links ul li {

    list-style: none;

}



.at-links ul li a {

    color: #808285;

}



.at-footer {

    font-size: 8pt;

    padding-top: 10px;

    background-color: #92c83e;

    height: 50px;

    color: #ffffff;

/*  padding-left: 100px;

    padding-right: 100px;*/

}



.at-icon-contacto {

    padding-right: 15px;

    padding-left: 40px;

}



.at-footer a {

    color: #ffffff;

}



.solucion-titulo {

    color: #808285;

    font-size: 14pt;

}



.carrusel-titulo {

    color: #9fa1a3;

    padding-top: 10px;

}



.explora-mas {

    background-color: #00a0b0;

    height: 50px;

}



.explora-mas a {

    color: #ffffff;

}



.explora-mas img {

    padding-right: 15px;

}



.at-productos a {

    width: 160px;

    height: 40px;

    padding-top: 10px;

    background-color: #808285;

    border: none;

}



.at-productos a:hover {

    background-color: #0062a6;

}



.at-mapa iframe {

    padding-top: -150px;

}



.at-contacto-header {

    padding-bottom: 100px;

}



.at-gota {

    position: relative;

    bottom: -40px;

    z-index: 100;

}



.at-iframe {

    position: relative;

}



.at-aquosolv {

    padding-top: 150px;

}



.at-aquosolv-titulo {

    font-size: 25pt;

    color: #0063a6;

    padding-bottom: 15px;

}



.at-aquosolv-texto {

    font-size: 10pt;

    color: #808285;

    padding-top: 50px;

    padding-bottom: 50px;

    margin-bottom: 15px;

    background-color: #d7d7d7;

}



.at-aquosolv-img {

    margin-top: -180px;

    padding-top: 20px;

}



.at-smart-release {

    /*padding-top: 250px;*/

}



.at-smart-release-titulo {

    font-size: 25pt;

    color: #92c83e;

    padding-bottom: 15px;

}



.at-smart-release-texto {

    font-size: 10pt;

    color: #ffffff;

    padding-top: 50px;

    padding-bottom: 50px;

    margin-bottom: 15px;

    background-color: #00a0b0;

}



.at-smart-release-img {

    margin-top: -180px;

    padding-top: 20px;

}



.at-automatizacion {

    /*padding-top: 250px;*/

}



.at-automatizacion-titulo {

    font-size: 25pt;

    color: #0063a6;

    padding-bottom: 15px;

}



.at-automatizacion-texto {

    font-size: 10pt;

    color: #808285;

    padding-top: 50px;

    padding-bottom: 50px;

    margin-bottom: 50px;

    background-color: #d7d7d7;

}



.at-automatizacion-img {

    margin-top: -180px;

    padding-top: 20px;

}



.at-nosotros-texto {

    background-color: #0063a6;

    color: #ffffff;

    padding-top: 25px;

    padding-bottom: 15px;

    padding-left: 120px;

    padding-right: 50px;

    font-size: 10pt;

}



.at-nosotros-clientes-texto {

    padding-top: 15px;

    padding-bottom: 15px;

    /*padding-left: 120px;*/

    font-size: 10pt;

    color: #808285;

}



.at-nosotros-img {

    padding-top: 25px;

    margin-right: -40px;

    z-index: 1;

}



.at-gota-contenedor {

    height: 1900px;

    /*position: relative;*/

    /*margin: 0 auto;*/

}



.at-gota-contenedor2 {

    width: 65px;

    margin: 0 auto;

}



.at-gota-slide {

    padding-top: 0px;

    position: fixed;

    top: 350px;

/*    left: 50%;

    margin-left: -32.5px;*/

}



.at-gota-slide-arriba {

    padding-top: 100px;

    position: absolute;

}



.at-gota-slide-abajo {

    padding-top: 1700px;

    position: absolute;

}



.at-info-contacto {

    padding-left: 50px;

    padding-bottom: 65px;

}



#pepsico, #shell, #alpina, #repsol {

    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */

    filter: grayscale(100%);

    opacity: 0.6;

    width: 70%;

}



#pepsico:hover, #shell:hover, #alpina:hover, #repsol:hover {

    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */

    filter: grayscale(0%);

    opacity: 1;

    width: 70%;

}



.btn-aquosolv, .btn-automatizacion {

    background-color: transparent;

    color: #2e6da4;

}



.btn-smart-release {

    background-color: transparent;

    color: #ffffff;

    border-color: #ffffff;

}



.item-active {

    color: #92c83e !important;

}



/* Small devices (tablets, 768px and up) */

@media (max-width: 767px) {

    .at-contacto-header {

        margin-bottom: 140px;

    }

    

    .at-nosotros-header {

        

    }

    

    .at-h1 {

        font-size: 12pt;

        margin-left: 0px;

        padding-top: 180px;

        text-align: center;

    }

    

    .at-h2 {

        font-size: 10pt;

        padding-top: 10px;

        margin-left: 0px;

        text-align: center;

    }

    

    .at-h3 {

        font-size: 22pt;

    }

    

    .at-h4 {

        font-size: 10pt;

    }

    

    .at-h5 {

        margin-left: 0px;

    }

    

    .at-h6 {

        margin-left: 0px;

    }

    

    .at-h3, .at-h4, .at-h5, .at-h6, .at-logo2, .at-logo3 {

        margin-left: 0px;

    }

    

    .at-productos {

        margin-top: 20px;

    }



    .at-logo {

        margin: 0 auto;

        text-align: center;

        padding-left: 0px !important;

    }

    

    .at-logo img {

        width: 150px;

    }

    

    .at-logo2 {

        padding-top: 0px;

        margin-top: -35px;

        margin-left: 0px;

    }

    

    .at-logo3 {

        margin-left: 0px;

    }

    

    .at-carrusel {

        height: 680px;

    }

    

    .explora-mas {

        padding-top: 12px;

    }

    

    .carrusel {

        width: 80% !important;

    }

    

    .at-links {

        font-size: 10pt;

        padding-top: 50px;

    }

    

    .at-aquosolv {

        padding-top: 220px;

    }

    

    .at-titulos {

        padding-top: 80px;

        padding-left: 15px;

    }

    

    .at-titulos-productos {

        font-size: 9pt;

    }



    .at-aquosolv-img {

        margin-top: 0px;

        width: 50%;

    }

    

    .at-smart-release-img {

        margin-top: 0px;

        width: 50%;

    }

    

    .at-automatizacion-img {

        margin-top: 0px;

        width: 50%;

    }

    

    .at-contacto {

        padding-top: 50px;

    }

    

    .at-contacto-texto {

        

    }

    

    .at-nosotros-img {

        margin-right: auto;

        padding-bottom: 15px;

        /*width: 80%;*/

    }

    

    .at-nosotros-texto {

        padding-left: 15px;

        margin-bottom: 30px;

    }

    

    .at-nosotros-clientes-texto {

        padding-left: 0px;

    }

    

    .at-iframe {

        padding-top: 50px;

    }

    

    .at-gota {

        bottom: -100px;

    }

    

    .at-industrias-imagen-cabecera-first {

        margin-top: 320px;

    }

    

    .at-industrias-imagen-cabecera {

        background-size: cover;

        background-position: center;

    }

    

    .at-industrias-texto, .at-industrias-titulo-verde, .at-industrias-titulo-azul {

        margin-left: 15px;

        margin-right: 15px;

        padding-left: 15px;

        padding-right: 15px;

    }

    

    .at-aplicaciones-texto {

        height: auto;

    }

    

    .at-footer {

        font-size: 7pt;

        font-weight: normal;

        padding-top: 5px;

        height: 120px;

    }

    

    .at-footer div {

        padding-bottom: 5px;

    }

    

    .at-footer img {

        padding-top: 5px;

    }

}



/* Small devices (tablets, 400px and down) */

@media (max-width: 400px) {

    .at-productos-header {

        margin-bottom: 400px;

    }

    

    .at-contacto-header {

        margin-bottom: 120px;

    }

    

    .at-aquosolv {

        padding-top: 350px;

    }

    

    .at-iframe {

        padding-top: 200px;

    }

    

    .at-gota {

        bottom: -250px;

    }

    

    .at-industrias-imagen-cabecera {

        margin-top: 50px;

    }

    

    .at-industrias-imagen-cabecera-first {

        margin-top: 525px;

    }

    

    .at-aplicaciones-texto {

        height: auto;

    }

}



/* Medium devices (desktops, 768px to 992px) */

@media (min-width: 768px) and (max-width: 992px) {

    .navbar-default .navbar-nav > li > a {

        padding-right: 4px;

        padding-left: 4px;

    }

    

    .at-header .navbar-default {

        font-size: 6pt;

    }

    

    .at-h1 {

        font-size: 16pt;

        padding-top: 15px;

    }

    

    .at-h2 {

        font-size: 14pt;

        padding-top: 25px;

    }

    

    .at-h3 {

        font-size: 22pt;

    }

    

    .at-h4 {

        font-size: 12pt;

    }

    

    .at-logo2 {

        /*padding-top: 100px;*/

    }

    

    .at-titulos {

        padding-top: 20px;

    }

    

    .at-aquosolv {

        

    }

    

    .at-aquosolv-img {

        width: 75%;

    }

    

    .at-smart-release-img {

        width: 75%;

    }

    

    .at-automatizacion-img {

        width: 75%;

    }

    

    .at-nosotros-img {

        margin-right: auto;

        padding-bottom: 15px;

    }



    .at-nosotros-texto {

        padding-left: 15px;

        margin-bottom: 30px;

    }

    

    .at-nosotros-clientes-texto {

        padding-left: 0px;

    }

    

    .at-industrias-imagen-cabecera-first {

        margin-top: 50px;

    }

    

    .at-footer {

        font-size: 8pt;

        font-weight: normal;

        padding-top: 5px;

        height: 65px;

    }

    

    .at-facebook-img img, .at-twitter-img img, .at-instagram-img img, .at-email-img img {

        width: 25px;

    }

}



/***

 * Bootstrap relies on CSS transitions for animation, which makes it

 * easy to override.  Just add the vertical class to your carousel:

 * <div class='carousel vertical'>...</div>

 ***/



.carousel.vertical .carousel-inner {

  height: 100%;

}



.carousel.vertical .item {

  -webkit-transition: 0.6s ease-in-out top;

  -moz-transition:    0.6s ease-in-out top;

  -ms-transition:     0.6s ease-in-out top;

  -o-transition:      0.6s ease-in-out top;

  left:               0;

}



.carousel.vertical .active,

.carousel.vertical .next.left,

.carousel.vertical .prev.right    { top:     0; }

.carousel.vertical .next,

.carousel.vertical .active.right  { top:  100%; }

.carousel.vertical .prev,

.carousel.vertical .active.left   { top: -100%; }



.carrusel {

    width: 400px;

    background-color: #ffffff;

    padding: 15px;

    border-radius: 5px;

    margin-top: 25px;

}



.carousel-control {

    opacity: 1;

}



.carousel-control {

    top: -15px;

}



.carousel-control:hover {

    opacity: 0.4;

}



.carousel-control.left, .carousel-control.right {

    padding-top: 90px;

}



.carousel-control.left {

    left: -63px;

}



.carousel-control.right {

    right: -63px;

}



.carousel-control.left, .carousel-control.right{ 

    background: none !important; 

    filter: none !important; 

}



.carousel-indicators {

    bottom: -60px;

}



.carrusel-titulo {

    color: #808285;

    padding-top: 10px;

}