*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Helvetica Now Display';
}

body,html{
    padding: 0;
    margin: 0;
    font-family: 'HelveticaNowDisplay';
    font-weight: 400;
    font-size: 16px;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
}

h1{
    color: #6069ac;
    font-size: 27px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 60px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    letter-spacing: 4px;
}

h1.subtitle{
    color: #84c6d3;
    font-size: 27px;
    text-transform: none;
    margin-bottom: 30px;
}

h3{
    font-size: 24px;
    padding: 5px 10px 5px 0px;
}

.highlight-1{
    font-size: 24px;
    background-color: #97d6d6;
    color: #6069AF;
    letter-spacing: 8px;
    display: inline;
    line-height: 40px;
    font-weight: 700;
    padding: 3px 10px 3px 3px;
}

.highlight-2{
    font-size: 24px;
    background-color: #6069AF;
    color: #97D6D6;
    letter-spacing: 10px;
    display: inline;
    line-height: 40px;
    font-weight: 700;
    padding: 3px 10px 3px 3px;
}

.highlight-13{
    font-size: 24px;
    background-color: #69c2bf;
    color: #fff;
    letter-spacing: 8px;
    display: inline;
    line-height: 40px;
    font-weight: 700;
    padding: 3px 10px 3px 3px;
}

h6{
    font-size: 15px;
    color: #6069af;
}

.centerer {
    display: table;
    width: 100%;
    height: 100%;
}

.centered {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.text-left{
    text-align: left;
}

.text-right{
    text-align: right;
}

.text-center{
    text-align: center;
}

.alert{
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 15px;
    text-align: center;
}

.alert-danger{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

ul li{
    vertical-align: top;
}

.btn,.btn-success,.btn-success:hover,.btn-success:focus,.btn-success:active,
.btn-success:active:focus, .btn-success:active:hover{
    font-family: 'naturasans';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #7bc6d1;
    padding: 10px 15px;
    border: 0px;
    border-radius: 0px;
}

.btn-primary {
    background-color: #e2e2e2;
    color: #363636;
    font-size: 14px;
    font-weight: 300;
    border: 0px;
    padding: 4px 15px;
    text-transform: none;
    -moz-box-shadow: 2px 2px 5px #d8cecb;
    -webkit-box-shadow: 2px 2px 5px #d8cecb;
    box-shadow: 2px 2px 5px #d8cecb;
    background: -webkit-gradient(linear, 80% 20%, 10% 21%, from(#e0e0e0), to(#e7e7e7));
}

.icn-menu{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    padding: 0px;
    margin-right: 0px;
    cursor: pointer;
}

ul>li{
    vertical-align: top;
}

.hidden{
    display: none;
}

.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: transparent;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color: #c7cdea;
}

.thumbnail{
    border: 0;
    background-color: transparent;
}

header .caret, nav .caret{
    background-image: url('../images/caret.png');
    height: 6px;
    width: 10px;
    border: none;
    background-size: 100%;
}

.ingresa-semilla{
    z-index: 999;
    position: fixed;
    bottom: 0;
    right: 0;
    left: auto;
}

.ingresa-semilla img{
    height:100px;
}

.semilla{
    padding: 5px;
    background-size: cover;
    display: table;
    margin: 15px 17px 15px 17px;
}

.semilla .semilla-content{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.semilla .semilla-content .mis{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.25em;
}

.semilla .semilla-content .puntos{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 50px;
}

.semilla .semilla-content .ver-detalle,.semilla .semilla-content .ver-detalle a{
    font-size: 12px;
    font-weight: 400;
}

.semilla1{
    background-image: url('../images/semilla1.png');
    height: 140px;
    width: 149px;
}

.semilla2{
    background-image: url('../images/semilla2.png');
    height: 147px;
    width: 149px;
}

.semilla3{
    background-image: url('../images/semilla3.png');
    height: 141px;
    width: 147px;
}

.semilla4{
    background-image: url('../images/semilla4.png');
    height: 131px;
    width: 133px;
    padding-left: 15px;
}

.semilla5{
    background-image: url('../images/semilla5.png');
    height: 140px;
    width: 133px;
}

.semilla6{
    background-image: url('../images/semilla6.png');
    height: 140px;
    width: 133px;
}
.semilla_pendiente{
    background-image: url('../images/semillas_pendientes.png');
    height: 140px;
    width: 149px;
}

.semilla.semilla1 .semilla-content,.semilla.semilla3 .semilla-content,.semilla.semilla4 .semilla-content,.semilla.semilla5 .semilla-content, .semilla.semilla_pendiente .semilla-content{
    color: #FFFFFF;
}

.semilla.semilla2 .semilla-content{
    color: #4380c0;
}

.semilla.semilla6 .semilla-content{
    color: #7bc6d1;
}

table tr th{
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    border-top: 0px!important;
}

table tr td{
    color: #757575;
    font-size: 13px;
    font-weight: 300;
    background-color: #ffffff;
    vertical-align: middle;
}

table tr td.ingresada,table tr td.pendiente,table tr td.cesada{
    position: relative;
    padding-left: 50px;
}

table.table-mis-puntos tr td.ingresada:before,#tab-mis-semillas table tr td.ingresada:before,#tab-mis-semillas-pendientes table tr td.ingresada:before{
    content: '';
    background-image: url('../images/icn_ok.png');
    height: 18px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: 10px;
}

table.table-mis-puntos tr td.pendiente:before,#tab-mis-semillas table tr td.pendiente:before,#tab-mis-semillas-pendientes table tr td.pendiente:before{
    content: '';
    background-image: url('../images/icn_pendiente.png');
    height: 18px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: 10px;
}

table.table-mis-puntos tr td.cesada:before,#tab-mis-semillas table tr td.cesada:before,#tab-mis-semillas-pendientes table tr td.cesada:before{
    content: '';
    background-image: url('../images/icn_cesada.png');
    height: 17px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: 10px;
}

#tab-inicios table tr td.cesada,#tab-inicios table tr td.ingresada{
    padding-left: 0px;
}

#tab-inicios table tr td.cesada:after{
    content: '';
    background-image: url('../images/icn_cesada2.png');
    height: 18px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#tab-inicios table tr td.ingresada:after{
    content: '';
    background-image: url('../images/icn_ok2.png');
    height: 18px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#tab-inicios table tr.desactivada td.cesada:after,#tab-inicios table tr.habilitada td.cesada:after{
    content: '';
    background-image: url('../images/icn_cesada3.png');
    height: 18px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#tab-inicios table tr.desactivada td.ingresada:after,#tab-inicios table tr.habilitada td.ingresada:after{
    content: '';
    background-image: url('../images/icn_ok3.png');
    height: 18px;
    width: 18px;
    background-size: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.wrapper{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*Login*/
.body-login{
    min-height: 100%; 
    background-image: url('../images/bg_login-V3.jpg'); 
    background-size: cover;
}

@media (max-width:1456px){
    .body-login{
        background-position: right;
    }
}
@media (max-width:767px){
    .body-login{
        background-position: top;
    }
}

#login .wrapper{
    min-height: 100%;
}

#login{
    padding: 20px 0px;
    text-align: center;
}

.logo{
    background-image: url('../images/logo-natura-blanco.png') ;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 90px !important;
    height: 60px;
}

.logo-semillas{
    background-image: url('../images/logo_semillas_@2x.png');
    background-size: 100%;
    height: 50px;
    width: 92px;
    display: inline-block;
    vertical-align: top;
}

#login .login-intro,#login .login-box{
    display: inline-block;
}

#login .login-box{
    background-image: url('../images/back-login.png');
    background-size: cover;
    background-position: center center;
    padding: 20px 15px;
}

#login .login-intro{
    width: 100%;
    vertical-align: top;
    margin-top: 50px;
    padding-left: 0;
    text-align: center;
}
@media(max-width:767px){
    #login .login-intro{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

#login .login-intro h2{
    font-size: 30px;
    font-weight: 300;
    color: #6464a5;
    letter-spacing: 10px;
    line-height: 45px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #6464a5;
    display: inline;
}

#login .login-intro h2 span{
    font-weight: 700;
}

#login .login-intro .bienvenido{
    /*background-color: #6464a5;*/
    width: 280px;
    height: 32px;
    position: relative;
    margin: 40px auto 25px auto;
}

#login .login-intro .bienvenido>div{
    font-size: 24px;
    color: #a3d3d6;
    letter-spacing: 10px;
    font-weight: 700;
    position: absolute;
    bottom: -4px;
}

#login .login-intro p{
    font-size: 16px;
    color: #777777;
    max-width: 440px;
    line-height: 23px;
    margin: 0 auto;
}

#login .login-box{
    width: 100%;
    max-width: 350px;
    vertical-align: top;
    margin-top: 30px;
}

#login .login-box p{
    font-size: 16px;
    font-weight: 700;
    color: #7bc6d1;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0px;
}

#login .login-box .form-content{
    text-align: center;
    margin-bottom: 22px;
}

#login .login-box .form-content label{
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    text-transform: none;
}

#login .login-box #loginform p{
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    text-transform: none;
    margin-top: -20px;
 }

#login .login-box .form-content .form-control{
    height: 34px;
    max-width: 350px;
    width: 100%;
    background-color: #ffffff;
    border: 0px;
    padding: 5px;
    margin: 10px auto;
}

#login .login-box .btm{
    text-align: center;
}

/*Home Menu*/
header{
    padding-top: 20px;
    padding-bottom: 25px;
}

header .navbar-nav{
    margin-top: 0px;
    text-align: right;
    margin-right: 0;
}

header .navbar-nav li:not(:last-child){
    border-right: 0px;
}

header .navbar-nav li a{
    font-size: 11px;
    padding: 0px 10px;
}

header .navbar-nav li a, nav, nav .navbar-nav li a{
    font-family: 'naturasans';
    font-weight: 400;
    color: #5e5e5e;
}

@media (max-width: 767px){
    header .header-top.navbar-nav .open .dropdown-menu{
        position: absolute!important;
        background: #fff;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        right: 10px;
        left: auto;
    }
}

header .navbar-nav li a .dropdown-menu li a{
    padding: 10px 6px;
    text-transform: uppercase;
    font-size: 12px;
}

header .logo{
    display: inline-block;
    margin-right: 40px;
}

nav{
    margin-top: 0px;
    position: relative;
}

nav .navbar-nav li{
    border-right: 0px!important;
}

nav .navbar-nav li a{
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 10px;
}

nav .navbar-nav li:not(:last-child) a{
    border-bottom: 1px solid #6069ac;
}

nav .navbar-nav li.open a{
    border-bottom: 0px;
}

nav h6{
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

nav h6 span{
    font-weight: 700;
}

nav .navbar-collapse{
    border-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

nav .navbar-nav{
    position: relative;
}

nav .navbar-nav:after{
    content: none;
    border-bottom: 1px solid #6464a5;
    display: block;
    position: absolute;
    width: 97%;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.navbar-nav .open .dropdown-menu>li>a{
    background-color: #c7cdea;
    border-bottom: 1px solid #6069ac;
}

.navbar-nav .open .dropdown-menu>li>a:hover{
    background-color: #c7cdea;
}

#menu-container{
    clear: both;
    background-color: #f0f2fc;
    position: absolute;
    top: 44px;
    right: 0;
    width: 100%;
    z-index: 1;
}

#menu-container .dropdown-menu{
    text-align: right!important;
}

#carousel .bg1{
    background-image: url('../images/bg_home.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 270px;
}

#carousel .bg2{
    background-image: url('../images/bg_home2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 270px;
}

#carousel .carousel-inner li:first-child{
    margin-left: 0px;
    margin-bottom: 30px;
}

#carousel .carousel-content{
    max-width: 290px;
    margin: 0 auto;
    padding: 40px 0px 45px 0px;
}

#carousel .carousel-inner li{
    width: 100%;
}

#carousel .carousel-content h2{
    font-size: 23px;
    text-transform: uppercase;
    background-color: #f4c02b;
    display: inline;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 10px;
    padding-right: 10px;
}

#carousel .bg1 .carousel-content h2{
    color: #6069ac;
}

#carousel .bg2 .carousel-content h2{
    color: #6069ac;
}

#carousel .carousel-content p{
    font-size: 17px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#carousel .bg1 .carousel-content p{
    color: #ffffff;
}

#carousel .bg2 .carousel-content p{
    color: #6069ac;
}

#carousel .carousel-content p.ganancia{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline;
    padding: 5px 10px;
}

#carousel .bg1 .carousel-content p.ganancia{
    color: #7bc6d1;
    border: 1px solid #7bc6d1;
}

#carousel .bg2 .carousel-content p.ganancia{
    color: #6069ac;
    border: 1px solid #6069ac;
}

.modal-semilla .modal-header{
    background-color: #717cb9;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}

.modal-semilla .modal-body{
    padding: 0px;
}

.modal-semilla .modal-body form{
    padding: 35px 35px 0px 35px;
}

.modal-semilla .modal-body form .form-group{
    width: 100%;
    margin-bottom: 10px;
}

.modal-semilla .modal-body form label{
    font-size: 15px;
    color: #939393;
    font-weight: 300;
}


.modal-semilla .modal-body form .form-group select,.modal-semilla .modal-body form .form-group .form-control{
    width: 100%;
    border-radius: 0px;
    -webkit-appearance: none;
}

.modal-semilla .modal-body form .form-group select.form-control.selectbday{
    width: 31%;
    border-radius: 0px;
    -webkit-appearance: none;
}

.modal-semilla .modal-footer{
    border: 0px;
}

.modal-semilla button.close{
    margin-top: 0px!important;
    padding: 5px!important;
    opacity: 1!important;
    color: white !important;
}

.modal-semilla .modal-body{
    font-size: 14px;
    color: #000000;
}

.modal-semilla2 .modal-body .text{
    padding: 60px 15px;
}

.modal-semilla2 .modal-footer,.modal-semilla2 .modal-footer{
    display: none!important;
}

#home .semilla{
    margin: 30px 0px 15px 0px;
}

#home .semilla .semilla-content .puntos{
    font-size: 48px;
}

#home .semilla1{
    background-image: url('../images/semilla1.png');
    height: 163px;
    width: 175px;
}

#home .semilla_pendiente{
    /*background-image: url('../images/semilla1.png');*/
    height: 163px;
    width: 175px;
}

#home .semilla2{
    background-image: url('../images/semilla2.png');
    height: 175px;
    width: 175px;
}
/*Mis Puntos*/
#mis-puntos .bg-mis-puntos{
    background-image: none;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#mis-puntos .bg-mis-puntos h1:after{
    content: '';
    background-image: url('../images/bg_mis_puntos2.png');
    width: 77px;
    height: 49px;
    background-size: cover;
    position: absolute;
    right: -40px;
    top: -16px;
    z-index: -1;
}

#mis-puntos .bg-mis-puntos ul{
    position: relative;
}

#mis-puntos .bg-mis-puntos .ptos-vigentes{
    position: relative;
    top: -10px;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
}

#mis-puntos .bg-mis-puntos .ptos-vigentes .highlight-1{
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 3px 20px 3px 3px;
}

#mis-puntos .semilla{
    margin: 10px 5px;
}

#mis-puntos p{
    font-size: 16px;
    color: #5e5e5e;
}

#mis-puntos .tabs-ciclos{
    border-bottom: 0px;
}

#mis-puntos .tabs-ciclos li a{
    font-size: 16px;
    color: #8b8b8b;
    font-weight: 400;
    background-color: #efefef;
    border: 1px solid #efefef;
    padding: 0px;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
}

#mis-puntos .tabs-ciclos li.active .ciclo{
    background-color: #f1bb3a;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}

#mis-puntos .tabs-ciclos li .ciclo{
    padding: 5px;
}

#mis-puntos .tabs-ciclos li .detalle{
    background-color: #ffffff;
    padding: 5px 15px;
}

#mis-puntos .tabs-ciclos li.active .detalle{
    background-color: #f6e8c4;
    color: #818181;
    font-weight: 700;
}

#mis-puntos .puntos-obtenidos{
    background-color: #f6e8c4;
    padding: 40px 0 150px 0;
}

#mis-puntos .table-mis-puntos{
    margin-top: 20px;
}

#mis-puntos .table-mis-puntos thead tr th{
    background-color: #f1bb3a;
    border-right: 2px solid #f6e8c4;
    border-left: 2px solid #f6e8c4;
}

#mis-puntos .table-mis-puntos tbody tr td{
    border: 2px solid #f6e8c4;
}

#mis-puntos .habilitar-ver-puntos{
    background-image: url('../images/bg_mis_puntos2.png');
    background-size: 90%;
    background-repeat: no-repeat;
    min-height: 250px;
    text-align: center;
    margin: 80px auto;
    width: 290px;
}

#mis-puntos .habilitar-ver-puntos p{
    color: #6069ac;
    padding-top: 60px;
}

.detalles-ciclos{
    margin-top: 50px;
}

#mis-puntos .slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: inline-flex;
    margin: 0 auto;
    height: 66px;
}

#mis-puntos .slider .slide {
    display: inline-block;
    top: 0;
    left: 0;
    width: 66px;
    height: 100%;
}

#mis-puntos .slider .active-slide {
    display: block;
}

#mis-puntos .slider-nav {
    margin-right: 20px;
}

#mis-puntos .arrow-prev span,#mis-puntos .arrow-next span{
    color: #f1bb3a;
}

/*Mis Semillas*/
#mis-semillas .bg-mis-semillas{
    background-image: none;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#mis-semillas .bg-mis-semillas h1:after{
    content: '';
    background-image: url('../images/bg_mis_semillas2.png');
    width: 49px;
    height: 62px;
    background-size: cover;
    position: absolute;
    left: -30px;
    top: -25px;
    z-index: -1;
}

#mis-semillas .detalles-semillas .tabs-semillas{
    border-bottom: 0px;
}

#mis-semillas .detalles-semillas .tabs-semillas li a{
    font-size: 15px;
    color: #a7a7a7;
    font-weight: 700;
    background-color: #ffffff;
    border: 1px solid #efefef;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    padding: 10px 25px;
    margin-right: 0px;
    letter-spacing: 1px;
}

#mis-semillas .detalles-semillas .tabs-semillas .tab-mis-semillas.active a{
    color: #6069ac;
    background-color: #cccfe4;
    border: 1px solid #cccfe4;
}

#mis-semillas .detalles-semillas .tabs-semillas .tab-mis-semillas-pendientes.active a{
    color: #6069ac;
    background-color: #f6e8c4;
    border: 1px solid #f6e8c4;
}

#mis-semillas .detalles-semillas .tabs-semillas .tab-inicios.active a{
    color: #4a9eaa;
    background-color: #d5e9ed;
    border: 1px solid #d5e9ed;
}

#mis-semillas .mis-semillas #tab-mis-semillas{
    background-color: #cccfe4;
}

#mis-semillas .mis-semillas #tab-mis-semillas-pendientes{
    background-color: #f6e8c4;
}

#mis-semillas .mis-semillas #tab-inicios{
    background-color: #d5e9ed;
}

#mis-semillas .mis-semillas .tab-mis-semillas-content{
    width: 100%;
    padding: 40px 30px;
    margin-right: auto;
    margin-left: auto;
}

#mis-semillas #tab-mis-semillas .table-mis-semillas{
    max-width: 100%;
}

#mis-semillas #tab-mis-semillas-pendientes .table-mis-semillas{
    max-width: 100%;
}

#mis-semillas .mis-semillas .tab-mis-semillas-content .alert{
    font-size: 13px;
}

#mis-semillas .mis-semillas p{
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 300;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas{
    margin-bottom: 25px;
}

#mis-semillas #tab-inicios .table-mis-semillas{
    max-width: 92%;
}

#mis-semillas .mis-semillas #tab-mis-semillas .ciclo-mis-semillas .table-mis-semillas thead tr th{
    background-color: #6069ac;
    border-right: 2px solid #cccfe4;
    border-left: 2px solid #cccfe4;
}

#mis-semillas .mis-semillas #tab-mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr td{
    border: 2px solid #cccfe4;
}

#mis-semillas .mis-semillas #tab-mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr td:last-child{
    width: 185px;
}

#mis-semillas .mis-semillas #tab-mis-semillas-pendientes .ciclo-mis-semillas .table-mis-semillas thead tr th{
    background-color: #6069ac;
    border-right: 2px solid #cccfe4;
    border-left: 2px solid #cccfe4;
}

#mis-semillas .mis-semillas #tab-mis-semillas-pendientes .ciclo-mis-semillas .table-mis-semillas tbody tr td{
    border: 2px solid #cccfe4;
}

#mis-semillas .mis-semillas #tab-mis-semillas-pendientes .ciclo-mis-semillas .table-mis-semillas tbody tr td:last-child{
    width: 185px;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr td:nth-child(3){
    text-align: left;
}

#mis-semillas .mis-semillas #tab-inicios .ciclo-mis-semillas .table-mis-semillas thead tr th{
    background-color: #7bc6d1;
    border-right: 2px solid #d5e9ed;
    border-left: 2px solid #d5e9ed;
}

#mis-semillas .mis-semillas #tab-inicios .ciclo-mis-semillas .table-mis-semillas tbody tr td{
    border: 2px solid #d5e9ed;
}

#mis-semillas .mis-semillas #tab-inicios .ciclo-mis-semillas .table-mis-semillas tbody tr td:not(:nth-child(-n+2)){
    width: 37px;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr.desactivada td{
    background-color: #e24b53;
    color: #ffffff;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr.habilitada td{
    background-color: #7cce9f;
    color: #ffffff;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr.falta-pedido{
    position: relative;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr .falta-pedido-txt {
    /*position: absolute;*/
    top: 20px;
    font-size: 10px;
    background-color: #6069ac;
    color: #ffffff;
    padding: 4px;
    left: 0;
    white-space: nowrap;
}

#mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr.falta-pedido:after{
    content: '';
    background-image: url('../images/falta_pedido3.png');
    height: 32px;
    width: 36px;
    background-size: cover;
    position: absolute;
    right: 5px;
}

/*Bonus Track*/
#bonus-track .bg-bonus-track{
    position: relative;
    margin-bottom: 30px;
}

#bonus-track .bg-bonus-track h1:after{
    content: '';
    background-image: url('../images/bg_bonus_track.png');
    width: 154px;
    height: 82px;
    background-size: cover;
    position: absolute;
    right: 35px;
    top: -25px;
    z-index: -1;
}

#bonus-track .bg-bonus-track2{
    position: absolute;
    top: 0;
}

#bonus-track .gana-premio{
    background-color: #6069ac;
    /*background-color: #97d6d6;*/
    color: #97d6d6;
    /*color: #6069ac;*/
    padding: 60px 0px 0px 0px;
}


#bonus-track.bt-valija  .gana-premio{
    background-color: #fff;
    /*background-color: #97d6d6;*/
    color: #6069ac;
    /*color: #6069ac;*/
    padding: 60px 0px 0px 0px;
}

#bonus-track .gana-premio ul{
    position: relative;
}

#bonus-track .gana-premio ul li{
    vertical-align: top;
    margin-bottom: 30px;
}

#bonus-track .gana-premio ul li.reglas {
    padding: 0px 30px 10px 30px;
}

#bonus-track .gana-premio ul li.felicitaciones {
    padding: 0px 0px 10px 0px;
}

#bonus-track .gana-premio .ciclo-act{
    position: relative;
    left: 0px;
    top: -25px;
}

#bonus-track .gana-premio p{
    margin: 5px 0 5px;
}

#bonus-track .detalle-premio {
    background-color: #f4be3b;
    color: #ffffff;
    font-size: 14px;
    padding: 25px 0px;
    line-height: 17px;
}

#bonus-track .detalle-premio-content {
    max-width: 580px;
    margin: 0 auto;
    text-align: left;
}

#bonus-track .segui-tu-campania{
    background-image: url('../images/bg_bonus_track2.png');
    background-size: cover;
    padding: 50px 0px 80px 0px;
}

#bonus-track .segui-tu-campania .segui-tu-campania-title{
    position: relative;
    display: inline;
}

#bonus-track .segui-tu-campania .segui-tu-campania-title .semilla7{
    position: relative;
    right: auto;
    top: 0;
}

#bonus-track .segui-tu-campania h3{
    line-height: 45px;
    letter-spacing: 10px;
}

#bonus-track .segui-tu-campania p{
    color: #ffffff;
    font-size: 17px;
}

#bonus-track .segui-tu-campania table{
    margin-top: 0px;
}

#bonus-track .segui-tu-campania table tr th{
    background-color: #502F87;
    color: #fff;
    font-weight: 700;
   /* border: 2px solid #6069af;*/
}

#bonus-track .segui-tu-campania table tr td{
    background-color: transparent;
}

#bonus-track .pedidos-semillas .table-bonus-track{
    max-width: 100%;
    margin: 0 auto;
}

#bonus-track .pedidos-semillas .table-bonus-track tr.falta-pedido{
    position: relative;
}

#bonus-track .pedidos-semillas .table-bonus-track tr.falta-pedido:after{
    content: none;
    display: block;
    background-image: url('../images/falta_pedido2.png');
    height: 32px;
    width: 134px;
    background-size: 100%;
    position: absolute;
}

#bonus-track .segui-tu-campania .semilla{
    margin: 15px 0;
}

#bonus-track .segui-tu-campania ul li{
    margin-top: 50px;
}

#bonus-track .segui-tu-campania ul li:first-child{
    padding-right: 0;
    width: 100%;
}

#bonus-track .segui-tu-campania .pedidos-semillas{
    margin-top: 50px;
}

#bonus-track .segui-tu-campania .pedidos-semillas .table-bonus-track tr th{
    background-color: #502F87;
    color: #fff;
}

#bonus-track .segui-tu-campania .pedidos-semillas .table-bonus-track tr td{
    background-color: #ffffff;
    color: #494949;
    /*border: 2px solid #6069af*/
}

#bonus-track .segui-tu-campania .pedidos-semillas .table-bonus-track tr td:not(:nth-child(-n+2)){
    width: 49px;
}

#bonus-track .segui-tu-campania .pedidos-semillas .table-bonus-track tr td:nth-child(2){
    text-align: left;
}

#bonus-track .segui-tu-campania .table-bonus-track tr.habilitada td{
    background-color: #c4f6f7;
}

/*Byc*/
#byc .bg-byc{
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-height: 135px;
}

#byc .bg-byc h1{
    margin-bottom: 10px;
}

#byc .bg-byc h1:after{
    content: '';
    background-image: url('../images/bg_byc4.png');
    width: 110px;
    height: 103px;
    background-size: cover;
    position: absolute;
    left: -44px;
    top: -40px;
    z-index: -1;
}

#byc .bg-byc p{
    font-size: 18px;
    color: #6069ac;
    font-weight: 400;
}

#byc .deja-tu-huella,#byc .acompania-logros{
    padding: 30px;
    text-align: center;
}

#byc .semilla.semilla5 .semilla-content .puntos,
#byc .semilla.semilla6 .semilla-content .puntos{
    font-size: 50px;
    margin-top: 15px;
}

#byc .deja-tu-huella p{
    color: #7bc6d1;
    margin-top: 20px;
}

#byc .acompania-logros p{
    color: #6069ac;
    margin-top: 20px;
 }

#byc .deja-tu-huella{
    background-image: url(../images/bg_byc2.png);
    background-size: cover;
    background-position: top;
}

#byc .acompania-logros{
    background-image: url(../images/bg_byc3.png);
    background-size: cover;
}

#byc h3.highlight-2{
    line-height: 45px;
}

#byc .semilla{
    margin: 40px 0px;
}

#byc .byc{
    margin: 90px 0px 90px 0px;
}

#byc .byc h6{
    font-weight: 700;
    margin-bottom: 20px;
}

#byc .byc p{
    font-size: 12px;
    color: #b7b7b7;
}

/*Campanias Pasadas*/
#campanias-pasadas .bg-campanias-pasadas{
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-height: 272px;
}

#campanias-pasadas .bg-campanias-pasadas h1:after{
    content: '';
    background-image: url('../images/bg_campanias_pasadas3.png');
    width: 98px;
    height: 80px;
    background-size: cover;
    position: absolute;
    left: -60px;
    top: -25px;
    z-index: -1;
}

#campanias-pasadas .campanias-pasadas{
    background-image: url('../images/bg_campanias_pasadas2.png');
    background-size: cover;
}

#campanias-pasadas .detalles-campanias .tabs-campanias{
    border-bottom: 0px;
}

#campanias-pasadas .detalles-campanias .tabs-campanias li a{
    font-size: 15px;
    color: #a7a7a7;
    font-weight: 700;
    background-color: #ffffff;
    border: 1px solid #efefef;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    padding: 10px 25px;
    margin-right: 0px;
    letter-spacing: 1px;
}

#campanias-pasadas .detalles-campanias .tabs-campanias li.active a{
    color: #6069ac;
    background-color: #EEF4F9;
    border: 1px solid #EEF4F9;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content{
    width: 100%;
    padding: 20px 30px;
    margin-right: auto;
    margin-left: auto;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content h3{
    line-height: 45px;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content .head li:first-child{
    width: 60%;
    margin-top: 40px;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content .head li:nth-child(2){
    width: 38%;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content .ganadoras{
    margin-top: 30px;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content .ganadoras li{
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    width: 48%;
    margin-bottom: 40px;
}

#campanias-pasadas .campanias-pasadas .tab-campanias-content .ganadoras li .nombre{
    font-size: 15px;
    font-weight: 700;
}

/*Acompania tus Semillas*/
#acompania-semillas .bg-acompania-semillas, .bg-acompania-semillas2{
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-height: 135px;
}

#acompania-semillas .bg-acompania-semillas2 h1 {
    /* color: #4a3284; */
    
}

#acompania-semillas .bg-acompania-semillas2 h6 {
    /* color: #42bbbd; */
}

#acompania-semillas .bg-acompania-semillas h1:after{
    content: '';
    background-image: url('../images/bg_acompania_tus_semillas2.png');
    width: 90px;
    height: 75px;
    background-size: cover;
    position: absolute;
    right: 45px;
    top: -32px;
    z-index: -1;
}

#acompania-semillas h6{
    color: #84c6d3;
    font-size: 20px;
}

#acompania-semillas .bg-acompania-semillas p{
    color: #757575;
}


#acompania-semillas p{
    font-size: 14px;
    line-height: 20px;
    margin-top: 34px;
}



/*****/
#acompania-semillas .editar-mail h3{
    font-size: 18px;
    font-weight: 400;
    color: #585858;
    text-align: left;
    padding-left: 0px;
}

#acompania-semillas ul:not(:last-child) {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
}

#acompania-semillas .editar-mail form label {
    font-size: 14px;
    font-weight: 400;
    color: #737272;
}

#acompania-semillas .editar-mail form .buttons {
    clear: both;
    padding-top: 20px;
    padding-bottom: 10px;
}

#acompania-semillas .editar-mail{
    margin-top: 20px;
}

.btn-primary.btn-mail:hover,
.btn-primary.btn-mail.active{

    background-color: #7bc6d1!important;
    border-color: #204d74;
}


#acompania-semillas .editar-mail .btn-primary{
    margin-right: 5px;
    margin-bottom: 5px;
}

#acompania-semillas .mail{
    background-color: #fefaf7;
    color: #a5a6a8!important;
    font-family: 'Verdana';
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
    position: relative;
    max-width: 551px;
}

#acompania-semillas .mail .mail-content{
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
}

#acompania-semillas .mail .mail-content .title h5{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

#acompania-semillas .mail .mail-content p{
    font-size: 10px;
    line-height: 16px;
    margin-top: 5px;
}

#acompania-semillas span {
    font-weight: 100;
    font-size: 13px;
    margin-left: 5px;
    color: #565656;
}

#acompania-semillas span.norotate{
    position: absolute;
    top: 13px;
    right: 10%;
    width: 105px;
}

#acompania-semillas span.norotate:before{
    content: '';
    background-image: url('../images/mail_flecha.png');
    height: 14px;
    width: 60px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

#acompania-semillas span.rotate:before{
    content: '';
    background-image: url('../images/mail_flecha.png');
    height: 14px;
    width: 60px;
    display: block;
    margin: 10px auto;
    margin-bottom: 32px;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(90deg);        /* FF */
    -o-transform: rotate(90deg);          /* Opera */
    -ms-transform: rotate(90deg);         /* IE9 */
    transform: rotate(90deg);
}

#acompania-semillas .envio-mails-label {
    margin-bottom: 20px;
    color: #737272;
}

#acompania-semillas .envio-mail-predef .name-mail {
    font-weight: bold;
    color: #737272;
}

#acompania-semillas .envio-mails-label .first {
    font-size: 14px;
    display: inline-block;
}

#acompania-semillas .envio-mails-label .last {
    float: right;
    margin-right: 15px;
    font-size: 13px;
    margin-top: 5px;
}

#acompania-semillas .envio-mail-predef p.desc {
    padding-right: 120px;
    font-size: 14px;
}

#acompania-semillas .envio-mails .switch {
    position: absolute;
    right: 3px;
    top: 38px;
    bottom: 0;
}

#acompania-semillas .envio-mails ul {
    position: relative;
}

#acompania-semillas .envio-mails .envio-mails-title .first {
    font-size: 15px;
    color: #737272;
}

#acompania-semillas .envio-mails .envio-mails-title .last {
    font-size: 12px;
    margin-top: 3px;
    color: #737272;
}

#acompania-semillas .colum-izq{
    float:left;
    width: 100%;
    margin-top: 20px;
}

#acompania-semillas .colum-der{
    float:left;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

#acompania-semillas .envio-mails .editar-mail form{
    border-top: 1px solid #ddd;
    padding-left: 0px;
    padding-top: 20px;
}

#acompania-semillas .envio-mails .editar-mail form input{
    height: 28px;
}

#acompania-semillas .envio-mails .editar-mail form .form-control.search{
    display: inline-block;
    width: 80%;
    margin-right: 10px;
}

#acompania-semillas .envio-mails .editar-mail form small{
    font-size: 65%;
}

#acompania-semillas .envio-mails .editar-mail form .form-control.search span{
    font-size: 19px;
}

#acompania-semillas .envio-mails .editar-mail form textarea{
    height: 118px;
}

#acompania-semillas .envio-mails .editar-mail form .checkbox {
    padding-left: 20px;
}

#acompania-semillas .envio-mails .editar-mail form .checkbox input[type="checkbox"] {
    opacity: 0;
    outline: none;
}

#acompania-semillas .envio-mails .editar-mail form .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 13px;
}

#acompania-semillas .envio-mails .editar-mail form .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#acompania-semillas .envio-mails .editar-mail form .checkbox input[type="checkbox"]:focus + label::before {
    outline: none;
}

#acompania-semillas .envio-mails .editar-mail form .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}

#acompania-semillas .envio-mails .editar-mail form .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

/*Css Switch*/
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.cmn-toggle-round + label {
    padding: 2px;
    width: 64px;
    height: 34px;
    background-color: #e6e6e6;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}
input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #e6e6e6;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
    width: 23px;
    height: 23px;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
    background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
    margin-left: 35px;
}

#acompania-semillas .compartir-imagenes{
    margin-top: 30px;
}

#acompania-semillas .compartir-imagenes-ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#acompania-semillas .compartir-imagenes .title{
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-left: 15px;
}

#acompania-semillas .compartir-imagenes .thumbnail p{
    border-bottom: 0px;
}

#acompania-semillas .compartir-imagenes .thumbnail .caption{
    padding: 9px 0px 9px 0px;
}

#acompania-semillas .compartir-imagenes .compartir-imagenes-li{
    margin-right: 0px;
    margin-left: 0px;
}

#acompania-semillas .compartir-imagenes .compartir-imagenes-li .caption .btn{
    padding: 4px 30px;
}

#acompania-semillas .compartir-imagenes .list-group .list-group-item{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0px;
    border-right: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#acompania-semillas .compartir-imagenes .list-group .list-group-item.active{
    background-color: #f8f0db;
    border-color: #ddd;
    border-left: 0px;
    border-right: 0px;
}

#acompania-semillas .compartir-imagenes .list-group h6{
    color: #f2a900;
    font-size: 20px;
}

#acompania-semillas .compartir-imagenes .list-group span{
    font-weight: 700;
}

#acompania-semillas .compartir-imagenes .list-group p{
    font-size: 14px;
    color: #585858;
}

#acompania-semillas .select-color{
    width:20px;
    height:20px;
    overflow: hidden;
    padding:0;
}

#acompania-semillas .select-color a{
    width:100%;
    height: 100%;
    border: 2px solid #bbbbbb;
    border-radius:20px;
    display: block;
}

#acompania-semillas .select-color a.active,
#acompania-semillas .select-color a:hover {
    border: 2px solid #f2a900;
}

#acompania-semillas .select-fondo{
    width:35px;
    height:35px;
    overflow: hidden;
    padding:0;
    margin-left:2px;
}

#acompania-semillas .select-fondo a{
    width: 100%;
    height: 99%;
    border: 2px solid #686868;
    border-radius:41px;
    display: block;
    background-position: center center;
    background-repeat:no-repeat;
    opacity: 0.8;
}

#acompania-semillas .select-fondo[data-categ="1"] a {
    background-size: 300%;
    background-position: 0% 99%;
}

#acompania-semillas .select-fondo a.active, #imagenes .select-fondo a:hover {
    opacity: 1;
    border: 2px solid #f2a900;
}

.image-creator {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    margin:0 auto;
    position: relative;
}

.image-creator:before{
    content:'';
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

#acompania-semillas #image-container{
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
}

#acompania-semillas #mail-content{
    background-color: transparent;
    display: inline-block;
    padding: 0 0 20px;
    width:100%;
    font-family: 'Verdana';
    position: relative;
    margin-top: 50px;
}

#acompania-semillas #mail-content h5{
    margin: 0 auto 10px;
    width: 70%;
    max-width: 300px;
    display: inline-block;
    font-size: 16px;
    position: relative;
}

#acompania-semillas #mail-content p{
    margin: 0 auto;
    width: 65%;
    min-width: 240px;
    padding:0;
    font-size: 10px;
    line-height: 15px;
    position: relative;
}

#acompania-semillas .editar-mail h3{
    font-size: 18px;
    font-weight: 400;
    color: #585858;
    text-align: left;
    padding-left: 15px;
}

#acompania-semillas form label{
    font-size: 14px;
    font-weight: 400;
}

#acompania-semillas form .buttons span{
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
    margin-right: 5px;
}

#acompania-semillas .editar-mail .colum-der{
    margin-top: 25px;
}

#acompania-semillas .panel-default .panel-body .editar-mail h3 {
    font-size: 18px;
    font-weight: 400;
    color: #585858;
    text-align: left;
    padding-left: 15px;
}

#acompania-semillas .panel-default .panel-body .editar-mail form {
    border-top: 1px solid #ddd;
    padding-left: 0px;
    padding-top: 20px;
}

#acompania-semillas .panel-default .panel-body .editar-mail .colum-der {
    margin-top: 25px;
}

#acompania-semillas .envio-mails.envio-mail-predef{
    margin-top: 50px;
    margin-bottom: 30px;
}

.logo-V2{
    background-image: url('../images/logo-natura-blanco.png');
    background-size: cover;
    width: 90px;
    height: 47px;
}

@media screen and (max-width: 767px){
    #tab-inicios .table-responsive {
        width: 96%;
    }
}

@media screen and (min-width: 768px){
    .carousel-indicators {
        bottom: 0px;
    }
}

@media(min-width: 768px){
    body,html{
        font-size: 18px;
    }

    .wrapper{
        width: 750px;
    }

    .ingresa-semilla {
        position: absolute;
        left: 0;
        right: auto;
        top: 70px;
        z-index: 999;
    }

    .ingresa-semilla img{
        height:150px;
    }

    #login {
        padding: 48px 0px 20px 0px;
        text-align: left;
    }

    /* .logo{
        background-image: url('../images/logo_@2x.png');
        background-size: cover;
        width: 70px;
        height: 52px;
    } */

    /* .logo-semillas {
        background-image: url(../images/logo_semillas_@2x.png);
        height: 58px;
        width: 106px;
    } */

    .logo-semillas{
        background-image: url('../images/logo_semillas_@2x.png');
        height: 60px;
        width: 110px;
    }

    #login .login-box {
        width: 48%;
    }

    #login .login-intro{
        padding-left: 5%;
    }

    #login .login-intro{
        width: 48%;
    }

    #login .login-intro{
        text-align: left;
        margin-top: 120px;
    }

    #login .login-intro .bienvenido{
        margin: 40px 0 25px 0;
    }

    #login .login-box{
        margin-top: 66px;
        padding: 30px 20px;
    }

    #login .login-intro p{
        margin: 0;
    }

    /*header*/
    header{
        padding-top: 25px;
    }

    header .navbar-nav li a{
        font-size: 13px;
    }

    header .navbar-nav li:not(:last-child){
        border-right: 1px solid #8c8c8c;
    }

    /*nav*/
    nav{
        margin-top: 30px;
    }

    nav .navbar-nav li a{
        font-size: 10px;
        padding: 10px 5px;
    }

    nav h6{
        font-size: 13px;
    }

    nav .navbar-collapse{
        padding: 0px;
    }

    nav .navbar-nav:after {
        content: '';
    }

    nav .navbar-nav li:not(:last-child) a{
        border-bottom: 0px;
    }

    .navbar-nav .open .dropdown-menu>li>a{
        background-color: #ffffff;
        border-bottom: 0px;
    }

    /*Generales*/
    table tr th,table tr td{
        font-size: 15px;
    }

    .semilla{
        margin: 0px 17px 36px 17px;
    }

    #menu-container{
        padding-right: 0px;
        padding-left: 0px;
        background-color: transparent;
        top: 7px;
    }

    #menu-container .navbar-collapse{
        padding-right: 0px;
        padding-left: 0px;
    }

    #menu-container .dropdown-menu{
        text-align: center!important;
    }

    #carousel .carousel-content{
        max-width: 550px;
    }

    #carousel .carousel-inner li{
        width: auto;
    }

    #carousel .carousel-inner li:first-child {
        margin-left: 40px;
        margin-right: 50px;
        margin-bottom: 0px;
    }

    /*Modal*/
    .modal-semilla .modal-body{
        font-size: 17px;
    }

    .modal-semilla .modal-body form {
        padding: 35px 10px 0px 10px;
    }

    .modal-semilla .modal-body form .form-group{
        width: 180px;
    }

    #home .semilla{
        margin: 65px 17px;
    }

    /*Byc*/
    #byc .deja-tu-huella{
        background-image: url(../images/bg_byc2.png);
    }

    #byc .deja-tu-huella,#byc .acompania-logros{
        padding: 50px 0 30px 10%;
    }

    #byc .semilla{
        margin: 40px 0px 0px 20px;
    }

    /*Mis Puntos*/
    #mis-puntos .bg-mis-puntos{
        background-image: url('../images/bg.png');
    }

    #mis-puntos .semilla{
        margin: 0px 5px 36px 5px;
    }

    #mis-puntos .slider{
        width: 100%;
    }

    #mis-puntos .slider .active-slide{
        display: inline-block;
    }

    #mis-puntos .slider .slide{
        position: relative;
        width: 58px;
    }

    #mis-puntos .bg-mis-puntos .ptos-vigentes{
        position: absolute;
        top: -65px;
        right: 0px;
        left: auto;
        text-align: left;
    }

    #mis-puntos .slider .active-slide .ciclo{
        background-color: #efefef;
        color: #8b8b8b;
        font-weight: 400;
    }

    #mis-puntos .slider .active-slide .detalle {
        background-color: #ffffff;
        color: #8b8b8b;
        font-weight: 400;
    }

    /*Mis Semillas*/
    #mis-semillas .bg-mis-semillas{
        background-image: url('../images/bg.png');
    }

    #mis-semillas .mis-semillas .tab-mis-semillas-content{
        max-width: 750px;
    }

    #mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr td{
        font-size: 12px;
    }

    #mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr.falta-pedido:after{
        right: 10px;
    }

    #mis-semillas .mis-semillas .ciclo-mis-semillas{
        margin-bottom: 35px;
    }

    /*Bonus Track*/
    #bonus-track .segui-tu-campania{
        padding: 90px 0px 200px 0px;
    }

    #bonus-track .segui-tu-campania ul li {
        margin-top: 110px;
    }

    #bonus-track .gana-premio ul li.reglas {
        padding: 0px 60px 10px 90px;
    }

    #bonus-track .gana-premio ul li.felicitaciones {
        padding: 30px 60px 10px 90px;
    }

    #bonus-track .gana-premio .ciclo-act{
        position: absolute;
        left: 0px;
        top: 0px;
    }

    #bonus-track .segui-tu-campania ul li:first-child{
        padding-right: 20%;
        width: auto;
    }

    #bonus-track .segui-tu-campania table{
        margin-top: 40px;
    }

    #bonus-track .segui-tu-campania .pedidos-semillas{
        margin-top: 110px;
    }

    #bonus-track .pedidos-semillas .table-bonus-track{
        max-width: 480px;
    }

    #bonus-track .pedidos-semillas .table-bonus-track tr.falta-pedido:after{
        content: '';
    }

    #bonus-track .segui-tu-campania .segui-tu-campania-title .semilla7{
        position: absolute;
        right: -180px;
        top: -40px;
    }

    /*Byc*/
    #byc .bg-byc{
        background-image: url('../images/bg_byc.png');
    }

    /*Campanias Pasadas*/
    #campanias-pasadas .bg-campanias-pasadas{
        background-image: url('../images/bg_campanias_pasadas.png');
    }

    #campanias-pasadas .campanias-pasadas .tab-campanias-content{
        max-width: 750px;
    }

    #campanias-pasadas .campanias-pasadas .tab-campanias-content .ganadoras li{
        width: 19%;
    }

    /*Acompania tus Semillas*/
    #acompania-semillas .bg-acompania-semillas{
        background-image: url('../images/bg_acompania_tus_semillas.png');
    }

    #acompania-semillas .bg-acompania-semillas2{
        /* background-image: url('../images/bg-V3.png'); */
    }

    #acompania-semillas p {
        font-size: 16px;
    }

    #acompania-semillas .envio-mails{
        margin-top: 100px;
    }

    #acompania-semillas .envio-mails-label .last {
        margin-right: 45px;
    }

    #acompania-semillas .envio-mails .switch {
        right: 30px;
    }

    #acompania-semillas .envio-mails .envio-mails-title .first {
        font-size: 18px;
    }

    #acompania-semillas .envio-mails .envio-mails-title .last {
        font-size: 13px;
        margin-top: 5px;
    }

    #acompania-semillas .envio-mails .editar-mail form,
    #acompania-semillas .envio-mails .editar-mail h3{
        padding-left: 15px;
    }

    #acompania-semillas .envio-mails .editar-mail h3{
        padding-left: 15px;
    }

    #acompania-semillas .colum-izq{
        width: 52%;
    }

    #acompania-semillas .colum-der{
        width: 43%;
        padding-left: 20px;
        margin-top: 35px;
    }

    #acompania-semillas .mail .mail-content{
        max-width: 350px;
    }

    #acompania-semillas .mail .mail-content .title h5{
        font-size: 23px;
        margin-bottom: 30px;
    }

    #acompania-semillas .mail .mail-content p{
        font-size: 12px;
        margin-top: 5px;
    }

    /*Mis Imagenes*/
    #acompania-semillas .compartir-imagenes .compartir-imagenes-ul{
        text-align: left;
    }

    #acompania-semillas .compartir-imagenes .compartir-imagenes-li{
        margin-right: -5px;
        margin-left: -5px;
    }

    #acompania-semillas .editar-mail form .buttons{
        padding-top: 15px;
    }

    #acompania-semillas .editar-mail form .buttons .btn-primary{
        padding: 4px 13px;
    }

    #acompania-semillas .editar-mail .colum-der{
        margin-top: 0px;
    }

    #acompania-semillas .panel-default {
        padding: 0px;
    }

    #acompania-semillas .panel-default .panel-body .editar-mail form,#acompania-semillas .panel-default .panel-body .editar-mail h3 {
        padding-left: 15px;
    }

    #acompania-semillas .panel-default .panel-body .editar-mail .colum-der,
    #acompania-semillas .panel-default .panel-body .editar-mail .colum-izq{
        margin-top: 0px;
    }

    #acompania-semillas #mail-content{
        padding: 10px 0;
    }

    #acompania-semillas #mail-content h5{
        font-size: 23px;
        margin: 0px auto 30px;
    }

    #acompania-semillas #mail-content p{
        font-size: 14px;
        line-height: 20px;
    }

    .custom-share a.disabled {
        cursor: default;
        visibility: hidden;
    }


}

@media(min-width: 992px){
    .wrapper {
        width: 950px;
    }

    /* .logo{
        background-image: url('../images/logo_@2x.png');
        background-size: cover;
        width: 84px;
        height: 63px;
    } */

    header .logo {
        margin-right: 20px;
    }

    .logo-semillas{
        background-image: url('../images/logo_semillas_@2x.png');
        height: 58px;
        width: 106px;
    }

    #login .login-intro{
        padding-left: 7%;
    }

    #login .login-box {
        width: 35%;
    }

    #login .login-intro{
        width: 60%;
    }

    #login .login-intro p{
        font-size: 18px;
    }

    #login .login-box p{
        font-size: 18px;
    }

    .modal-dialog{
        width: 630px;
    }

    nav .navbar-nav li a{
        font-size: 12px;
    }

    /*Mis Puntos*/
    #mis-puntos .bg-mis-puntos .ptos-vigentes{
        right: 30px;
        top: 0px;
        left: auto;
    }

    /*Mis Semillas*/
    #mis-semillas .mis-semillas .tab-mis-semillas-content{
        max-width: 950px;
    }

    /*Bonus Track*/
    #bonus-track .gana-premio ul li.reglas {
        padding: 0px 30px 0px 60px;
    }

    #bonus-track .gana-premio ul li.felicitaciones {
        padding: 30px 30px 0px 60px;
    }

    #bonus-track .pedidos-semillas .table-bonus-track{
        max-width: 700px;
    }

    #bonus-track .segui-tu-campania .segui-tu-campania-title .semilla7{
        right: -240px;
    }

    /*Byc*/
    #byc .deja-tu-huella,#byc .acompania-logros{
        padding: 50px 0 30px 1%;
        text-align: left;
    }

    /*Campanias pasadas*/
    #campanias-pasadas .campanias-pasadas .tab-campanias-content{
        max-width: 950px;
    }

    #acompania-semillas .colum-izq{
        width: 53%;
    }

    #acompania-semillas .colum-der{
        width: 47%;
    }

    /*Imagenes*/
    #acompania-semillas .compartir-imagenes .compartir-imagenes-ul{
        width: 90%;
    }

    #acompania-semillas .compartir-imagenes .compartir-imagenes-li{
        margin-right:  10px;
        margin-left: 10px;
    }


}

@media(min-width: 1200px){
    .wrapper {
        width: 1170px;
    }

    .logo-semillas{
        background-image: url('../images/logo_semillas_@2x.png');
        height: 69px;
        width: 126px;
    }

    header .logo {
        margin-right: 40px;
    }

    #login .login-intro{
        padding-left: 15%;
    }

    nav h6{
        font-size: 15px;
    }

    nav .navbar-nav li a{
        padding: 10px 12px;
    }

    /*Carrousel*/

    #carousel .bg1{

        min-height: 360px;
    }

    #carousel .bg2{
        min-height: 360px;
    }

    #carousel .carousel-content{
         padding: 70px 0px 45px 0px;
    }

    /*Modal*/
    .modal-semilla .modal-body form {
        padding: 35px;
    }

    /*Mis Semillas*/
    #mis-semillas .mis-semillas .tab-mis-semillas-content{
        max-width: 1170px;
    }

    #mis-semillas .mis-semillas .ciclo-mis-semillas .table-mis-semillas tbody tr.falta-pedido:after{
        content: '';
        background-image: url('../images/falta_pedido.png');
        height: 32px;
        width: 131px;
        background-size: 100%;
        right: auto;
    }

    /*Mis Puntos*/
    #mis-puntos .bg-mis-puntos .ptos-vigentes{
        right: 90px;
        left: auto;
    }

    /*Bonus Track*/
    #bonus-track .gana-premio ul li.reglas {
        padding: 0px 50px 0px 150px;
    }

    #bonus-track .gana-premio ul li.felicitaciones {
        padding: 30px 30px 0px 60px;
    }

    /*Byc*/
    #byc .deja-tu-huella,#byc .acompania-logros{
        padding: 50px 0 30px 10%;
    }

    /*Campanias pasadas*/
    #campanias-pasadas .campanias-pasadas .tab-campanias-content{
        max-width: 1170px;
    }

    #acompania-semillas .envio-mails .editar-mail .colum-der{
        width: 45%;
        margin-top: 20px;
    }

    /*Imagenes*/
    #acompania-semillas .compartir-imagenes .compartir-imagenes-ul{
        width: 84%;
    }

    #acompania-semillas .compartir-imagenes .compartir-imagenes-li{
        margin-right: 25px;
        margin-left: 25px;
    }

    #acompania-semillas .panel-default {
        border-radius: 0px;
    }
}

@media (max-width: 600px) {
    .respon{
        float: right;
    }
}