/* Generales */
body{font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;}
h1,h2,h3,h4,h5,h6{font-weight:300;}
a{color:#fff; }
a:focus{ outline:none; }

/* LOGO SITIO */
.site-logo{
    position: fixed;
    top: 0;
    right: 15px;
    width: 120px;
    z-index: 99;
}

/* NAVBAR */
.navbar-fixed-bottom { bottom: 20px; }
.navbar-livean {
    background-color: #009fe3;
    border-color: #0090cd;
}
    .navbar-livean .navbar-toggle { border-color: #00b3ff; }
    .navbar-livean .navbar-toggle .icon-bar { background-color: #fff; }

.img-responsive-v{
    max-height:100%;
    width: auto;
}
.navbar-brand { padding: 10px; }
.social.nav > li { display: inline-block; }
.social li a { font-size: 2em; }

/* CARRUSEL */
.carousel-caption { top: 80px; }
    .caption-productos{ top: 80px; }
        .caption-productos h2 { font-size: 2em; }
        .caption-productos a { display:block; width: 220px; margin: 0 auto;}
    .fill-running{ background-position: 41% 50%; }
    .fill-yoga{ background-position: 60% 50%; }
    .caption-side {
        top: 50px;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
        font-weight: 400;
        text-align: left;
        width: 160px;
    }
        .caption-side h2{
            font-size: 1.5em;
            border-bottom: 1px solid #fff;
            padding-bottom: 5px;
        }
        .caption-side p{
            font-size: 0.9em;
            margin-bottom: 0;
            text-align: justify;
        }
    .caption-running{ color: #306b78; }
    .caption-valdivian { width: 200px; }

/* PAGE */
body.page{
    background-image: url('../img/carusel/bg-productos-home.jpg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    background-size:cover;
}
.main{ padding-top:90px; }

/* PRODUCTOS */
.productos-menu{
    background: -moz-linear-gradient(left,  rgba(0,49,185,0) 0%, rgba(0,49,185,1) 5%, rgba(0,49,185,1) 50%, rgba(0,49,185,1) 95%, rgba(0,49,185,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,49,185,0) 0%,rgba(0,49,185,1) 5%,rgba(0,49,185,1) 50%,rgba(0,49,185,1) 95%,rgba(0,49,185,0) 100%);
    background: linear-gradient(to right,  rgba(0,49,185,0) 0%,rgba(0,49,185,1) 5%,rgba(0,49,185,1) 50%,rgba(0,49,185,1) 95%,rgba(0,49,185,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000031b9', endColorstr='#000031b9',GradientType=1 );
}
    .nav-tabs.productos-menu { border-bottom: none; margin-bottom: 10px; }
    .nav-tabs>li { float: none; margin-bottom: -1px; display: inline-block; }
        .productos-menu>li>a{ padding: 8px 0; margin-right: 0; line-height: 1.42857143; border: none; border-radius: 0;}
            .nav-tabs>li.active>a,
            .nav-tabs>li.active>a:focus,
            .nav-tabs>li.active>a:hover { color: #ffffff; cursor: default; background-color: transparent; border: none; border-bottom: 1px solid #fff; }
        #insta-select { color: #f5f5f5; background-color: transparent; border: 1px solid rgba(255,255,255,0.2); border-radius: 2px; }
        .instantaneos-menu a, .postres-menu a{display: inline-block; padding: 4px 12px; }
        .instantaneos-menu a:hover, .postres-menu a:hover,
        .instantaneos-menu a:focus, .postres-menu a:focus,
        .instantaneos-menu a.active, .postres-menu a.active { color:#fff; background-color: #fff; background-color: rgba(255,255,255,0.2); border-radius: 2px; text-decoration:none;}
        .product-container, .product-container-single { margin-top: 10px; }

        .scroll-x{  overflow-x: scroll; overflow-y: hidden; height: 150px; white-space:nowrap }
        .scroll-x img{ margin: 0 2px; max-height: 150px; cursor: pointer; display:inline-block; *display:inline;/* For IE7*/ *zoom:1;/* For IE7*/ vertical-align:top; max-width: 175px;}
        #insta-sachet .scroll-x{max-height:130px;}
        #insta-sachet .scroll-x img{max-height:130px;}
        
        .product-container h1, .product-container-single h1,
        .product-container p, .product-container-single p { color: #ffffff; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin-top: 0; margin-bottom:0;}
        .product-container h1, .product-container-single h1 { font-size: 1.75em; }
        .product-container p, .product-container-single p { color: #f5f5f5; font-size: 0.875em; }

/* FOOTER */
footer.fixed-bottom {
    position: fixed;
    bottom: 3px;
    left: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
    footer p {
        margin: 0;
        font-size: 0.75em;
        color: #fff;
    }
    footer .footer-logo {
        width: 40px;
        line-height: 4;
        padding-right: 4px;
    }

/************************************
MEDIA QUERIES
************************************/
@media (min-width: 768px) {
    /* MENU */
    .site-logo{ right: 60px; width: 150px; }
    .social li a { font-size: 1.3em; padding: 15px 10px; }

    /* CARRUSEL */
    .caption-productos { top: 110px; }
    .caption-productos h2 { font-size: 3em; }
    .caption-productos a { width: 500px; }
    .fill-running { background-position: 35% 50%; }
    .caption-side { top: 100px; width: 300px; }
        .caption-side h2 { font-size: 2.5em; }
        .caption-side p { font-size: 1em; margin-bottom: 10px; }
    
    /* MAIN */
    .main { padding-top: 110px; }

    /* PRODUCTOS */
    .productos-menu>li>a { padding: 8px 24px; padding: 8px 30px; text-transform: uppercase; font-weight: 700; }
    .product-container, .product-container-single { margin-top: 50px; }
        .scroll-x { overflow-x: auto; overflow-y: auto; height: inherit; white-space: normal; text-align: center; }
        .scroll-x img { max-height: 180px; cursor: default;}
        #insta-sachet .scroll-x { max-height: inherit; width:100%;}
        #insta-sachet .scroll-x img { max-height: 140px; padding: 2px; }
        .product-container h1, .product-container-single h1 { font-size: 3em; font-weight: 400; margin-top: 40px; }
        .product-container p, .product-container-single p { font-size: 1.2em; margin-top: 10px; }

}
@media (min-width: 992px) {
    /* MENU */
    .site-logo{ right: 30px; width: 180px; }
    .navbar-nav { margin: 0 0 0 100px; }
    
    /* CARRUSEL */
    .caption-productos { top: 170px; }
    .caption-productos p { font-size: 1em; }
    .caption-side { top: 100px; width: 310px; }

    /* MAIN */
    .main { padding-top: 130px; }
    /* PRODUCTOS */
    #insta-sachet .scroll-x img { max-height: 100px; }
    .productos-menu>li>a { padding: 8px 30px; }
    .product-container h1, .product-container-single h1 { font-size: 3.2em;}
    .product-container p, .product-container-single p { font-size: 1.5em;}
    
}
@media (min-width: 1200px){
    .site-logo{ right: 90px; width: 200px; }

    /* CARRUSEL */
    .caption-productos { top: 190px; }
    .caption-productos h2 { font-size: 4em; }
    .fill-running{ background-position: 50% 50%; }
    .fill-yoga{ background-position: 50% 50%; }

    /* MAIN */
    .main { padding-top: 150px; }
}