@font-face {
    font-family: 'rokkittregular';
    src: url('fonts/rokkitt-regular-webfont.eot');
    src: url('fonts/rokkitt-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/rokkitt-regular-webfont.woff2') format('woff2'),
        url('fonts/rokkitt-regular-webfont.woff') format('woff'),
        url('fonts/rokkitt-regular-webfont.ttf') format('truetype'),
        url('fonts/rokkitt-regular-webfont.svg#rokkittregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rokkittbold';
    src: url('fonts/Rokkitt-Bold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Rokkitt-Bold.woff') format('woff'),
        url('fonts/Rokkitt-Bold.ttf')  format('truetype'),
        url('fonts/Rokkitt-Bold.svg#Rokkitt-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-bold-webfont.woff2') format('woff2'),
        url('fonts/roboto-bold-webfont.woff') format('woff'),
        url('fonts/roboto-bold-webfont.ttf') format('truetype'),
        url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-light-webfont.woff2') format('woff2'),
        url('fonts/roboto-light-webfont.woff') format('woff'),
        url('fonts/roboto-light-webfont.ttf') format('truetype'),
        url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-regular-webfont.woff2') format('woff2'),
        url('fonts/roboto-regular-webfont.woff') format('woff'),
        url('fonts/roboto-regular-webfont.ttf') format('truetype'),
        url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* RESET */
* { padding: 0; margin: 0; }
html, body, div, span, a, img, h1, h2, p, ul, li {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    list-style: none;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}
svg:not(:root) {
    overflow: hidden;
}
::-webkit-input-placeholder {color: #252728; font-size: 16px;}
:-moz-placeholder {color: #252728; font-size: 16px; }
::-moz-placeholder {color: #252728; font-size: 16px;}
:-ms-input-placeholder { color: #252728; font-size: 16px;}
a[href^=tel]{color:inherit;text-decoration:none;}
input{-webkit-user-select: auto;}
img { -ms-interpolation-mode: bicubic; }
:link, :hover, :active, :focus, :visited { outline: 0; }
::-webkit-selection { color: #fff; background: #ccc; }
::-moz-selection { color: #fff; background: #ccc; }
::selection { color: #fff; background: #ccc; }
textarea, input[type="text"], input[type="number"], input[type="email"] {-webkit-appearance: none;}
.left{float: left;}
.right{float: right;}
.align_left{text-align: left;}
.align_right{text-align: right;}
.align_center{text-align: center;}
.helper{display: inline-block;vertical-align: middle;height:100%; width: 0;}
.vertical_top{vertical-align: top !important;}
.vertical_middle{vertical-align: middle !important;}
.vertical_bottom{vertical-align: bottom !important;}
.display-table{display: table; width: 100%; height: 100%;}
.display-table-cell{display: table-cell; vertical-align: middle; }
.display-table-row{display: table-row; vertical-align: middle; }
.display-inline{display: inline-block !important; *display: inline; zoom: 1; vertical-align: middle;}
.clearfix:after{content:""; display:table; clear:both;}
.mb_0{margin-bottom: 0 !important;}
.transition{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.container{max-width: 1250px; margin: 0 auto; padding: 0 15px;}
/* GENERALES */

html.active, body.active{min-height: 100%; height: 100%;}
html.overflow, body.overflow{min-height: 100%; height: 100%; overflow: hidden;}
.body_in{height: 100%; opacity: 0;}
.body_min{min-height: 100%;}
body, input, a, textarea{font-family: "robotolight"; font-size: 16px; color: #494949;}
.btn{cursor: pointer; display: inline-block; border: none; text-align: center;}
.btn_yellow{background-color: #f4bf04; border: 2px solid #ee9e12; padding: 13px 18px 10px; font-size: 16px; line-height: 1; color: #252728;
            font-family: "rokkittbold"; font-weight: 300;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px; 
            -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
            -moz-transition: background-color 0.3s ease, border-color 0.3s ease;
            -o-transition: background-color 0.3s ease, border-color 0.3s ease;
            -ms-transition: background-color 0.3s ease, border-color 0.3s ease;
            transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn_yellow.roboto{font-family: "robotobold"; font-weight: 300; padding-top: 12px; padding-bottom: 11px;}
.btn_yellow.padding_large{padding-left: 65px; padding-right: 65px;}
.btn_yellow:hover{
    background-color: #fff6d5; border-color: #f4bf04;

}
.btn_yellow_large{font-size: 24px;}
.btn_yellow_medium{font-size: 19px;}



/* CHECKEABLE */

.wrapper_checkeable{text-align: left;}
.wrapper_checkeable a{color: #515151;}
.wrapper_checkeable a:hover{text-decoration: underline;}
.wrapper_checkeable .label_checkeable{ padding-left: 12px; 
                                       -webkit-touch-callout: none;
                                       -webkit-user-select: none;
                                       -khtml-user-select: none;
                                       -moz-user-select: none;
                                       -ms-user-select: none;
                                       user-select: none;
}
.wrapper_checkeable .label_checkeable a, .wrapper_checkeable .label_checkeable b, .wrapper_checkeable .label_checkeable strong{font-family: "robotobold";}
.w_checkeable{cursor: pointer; width: 35px; position: relative; }
.w_checkeable .checkeable_inner{position: relative;}
.w_checkeable:active{top: 1px;}
.w_checkeable input{display: block; width: 35px; height: 35px; opacity: 0; z-index: 2; position: absolute; left: 0; top: 0; cursor: pointer;}
.w_checkeable label{display: block; position: relative; z-index: 1; width: 35px; height: 35px; background-color: #fff; border: 1px solid #515151;}
.checkeable_inner.error label{background-color: #ffdfdc;}

.wrapper_checkeable_mini .w_checkeable {width: 24px;}
.wrapper_checkeable_mini .w_checkeable input{display: block; width: 24px; height: 24px; opacity: 0; z-index: 2; position: absolute; left: 0; top: 0; cursor: pointer;}
.wrapper_checkeable_mini .w_checkeable label{display: block; position: relative; z-index: 1; width: 24px; height: 24px; background-color: #fff; border: 1px solid #515151;}

.label_checkeable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w_checkeable label{background: #fff;}
.w_checkeable label.active{background: url("../icons/ico_check.png") 50% 50% no-repeat;}
.wrapper_checkeable_mini .w_checkeable label.active{background: url("../icons/ico_check.png") 50% 50% no-repeat;}
.wrapper_checkeable.wrapper_checkeable_mini .label_checkeable{padding-left: 6px;}

.w_checkeable.w_radio_js label{ padding: 5px;
                                -webkit-border-radius: 50%;
                                -moz-border-radius: 50%;
                                border-radius: 50%;
}
.w_checkeable.w_radio_js label {background: #fff; box-shadow: inset 0 2px 0px rgba(0,0,0,0.3);}
.w_checkeable.w_radio_js label.active span{display: block; background: #252728; width: 23px; height: 23px;
                                           -webkit-border-radius: 50%;
                                           -moz-border-radius: 50%;
                                           border-radius: 50%;
}


/* HOME INTRO */
.w_wrapper{padding-left: 15px; padding-right: 15px;}
.w_home_intro{max-width: 790px; margin: 0 auto; opacity: 0; position: relative; top: 20px;
              -webkit-transition: opacity 0.6s linear, top 0.6s linear;
              -moz-transition: opacity 0.6s linear, top 0.6s linear;
              -o-transition: opacity 0.6s linear, top 0.6s linear;
              -ms-transition: opacity 0.6s linear, top 0.6s linear;
              transition: opacity 0.6s linear, top 0.6s linear; 
}
.w_home_intro.active{opacity: 1; top: 0;}
.home_intro_top{margin-left: 6px; margin-right: 6px; background-color: #d1d2d7; height: 2px;}
.home_intro_bottom{margin-left: 6px; margin-right: 6px; background-color: #d1d2d7; height: 2px;}
.home_intro{padding-top: 25px; padding-bottom: 25px;}
.home_intro_in{background-color: rgba(238,238,238,0.9); padding: 30px 40px; 
               -webkit-border-radius: 10px;
               -moz-border-radius: 10px;
               border-radius: 10px;  
               box-shadow: 0 8px 0 rgba(62,55,32,0.36);
}
.home_intro_in h1{margin-bottom: 10px; position: relative; left: -10px; opacity: 0;}
.home_intro_in h1 a{position: relative;}
.home_intro_in h1 img{display: block; max-width: 100%; }
.home_intro_in h1 img.black_white{position: absolute; left: 0; top: 0;}
.home_intro_in h1 img.color{opacity: 0;}
.slogan {padding: 15px; border-top: 1px solid #daac10; border-bottom: 1px solid #daac10;}
.slogan h2{font: 28px/1.15 "rokkittregular";  color: #252728;}
.slogan h2 b, .slogan h2 strong{font-family: "rokkittbold";}

.w_home_intro_boxes{padding: 60px 15px 15px; max-width: 1220px;}
.home_intro_box{width: 33.3333333334%; padding: 0 15px; opacity: 0; top: 20px; position: relative;
                -webkit-transition: opacity 0.6s linear, top 0.6s linear;
                -moz-transition: opacity 0.6s linear, top 0.6s linear;
                -o-transition: opacity 0.6s linear, top 0.6s linear;
                -ms-transition: opacity 0.6s linear, top 0.6s linear;
                transition: opacity 0.6s linear, top 0.6s linear; 
}
.home_intro_box.active{opacity: 1; top: 0;}
.home_intro_box_in{background-color: rgba(255,255,255,0.9); padding: 20px;
                   -webkit-border-radius: 6px;
                   -moz-border-radius: 6px;
                   border-radius: 6px;
}
.home_intro_box_in h3, .home_intro_box_in h3 a{width: 100%;}
.home_intro_box_head{position: relative; padding-left: 140px;}
.home_intro_box_head .ico{position: absolute; width: 140px; height: 100%; left: 0; top: 0; }
.home_intro_box_head .txt{height: 90px; text-align: left;}
.home_intro_box_head .txt p{font: 22px/1.15 "rokkittregular"; color: #252728;}
.home_intro_box_head .txt p b, .home_intro_box_head .txt p strong{font-family: "rokkittbold";}

/*TOP MENU*/
.top_menu{background-color: #252728; height: 0; overflow: hidden;}
.top_menu > .container{position: relative; top: 10px; opacity: 0;
                       -webkit-transition: opacity 0.45s ease, top 0.45s ease;
                       -moz-transition: opacity 0.45s ease, top 0.45s ease;
                       -o-transition: opacity 0.45s ease, top 0.45s ease;
                       -ms-transition: opacity 0.45s ease, top 0.45s ease;
                       transition: opacity 0.45s ease, top 0.45s ease;   
}
.top_menu.active {overflow: visible;}
.top_menu.active > .container{top: 0; opacity: 1;}
.top_menu .w_nav{overflow: hidden;}
.top_menu .w_nav li{float: left;}
.top_menu .w_nav li a{display: block; padding: 12px 22px 14px;}
.top_menu a{color: #fff; font-size: 14px;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            transition: color 0.3s ease;
}
.top_menu a:hover{color: #f4bf04; }

.idioma {position: relative;}
.idioma .btn_language{display: block; padding: 12px 22px 14px; }
.idioma ul{position: absolute; left: 0; top: 100%; background-color: #fff; border: 1px solid #515151; top: -1px; overflow: hidden;   z-index: 1;
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           border-radius: 5px;
}
.idioma .txt{margin-right: 8px;}
.idioma i{font-size: 13px; color: #f4bf04;}
.idioma.w_a_user .w_user_pop{left: auto; right: 0;}
.idioma.w_a_user .w_user_pop a{}
.idioma.w_a_user:hover > a{color: #f4bf04;}
.idioma.w_a_user:hover .w_user_pop{top: 70%; }


/*top responsive*/
.top_responsive{background-color: #4e4e4e; padding: 5px 5px 6px; text-align: center; color: #fff;}
.top_responsive a{padding: 0 3px; color: #d1d1d1; font-size: 15px;
                  -webkit-transition: opacity 0.3s ease;
                  -moz-transition: color 0.3s ease;
                  -o-transition: color 0.3s ease;
                  -ms-transition: color 0.3s ease;
                  transition: color 0.3s ease; 
}
.top_responsive a:hover{color: #f4bf04;}

.top_menu .w_opciones{border-right: none; color: #fff;}

.w_humo{position: relative;}
.humo{position: absolute; opacity: 0;  width: 10px; height: 8px; background-color: #494949;  left: 15px; top: -5px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; 
}
.humo_1{}
.humo_2{}
.humo_3{}


/*TOP*/
.wrapper_logo{min-height: 66px;}
.w_top{padding: 8px 0; box-shadow: 0 3px 3px rgba(0,0,0,0.1);  position: relative; z-index: 3;}
.w_top .w_form_search{margin-left: 12px;}
.w_top .input{width: 170px; height: 42px; padding:9px 12px; line-height: 20px; border: 1px solid #515151; 
              box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
              -webkit-border-radius: 1px;
              -moz-border-radius: 1px;
              border-radius: 1px; 
}
.w_logo img{max-width: 100%;}
.w_opciones{padding: 3px 18px; border-right: 1px solid #494949; color: #393939;}
.w_opciones .count{margin-left: 10px;}
.w_opciones a{
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.w_opciones a:hover{opacity: 0.75;}
.w_a_user{position: relative;}
.w_a_user .w_user_pop {position: absolute; left: -35px; top: 120%; padding-top: 22px; opacity: 0; visibility: hidden; z-index: 9;
                       -webkit-transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
                       -moz-transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
                       -o-transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
                       -ms-transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
                       transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; 
}
.w_a_user:hover .w_user_pop {opacity: 1; visibility: visible; top: 100%;}

.w_a_user .w_user_pop .tri{position: absolute; left: 42px; top: 0; z-index: 2;}
.w_a_user .w_user_pop_inner {overflow: hidden; position: relative; top: -1px; background-color: #fff; border: 1px solid #515151; min-width: 118px;  text-align: center; z-index: 1;
                             -webkit-border-radius: 5px;
                             -moz-border-radius: 5px;
                             border-radius: 5px;    
}

.w_a_user .w_user_pop a{font-family: "rokkittregular"; font-size: 16px; color: #494949; padding: 8px; display: block;
                        -webkit-transition: background-color 0.3s ease, color 0.3s ease;
                        -moz-transition: background-color 0.3s ease, color 0.3s ease;
                        -o-transition: background-color 0.3s ease, color 0.3s ease;
                        -ms-transition: background-color 0.3s ease, color 0.3s ease;
                        transition: background-color 0.3s ease, color 0.3s ease;   
}
.w_a_user .w_user_pop a.first{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.w_a_user .w_user_pop a.last{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.w_a_user .w_user_pop a:hover{background-color: #252525; color: #f4bf04;}
.w_btn_menu{padding: 0 15px; }
.w_btn_menu a{font-size: 23px; height: 20px; display: block;
              -webkit-transition: opacity 0.3s ease;
              -moz-transition: opacity 0.3s ease;
              -o-transition: opacity 0.3s ease;
              -ms-transition: opacity 0.3s ease;
              transition: opacity 0.3s ease;
}
.w_btn_menu a:hover{opacity: 0.75;}


.w_title{padding: 33px 0;}
.w_title.w_smallest{padding: 24px 0;}
.w_title.first{padding-top: 0;}
.title{text-align: center; border-top: 1px solid #f4bf04; border-bottom: 1px solid #f4bf04; padding: 19px 0 16px; }
.title h1, .title h2, .title h3, .title a{font: 30px/1 'rokkittregular'; }
.title.small{padding-top: 13px; padding-bottom: 9px;}
.title.small h1, .title.small h2, .title.small h3, .title.small a{font-size: 23px;}
.title.smallest{padding-top: 13px; padding-bottom: 9px;}
.title.smallest h1, .title.smallest h2, .title.smallest h3, .title.smallest a{font-size: 18px;}
.title b, .title strong, .title a{color: #f4bf04; font-weight: 300;}
.title a:hover{text-decoration: underline;}

/* ENCABEZADO */
.main_img_js{opacity: 0;}
.main_lft {width: 50%; padding-right: 7px;}
.main_lft_inner {height: 100%; position: relative;}
.main_rgt {width: 50%; padding-left: 7px;}
.main_rgt_inner {height: 100%;}
.main_lft, .main_rgt{height: 412px;}
.main_rgt_top {height: 50%; padding-bottom: 7px;}
.main_rgt_top_inner {height: 100%; position: relative;}
.main_rgt_bottom {height: 50%; padding-top: 7px;}
.main_rgt_bottom_inner {height: 100%; position: relative;}

.main_lft_inner .cover, .main_rgt_top_inner .cover, .main_rgt_bottom_inner .cover{position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0;
                                                                                  background: url('../icons/cover.png') 0 0 repeat; opacity: 0; visibility: hidden;
                                                                                  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
                                                                                  -moz-transition: opacity 0.6s ease, visibility 0.6s ease;
                                                                                  -o-transition: opacity 0.6s ease, visibility 0.6s ease;
                                                                                  -ms-transition: opacity 0.6s ease, visibility 0.6s ease;
                                                                                  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.main_lft_inner.loaded:hover .cover, .main_rgt_top_inner.loaded:hover .cover, .main_rgt_bottom_inner.loaded:hover .cover{opacity: 1; visibility: visible;}

.main_box{background-color: rgba(37,39,40,0.9); padding: 12px 13px; text-align: left; opacity: 0;  z-index: 3;
          -webkit-transition: opacity 0.6s ease, bottom 0.6s ease;
          -moz-transition: opacity 0.6s ease, bottom 0.6s ease;
          -o-transition: opacity 0.6s ease, bottom 0.6s ease;
          -ms-transition: opacity 0.6s ease, bottom 0.6s ease;
          transition: opacity 0.6s ease, bottom 0.6s ease;
}
.main_box.loaded{opacity: 1;}
.main_box p{margin-bottom: 0; font: 16px/1.2 'rokkittregular'; font-weight: 300; color: #fff;}
.main_box p strong, .main_box p b {color: #f4bf04; font-weight: 300;}

.main_lft_inner .w_main_box {display: block; width: 625px; height: 100%; position: relative; }
.main_lft_inner .w_main_box .main_box{position: absolute; left: 15px; bottom: 25px;}
.main_lft_inner .w_main_box .main_box.loaded{bottom: 33px; }

.main_rgt_top_inner .w_main_box {width: 625px; height: 100%; position: relative;}
.main_rgt_top_inner .w_main_box .main_box{position: absolute; left: 25px; bottom: 15px;}
.main_rgt_top_inner .w_main_box .main_box.loaded{bottom: 25px;}

.main_rgt_bottom_inner .w_main_box {width: 625px; height: 100%; position: relative;}
.main_rgt_bottom_inner .w_main_box .main_box{position: absolute; left: 25px; bottom: 15px;}
.main_rgt_bottom_inner .w_main_box .main_box.loaded{bottom: 25px;}

/*USER OPCIONES*/
.w_user_opciones{background-color: #f7f7f7; padding: 38px 0;}
.container_opciones{max-width: 1250px; margin: 0 auto;}
.user_opciones{text-align: center;}
.user_opcion{width: 33.33333333334%; text-align: left;}
.user_opcion{padding: 0 15px;}
.user_opcion_inn{border-bottom: 4px solid #d6dadd;  padding: 30px 35px; background-color: #fff; }
.user_opcion_inner{position: relative; padding-left: 116px; min-height: 96px;}
.user_opcion_inner .btn{width: 100%;}
.user_opcion_inner .ico{position: absolute; left: 0; top: 0;}
.user_opcion_inner .txt{}
.user_opcion_inner .txt h3{font: 18px/1.2 'rokkittbold'; font-weight: 300; margin-bottom: 10px;}
.user_opcion_inner .txt h3 b, .user_opcion_inner .txt h3 strong{color: #f4bf04;}

/*BUSCADOR*/

.w_buscador{background: rgba(37,39,40,0.96); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; overflow-x: hidden;
            display: none; -webkit-overflow-scrolling: touch;
}
.w_buscador .btn_close_buscador{position: absolute; right: 20px; top: 15px; font-size: 48px; color: #f4bf04; z-index: 11;
                                -webkit-transition: color 0.6s ease;
                                -moz-transition: color 0.6s ease;
                                -o-transition: color 0.6s ease;
                                -ms-transition: color 0.6s ease;
                                transition: color 0.6s ease; 
}
.w_buscador .btn_close_buscador i{
    webkit-transition: all 0.28s linear;
    -moz-transition: all 0.28s linear;
    -o-transition: all 0.28s linear;
    -ms-transition: all 0.28s linear;
    transition: all 0.28s linear;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.w_buscador .btn_close_buscador:hover i{
    -moz-transform:  rotate(180deg) translate(0);
    -webkit-transform: rotate(180deg) translate(0);
    -o-transform:  rotate(180deg) translate(0);
    transform:  rotate(180deg) translate(0);
}
.w_buscador .btn_close_buscador:hover{color: #fff6d5;}
.buscador{width: 100%; max-width: 1220px; padding: 100px 0 100px; position: relative; top: 20px; opacity: 0; z-index: 9;
          -webkit-transition: opacity 0.45s ease , top 0.45s ease ;
          -moz-transition: opacity 0.45s ease , top 0.45s ease ;
          -o-transition: opacity 0.45s ease , top 0.45s ease ;
          -ms-transition: opacity 0.45s ease , top 0.45s ease ;
          transition: opacity 0.45s ease , top 0.45s ease ;
}
.buscador.active{top: 0; opacity: 1;}
.w_input_buscador {margin-bottom: 30px; padding-left: 12px; padding-right: 12px;}
.w_input_buscador input{font-size: 35px; padding: 20px 60px 20px 40px; display: block; border: none; width: 100%; 
                        box-shadow: inset 6px 6px 6px rgba(0,0,0,0.1);
}
.w_input_search{position: relative;}
.w_input_search .loading{position: absolute; right: 10px; top: 50%;  opacity: 0; visibility: hidden;}
.w_input_search .loading.loading_gif{display: none; margin-top: -16px;}
.w_input_search .loading.loading_svg{margin-top: -22px;}

.w_input_buscador ::-webkit-input-placeholder {color: #494949; font-size: 35px;}
.w_input_buscador :-moz-placeholder {color: #494949; font-size: 35px; }
.w_input_buscador ::-moz-placeholder {color: #494949; font-size: 35px;}
.w_input_buscador :-ms-input-placeholder { color: #494949; font-size: 35px;}

.w_resultados{opacity: 0; }
.resultados{overflow: hidden; }
.resultado{width: 33.3333333334%; padding: 0 12px 0; text-align: left; }
.resultado h3{font: 18px/1.2 'rokkittbold'; font-weight: 300; margin-bottom: 10px; color: #fff;}
.resultado h3 b, .resultado h3 strong{color: #f4bf04;}
.resultado_in{display: block; background-color: #fff; padding: 12px; margin-bottom: 24px; border-bottom: 4px solid #cdcdce;}
.resultado_inner{display: table; width: 100%; min-height: 67px;}
.resultado_inner .txt{padding: 0 5px 0 15px; display: table-cell; vertical-align: middle;}
.resultado_inner .txt p{font-size: 14px; font-family: "robotoregular";}
.resultado_inner .img{ display: table-cell; width: 79px; vertical-align: middle;}
.resultado_inner .img img{display: block;}
.resultado_inner .price{ display: table-cell; vertical-align: middle; width: 92px; text-align: right;}
.resultado_inner .price p{font-weight: 300; font-family: "robotobold";}

/*HOME CATEGORIAS*/
.home_categorias{padding: 30px 50px; position: relative; max-height: 210px; overflow: hidden; opacity: 0; top: 15px;}
.home_categoria .home_categorias_nav.prev{left: 0;}
.home_categoria .home_categorias_nav.next{right: 0;}
.home_categoria_in{display: table; width: 100%; padding: 0 8px 0 15px; border-right: 1px solid #d2d2d2;
                   -webkit-transition: border-color 0.45s ease;
                   -moz-transition: border-color 0.45s ease;
                   -o-transition: border-color 0.45s ease;
                   -ms-transition: border-color 0.45s ease;
                   transition: border-color 0.45s ease;   
}
.home_categoria_in.sin_border{border-right-color: transparent;}
.home_categoria_in .ico{width: 135px; display: table-cell; vertical-align: middle; padding-left: 10px;}
.home_categoria_in .ico img{display: block; max-width: 100%;}
.home_categoria_in .txt{display: table-cell; vertical-align: middle; }
.home_categoria_in .txt h3{font: 16px/1.2 'rokkittbold'; font-weight: 300; color: #252728; margin-bottom: 6px; display: inline-block;
                           border-bottom: 1px solid transparent;
                           -webkit-transition: border-color 0.45s ease;
                           -moz-transition: border-color 0.45s ease;
                           -o-transition: border-color 0.45s ease;
                           -ms-transition: border-color 0.45s ease;
                           transition: border-color 0.45s ease;
}
.home_categoria_in:hover .txt h3{border-bottom-color: #252728;}
.home_categoria_in .txt p{font-size: 14px; font-weight: 300; color: #606060;}
.home_categoria_in:hover .txt p{color: #000;}

.home_categorias_nav{font-size: 60px; color: #f4bf04; position: absolute; top: 50%; margin-top: -34px;
                     -webkit-transition: color 0.45s ease;
                     -moz-transition: color 0.45s ease;
                     -o-transition: color 0.45s ease;
                     -ms-transition: color 0.45s ease;
                     transition: color 0.45s ease;
}
.home_categorias_nav.prev{left: -15px;}
.home_categorias_nav.next{right: -15px;}
.home_categorias_nav:hover{color: #606060;}

/*HOME SUBCATEGORIA*/
.w_subcategoria_home{border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; position: relative; display: none; opacity: 0;}
.w_subcategoria_home > .container{position: relative; z-index: 2;}
.w_subcategoria_home .w_subcat_lft{position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #dfdfdf;}
.w_subcategoria_home .w_subcat_rgt{position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: #fff;}
.w_subcategoria_home .loading{position: absolute; right: 10px; left: 50%; top: 50%;  opacity: 0; visibility: hidden; z-index: 3;}
.w_subcategoria_home .loading.loading_gif{display: none; margin-left: -16px; margin-top: -16px;}
.w_subcategoria_home .loading.loading_svg{margin-left: -22px; margin-top: -22px;}

.subcategoria_home .sub_cat_lft{ width: 27%;  background-color: #dfdfdf; z-index: 1;}
.subcategoria_home .sub_cat_rgt{width: 73%;  background-color: #fff; z-index: 1;}
.sub_cat_lft_in{padding: 35px 15px 35px 0; position: relative;}
.sub_cat_lft_in .tri_up{position: absolute; left: 50%; margin-left: -14px; bottom: 100%;}
.sub_cat_lft_in .tri_right{position: absolute; left: 100%; top: 0; height: 100%;} 
.sub_cat_lft_in .img{display: block; height: 180px; position: relative; color: #f4bf04;  overflow: hidden;}
.sub_cat_lft_in .img .cover{display: block; position: absolute; font: 16px/1.2 'rokkittbold'; font-weight: 300; opacity: 0; left: 0; bottom: -10px; background-color: rgba(37,39,40,.9); width: 100%; padding: 5px 20px 3px 20px;
                            -webkit-transition: opacity 0.45s ease , bottom 0.45s ease ;
                            -moz-transition: opacity 0.45s ease , bottom 0.45s ease ;
                            -o-transition: opacity 0.45s ease , bottom 0.45s ease ;
                            -ms-transition: opacity 0.45s ease , bottom 0.45s ease ;
                            transition: opacity 0.45s ease , bottom 0.45s ease ;
}
.sub_cat_lft_in .img:hover .cover{bottom: 0; opacity: 1;}
.sub_cat_lft_in .img img{display: block; width: 100%;}
.sub_cat_lft_in .tri_up img{display: block; max-width: 100%;}
.sub_cat_lft_in .tri_right {display: block; }
.sub_cat_lft_in .tri_right img{display: block; height: 100%; position: absolute; left: 0; top: 0;}
.sub_cat_rgt_in {padding: 0 0 0 55px; height: 100%; position: relative;}
.sub_cat_rgt_in .tri_up {display: none;  position: absolute; left: 50%; margin-left: -14px; bottom: 100%;}
.sub_cat_rgt_in .tri_up img{display: block;}

.sub_cat_rgt_inner {padding: 0 55px; height: 253px; position: relative; text-align: center;}

.sub_cat_rgt_in .btn_yellow {display: none;}
.sub_cat_rgt_inner .owl-item {text-align: center;}
.home_subcategorias_nav{font-size: 60px; color: #f4bf04; position: absolute; top: 50%; margin-top: -34px;
                        -webkit-transition: color 0.45s ease;
                        -moz-transition: color 0.45s ease;
                        -o-transition: color 0.45s ease;
                        -ms-transition: color 0.45s ease;
                        transition: color 0.45s ease;
}
.home_subcategorias_nav.prev{left: -15px;}
.home_subcategorias_nav.next{right: -15px;}
.home_subcategorias_nav:hover{color: #606060;}

.w_sub a{margin-bottom: 5px; margin-top: 5px;}
.w_sub .link{display: block; max-width: 150px; margin: 0 auto; margin-bottom: 0; font-size: 13px; border: none; padding-bottom: 2px;}
.w_sub .link span{border-bottom: 1px solid transparent;
                  -webkit-transition: border-bottom-color 0.45s ease;
                  -moz-transition: border-bottom-color 0.45s ease;
                  -o-transition: border-bottom-color 0.45s ease;
                  -ms-transition: border-bottom-color 0.45s ease;
                  transition: border-bottom-color 0.45s ease;
}
.w_sub:hover .link span, .w_sub .link:hover span{border-bottom-color: #393939;}

/*popular*/
.container_popular{max-width: 1250px; margin: 0 auto; }
.w_populares{padding-top: 15px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
.populares{padding-top: 15px; padding-left: 50px; padding-right: 50px; position: relative;}
.home_populares_nav{font-size: 60px; color: #f4bf04; position: absolute; top: 50%; margin-top: -34px;
                    -webkit-transition: color 0.45s ease;
                    -moz-transition: color 0.45s ease;
                    -o-transition: color 0.45s ease;
                    -ms-transition: color 0.45s ease;
                    transition: color 0.45s ease;
}
.home_populares_nav.prev{left: -15px;}
.home_populares_nav.next{right: -15px;}
.home_populares_nav:hover{color: #606060;}
.popular{}
.popular_in{position: relative; padding: 0 15px; }
.popular_in .img{display: block; margin-bottom: 25px; position: relative; max-width: 100%; text-align: center; overflow: hidden;}
.popular_in .img img{display: inline-block; max-width: 100%;
                     -webkit-transition: all .3s ease-in-out;
                     -o-transition: all .3s ease-in-out;
                     -ms-transition: all .3s ease-in-out;
                     -moz-transition: all .3s ease-in-out;
                     transition: all .3s ease-in-out;
                     -webkit-transform: translateZ(0);
                     -moz-transform: translateZ(0);
                     transform: translateZ(0);
                     -webkit-backface-visibility: hidden;
}
.popular_in .img .cover{opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(66,66,66,.76);
                        -webkit-transition: opacity 0.45s ease , bottom 0.45s ease ;
                        -moz-transition: opacity 0.45s ease , visibility 0.45s ease ;
                        -o-transition: opacity 0.45s ease , visibility 0.45s ease ;
                        -ms-transition: opacity 0.45s ease , visibility 0.45s ease ;
                        transition: opacity 0.45s ease , visibility 0.45s ease ;
}
.popular_in .img:hover > img {
    -webkit-transform: scale(1.3,1.3) rotate(7deg);
    -o-transform: scale(1.3,1.3) rotate(7deg);
    -ms-transform: scale(1.3,1.3) rotate(7deg);
    -moz-transform: scale(1.3,1.3) rotate(7deg);
    transform: scale(1.3,1.3) rotate(7deg);
}
.popular_in .img:hover .cover{opacity: 1; visibility: visible;}
.popular_in .img .cover .btn_yellow{margin-top: 50px;}
.cover_icons{position: absolute; right: 18px; top: 18px; z-index: 2;}
.cover_icons .cover_icon{margin-left: 10px;}
.cover_icons .cover_icon.star{width: 29px;}
.cover_icons .cover_icon.plus{width: 28px;}

.w_popular_datos{border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.popular_datos{display: table; width: 100%; position: relative; top: -10px;}
.popular_datos .txt{display: table-cell; width: 50%; vertical-align: top;}
.popular_datos .txt h3{color: #252728; font-size: 14px; font-family: "robotobold"; font-weight: 300;}
.popular_datos .txt p{color: #626262; font-size: 14px; font-family: "robotolight"; font-weight: 300;}
.popular_datos .price{display: table-cell;  width: 50%; vertical-align: top; padding-right: 10px;}
.popular_datos .price p.gray{color: #626262; font-size: 15px; font-family: "robotobold"; font-weight: 300;}
.popular_datos .price p.gray span{text-decoration:line-through;}
.popular_datos .price p.black{color: #252728; font-size: 17px; font-family: "robotobold"; font-weight: 300;}
.ribbon{position: absolute; right: 0; top: 0; font-size: 14px; font-family: "robotobold"; padding: 5px 10px; color: #252728; z-index: 2;}
.ribbon_yellow{background-color: #ffdd64;}
.ribbon_orange{background-color: #fe8f2c;}

/*CLIENTES*/
.w_clientes{background-color: #f7f7f7; }
.w_clientes.white{background-color: #fff; }
.clientes{padding: 26px; text-align: center;}
.cliente{padding: 0 20px; width: 20%; vertical-align: top; margin-bottom: 30px;}
.cliente_inn{ }
.cliente_inn .img{margin-bottom: 15px;}
.cliente_inn .img img{display: inline-block; max-width: 100%;}
.cliente_inn .txt h3{font-size: 16px; line-height: 1.2; font-family: "robotobold"; color: #252728; margin-bottom: 12px;}
.cliente_inn .txt h3 b, .cliente_inn .txt h3 strong{color: #f4bf04;}
.cliente_inn .txt p{font-size: 14px;}
.cliente_inn .txt p b, .cliente_inn .txt p strong{font-family: "robotobold";}


/*MARCAS*/
.w_marcas{background-color: #f7f7f7; padding-bottom: 30px;}
.w_marcas.white{background-color: #fff; }
.marcas{padding-left: 50px; padding-right: 50px; padding-top: 30px; padding-bottom: 30px; position: relative;}
.marca{text-align: center;}
.marca_in{padding-left: 15px; padding-right: 15px;}
.marca_in img{max-width: 100%;}
.marca_in .h{display: none !important;}
.marca_in:hover .h{display: inline-block !important;}
.marca_in:hover .n{display: none !important;}
.home_marcas_nav{font-size: 60px; color: #f4bf04; position: absolute; top: 50%; margin-top: -34px;
                 -webkit-transition: color 0.45s ease;
                 -moz-transition: color 0.45s ease;
                 -o-transition: color 0.45s ease;
                 -ms-transition: color 0.45s ease;
                 transition: color 0.45s ease;
}
.home_marcas_nav.prev{left: -15px;}
.home_marcas_nav.next{right: -15px;}
.home_marcas_nav:hover{color: #606060;}

/*EXPERIENCIA*/
.w_experiencia{background-color: #f7f7f7; padding-top: 30px; padding-bottom: 50px; text-align: center;}
.w_experiencia.white{background-color: #fff;}
.w_experiencia.gray{background-color: #f0f0f0;}
.w_experiencia h3{color: #252728; font: 21px/1 "rokkittregular"; margin-bottom: 20px;}
.w_experiencia h3 b, .w_experiencia h3 strong{color: #f4bf04; font-weight: 300;}
.experiencia_in{text-align: center;}
.experiencia_in a{width: 240px; margin: 10px;}

/*UP*/
.w_up{height: 54px; background-color: #414344;}
.w_up a{height: 100%; width: 100%; padding: 0 30px; color: #f4bf04;
        -webkit-transition: color 0.45s ease, background-color 0.45s ease;
        -moz-transition: color 0.45s ease, background-color 0.45s ease;
        -o-transition: color 0.45s ease, background-color 0.45s ease;
        -ms-transition: color 0.45s ease, background-color 0.45s ease;
        transition: color 0.45s ease, background-color 0.45s ease;  
}
.w_up a:hover{color: #f2f2f2; background-color: #535455;}

/*FOOTER*/
.w_footer{background-color: #2b2d2e; text-align: center;}
.footer_rs{padding: 55px 0;}
.w_footer h4{color: #fff; font:  21px/1 "rokkittregular"; margin-bottom: 16px;}
.w_footer h4 b, .w_footer h4 strong{color: #f4bf04; font:  21px/1 "rokkittregular"; font-weight: 300;}
.w_footer p{color: #cacaca; margin-bottom: 30px;}

.redes_sociales{background-color: #252728; padding: 25px 0; }
.redes_sociales a{margin: 0 9px; width: 35px; height: 35px; text-align: center; font-size: 27px; 
                  -webkit-border-radius: 50%;
                  -moz-border-radius: 50%;
                  border-radius: 50%;
                  -webkit-transition: opacity 0.45s ease, background-color 0.45s ease;
                  -moz-transition: opacity 0.45s ease, background-color 0.45s ease;
                  -o-transition: opacity 0.45s ease, background-color 0.45s ease;
                  -ms-transition: opacity 0.45s ease, background-color 0.45s ease;
                  transition: opacity 0.45s ease, background-color 0.45s ease;
}
.redes_sociales a.f {font-size: 33px;}
.redes_sociales a.f i:before{vertical-align: top;}
.redes_sociales a.s {font-size: 32px;}
.redes_sociales a.s i:before{vertical-align: top;}
.redes_sociales a.l {font-size: 32px;}
.redes_sociales a.l i:before{vertical-align: top;}
.redes_sociales a.y:hover{background-color: #ee9e12;}
.redes_sociales a.b:hover{}
.redes_sociales a.y{background-color: #f4bf04; color: #fff;}
.redes_sociales a.b{background-color: #f4bf04; color: #fff;}
.redes_sociales a.f:hover{background-color: #fff; color: #3b5998;}
.redes_sociales a.t:hover{background-color: #fff; color: #55acee;}
.redes_sociales a.s:hover{background-color: #fff; color: #3a9cdb;}
.redes_sociales a.l:hover{background-color: #0976b4; color: #fff;}

.footer_menu{background-color: #252728;}
.w_nav_footer {border-top: 1px solid #1b1b1b; border-bottom: 1px solid #434343;}
.nav_footer {display: block; text-align: center; padding: 20px  0 15px ; border-top: 1px solid #434343; border-bottom: 1px solid #1b1b1b;}
.nav_footer li{display: inline-block; }
.nav_footer li a{display: block; margin: 0 20px; text-align: center; font-size: 16px; color: #fff; margin-bottom: 5px;
                 -webkit-transition: color 0.45s ease;
                 -moz-transition: color 0.45s ease;
                 -o-transition: color 0.45s ease;
                 -ms-transition: color 0.45s ease;
                 transition: color 0.45s ease;
}
.nav_footer li a:hover, .nav_footer li a.active{color: #f4bf04;}

.footer_copy{background-color: #252728; padding: 25px 0 20px;}
.footer_copy p, .footer_copy a{font-size: 14px; color: #cacaca; margin-bottom: 8px;}
.footer_copy p.copy{color: #cacaca;}
.footer_copy p.copy a{color: #fff;
                      -webkit-transition: color 0.45s ease;
                      -moz-transition: color 0.45s ease;
                      -o-transition: color 0.45s ease;
                      -ms-transition: color 0.45s ease;
                      transition: color 0.45s ease;
}
.footer_copy p.copy a:hover{color: #009bd6;}
.copy .m{width: 20px; height: 20px;  background-color: #009bd6; color: #fff; text-align: center;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         -webkit-transition: color 0.45s ease;
         -moz-transition: color 0.45s ease;
         -o-transition: color 0.45s ease;
         -ms-transition: color 0.45s ease;
         transition: color 0.45s ease;
}
.copy .m:hover{background-color: #fff; color: #009bd6 !important;}
.copy .display-inline{margin: 0 2px;}


/*INFORMATIVO*/
.w_info{max-width: 960px; padding: 20px 15px 40px; margin: 0 auto;}
.richtext h2{color: #393939; font-size: 18px; margin-bottom: 20px; font-family: "robotobold";}
.richtext p, .richtext img{margin-bottom: 25px;}
.richtext p b, .richtext b {font-family: "robotobold"; font-weight: 300;}
.richtext img{max-width: 100%;}
.richtext ul {}
.richtext ul li{min-height: 28px; background: url('../icons/ico_check_yellow.png') 0 4px no-repeat; padding-left: 40px; line-height: 1.5; margin-bottom: 15px;}
.main_slider_js{width: 366px;}
.main_info_rgt{padding-left: 400px;}
.main_slider_item img{display: block;}
.w_info .owl-dots{text-align: center; font-size: 0; padding: 10px 0;}
.w_info .owl-dot{display: inline-block; width: 18px; height: 18px; margin: 0 6px; border: 2px solid #f4bf04; background-color: #fff6d5;
                 -webkit-border-radius: 50%;
                 -moz-border-radius: 50%;
                 border-radius: 50%; 
                 -webkit-transition: background-color 0.45s ease, border-color 0.45s ease;
                 -moz-transition: background-color 0.45s ease, border-color 0.45s ease;
                 -o-transition: background-color 0.45s ease, border-color 0.45s ease;
                 -ms-transition: background-color 0.45s ease, border-color 0.45s ease;
                 transition: background-color 0.45s ease, border-color 0.45s ease;
}
.w_info .owl-dot:hover, .w_info .owl-dot.active{border-color: #eea017; background-color: #f4bf04;}
.w_login{padding-top: 17px; padding-bottom: 50px;}
.w_login label.error{display: none !important}
.login_rgt{padding-left: 417px;}
.row, .row_lft, .row_rgt {margin-bottom: 20px; position: relative;}
.row.row_double{margin-bottom: 0;}
.row_textarea{margin-bottom: 40px;}
.row_in {position: relative;}
.row_in label.error{position: absolute; bottom: -22px; left: 0; font-size: 14px;}
.row_ico{position: relative; }
.row.row_ico .input{padding-right: 62px;}
.row_ico .ico{width: 51px; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; padding: 10px 0;}
.row_ico .ico_in{border-left: 1px solid #515151; text-align: center; opacity: 0.32;
                 -webkit-transition: opacity 0.30s ease;
                 -moz-transition: opacity 0.30s ease;
                 -o-transition: opacity 0.30s ease;
                 -ms-transition: opacity 0.30s ease;
                 transition: opacity 0.30s ease;
}
.row_ico .ico.active .ico_in{opacity: 1;}
.row_acepto{padding: 5px 0 30px;}
.row .input, .row .textarea{width: 100%; padding: 9px 15px;line-height: 20px; border: 1px solid #515151;box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
                            -webkit-border-radius: 1px;
                            -moz-border-radius: 1px;
                            border-radius: 1px;
                            -webkit-transition: background-color 0.45s ease;
                            -moz-transition: background-color 0.45s ease;
                            -o-transition: background-color 0.45s ease;
                            -ms-transition: background-color 0.45s ease;
                            transition: background-color 0.45s ease;
}
.row .textarea{resize: none; overflow: auto;}
.row .input.error, .row .textarea.error, .row_in.error .input{background-color: #ffdfdc;}
.row_lft{width: 50%; padding-right: 15px; }
.row_rgt{width: 50%; padding-left: 15px; }
.w_links{overflow: hidden;}
.link{border-bottom: 1px solid #393939;
      -webkit-transition: border-bottom-color 0.45s ease;
      -moz-transition: border-bottom-color 0.45s ease;
      -o-transition: border-bottom-color 0.45s ease;
      -ms-transition: border-bottom-color 0.45s ease;
      transition: border-bottom-color 0.45s ease;
}
.link:hover{border-bottom-color: transparent;}
.login_rgt .row_lft .btn, .login_rgt .row_rgt .btn{width: 100%;}
.btn_facebook{ height: 43px; position: relative; padding-left: 47px;   border-right: 1px solid #8c9ec2; font: 15px/1em "robotobold"; font-weight: 300; color: #fff; background: #3c5a98 url('../icons/bg_btn_facebook.png') 0 0 repeat-x;  
               -webkit-transition: opacity 0.45s ease;
               -moz-transition: opacity 0.45s ease;
               -o-transition: opacity 0.45s ease;
               -ms-transition: opacity 0.45s ease;
               transition: opacity 0.45s ease;      
}
.btn_facebook span{display: block; height: 100%; }
.btn_facebook .ico{position: absolute; left: 0; top: 0; width: 47px; font-size: 38px; text-align: center;}
.btn_facebook .txt{padding: 12px 8px 8px ; border-left: 1px solid #fff; }
.btn_facebook:hover{opacity: 0.9;}

.w_olvide{border-bottom: 1px solid #cacaca; margin-bottom: 20px; opacity: 0; display: none;}

.terminos{max-width: 850px; margin:  0 auto; padding: 0 15px 50px;}

.gracias_lft, .gracias_rgt{width: 50%;}
.gracias_lft{padding-right: 8px;}
.gracias_lft img{display: inline-block; max-width: 100%;}
.gracias_rgt{padding-left: 8px;}
.w_btns {padding-top: 67px;}
.w_btns .w_a{width: 50%; margin: 8px 0;}
.w_btns .w_a a{width: 100%;}
.w_btns .w_a_lft{padding-right: 6px;}
.w_btns .w_a_rgt{padding-left: 6px;}

.error_page{padding-top: 35px;}
.error_lft{width: 65%; padding-right: 8px;}
.error_lft img{display: inline-block; max-width: 100%;}
.error_rgt{width: 35%; padding-left: 8px;} 

/*contacto*/
.contacto{max-width: 1100px; margin: 0 auto; padding: 0 15px;}
.contacto_in{padding: 11px 0 66px;}
.contacto_lft{width: 61%; padding-right: 15px;}
.contacto_rgt{width: 39%; padding-left: 15px;}
.contacto_rgt .img{position: relative;}
.contacto_rgt .img img{display: inline-block; max-width: 100%;}
.contacto_info{position: absolute; top: 0;left: 0; width: 100%; padding: 35px 90px 0;}
.contacto_info p{margin-bottom: 10px;}
.contacto_info p b, .contacto_info p strong{font-family: "robotobold"; color: #f4bf04;}

/*ayuda*/
.duda{padding-bottom: 60px; }
.duda_lft{ width: 430px; padding-top: 15px;}
.duda_rgt{padding-left: 8px;  padding-left: 430px; padding-top: 15px;}
.duda_rgt_in{border-left: 1px solid #a8a8a8; padding-left: 30px;}
.duda_rgt_in .duda_tab{display: none; position: relative; top: 10px; }
.duda_rgt_in .duda_tab.active{display: block; top: 0; }
.duda_lft_in{padding-right: 30px; }
.duda_lft_inner{}
.duda_lft_inner h3{font-size: 18px; font-family: "rokkittbold"; font-weight: 300; margin-bottom: 12px;}
.duda_lft_inner  .duda_lft_links{margin-bottom: 40px; overflow: hidden;
                                 -webkit-border-radius: 3px;
                                 -moz-border-radius: 3px;
                                 border-radius: 3px;     
}
.duda_lft_inner a{display: block; padding: 12px 6px; background-color: #dbdbdb; font-family: "robotoregular"; text-align: center;  border-top: 1px solid #fff; border-bottom: 1px solid #8a8a8a;
                  border-left: 1px solid #a8a8a8; border-right: 1px solid #a8a8a8;
                  -webkit-transition: background-color 0.45s ease;
                  -moz-transition: background-color 0.45s ease;
                  -o-transition: background-color 0.45s ease;
                  -ms-transition: background-color 0.45s ease;
                  transition: background-color 0.45s ease;             
}
.duda_lft_inner a:hover, .duda_lft_inner a.active{background-color: #f4bf04;  font-family: "robotobold";}
.duda_lft_inner a.active{cursor: default;}
.w_ayuda_plus.gray{background-color: #f0f0f0; padding-bottom: 40px;}
.w_ayuda_plus .w_title{padding-bottom: 28px;}

.pasos {text-align: center;}
.pasos img{margin-bottom: 0; display: block;}
.paso {margin-bottom: 20px; max-width: 172px;}
.paso .img{margin-bottom: 12px;}
.paso_div {height: 172px; margin: 0 15px; }
.paso_div .to_right{}
.paso_div .to_down{display: none !important;}

/*GALERIA*/
.w_filter{ padding-right: 15px; padding-left: 32px;}
.filter{background-color: #f9f9f9; padding: 16px; margin-bottom: 10px;}
.w_filter a{display: inline-block; padding: 6px 12px;  margin: 0 15px;
            -webkit-transition: background-color 0.45s ease;
            -moz-transition: background-color 0.45s ease;
            -o-transition: background-color 0.45s ease;
            -ms-transition: background-color 0.45s ease;
            transition: background-color 0.45s ease; 
}
.w_filter a:hover, .w_filter a.active{cursor: pointer; font-family: "robotobold"; background-color: #ffdd64;}
.encontrados {margin-bottom: 28px;}
.encontrados b{color: #f4bf04; font-family: "robotobold"; font-weight: 300;}
.galeria_container{max-width: 1250px; margin: 0 auto; padding: 0 0 0 15px;}
.galeria_lft{width: 282px;}
.galeria_rgt{padding-left: 282px; padding-bottom: 30px;}
.galeria_rgt_in{padding-left: 17px; }
.galeria_rgt_in .popular{margin-bottom: 30px;}
.galeria_rgt_in .popular{width: 33.3333333334%;}

.cats .level_1{}

.cats .level_1 li {display: block; margin-bottom: 22px;}
.cats .level_1 a {display: block; position: relative; padding: 15px 72px 15px 24px; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.cats .level_1 a .ico {font-size: 25px; color: #898989; position: absolute; right: 0; top: 0; width: 72px; height: 100%; text-align: center;
                       -webkit-transition: all 0.2s linear;
                       -moz-transition: all 0.2s linear;
                       -o-transition: all 0.2s linear;
                       -ms-transition: all 0.2s linear;
                       transition: all 0.2s linear;
                       -webkit-transform: translateZ(0);
                       -moz-transform: translateZ(0);
                       transform: translateZ(0);
                       -webkit-backface-visibility: hidden;
}
.cats .level_1 a:hover .ico.ico_rotate{
    -moz-transform:  rotate(90deg) translate(0);
    -webkit-transform: rotate(90deg) translate(0);
    -o-transform:  rotate(90deg) translate(0);
    transform:  rotate(90deg) translate(0);
}
.cats .level_1 a.active .ico.ico_rotate{
    -moz-transform:  rotate(0deg) translate(0);
    -webkit-transform: rotate(0deg) translate(0);
    -o-transform:  rotate(0deg) translate(0);
    transform:  rotate(0deg) translate(0);
}
.cats .level_1 a .icon-minus_circle{display: none !important;}
.cats .level_1 a.active .icon-plus_circle{display: none !important;}
.cats .level_1 a.active .icon-minus_circle{display: inline-block !important;}
.cats .level_1 a:hover .ico, .cats .level_1 a.active .ico {color: #f4bf04;}
.cats .level_1 a .txt {font: 18px/1 "rokkittbold"; color: #252728;}
.cats .level_2 {display: none; opacity: 0;}
.cats .level_1 li.active .level_2 {display: block; opacity: 1;}

.cats .level_2 li {display: block; margin-bottom: 0;}
.cats .level_2 a { display: block; position: relative; background-color: #f9f9f9; padding: 15px 72px 15px 24px; border-right: none; border-bottom: 1px solid #d2d2d2;}
.cats .level_2 a .ico {position: absolute; right: 0; top: 0; height: 100%; width: 72px; text-align: center;}
.cats .level_2 a .icon-chevron-thin-up{display: none !important;}
.cats .level_2 a.active .icon-chevron-thin-down{display: none !important;}
.cats .level_2 a.active .icon-chevron-thin-up{display: inline-block !important;}
.cats .level_2 a .txt {font: 18px/1 "robotolight"; color: #252728; padding-left: 30px; display: block; padding-right: 8px;}
.cats .level_2 a:hover .txt{color: #f4bf04; font-family: "robotoregular";}
.cats .level_2 li.active .level_3 {}
.cats .level_3  {display: none;  opacity: 0;}
.cats .level_2 li.active .level_3{display: block;  opacity: 1;}
.cats .level_3 li {display: block; margin-bottom: 0;}
.cats .level_3 a { display: block; position: relative; background-color: #ededed; padding: 15px 0 15px 24px; border-right: none; border-bottom: 1px solid #d2d2d2;}
.cats .level_3 a .txt {display: block; font: 18px/1 "robotolight"; color: #252728; padding-left: 60px; padding-right: 8px;
                       -webkit-transition: background-color 0.45s ease;
                       -moz-transition: background-color 0.45s ease;
                       -o-transition: background-color 0.45s ease;
                       -ms-transition: background-color 0.45s ease;
                       transition: background-color 0.45s ease;
}
.cats .level_3 a:hover {background-color: #e1e1e1;}
.cats .level_3 a:hover .txt{color: #393939; font-family: "robotoregular";}


/* PAGGING */
.w_pagging{padding: 0 0 30px;}
.pagging{display: inline-block;}
.pagging li{display: inline-block; vertical-align: middle}
.pagging li a{display: block; margin: 0 5px;}


.pagging li a.nav_all.prev_all i.first{margin-right: -20px;}
.pagging li a.nav_all.next_all i.second{margin-left: -20px;}
.pagging li a.prev{margin-right: 15px;}
.pagging li a.next{margin-left: 15px;}
.pagging li a.prev, .pagging li a.next{color: #a0a0a0;}
.pagging li a.prev:hover, .pagging li a.next:hover{color: #f4bf04;}
.pagging li a i{font-size: 35px}
.pagging li a.itm{color: #252728; border: 2px solid #a0a0a0; padding: 0 7px 1px; font-family: "robotobold"; background-color: #fff;
                  -webkit-border-radius: 3px;
                  -moz-border-radius: 3px;
                  border-radius: 3px; 
                  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
                  -moz-transition: background-color 0.3s ease, color 0.3s ease;
                  -o-transition: background-color 0.3s ease, color 0.3s ease;
                  -ms-transition: background-color 0.3s ease, color 0.3s ease;
                  transition: background-color 0.3s ease, color 0.3s ease;
}
.pagging li a.itm:hover{background-color: #fff6d5;}
.pagging li a.itm.active{color: #000; background-color: #f4bf04; border-color: #494949;}

.pagging li a.nav_all, .pagging li a.prev, .pagging li a.next{
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -moz-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    -ms-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/*DESCRIPCION*/
.breadcrumb{margin-bottom: 10px;}
.breadcrumb .bread{font-family: "robotoregular"; border-bottom: 1px solid transparent;
                   -webkit-transition: color 0.45s ease, border-color 0.45s ease;
                   -moz-transition: color 0.45s ease, border-color 0.45s ease;
                   -o-transition: color 0.45s ease, border-color 0.45s ease;
                   -ms-transition: color 0.45s ease, border-color 0.45s ease;
                   transition: color 0.45s ease, border-color 0.45s ease;
}
.breadcrumb.large {padding-bottom: 30px;}
.breadcrumb.large .bread{font-size: 21px; font-family: "robotolight"}
.breadcrumb.large .bread b{font-family: "robotoregular"; font-weight: 300;}
.breadcrumb a.bread:hover{border-color: #393939;}
.breadcrumb .div{margin: 0 5px;}

.descripcion{padding-bottom: 15px;}
.descripcion_lft{float: left; width: 522px; padding-top: 37px; opacity: 0; visibility: hidden;}
.descripcion_rgt{padding-left: 522px;}
.descripcion_rgt_in{padding-left: 30px;}
.descripcion_rgt_in .w_h1{padding-bottom: 5px; border-bottom: 3px solid #f4bf04; margin-bottom: 40px;}
.descripcion_rgt_in .w_h1 h1{font: 16px/1.25em "robotobold"; color: #393939;}
.descripcion_price{background-color: #ffdd64; font-family: "robotobold"; padding: 5px 10px; white-space:nowrap}

.descripcion_tabs_btns {overflow: hidden; position: relative;}
.descripcion_tabs_btns .subrayado{position: absolute; left: 0; z-index: 2; bottom: 0; width: 100%; height: 1px; background-color: #b0b0b0;}
.descripcion_tabs_btns a{display: block; float: left; color: #393939; font-family: "robotobold"; font-weight: 300; position: relative; background-color: #fff; }
.descripcion_tabs_btns a .corner{position: absolute; display: block;}
.descripcion_tabs_btns a.first{padding-right: 27px;}
.descripcion_tabs_btns a:hover{font-family: "robotobold";}
.descripcion_tabs_btns a.active{z-index: 3;}
.descripcion_tabs_btns a.first .ne{width: 100%; height: 27px; padding-left: 22px; padding-right: 16px; line-height: 27px; left: 0; top: 0; position: relative; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0;
                                   -webkit-border-top-left-radius: 10px;
                                   -moz-border-radius-topleft: 10px;
                                   border-top-left-radius: 10px;
}
.descripcion_tabs_btns a.first .no{width: 30px; height: 27px; right: 0; top: 0; background: url('../icons/no_first.png') 0 0 no-repeat;
                                   -webkit-border-top-right-radius: 200px;
                                   -moz-border-radius-topright: 200px;
                                   border-top-right-radius: 200px;
}
.descripcion_tabs_btns a.second{padding: 0 27px 0 28px; height: 27px; left: -8px;}
.descripcion_tabs_btns a.second .ne{width: 30px; height: 27px; left: -1px; top: 0; background: url('../icons/ne_first.png') 0 0 no-repeat;}
.descripcion_tabs_btns a.second .no{width: 29px; height: 27px; right: 0; top: 0; background: url('../icons/no_first.png') 0 0 no-repeat;}
.descripcion_tabs_btns a.second .txt{display: block; width: 100%; height: 100%; line-height: 27px; border-top: 1px solid #b0b0b0; padding: 0 16px;}

.descripcion_txt{padding-top: 16px; display: none;}
.descripcion_txt.active{padding-top: 16px; display: block;}

.disponibilidad{font-size: 14px; margin-bottom: 12px;}
.disponibilidad span{color: #f4bf04; font-family: "robotobold"; font-weight: 300;}

.descripcion_btns{position: relative; padding-left: 180px;  }
.descripcion_btns .descripcion_btns_in a{margin-left: 14px; margin-bottom: 5px;}
.descripcion_btns .w_lote{position: absolute; left: 0; top: 0; width: 180px; }
.descripcion_btns .w_lote .w_lote_in{padding: 0 40px; position: relative;}
.descripcion_btns .w_lote .w_lote_in .btn_yellow{position: absolute; top: 0; padding: 0; width: 34px; height: 43px; color: #393939; font-size: 31px;}
.descripcion_btns .w_lote .w_lote_in .btn_yellow:hover{color: #f4bf04;}
.descripcion_btns .w_lote .w_lote_in .btn_yellow.lft{left: 0;}
.descripcion_btns .w_lote .w_lote_in .btn_yellow.lft .display-inline{position: relative; top: -3px}
.descripcion_btns .w_lote .w_lote_in .btn_yellow.rgt{right: 0;}
.w_lote_inner .input{width: 100%; height: 43px; padding: 9px 12px; text-align: center; border: 1px solid #515151;
                     box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
                     -webkit-border-radius: 1px;
                     -moz-border-radius: 1px;
                     border-radius: 1px;
}
.descripcion_img{position: relative; padding-left: 104px;}
.descripcion_img_lft{position: absolute; left: 0; top: 0; }
.descripcion_img_lft_thumbs a{display: block; border: 1px solid #e0e0e0; margin-bottom: 23px;
                              -webkit-transition: border-color 0.45s ease;
                              -moz-transition: border-color 0.45s ease;
                              -o-transition: border-color 0.45s ease;
                              -ms-transition: border-color 0.45s ease;
                              transition: border-color 0.45s ease;      
}
.descripcion_img_lft_thumbs a:hover, .descripcion_img_lft_thumbs a.active{border-color: #393939;}
.descripcion_img_rgt .img{border: 1px solid #e0e0e0; position: relative; text-align: center;}
.descripcion_img_rgt .img .img_js{display: block; width: 100%;}
.descripcion_img_rgt .img .cover{position: absolute; right: 16px; top: 16px; z-index: 3;}

.descripcion_img_rgt .loading{position: absolute; left: 50%; top: 50%; opacity: 0; visibility: hidden; z-index: 3;}
.descripcion_img_rgt .loading.loading_gif{display: none; margin-top: -16px; margin-left: -16px;}
.descripcion_img_rgt .loading.loading_svg{margin-top: -22px; margin-left: -22px;}

.descripcion_rs{padding-top: 19px;}
.descripcion_rs_item{width: 33.333333334%;}
.descripcion_rs_item.uno{padding-right: 6px;}
.descripcion_rs_item.dos{padding-left: 6px; padding-right: 6px;}
.descripcion_rs_item.tres{padding-left: 6px;}
.descripcion_rs_item a{display: block; width: 100%; color: #fff; position: relative; padding-left: 36px;
                       -webkit-transition: opacity 0.45s ease;
                       -moz-transition: opacity 0.45s ease;
                       -o-transition: opacity 0.45s ease;
                       -ms-transition: opacity 0.45s ease;
                       transition: opacity 0.45s ease;         
}
.descripcion_rs_item a:hover{opacity: 0.80;}
.descripcion_rs_item a span.ico{display: block; position: absolute; left: 0; top: 0; width: 36px; height: 100%; text-align: center; font-size: 32px;}
.descripcion_rs_item a span.ico i{display: inline-block; vertical-align: top;}
.descripcion_rs_item a span.txt{display: block; padding: 6px 20px 6px 3px; text-align: center; }
.descripcion_rs_item .f{background-color: #3b5999;}
.descripcion_rs_item .t{background-color: #2aa9e0;}
.descripcion_rs_item .l{background-color: #0274b3;}

.w_populares_descripcion{padding-bottom: 60px;}


.row_lft_large{width: 60%; padding-right: 15px;}
.row_rgt_small{width: 40%; padding-left: 15px;}
/*PERFIL*/
.w_perfil{padding-top: 100px;}
.perfil{padding-bottom: 60px;}
.perfil_group{padding-top: 30px;}
.perfil_group.first{padding-top: 0;}
.perfil_group.active .row .input{border: 1px dashed #dcdcdc; background-color: #fafafa;
                                 box-shadow: none;
}
.perfil_lft{width: 368px;}
.perfil_lft .perfil_img{border: 1px solid #dcdcdc; margin-bottom: 20px;}
.perfil_lft .perfil_img img{display: block; width: 100%;}
.perfil_rgt{padding-left: 368px; }
.perfil_rgt_in{padding-left: 30px;}
.perfil_rgt_in .w_title{padding-top: 0;}
.perfil_tab_txt{display: none; position: relative;}
.perfil_tab_txt.active{display: block;}
.perfil_tab_txt_in{}
.perfil_tab_txt_in .row_in {position: relative;}
.perfil_tab_txt_in .row_in label.error{position: absolute; left: 0; bottom: -20px; font-size: 14px;}
.perfil_tab_txt_in .row_in_file {position: relative; top: 0;}
.perfil_tab_txt_in .row_in_file .archivo.input {display: block; opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 42px; z-index: 3;cursor: pointer;}
.perfil_tab_txt_in .row_in_file .input {position: relative; z-index: 2;}
.perfil_tab_txt_in .row_in_file label.error{position: relative; bottom: 0;}
.perfil_tab_txt_in .row_lft, .perfil_tab_txt_in .row_rgt{margin-bottom: 0;}
.perfil_tab_txt_in .row_lft{padding-right: 10px;}
.perfil_tab_txt_in .row_rgt{padding-left: 10px;}
.perfil_tab_txt_in .row{margin-bottom: 33px;}
.perfil_tab_txt_in .btn_yellow{width: 100%;}
.perfil_tab_txt_in .disponibilidad{padding-top: 8px;}
.perfil_tab_txt_in .row_lft_large{padding-right: 10px;}
.perfil_tab_txt_in .row_rgt_small{padding-left: 10px;}

.w_title_ico{position: relative; padding-right: 58px;} 
.w_title_ico a{display: block; position: absolute; right: 0; top: 1px; width: 48px; height: 44px; text-align: center;
               background-color: #fff6d5;
               border: 2px solid #f4bf04;
               -webkit-border-radius: 2px;
               -moz-border-radius: 2px;
               border-radius: 2px;
               -webkit-transition: background-color 0.45s ease, border-color 0.45s ease;
               -moz-transition: background-color 0.45s ease, border-color 0.45s ease;
               -o-transition: background-color 0.45s ease, border-color 0.45s ease;
               -ms-transition: background-color 0.45s ease, border-color 0.45s ease;
               transition: background-color 0.45s ease, border-color 0.45s ease;  
}
.w_title_ico .title a:hover{text-decoration: none;}
.w_title_ico a:hover, .w_title_ico a.active{background-color: #f4bf04; border-color: #ee9e12; }
.w_title_ico a:hover i{color: #000;}
.w_title_ico a.active i{color: #fff;}
.w_title_ico a i{color: #494949; font-size: 43px; position: absolute; left: 3px; top: -3px;
                 -webkit-transition: color 0.45s ease;
                 -moz-transition: color 0.45s ease;
                 -o-transition: color 0.45s ease;
                 -ms-transition: color 0.45s ease;
                 transition: color 0.45s ease;
}

.w_perfil_productos{margin-left: -15px; margin-right: -15px;}
.w_perfil_productos .popular{width: 33.333333334%; margin-bottom: 30px;}

.w_miscompras{padding: 7px 0 20px;}
.w_miscompras_carrusel{position: relative; padding: 0 55px; opacity: 0; top: 10px;}
.home_miscompras_nav{font-size: 60px; color: #f4bf04; position: absolute; top: 50%; margin-top: -34px;
                     -webkit-transition: color 0.45s ease;
                     -moz-transition: color 0.45s ease;
                     -o-transition: color 0.45s ease;
                     -ms-transition: color 0.45s ease;
                     transition: color 0.45s ease;
}
.home_miscompras_nav.prev{left: -15px;}
.home_miscompras_nav.next{right: -15px;}
.home_miscompras_nav:hover{color: #606060 !important;}

.miscompra .img{border: 1px solid #dcdcdc; margin-bottom: 6px;
                -webkit-transition: border-color 0.45s ease;
                -moz-transition: border-color 0.45s ease;
                -o-transition: border-color 0.45s ease;
                -ms-transition: border-color 0.45s ease;
                transition: border-color 0.45s ease;
}
.miscompra:hover .img, .miscompra.active .img{border-color: #8a8a8a;}
.miscompra .img a, .miscompra .img img{display: block;}
.miscompra .txt p{font-size: 14px; font-family: "robotoregular";}
.miscompra .txt p.price{font-family: "robotobold"; font-size: 16px;}
.miscompra_in{padding: 0 10px;}

.w_miscompras_desc{ position: relative; min-height: 240px;}
.w_miscompras_desc .loading{position: absolute; right: 10px; left: 50%; top: 50%;  opacity: 0; visibility: hidden; z-index: 3;}
.w_miscompras_desc .loading.loading_gif{display: none; margin-left: -16px; margin-top: -16px;}
.w_miscompras_desc .loading.loading_svg{margin-left: -22px; margin-top: -22px;}
.miscompras_desc{padding: 21px 0 0 0; position: relative; opacity: 0;}
.miscompras_desc .tri{position: absolute; left: 130px; top: 0;}
.miscompras_desc_in{border-right: 1px solid rgba(182,182,182,0.5);  border-bottom: 1px solid rgba(182,182,182,0.5);}
.miscompras_desc_inner{background-color: #f2f2f2; padding: 25px 15px 25px 25px; border-right: 1px solid #fff;  border-bottom: 1px solid #fff;}
.miscompras_desc_in_lft{width: 58%; padding-right: 30px; }
.miscompras_desc_in_lft .scrollable{ max-height: 168px;}
.miscompras_desc_in_rgt{width: 42%; border-left: 1px solid #b6b6b7;}
.miscompras_desc_in_rgt_in{border-left: 1px solid #fff;}

.micompra_item{margin-bottom: 20px;}
.micompra_item .w_img, .micompra_item .img{width: 100px;}
.micompra_item .img img{display: block; width: 100%;}
.micompra_item .txt{padding-left: 20px; padding-right: 20px;}
.micompra_item .txt p{font-family:"robotobold"; font-weight: 300; }

.miscompras_datos{padding-left: 30px;}
.miscompras_datos p{font-size: 14px; font-family: "robotoregular"; font-weight: 300; margin-bottom: 4px}
.miscompras_datos p.total{font-size: 16px; font-family: "robotobold"; padding: 10px 0 20px;}


.w_panel_opciones{margin-left: -25px; margin-right: -25px; }
.panel_opciones{padding-top: 27px;}
.panel_opcion{width: 25%; padding: 0 25px; text-align: center; margin-bottom: 60px;}
.panel_opcion_in{}
.paleta{border: 1px solid #515151; margin-bottom: 15px;}
.paleta label, .paleta span{display: block;}
.paleta label{cursor: pointer;}
.paleta_item{width: 25%; height: 41px;}

/*CARRITO*/
.w_carrito{padding: 30px 0 0px;}
.carrito_lft{width: 803px;}
.carrito_rgt{width: 417px;}
.carrito_lft_in{padding-right: 72px;}
.carrito_rgt_inner {box-shadow: 2px 2px 1px rgba(0,0,0,0.2);}
.carrito_rgt_in .disponibilidad{padding-left: 30px; padding-top: 5px;}

.carrito_item{margin-bottom: 62px;}
.carrito_item .img{max-width: 282px; margin: 0 auto;}
.carrito_item .img img{display: block; width: 100%;}
.carrito_item .ico{width: 264px; padding-right: 15px;}
.carrito_item .txt{padding-left: 264px;}

.carrito_item .txt .w_h1{padding-bottom: 5px; border-bottom: 3px solid #d7d7d7; margin-bottom: 15px;}
.carrito_item .txt .w_h1 h1 {font: 16px/1.25em "robotobold";color: #393939;}
.carrito_item .txt .price{background-color: #f2f2f2;font-family: "robotobold";padding: 5px 10px;white-space: nowrap;}
.carrito_item .txt .btns_carrito{padding-top: 45px;}
.carrito_item .txt .btn_trash{font-size: 27px;}
.carrito_item .txt .btn_yellow.btn_trash {margin-left: 10px; height: 43px; padding-top: 7px; padding-bottom: 0; padding-left: 10px; padding-right: 10px;

}
.carrito_item .txt .btn_yellow.btn_trash:hover {color: #f4bf04;}
.carrito_item .txt .descripcion_btns{margin-bottom: 3px; }

.carrito_info{background-color: #dbdbdb; padding: 46px 30px 32px;}
.carrito_info h3, .carrito_info h4{color: #393939; font-family: "robotobold"; font-weight: 300;}
.carrito_info h3{font-size: 18px; margin-bottom: 30px; font-size: 21px; padding-top: 10px;}
.carrito_info .div{height: 0; border-top: 1px solid #989797; border-bottom: 1px solid #fff; margin: 20px 0;}
.carrito_info .btn_proceder{width: 100%;}
.carrito_info.carrito_compra{padding-top: 30px; }

.descuento{}
.descuento .input{width: 170px;height: 42px;padding: 9px 12px;line-height: 20px;border: 1px solid #515151;box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.descuento .input.error{  background-color: #ffdfdc;}
.descuento label.error{display: none !important;}
.descuento h4{font-size: 18px; margin-bottom: 15px;}
.descuento .w_row{position: relative; padding-right: 120px;}
.descuento .w_row button{position: absolute; right: 0; top: 0; }
.descuento .w_row .input{width: 100%;}

.carrito_micompra{background-color: #f2f2f2; padding: 30px 30px 10px;}

.w_compra_1{padding: 20px 0 60px;}
.compra_form_lft{width: 45%; padding-right: 40px; }
.compra_form_rgt{width: 55%; padding-left: 40px; border-left: 1px solid #bfbfbf;}
.compra_1_row {margin-bottom: 18px;}
.compra_1_row .btn{width: 100%;}
.carrito_lft_in label.error{display: none !important;}


/*CARRITO 2*/
.metodo{padding: 30px 0; border-bottom: 1px solid #a9a9a9; }
.metodo.last{border-bottom: none;}
.metodo_in{position: relative; }
.metodo_in .ico{width: 82px;}
.metodo_in .ico label{cursor: pointer;}
.metodo_in .ico img{display: block;}
.metodo_in .check {padding: 0 30px;}
.metodo_in .help{width: 43px; color: #f4bf04;}
.metodo_in .help a{color: #f4bf04; font-size: 35px; 
                   -webkit-transition: color 0.45s ease;
                   -moz-transition: color 0.45s ease;
                   -o-transition: color 0.45s ease;
                   -ms-transition: color 0.45s ease;
                   transition: color 0.45s ease;
}
.metodo_in .help .w_a{position: relative;}
.metodo_in .help:hover a, .metodo_in .help a:hover, .metodo_in .help a.active{color: #ee9e12;}

.compra_2_row{padding-bottom: 25px;}
.w_compra_2_row .row{margin-bottom: 25px;}
.w_compra_2_row .row_lft, .w_compra_2_row .row_rgt{margin-bottom: 0;}


.exclamation{background-color: #ffeba4; padding: 4px 15px 0; margin-bottom: 35px;}
.exclamation_in{position: relative; }
.exclamation_in .ico{width: 37px; overflow: hidden; font-size: 37px; color: #ca2929;}
.exclamation_in .txt{padding-left: 5px;}

.w_compra_checkeable{max-width: 480px; margin-bottom: 25px;}
.w_btn_finalizar .btn{width: 378px;}

.w_popup_help{position: absolute; top: 50%; margin-top: -75px; left: 102%; padding-left: 38px; }
.w_popup_help .tri{position: absolute;  top: 50%; margin-top: -14px;}
.w_popup_help .tri_lft{ left: 0;}
.w_popup_help .tri_rgt{display: none; right: 0;}
.popup_help{background-color: #fff; border: 2px solid #252728;  padding: 15px 10px; text-align: center;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;  
}
.metodo_in .help .popup_help p, .metodo_in .help .popup_help p a{color: #393939; font-size: 16px;}
.metodo_in .help .popup_help p a{border-bottom: 1px solid #393939;
                                 -webkit-transition: border-color 0.45s ease;
                                 -moz-transition: border-color 0.45s ease;
                                 -o-transition: border-color 0.45s ease;
                                 -ms-transition: border-color 0.45s ease;
                                 transition: border-color 0.45s ease;                
}
.metodo_in .help .popup_help p a:hover{border-color: transparent;}

.metodo_in .help .w_a .w_popup_help{opacity: 0; visibility: hidden; left: 95%;
                                    -webkit-transition: opacity 0.30s ease, visibility 0.30s ease, left 0.30s ease, right 0.30s ease;
                                    -moz-transition: opacity 0.30s ease, visibility 0.30s ease, left 0.30s ease, right 0.30s ease;
                                    -o-transition: opacity 0.30s ease, visibility 0.30s ease, left 0.30s ease, right 0.30s ease;
                                    -ms-transition: opacity 0.30s ease, visibility 0.30s ease, left 0.30s ease, right 0.30s ease;
                                    transition: opacity 0.30s ease, visibility 0.30s ease, left 0.30s ease, right 0.30s ease;                
}
.metodo_in .help .w_a:hover .w_popup_help{opacity: 1; visibility: visible; left: 102%;}


/* RESPONSIVE */
@media only screen and (max-width : 1300px) {
    .w_panel_opciones{margin-left: -15px; margin-right: -15px;}

    .panel_opcion{padding: 0 15px;}
}
@media only screen and (max-width : 1282px) {
    .main_lft_inner .w_main_box, .main_rgt_top_inner .w_main_box, .main_rgt_bottom_inner .w_main_box{width: 100%;}
    .home_categoria_in .ico{width: 100px;}
    .row_lft_large{width: 50%;}
    .row_rgt_small{width: 50%;}

    .carrito_lft{width: 65%;}
    .carrito_rgt{width: 35%;}
}

@media only screen and (max-height : 550px) {
    html.intro,body.intro{height: auto;}
}
@media only screen and (max-width : 1230px) {
    .home_intro_box{width: 400px; margin-bottom: 30px;}
    html.intro,body.intro{height: auto;}
    .home_categoria_in .ico{width: 90px;}
}
@media only screen and (max-width : 1212px) {
    .user_opcion_inn{padding-left: 15px; padding-right: 15px;}
    .descripcion_lft{width: 490px;}
    .descripcion_rgt{padding-left: 490px;}

    .panel_opcion{width: 33.3333334%;}

    .carrito_lft_in{padding-right: 40px;}
}
@media only screen and (max-width : 1023px) {
    .top .display-table{display: block;}
    .top .display-table-cell{display: block; text-align: center;}
    .top .display-table-cell.w_logo{margin-bottom: 8px;}

    .user_opcion{width: 50%; margin-bottom: 30px;}
    .user_opcion_inn{padding-left: 35px; padding-right: 35px;}

    .resultado_inner{display: block;}
    .resultado_inner .img, .resultado_inner .txt, .resultado_inner .price{display: block;}
    .resultado_inner .img{float: left; }
    .resultado_inner .txt{padding-left: 0;}
    .resultado_inner .txt, .resultado_inner .price{padding-left: 100px; width: 100%;}
    .resultado_inner .price{text-align: left; padding-top: 5px;}

    .home_categoria_in .ico{width: 120px;}

    .subcategoria_home .sub_cat_lft{width: 35%;}
    .subcategoria_home .sub_cat_rgt{width: 65%;}

    .cliente{width: 220px;}

    .login_rgt { padding-left: 380px;}

    .duda_lft{width: 350px;}
    .duda_rgt{padding-left: 350px;}

    .galeria_rgt_in .popular{width: 50%;}
    .filter .label{display: block; margin-bottom: 10px;}
    .w_filter a{display: block; margin-bottom: 5px; margin-left: 0;margin-right: 20px;}

    .descripcion_lft{width: 42%;}
    .descripcion_rgt{padding-left: 42%;}
    .descripcion_img{padding-left: 0;}
    .descripcion_img_lft{position: relative; }
    .descripcion_img_lft_thumbs{overflow: hidden; margin-left: -6px; margin-right: -6px; padding-top: 12px;}
    .descripcion_img_lft_thumbs .w_a{padding: 0 6px 12px; float: left; width: 25%;}
    .descripcion_img_lft_thumbs a{ text-align: center; margin-bottom: 0;}
    .descripcion_img_lft_thumbs a img{ display: block; width: 100%;}
    .descripcion_rs{padding-top: 12px;}

    .perfil_lft{width: 35%;}
    .perfil_rgt{padding-left: 35%;}

    .w_perfil_productos .popular{width: 50%;}


    .miscompras_desc_in_lft{width: 100%; padding-right: 0; margin-bottom: 30px;}
    .miscompras_desc_in_rgt{width: 100%; border-left: 0; border-top: 1px solid #b6b6b7;}
    .miscompras_desc_in_rgt_in{border-left: 0; border-top: 1px solid #fff;}
    .miscompras_datos{padding-left: 0; padding-top: 30px;}

    .carrito_item{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f2f2f2;}
    .carrito_lft{width: 100%; margin-bottom: 60px}
    .carrito_rgt{width: 100%;}
    .carrito_item .ico{width: 200px;}
    .carrito_item .txt{padding-left: 200px;}
    .carrito_lft_in{padding-right: 0;}

    .metodo_in .help .w_a .w_popup_help{left: auto; right: 96%;}
    .metodo_in .help .w_a:hover .w_popup_help{left: auto; right: 102%;}
    .metodo_in .help .w_a .w_popup_help{padding-left: 0; padding-right: 38px;}
    .w_popup_help .tri_rgt{display: block;}
    .w_popup_help .tri_lft{display: none;}

    .contacto_info{padding-left: 60px; padding-right: 60px; padding-top: 15px;}
}

.row_submit_mobile{display: none;}
@media only screen and (max-width : 960px) {
    .galeria_lft{  width: 240px;}
    .galeria_rgt{padding-left: 240px;}

    .row_submit_normal{display: none !important;}
    .w_row_submit{position: relative;}
    .perfil_tab_txt_in .row_rgt_small{padding-left: 0; width: 135px; position: absolute; right: 0; top: 0;}
    .perfil_tab_txt_in .row_rgt_small .row_lft{width: 100%; padding-right: 0;}
    .w_row_submit{padding-right: 140px;}
    .w_row_submit .row_lft_large{width: 100%;}
    .row_submit_mobile{display: block; padding-top: 20px;}
}
@media only screen and (max-width : 920px) {
    .home_categoria_in .ico{width: 95px;}
    .login_lft{width: 250px;}
    .login_lft img{max-width: 100%;}
    .login_rgt{padding-left: 280px; }

    .descripcion_lft{width: 100%; max-width: 450px; margin: 0 auto 60px; float: none;}
    .descripcion_rgt{padding-left: 0;}
    .descripcion_rgt_in{padding-left: 0;}


}

@media only screen and (max-width : 840px) {
    .home_categoria_in .ico{width: 120px;}
    .subcategoria_home .sub_cat_lft{width: 50%;}
    .subcategoria_home .sub_cat_rgt{width: 50%;}

    .login_lft{width: 200px;}
    .login_rgt{padding-left: 220px; }


}
.top_responsive{display: none;}
.top_menu .w_opciones{display: none !important;}
.menu_responsive{display: none;}
.top_opciones_mobile{display: none;}
.title_mobile{display: none; padding: 0 15px;}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

    .wrapper_logo{padding-top: 16px; padding-bottom: 16px;}
    .top_opciones .btn_yellow, .top_opciones .w_form_search{display: none !important;}
    .top_responsive{display: block;}
    .top_menu .w_opciones{display: inline-block !important;}
    .top_menu{height: auto !important;}
    .wrapper_opciones .w_opciones{display: none !important;}
    .top_menu > .container{top: 0; opacity: 1;}
    .idioma .btn_language{display: inline-block; padding-left: 0; padding-right: 0; padding-top: 6px; padding-bottom: 8px;}
    .top_menu .w_opciones{padding-right: 0;}
    .w_nav{display: none !important;}
    .top_menu_in{display: table !important;}
    .w_idioma{display: table-cell !important; text-align: left; width: 50%;}
    .top_menu .w_opciones{display: table-cell !important; text-align: right; width: 50%;}
    .top_menu{overflow: visible;}
    .w_a_user .w_user_pop .tri{left: 22px;}
    .idioma.w_a_user .w_user_pop{left: 0; right: auto;}

    .menu_responsive{display: block; padding-top: 12px; padding-bottom: 2px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
    .menu_responsive.active{padding-bottom: 0; border-bottom: 0; }
    .menu_responsive_ul{display: block; background-color: #2a2b2c; height: 0; overflow: hidden;}
    .menu_responsive_ul li{}
    .menu_responsive_ul li a{display: block; color: #fff; padding: 12px 5px; border-bottom: 1px solid #d1d1d1;}
    .menu_responsive_ul li a:hover{color: #f4bf04;}

    .top_opciones_mobile{display: block; padding: 20px 15px; text-align: center;}
    .top_opciones_mobile .w_form_search .input{width: 190px;}

    .wrapper_opciones{display: none !important;}
    .w_top{box-shadow: none;}
    .top_opciones .btn_yellow, .w_top .w_form_search{margin: 0 6px 8px;}

    .main_lft{width: 100%; height: 300px; padding-right: 0; padding-bottom: 14px;}
    .main_rgt{width: 100%; padding-left: 0;}
    .main_lft_inner .w_main_box .main_box{bottom: 15px;}
    .main_rgt_top_inner .w_main_box .main_box{left: 15px; bottom: 15px;}
    .main_rgt_bottom_inner .w_main_box .main_box{left: 15px; bottom: 15px;}

    .user_opcion{width: 100%; margin-bottom: 15px;}
    .user_opcion_inner .btn{width: 220px;}


    .title_mobile{display: block;}
    .resultados_title{display: none;}
    .resultado{width: 100%; padding-left: 0; padding-right: 0;}
    .resultado_in{width: 50%; display: inline-block; vertical-align: top; padding:0 15px; background-color: transparent; border-bottom: 0;}
    .resultado_inner{padding: 12px; background-color: #fff; border-bottom: 4px solid #cdcdce; min-height: 91px;}
    .w_input_buscador input{font-size: 28px; padding: 15px 60px 15px 30px;}
    .w_input_buscador ::-webkit-input-placeholder {font-size: 28px;}
    .w_input_buscador :-moz-placeholder {font-size: 28px; }
    .w_input_buscador ::-moz-placeholder { font-size: 28px;}
    .w_input_buscador :-ms-input-placeholder {  font-size: 28px;}

    .home_categoria_in .ico{width: 95px;}

    .footer_menu .container{padding-left: 0; padding-right: 0;}
    .w_nav_footer{border: none;}
    .nav_footer {padding-top: 0 ;padding-bottom: 0; border: none; border-top: 1px solid #d1d1d1;}
    .nav_footer li{display: block;}
    .nav_footer li a{display: block; border-bottom: 1px solid #d1d1d1; margin: 0; padding: 8px 5px 10px;}

    .main_info_lft{float: none; text-align: center; margin-bottom: 20px;}
    .main_info_rgt{padding-left: 0;}
    .main_slider{margin: 0 auto; max-width: 100%;}

    .login_lft{width: 100%; text-align: center; margin-bottom: 30px;}
    .login_rgt{padding-left: 0; }

    .gracias_lft, .gracias_rgt{width: 100%;}
    .gracias_lft{padding-right: 0; text-align: center; margin-bottom: 30px}
    .gracias_rgt{padding-left: 0;}
    .w_btns {padding-top: 30px;}

    .error{padding-top: 0}
    .error_lft{width: 100%; padding-right: 0; text-align: center; margin-bottom: 30px;}
    .error_rgt{width: 100%;  padding-left: 0} 

    .contacto_lft{width: 100%; padding-right: 0; margin-bottom: 20px;}
    .contacto_rgt{width: 100%; padding-left: 0; }
    .contacto .row_lft{width: 100%; padding-right: 0; margin-bottom: 40px;}
    .contacto .row{margin-bottom: 0;}
    .contacto .row_rgt{width: 100%; padding-left: 0; margin-bottom: 40px;}
    .contacto_rgt .img{text-align: center;}

    .duda_lft{float: none; width: 100%;}
    .duda_lft_in{padding-right: 0;}
    .duda_rgt{padding-left: 0;}
    .duda_rgt_in{border-left: none; padding-left: 0;}

    .galeria_container{padding-left: 0;}
    .galeria_lft{width: 100%; float: none; padding: 0 15px;}
    .galeria_rgt{padding-left: 0;}
    .galeria_rgt_in{padding-left: 0;}
    .w_filter{padding-left: 15px; }
    .w_filter a{margin-right: 0;}

    .descripcion_lft{padding-top: 10px;}

    .w_perfil{padding-top: 20px;}
    .perfil_lft{width: 100%; float: none; }
    .perfil_rgt_in{padding-left: 0;}
    .perfil_lft .perfil_img{max-width: 368px; margin: 0 auto 20px;}
    .perfil_rgt{padding-left: 0;}

    .compra_form_lft{width: 100%; padding-right: 0;  margin-bottom: 30px; }
    .compra_form_rgt{width: 100%; padding-left: 0; border-left: none;}

    .contacto_info{padding-top: 35px;}
}

@media only screen and (max-width : 630px) {
    .home_categoria_in .ico{width: 120px; }
    .home_categoria_in{border-right: 0 !important;}

    .w_subcategoria_home{background-color: #dfdfdf;}
    .subcategoria_home .sub_cat_lft{display: none !important;}
    .subcategoria_home .sub_cat_rgt{width: 100%; background-color: transparent;}
    .w_subcategoria_home .w_subcat_rgt{display: none;}
    .sub_cat_rgt_in{padding-left: 0; padding-top: 20px; text-align: center;}
    .sub_cat_rgt_inner{padding-top: 50px; padding-bottom: 50px; height: auto;}

    .sub_cat_rgt_in .btn_yellow {display: inline-block; width: 220px;}
    .sub_cat_rgt_in .tri_up {display: block;}
    .w_sub p{display: block; text-align: center;}
    .w_sub a{margin-bottom: 10px; margin-top: 0;}

}
@media only screen and (max-width : 560px) {
    .resultado_inner .img{float: none; margin: 0 auto 10px;}
    .resultado_inner .txt, .resultado_inner .price{padding-left: 0;}

    .row_lft, .row_rgt{width: 100%;}
    .row_lft{padding-right: 0 !important;}
    .row_rgt{padding-left: 0  !important;}
    .w_info{padding-bottom: 0;}

    .disponibilidad{text-align: left;}
    .descripcion_btns{padding-left: 0;}
    .descripcion_btns_in {text-align: left; padding-top: 10px;}
    .descripcion_btns .descripcion_btns_in a{margin-left: 0; margin-right: 14px; margin-bottom: 10px;}
    .descripcion_btns .w_lote{position: relative;}

    .perfil_tab_txt_in .row{margin-bottom: 0;}
    .perfil_tab_txt_in .row_lft, .perfil_tab_txt_in .row_rgt{margin-bottom: 33px;}

    .carrito_item .ico{width: 100%; margin-bottom: 30px;}
    .carrito_item .txt{padding-left: 0;}
    .carrito_item .txt .descripcion_btns .w_lote{display: inline-block; vertical-align: top;}
    .carrito_item .txt .descripcion_btns .w_lote{display: inline-block; vertical-align: top; padding-bottom: 4px;}
    .carrito_item .disponibilidad{text-align: right;}

    .w_compra_2_row .row_lft{margin-bottom: 25px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    .title h1, .title h2, .title h3{font-size: 25px;}
    .btn_yellow{width: 100%;}

    .user_opcion_inn{padding-left: 20px; padding-right: 20px;}
    .user_opcion_inner .btn{width: 100%;}

    .slogan h2{font-size: 22px;}
    .btn_yellow_large{font-size: 17px;}
    .btn_yellow_medium{font-size: 17px;}
    .w_home_intro_boxes{padding-left: 0; padding-right: 0;}
    .home_intro_box{width: 100%;}
    .home_intro_box_head {padding-left: 0;}
    .home_intro_box_head .ico{position: relative; margin: 0 auto 10px;}
    .home_intro_box_head .txt{height: auto; margin-bottom: 10px;}

    .top_opciones_mobile .btn_yellow{width: 100%; margin-bottom: 12px;}
    .top_opciones_mobile .w_form_search{margin: 0;}
    .top_opciones_mobile .w_form_search , .top_opciones_mobile .w_form_search .input{width: 100%;}

    .resultado{margin-bottom: 15px;}
    .resultado_in{width: 100%; margin-bottom: 15px;}

    .sub_cat_rgt_in .btn_yellow {width: 100%;}

    .cliente{width: 100%; padding-left: 0; padding-right: 0;}

    .experiencia_in a{width: 100%; margin-left: 0; margin-right: 0;}

    .w_info{padding-top: 0;}

    .w_btns .w_a{width: 100%;}
    .w_btns .w_a_lft{padding-right: 0;}
    .w_btns .w_a_rgt{padding-left: 0;}

    .contacto .row button{width: 100%;}

    .w_ayuda_plus .btn_yellow.padding_large{padding-left: 15px; padding-right: 15px; width: 100%;}

    .galeria_rgt_in .popular{width: 100%;}

    .descripcion_tabs_btns a{display: block; float: none; position: static;}
    .descripcion_tabs_btns a.first{padding-right: 0; }
    .descripcion_tabs_btns a.first .ne{border-right: 1px solid #b0b0b0; height: auto; line-height: 1.2; padding-top: 8px; padding-bottom: 8px;
                                       -webkit-border-top-right-radius: 10px;
                                       -moz-border-radius-topright: 10px;
                                       border-top-right-radius: 10px;
    }
    .descripcion_tabs_btns a.first:hover .ne, .descripcion_tabs_btns a.first.active .ne{background-color: #f2f2f2;}
    .descripcion_tabs_btns a.first .no{display: none;}

    .descripcion_tabs_btns a.second{padding-left: 0; padding-right: 0; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; height: auto;}
    .descripcion_tabs_btns a.second:hover, .descripcion_tabs_btns a.second.active{background-color: #f2f2f2;}
    .descripcion_tabs_btns a.second .ne{display: none;}
    .descripcion_tabs_btns a.second .no{display: none;}
    .descripcion_tabs_btns a.second .txt{line-height: 1.2; padding-top: 8px; padding-bottom: 8px;}

    .w_perfil_productos .popular{width: 100%;}

    .miscompras_desc .tri{left: 50%; margin-left: -21px;}

    .panel_opcion{width: 50%;}

    .carrito_info{padding-left: 20px; padding-right: 20px;}

    .w_btn_finalizar .btn{width: 100%;}

    .metodo_in .check{padding-left: 5px; padding-right: 5px;}

    .paso{display: block !important; margin: 0 auto; }
    .paso_div{height: 30px; margin-bottom: 20px}
    .paso_div .to_right{display: none !important;}
    .paso_div .to_down{display: inline-block !important;}


}
@media only screen and (max-width : 430px) {
    .descripcion_rs{text-align: center;}
    .descripcion_rs_item{width: 100%; max-width: 200px; margin: 0 auto 6px; }
    .descripcion_rs_item.uno{padding-right: 0;}
    .descripcion_rs_item.dos{padding-left: 0; padding-right: 0;}
    .descripcion_rs_item.tres{padding-left: 0;}
}
@media only screen and (max-width : 420px) {
    .home_categorias{padding-left: 20px; padding-right: 20px;}
    .home_categorias_nav{font-size: 35px; margin-top: -20px;}
    .home_categorias_nav.prev{left: -10px;}
    .home_categorias_nav.next{right: -10px;}

    .populares{padding-left: 20px; padding-right: 20px;}
    .home_populares_nav{font-size: 35px; margin-top: -20px;}
    .home_populares_nav.prev{left: -10px;}
    .home_populares_nav.next{right: -10px;}

    .home_categoria_in .ico{width: 95px;}

    .contacto_info{padding: 35px 80px 0;}

    .micompra_item .w_img, .micompra_item .img{width: 80px;}
    .mCSB_inside > .mCSB_container{margin-right: 15px;}
    .micompra_item .txt{padding-left: 10px; padding-right: 10px;}
    .micompra_item .txt p{font-size: 14px;}

    .descuento .w_row{padding-right: 0;}
    .descuento .w_row .input{margin-bottom: 15px;}
    .descuento .w_row button{position: relative; }
    .descuento .w_row button{width: 100%;}
}
@media only screen and (max-width : 360px) {
    .user_opcion_inner{padding-left: 0;}
    .user_opcion_inner .ico{position: relative;}
    .user_opcion{text-align: center;}
    .contacto_info{padding: 35px 60px 0;}
    .contacto_info p{font-size: 14px;}



}
/* 2X */
@media 	only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
    .w_checkeable label.active{background-image: url("../icons/ico_check2x.png"); background-size: 24px 24px;}
    .w_checkeable.w_radio_js label{background: #fff;}
    .richtext ul li{background-image: url('../icons/ico_check_yellow2x.png'); background-size: 24px 24px;}
    .descripcion_tabs_btns a.first .no{background-image: url('../icons/no_first.png'); background-size: 30px 27px;}
    .descripcion_tabs_btns a.second .ne{background-image: url('../icons/ne_first.png'); background-size: 30px 27px;}
    .descripcion_tabs_btns a.second .no{background-image: url('../icons/no_first.png'); background-size: 30px 27px;}
}