/* Error de minimización. Devolviendo el contenido no minimizado.
(16,1): run-time error CSS1019: Unexpected token, found '@import'
(16,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700)'
(3322,86): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(4597,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '333'
 */

/* .col-lg-xxx */
@media (max-width: 1199px) {
}
/* .col-md-xxx */
@media (max-width: 992px) {
}
/* .col-sm-xxx / .col-ms-xxx */
@media (max-width: 767px) {
}
/* .col-xs-xxx */
@media (max-width: 479px) {
}


@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);




/*////////////////////////////////////////////////////////////////////*/
/*   GENERALES             ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

body {font-family: "Ubuntu", sans-serif}
body.Cart{
    font-family: "Arial"!important;
}
#body {
    padding-top: 30px;
    z-index: 0;
}


header, header .upper, header .main, section,
.LOGO, .MENU_TOP, .MENU_MAIN, .SEARCH_BOX, .CART_BOX, .LOGIN_BOX,
footer, footer .upper, footer .main, footer .credits {position: relative}

header, header .upper, header .main, section, footer, footer .upper, footer .main, footer .credits {float: left; width: 100%;}


textarea  {border: 1px solid #CCCCCC;}

.white {background: none repeat scroll 0 0 #FFFFFF;}

.marco {
    background: none repeat scroll 0 0 #F8F8F8 !important;
    border: 1px solid #EBEBEB !important;
    background-clip: padding-box;
    border-radius: 4px !important;
    width:100%;
}


.align_center {text-align: center}
.align_right {text-align: right}
.align_left {text-align: left}


.mostrame { display:none;}

/* mostrar/ocultar elementos */
/*
.muestro { display:block;}
.mostrame { display:none;}
.muestro:hover ~ .mostrame,
.mostrame:hover {
    display:block;
}*/

.muestro2 { display:block;}
.mostrame2 { display:none;}
.muestro2:hover ~ .mostrame2,
.mostrame2:hover {
    display:block;
}


a {transition: all 0.1s ease-in 0s;}





/* banners */
.banner-item {width: 100% !important;}
.banner-item img {width: 100%;}
.banner-item.Html img {width:auto;}
@media (max-width: 767px) {
    .banner-item {margin-bottom: 15px}
}


/* forms */
.required {
    color: #ffb200;
    float: right;
    font-size: 0.9em;
    margin-left: 4px;
    margin-top: 1px;
}
fieldset p {
    color: #777;
    float: left;
    font-size: 0.9em;
    margin-top: 10px;
}
.message {
    border: 1px solid;
    background-clip: padding-box;
    border-radius: 2px;
    display: block;
    font-size: 2em;
    line-height: 1em;
    padding: 15px;
}





/* RECUPERAR CONTRASEÑA ***********************/
.Recover .user_wrapper > h3 {
    background: #00778c none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    padding: 5px;
    text-align: left;
}
.Recover section  form {
    margin-bottom: 80px;
    width: 50%;
}
.Recover section  .btn {margin-top:10px}
.Recover section  p {
    color: #777777;
    font-size: 1em;
    margin-bottom: 100px;
}
@media (max-width: 479px) {
    .Recover section form {width:100%}
}








/*////////////////////////////////////////////////////////////////////*/
/*   HEADER                ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

header {}

@media (max-width: 767px) {
    header {}
}




/**************************************************************************/
/*  UPPER  *******************************/
header .upper {
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.4, #e4e6e8),
    color-stop(1, #c9c9c9)
);
background-image: -o-linear-gradient(bottom, #e4e6e8 40%, #c9c9c9 100%);
background-image: -moz-linear-gradient(bottom, #e4e6e8 40%, #c9c9c9 100%);
background-image: -webkit-linear-gradient(bottom, #e4e6e8 40%, #c9c9c9 100%);
background-image: -ms-linear-gradient(bottom, #e4e6e8 40%, #c9c9c9 100%);
background-image: linear-gradient(to bottom, #e4e6e8 40%, #c9c9c9 100%);
}




/**************************************************************************/
/*  MENU_TOP  *******************************/
.MENU_TOP {float: right}
.MENU_TOP > li > a {
    color: #444;
    font-size: 0.95em;
    font-weight: 300;
    letter-spacing: 0.02em;
    padding: 6px 12px;
}

.MENU_TOP > li > a:hover, .MENU_TOP > li > a:focus {
    background: #fff !important;
    color: #1469ab !important;
}





/**************************************************************************/
/*  MAIN  *******************************/

.onda {
    display: block;
    height: 115px;
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 3;
}
.onda img {
    height: 100%;
    width: auto;
}

header .main {
    height: 90px;
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.4, #FFFFFF),
    color-stop(1, #E0E0E0)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 40%, #E0E0E0 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 40%, #E0E0E0 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 40%, #E0E0E0 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 40%, #E0E0E0 100%);
background-image: linear-gradient(to bottom, #FFFFFF 40%, #E0E0E0 100%);
}

.navbar-header {float: left}
.LOGO {
    display: block;
    height: auto;
    margin: 0 0 5px 10px;
    padding: 0 !important;
    text-align: center;
    width: 135px;
    z-index: 3;
}
.LOGO img {
    width: 100%;
}






/*  SEARCH_BOX  *******************************/
.SEARCH_BOX ::-webkit-input-placeholder {color:#fff !important;}
.SEARCH_BOX :-moz-placeholder {color:#fff !important;}
.SEARCH_BOX ::-moz-placeholder {color:#fff !important;}
.SEARCH_BOX :-ms-input-placeholder {color:#fff !important;}

.SEARCH_BOX {
    float: right;
}
.Cart .SEARCH_BOX{
    float: right!important;
}
.SEARCH_BOX .form-control {
    background: none repeat scroll 0 0 #004078;
    color: #fff;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-right: 11px;
    padding: 0 34px 0 8px;
    box-shadow: none;
    width: 100%!important;
    display: block!important;
    border:none;
    font-weight: 300;
}
.SEARCH_BOX  .form-inline .form-group{
    display: block!important;
}
.SEARCH_BOX .search_submit {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 13px;
    text-align: center;
    top: 4px;
    width: 30px;
}

.SEARCH_BOX .navbar-form {
    margin: 8px 0;
    padding: 0;
}
.SEARCH_BOX .search_submit .glyphicon:before{
    color: white;
    font-size: 20px;
    margin-top: 3px;
    display: block;
}


.ui-autocomplete {
    background: none repeat scroll 0 0 #ffffff;
    background-clip: padding-box;
    border-radius: 0 0 2px 2px;
  /*  color: #343434;*/
    font-size: 0.9em;
    max-width: 326px;
    padding: 7px;
    z-index: 3;
}
.ui-autocomplete li {
    padding: 2px 0;
}
.ui-autocomplete li:hover {color: #23b1a5}

@media (max-width: 767px) {
    .ui-autocomplete {
      max-width: 245px;
      float: right;
    }
}





/*  LOGIN_BOX *******************************/

.LOGIN_BOX, .CART_BOX {
    float: right;
    font-size: 14px;
    margin: 15px 5px 0;
    position: relative;
    text-align: center;
    z-index: 4;
}
.CART_BOX:hover, .LOGIN_BOX:hover {text-decoration: none !important;}

.LOGIN_BOX {}
.LOGIN_BOX > li > a {
    float: left;
    padding: 8px 6px;
}
.LOGIN_BOX ul li a {
    float: right;
    font-size: 0.9em !important;
    text-align: right;
    width: 88%;
}

.LOGIN_BOX .login-button, .CART_BOX .cart-button, .bthead {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18) inset;
    color: #004078 !important;
    float: left;
    height: 43px;
    letter-spacing: -0.02em;
    line-height: 40px;
    margin: 5px 0 0;
    padding: 0 13px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
}
.login-button.publico {
    background: #154198 none repeat scroll 0 0 !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.78) inset;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
}

.LOGIN_BOX .login-button .i-login, .CART_BOX .cart-button .i-cart {
    display: inline-block;
    float: left;
    font-family: "Ionicons";
    font-size: 1.8em;
    margin: 0 5px 0 0;
    position: relative;
}
.LOGIN_BOX .login-button .i-login::after {content: '\f2d8';}

.LOGIN_BOX .login-button span {}

.LOGIN_BOX .login-button::after, .CART_BOX .cart-button::after {content: '\f104';}
.LOGIN_BOX .login-button::after, .CART_BOX .cart-button::after {
  font-family: 'Ionicons';
  font-size: .7em;
  font-weight: normal;
  margin-left: 1px;
}
.LOGIN_BOX .login-button span.logeado {
  display: none;
}
.LOGIN_BOX .login-button span strong {
  font-size: .9em;
  font-weight: 300;
}
.LOGIN_BOX .username {
    color: #004078;
    font-size: 0.85em;
    left: 27px;
    position: absolute;
    top: -13px;
    display: none;
}
.LOGIN_BOX .login-button strong + span {
}
.LOGIN_BOX .login_window, .CART_BOX .cart-window {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #cccccc;
    border-radius: 4px !important;
    box-shadow: none;
    color: inherit;
    left: auto;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    text-align: left;
    text-transform: none;
    top: 45px;
    width: 300px;
}
.LOGIN_BOX .login_window {}

/* ver window en :hover */
/*.LOGIN_BOX > li:hover > .dropdown-menu {
    display: block !important;
}*/


.LOGIN_BOX .login_window fieldset {padding: 10px 0;}
.LOGIN_BOX .login_window legend {display: none;}
.LOGIN_BOX .login_window .form-group {margin-bottom: 8px;}
.LOGIN_BOX .login_window input[type="text"], .LOGIN_BOX .login_window input[type="password"] {
    background-clip: padding-box;
    box-shadow: none;
    color: #000;
    font-size: 12px;
    height: auto;
    padding: 7px 10px !important;
}
.LOGIN_BOX .login_window input[type="submit"] {font-size: 12px; border-radius: 2px;}

.forget {
    color: rgba(0, 0, 0, 0.54);
    float: right !important;
    font-size: 0.85em !important;
    width: auto !important;
}
.register {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.77);
    float: left !important;
    margin-top: 15px;
    padding: 3px 0 0;
    text-align: center !important;
    width: 100% !important;
    line-height: 1.5em;
    display: none;
}
.forget:hover,
.register:hover {
  color: #004078;
}



.LOGIN_BOX .dropdown-menu > li > a, .LOGIN_BOX .dropdown-menu > li form > a {
    border-bottom: 1px solid #eee;
    color: #000;
    font-size: 1em;
    margin: 0;
    padding: 9px 0;
    text-align: right;
    width: 100%;
}
.LOGIN_BOX .dropdown-menu li a:hover { color: #004078; background: none; text-decoration: none}

.LOGIN_BOX .dropdown-menu li a.register:before {content: '\f47e';}
.LOGIN_BOX .dropdown-menu li a.register:before{
  font-family: 'Ionicons';
  font-size: 2em;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.LOGIN_BOX .dropdown-menu li a.forget{margin-top: 10px;}

/*.LOGIN_BOX .login_window2 li a:before {
  font-family: 'Ionicons';
  font-size: 1.4em;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.LOGIN_BOX .login_window2 li:nth-child(1) a:before {content: '\f47e';}
.LOGIN_BOX .login_window2 li:nth-child(2) a:before {content: '\f141';}
.LOGIN_BOX .login_window2 li:nth-child(3) a:before {content: '\f2d1';}
.LOGIN_BOX .login_window2 li:nth-child(4) a:before {content: '\f29f';}*/

.LOGIN_BOX .login_window2 {
    padding: 0 15px !important;
    width: auto;
}





/* CART_BOX ***********************/

.CART_BOX {}
.CART_BOX .cart-button {
    background: #ef110f none repeat scroll 0 0;
    color: #fff !important;
}
.cart-button.publico {
    text-transform: none;
    box-shadow: 0 0 12px rgba(45, 0, 0, 0.63) inset;
}

.CART_BOX .cart-button .i-cart {margin-left: -5px;}
.CART_BOX .cart-button .i-cart:before {content:"\e083"}
.CART_BOX .cart-button .i-cart::before {
  font-family: 'E3Interface';
}
.CART_BOX .cart-button .i-cart span {
  font-size: 1.2em;
  font-weight: 500;
  position: relative;
  top: -4px;
  left: 5px;
  display: inline-block;
}
.CART_BOX .cart-button .items {
  display: inline-block;
  position: relative;
  font-size: 0.98em;
/*  top: -4px;
  left: -8px;*/
  /*padding-left: 10px;*/
}
.CART_BOX .cart-button .items .it { }
.CART_BOX .cart-button .items .it span {
  background: #000 none repeat scroll 0px 0px;
  border-radius: 50px;
  color: #FFF;
  padding: 1px 5px;
  transition: all 0.2s ease-in 0s;
  /*font-size: 10px;*/
}
.CART_BOX .cart-button .items .it strong {font-weight: normal; display: none}

.CART_BOX .cart-button .items .pr {
  font-size: 0.92em;
  display: none;
}
.CART_BOX .cart-button strong {font-weight: normal;}



.CART_BOX .cart-window {}
.CART_BOX .cart-window ol {
    background: none repeat scroll 0 0 #fff;
    float: left;
    font-size: 1.3em;
    margin: 0;
    max-height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px 12px;
    width: 100%;
}
.CART_BOX .cart-window ol li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    float: left;
    height: auto;
    min-height: 60px;
    padding: 7px 0;
    position: relative;
    width: 100%;
}
.CART_BOX .cart-window .img {
    float: left;
    margin-right: 3%;
    text-align: center;
    width: 18%;
}
.CART_BOX .cart-window .img img {
    margin: 0 auto;
    max-height: 45px;
}
.CART_BOX .cart-window .datos {
    float: left;
    height: auto;
    width: 79%;
    font-size: 0.95em;
}
.CART_BOX .cart-window .name {
    float: left;
    font-size: 0.67em;
    line-height: 14px;
    margin-bottom: 6px;
    width: 100%;
}
.CART_BOX .cart-window .cantidad {
    color: #848273;
    float: none;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 5px;
    text-transform: none;
}
.CART_BOX .cart-window .cantidad strong {
    font-weight:normal;
    font-size:1.1em;
}
.CART_BOX .cart-window .price {
    float: left;
    font-size: 0.6em;
}
.CART_BOX .cart-window .price:after {display: none}
.CART_BOX .cart-window .price > span:first-child:after {
    content: " + IVA";
    font-size: 0.67em;
    font-weight: lighter;
}
.CART_BOX .cart-window .price > span:first-child {
    font-size: 1.2em;
    font-weight: normal;
}
.CART_BOX .cart-window .remove {
    background: none repeat scroll 0 0 #ccc;
    background-clip: padding-box;
    border-radius: 20px;
    color: #fff;
    float: right;
    font-size: 0.6em;
    height: 18px;
    line-height: 17px;
    text-align: center;
    width: 18px;
}
.CART_BOX .cart-window .remove:hover {background: #888}
.CART_BOX .cart-window .subtotal {
    float: left;
    font-size: 0.9em;
    padding: 12px;
    text-transform: uppercase;
}
.CART_BOX .cart-window .subtotal span {
    font-size: 1.2em;
}
.CART_BOX .cart-window .btn {
    font-size: 13px;
    margin: 12px;
    padding: 4px 8px;
    border-radius: 2px;
}
.CART_BOX .cart-window .mje-nohay {
    margin: 15px;
    text-align: right;
}

.bt_checkout {
    border:1px solid #57212f;
    float: right;
    height: 20px;
    margin-left: 4px;
    width: 6em;
    line-height:1.4em;
}




.bthead {
    float: right;
    font-size: 0.8em;
    line-height: 1em;
    margin: 20px 6px 0 0;
    padding: 8px 0 8px 13px !important;
    z-index: 4;
    width: 106px;
}
.bthead:hover {background: #ededed !important}

.bthead::before {
    display: inline-block;
    float: left;
    font-family: "Ionicons";
    font-size: 2em;
    height: 100%;
    margin: 5px 8px 0 0;
}
.bthead.bthead-hist:before {content: "\f12c"}
.bthead.bthead-deuda:before {content: "\f127"}

.bthead.bthead-hist {width: 117px;}
.bthead.bthead-deuda {}




/**************************************************************************/
/*  MENU_MAIN ******************************/

.MENU_MAIN {
    border-bottom: 3px solid #fff;
    border-top: 2px solid #fff;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    height: auto !important;
    z-index: 2;
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.4, #efefef),
    color-stop(1, #d3d3d3)
);
background-image: -o-linear-gradient(bottom, #efefef 40%, #d3d3d3 100%);
background-image: -moz-linear-gradient(bottom, #efefef 40%, #d3d3d3 100%);
background-image: -webkit-linear-gradient(bottom, #efefef 40%, #d3d3d3 100%);
background-image: -ms-linear-gradient(bottom, #efefef 40%, #d3d3d3 100%);
background-image: linear-gradient(to bottom, #efefef 40%, #d3d3d3 100%);
}

.MENU_MAIN .nav {
    background: transparent none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    margin: 0;
    padding: 0;
    float: right;
    width: auto;
}
.MENU_MAIN .nav li {float: left; position: unset;}
.MENU_MAIN .nav > li > a .caret {display:none;}


.MENU_MAIN .nav > li:hover > a {
  background: #0c3586;
  color: #FFF;
}
.MENU_MAIN * {text-shadow: none !important}
.MENU_MAIN .nav > li > a {
    color: #0c3586;
    display: block;
    font-size: 1.25em;
    height: auto;
    padding: 13px 17px;
    z-index: 4;
}
.MENU_MAIN .nav > li > a:hover {
  color: #FFF;
  background: #0c3586;
}


/* menu privado */
.MENU_MAIN.privado {
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.7, #004078),
    color-stop(1, #012A4F)
);
background-image: -o-linear-gradient(bottom, #004078 70%, #012A4F 100%);
background-image: -moz-linear-gradient(bottom, #004078 70%, #012A4F 100%);
background-image: -webkit-linear-gradient(bottom, #004078 70%, #012A4F 100%);
background-image: -ms-linear-gradient(bottom, #004078 70%, #012A4F 100%);
background-image: linear-gradient(to bottom, #004078 70%, #012A4F 100%);
}
.MENU_MAIN.privado .nav {float: left}
.MENU_MAIN.privado .nav > li:hover > a {
  color: #0c3586;
  background: #fff;
}
.MENU_MAIN.privado .nav > li > a {
    color: #fff;
}
.MENU_MAIN.privado .nav > li > a:hover {
    background: #3a8abb none repeat scroll 0 0;
    color: #fff;
}






/* submenu desplegable */
.MENU_MAIN .dropdown-menu {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #000;
    border-radius: 0 !important;
    box-shadow: none;
    float: none;
    font-size: 1.21em;
    height: auto;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 52px;
    width: 100%;
}
.MENU_MAIN .dropdown-menu > li {
    background: transparent !important;
    float: left !important;
}
.MENU_MAIN .dropdown-menu > li > a {
  background: transparent !important;
  color: #000;
  padding: 8px 20px !important;
}
.MENU_MAIN .dropdown-menu > li > a:hover {
  background: transparent !important;
  color: #004078 !important;
}


@media (min-width: 768px) {
    .MENU_MAIN {display: block;}
    .MENU_MAIN .nav > li:hover .dropdown-menu {display: block}
}



.navbar-default .navbar-collapse {border: 0}



/* menumain_button *****************/
.menumain_button {
    background: #004078 none repeat scroll 0 0 !important;
    border: 0 none !important;
    border-radius: 0;
    color: #fff !important;
    float: left;
    font-size: 1.3em;
    line-height: 38px;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
}
.menumain_button:hover {background: #117170}
.menumain_button .navbar-toggle {
    height: 100%;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: right;
    width: 100%;
    color: #fff;
    border-radius: 0;
}
.menumain_button .navbar-toggle, .menumain_button .navbar-toggle:hover, .menumain_button .navbar-toggle:focus {background: none !important}

.menumain_button .navbar-toggle:before {content:"\f35f"}
.menumain_button .collapsed:before {content:"\f365"}
.menumain_button .navbar-toggle::before {
    float: right;
    font-family: "Ionicons";
    font-size: 0.78em;
    line-height: 38px;
    margin-left: 7px;
    margin-right: 10px;
}


/* privado */
.menumain_button.privado .navbar-toggle {
    float: right;
    font-size: 0.9em;
    padding: 0;
    width: 100%;
}
.menumain_button.privado .navbar-toggle:hover {
    color: #004078 !important;
    background: #fff !important;
}

.MENU_MAIN.privado {
    background: transparent;
    margin-top: -40px;
    position: relative;
    width: auto !important;
    z-index: 5;
    border: 0;
    margin-left: 145px;
}
.MENU_MAIN.privado .nav > li > a {
    background: #2877a7 none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 3px;
    font-size: 1.02em;
    letter-spacing: 0.02em;
    margin: 8px 7px 0 0;
    padding: 1px 9px 2px;
}

.menumain_button.privado > div {
    float: right;
    position: relative;
    width: 260px;
}
.menupriv {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 0 4px;
    font-size: 0.85em;
    position: absolute;
    right: 0;
    top: 40px;
    width: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.47);
    overflow: hidden;
}
.menupriv a {
    background: #f2f2f2 none repeat scroll 0 0;
    border-top: 2px solid #fff;
    display: block;
    padding: 0 16px;
    text-transform: none;
    width: 100% !important;
    text-align: center;
}
.menupriv a:hover {
    background: #004078 none repeat scroll 0 0;
    color: #fff;
}
.menumain_button > div:hover > a {
    background: #fff none repeat scroll 0 0 !important;
    color: #004078 !important;
}


.dropdown-submenu.open .dropdown-menu {display: block}







/**************************************************************************/
/* MMENU ****/

.mmenu_button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #004078;
    border-radius: 4px;
    color: #004078;
    float: right;
    font-size: 29px;
    height: 42px;
    line-height: 39px;
    margin: 20px 5px 0 0;
    text-align: center;
    text-decoration: none !important;
    width: 41px;
    position: relative;
    z-index: 4;
}
.Cart .mmenu_button{
    display: none!important;
}
.mmenu_button:before {content: "\f20d"}
.mmenu_button:before {font-family: "Ionicons";}

.mmenu_button:hover  {background: #004078; text-decoration: none; color: #fff; transition: 0ms!important;}



/* menu *****/
#mmenu {
    background: #004078 !important;
    color: rgba(255, 255, 255, 0.76);
    z-index: 1001;
}
#mmenu:not( .mm-menu ) {
   display: none;
}
#mmenu .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    font-family: "Ubuntu",sans-serif;
    font-size: 0.86em;
    letter-spacing: 0.13em;
    margin: 1px 0;
    padding-top: 1px;
}
#mmenu .mm-list li a:hover {color: #fff !important; }

.mm-list > li > a, .mm-list > li > form a, .mm-list > li > span {
    color: inherit;
    display: block;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mm-menu .mm-list > li > a.mm-subopen::after, .mm-menu .mm-list > li > a.mm-subclose::before {
    border-color: rgba(255, 255, 255, 0.7);
}
#mmenu .cart {
    color: #fff !important;
    font-family: "Ubuntu";
}
#mmenu .i-cart, #mmenu .i-login {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 13px;
    top: 10px;
}
#mmenu .i-cart:before, #mmenu .i-login:before {
    color: #fff;
    font-size: 27px;
    margin: 0;
}
#mmenu .back a {
    background: none repeat scroll 0 0 rgba(4, 4, 4, 0.07);
    border-bottom: 2px solid rgba(255, 252, 252, 0.27);
}






/**************************************************************************/
/* HEADER RESPONSIVE ***********/

.MENU_MAIN .navbar-nav .open {background: #1469ab !important;}


@media (max-width: 1199px) {
}


@media (max-width: 992px) {
header .upper {font-size: 0.9em;}
.LOGO {
    margin-top: 4px;
    width: 105px;
}
.MENU_MAIN.privado {margin-left: 90px}
.onda {height: 92px;}
.LOGIN_BOX, .CART_BOX, .MENU_MAIN {font-size: 0.9em;}
.CART_BOX .cart-button .i-cart {margin-right: 0}
.LOGIN_BOX .login-button, .CART_BOX .cart-button, .bthead {
    padding-left: 10px;
    padding-right: 10px;
}
}


@media (min-width: 768px) {
    .MENU_MAIN {display: block !important;}
}


@media (max-width: 767px) {
.onda {height: 83px; width: 100%;}
.onda img {width: 100%}
header .upper {display:none }
header .main {height: 86px; }
header .main .navbar-default {
    width: 100% !important;
}
.LOGO {}

.bthead {display: none}
.LOGIN_BOX .login-button span, .CART_BOX .cart-button strong {
    display: none;
}


/* menu ******/
.MENU_MAIN .nav, .MENU_MAIN ul, .MENU_MAIN li, .MENU_MAIN a, .MENU_MAIN .menu_categs li.grid-item, .MENU_MAIN .dropdown-menu, .MENU_MAIN .dropdown-submenu, .MENU_MAIN .navbar-nav .open {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    float: left !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    white-space: normal !important;
    width: 100% !important;
}
.MENU_MAIN a {
    padding: 10px 32px 10px 15px !important;
    text-align: right;
}
.MENU_MAIN .img {display: none}
.MENU_MAIN a:hover, .MENU_MAIN a:hover span {
    background: #004078 !important;
    color: #fff !important;
}
.MENU_MAIN #navbar {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1px !important;
}
.menu_categs li.grid-item::before {display: none !important}
.MENU_MAIN .caret, .MENU_MAIN a:hover .caret {background: transparent none repeat scroll 0 0 !important;}

}


@media (max-width: 467px) {
.bthead {display: none}
.LOGO {
    margin: 3px 0 0 3px;
    width: 86px;
}
.LOGIN_BOX, .CART_BOX, .MENU_MAIN {
    margin: 15px 7px 0 0 !important;
}
.MENU_MAIN {margin-top: 0 !important}
.LOGIN_BOX .login-button, .CART_BOX .cart-button, .bthead {
    padding: 0 7px;
}
.menumain_button.privado .navbar-toggle {
    font-size: 0.8em;
}
}





/*////////////////////////////////////////////////////////////////////*/
/*   FOOTER                ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

footer {
}
.Home footer {
    margin-top: 0px;
}



/*  UPPER *******************************/
footer .upper {}

footer .upper .socials span {}
footer .upper .socials li a {
    border: 1px solid #898989;
    color: #525252;
    display: block;
    float: left;
    font-size: 25px;
    height: 38px;
    margin: 13px 10px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 38px;
}
.socials li a:hover {border-color: #23b1a5; color: #23b1a5;}


.socials li a:before {font-family: "E3Interface"}
.socials .s-facebook:before {content: "\e03b"; font-size: 0.92em}
.socials .s-twitter:before {content: "\e097"}
.socials .s-youtube:before {content: "\e0a4"}
.socials .s-googleplus:before {content: "\e042"; font-size: 1.1em}
.socials .s-pinterest:before {content: "\e08c"}
.socials .s-linkedin:before {content: "\e052"}



/*  MAIN *******************************/
footer .main {
    padding: 25px 0 0;
    border-top: 2px solid #2785db;
    background: #f5f5f5;
}

.menu_footer {margin-bottom: 35px;}
.menu_footer h3 {
    color: #000;
    font-size: 1em;
    font-weight: lighter;
    letter-spacing: 0.02em;
    margin: 0 0 12px;
    text-transform: uppercase;
}
.menu_footer a {
    color: #000;
    float: left;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    opacity: 0.5;
    padding: 4px 0;
    width: 100%;
}
.menu_footer a:hover {opacity: 1; text-decoration: underline; }




@media (max-width: 767px) {
footer .main .menu_footer:nth-child(2n+1) {clear: left}
footer .main .menu_footer:nth-child(2n+2) {clear: right}
.menu_footer {font-size: 0.9em}
}







/*  MAIN - PUBLICO (news) *******************************/
footer .main.news {
    background: #ebebeb none repeat scroll 0 0;
    padding: 25px 0 18px;
    text-align: center;
}
footer .main.news p {
    display: inline-block;
    font-size: 1.5em;
    font-weight: lighter;
    margin: 0 0 15px;
    padding-right: 20px;
}
footer .main.news a {
    background: #012d85 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 0.95em;
    line-height: 20px;
    margin: 0 0 5px;
    padding: 5px 25px;
    text-align: center;
    text-transform: uppercase;
}
footer .main.news a::after {content: "\f363"}
footer .main.news a::after {
    font-family: "Ionicons";
    padding-left: 6px;
}
footer .main.news a:hover {background: #0c777c}

@media (max-width: 767px) {
    footer .main.news p {font-size: 1.25em}
}



/*  CREDITS *******************************/

footer .credits {
    border-top: 2px solid #fff;
    color: #a7a7a7;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0) url("/Content/templates/base/images/deg.png") no-repeat scroll center top / 100% auto;
}

footer .footerlogo {
    background: rgba(0, 0, 0, 0) url("/Content/templates/base/images/footerlogo.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    float: left;
    height: 55px;
    margin: 0 10px 0 6px;
    width: 55px;
}

footer .credits p {
    color: #888;
    float: none;
    font-size: 0.95em;
    line-height: 1.7em;
    margin: 6px auto;
    padding: 0 130px;
    text-align: center;
}
footer .credits p.copyright {opacity: 0.5}


.e3 {
    background: rgba(0, 0, 0, 0) url("/content/images/E3.png") no-repeat scroll 0 0 / 100% auto;
    cursor: pointer;
    float: right;
    height: 20px;
    opacity: 0.25;
    width: 20px;
    margin-right: 12px;
}
.e3:hover {opacity: 0.5; transition: 0ms!important}

.datafiscal {
    background: rgba(0, 0, 0, 0) url("/content/images/i-datafiscal.png") no-repeat scroll 0 0 / 100% auto padding-box;
    float: left;
    height: 71px;
    width: 43px;
}





@media (max-width: 767px) {
footer .credits p {font-size: 0.87em; line-height: 1.4em; padding: 0 55px 0 130px;}
}


@media (max-width: 479px){
footer .credits p {
    float: left;
    padding: 0 15px;
    width: 100%;
}
}



/* backtotop ****************/
.backtotop {
    background: #004078 none repeat scroll 0 0;
    border-radius: 3px 0 0 3px;
    bottom: 15px !important;
    color: #fff !important;
    cursor: pointer;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    line-height: 1em;
    padding: 4px 4px 7px 6px;
    position: fixed;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.7s ease-in-out 0s;
    z-index: 4;
}
.backtotop:before {content: "\f365"}
.backtotop::before {
    display: block;
    font-family: "Ionicons";
    font-size: 18px;
}
.backtotop:hover {
    background: #00778c;
}





/*////////////////////////////////////////////////////////////////////*/
/*   BOXES                 ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/







/*////////////////////////////////////////////////////////////////////*/
/*   HOME                  ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

section {
    background: rgba(0, 0, 0, 0) url("/Content/templates/base/images/deg.png") no-repeat scroll center top / 100% auto;
}
.Cart section{
    background: #004078;
    padding-top: 20px;
    padding-bottom: 50px;
}
.Cart section>.container{
    background: #fff;
    border-radius: 4px;
    border:4px solid #ccc;
}
.main-banners {
    float: left;
    width: 100%;
    margin-bottom: 3px;
}

/* OWL SLIDER ******/
.owl-carousel {margin: 0}
.owl-prev, .owl-next {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 40px;
    cursor: pointer;
    height: 32px;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: 2000px;
    top: 45%;
    width: 32px;
    z-index: 3;
    color: #fff;
    font-family: "Ionicons" !important;
    font-size: 25px;
    line-height: 31px;
    text-indent: 0;
}

.owl-prev {left: 3px;}
.owl-next {right: 3px;}
.main-slider .owl-prev {left: 0px;}
.main-slider .owl-next {right: 0px;}

.owl-prev:before {content: "\f124"}
.owl-next:before {content: "\f125"}
.owl-prev:before {margin-left: 5px; float: left}
.owl-next:before {margin-right: 5px; float: right}


.owl-prev:hover, .owl-next:hover {}

.owl-dots {
    margin-top: 6px;
}
.owl-dots div {
    background: #D6D2D2;
    border: 1px solid #ddd;
    background-clip: padding-box;
    border-radius: 15px;
    display: inline-block;
    height: 9px !important;
    margin: 0 5px;
    text-align: center;
    width: 9px !important;
}
.owl-dots div:hover {opacity: 0.7}

.owl-dots .active {
    background: #004078;
    border-color: #004078;
    opacity: 1 !important;
}
.owl-theme .owl-controls {margin-top: 0}





/* OWL SLIDER MAIN-SLIDER ******/
.main-slider {}
.main-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.main-slider .owl-controls {margin: 0;}
.main-slider .owl-prev, .main-slider .owl-next {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 40px;
    cursor: pointer;
    height: 32px;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: 2000px;
    top: 45%;
    width: 32px;
    z-index: 3;
    color: #fff;
    font-family: "Ionicons" !important;
    font-size: 25px;
    line-height: 31px;
    text-indent: 0;
}
.main-slider .owl-prev {left: 1%;}
.main-slider .owl-next {right: 1%;}

.img-bannerSlider{ width: 100%; }
.img-bannerSlider img{ width: 100%; }


@media (max-width: 1199px) {
}
@media (max-width: 992px) {
}

@media (max-width: 767px) {
.main-slider .owl-prev::before, .main-slider .owl-next::before {
    font-size: 14px !important;
    margin-top: -3px;
}
.main-slider .owl-prev::before, .main-slider .owl-next::before {
    font-size: 14px !important;
    margin-top: -3px;
}
}



/* SLIDER2 IZQUIERDA (PUBLICO) ******/

.main-banners.publico > div {padding: 0}
#main-slider2 {
    float: left;
    height: 100%;
    position: relative;
    width: 99%;
}
#main-slider2 .owl-carousel .owl-item {
    height: 100%;
    overflow: hidden;
}
#main-slider2 .owl-carousel .owl-item img {
    margin: 0 auto;
    max-height: 100%;
    min-width: 100%;
    text-align: center;
    width: auto;
}
.main-banners.publico .partido .banner-item img {height: 100%}



@media (min-width: 1650px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 370px !important;}}
@media (max-width: 1649px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 333px !important;}}
@media (max-width: 1500px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 305px !important;}}
@media (max-width: 1599px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 294px !important;}}
@media (max-width: 1350px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 266px !important;}}
@media (max-width: 1199px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 240px !important;}}
@media (max-width: 1099px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: 226px !important;}}
@media (max-width: 992px) {
    .main-banners.publico .hei, #main-slider2 .owl-carousel .owl-item img {
        height: auto !important;}}



@media (max-width: 992px) {
#main-slider2 {width: 100%; margin-bottom: 5px;}
#main-slider2 .owl-carousel .owl-item img {width: 100%}
.main-banners.publico .peq .banner-item {margin: 0}
.main-banners.publico .peq .banner-item img {padding: 0 3px}
}


@media (max-width: 767px) {
}
@media (max-width: 479px) {
}



/* BANNERS DERECHA (PUBLICO) ******/
.B-derecha {
    float: right;
    height: 100%;
    margin: 0 0 0 1%;
    position: relative;
    width: 25%;
    z-index: 1;
    overflow: hidden;
}
.B-derecha > div:first-child {
    margin-bottom: 2%;
}
.B-derecha .banner-item {
    height: 49%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100% !important;
}
.B-derecha .bg {
    background-position: center center;
    background-size: cover;
    height: 100%;
    margin: auto;
    width: 100%;
}




/* BANNERS PRIVADO ****************/
.bannerprivado {
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #040d15),
    color-stop(0.6, #123b5e)
);
background-image: -o-linear-gradient(bottom, #040d15 0%, #123b5e 60%);
background-image: -moz-linear-gradient(bottom, #040d15 0%, #123b5e 60%);
background-image: -webkit-linear-gradient(bottom, #040d15 0%, #123b5e 60%);
background-image: -ms-linear-gradient(bottom, #040d15 0%, #123b5e 60%);
background-image: linear-gradient(to bottom, #040d15 0%, #123b5e 60%);
}

.bannerprivado .b-center > div {padding-bottom: 20px;}

.bannerprivado .azul {background: #3a86c3}
.bannerprivado .rojo {background: #820100}
.bannerprivado .verde {background: #a3b1b0}

.bannerprivado .titulo {
    border-bottom: 1px solid #fff;
    float: left;
    font-size: 1.15em;
    font-weight: bold;
    height: 10px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin-bottom: 19px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #fff;
}
.bannerprivado .titulo span {padding: 15px;}
.bannerprivado .azul .titulo span {background: #3a86c3}
.bannerprivado .verde .titulo span {background: #a3b1b0}
.bannerprivado .rojo .titulo {border-color:transparent}



.b-center {}
.b-center .hei {
    height: 328px;
    position: relative;
}

.b-center .banner-item {
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.46);
    height: 100%;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
.b-center .banner-item img {
    height: 100%;
    width: 100%;
}
.b-center .banner-item:hover {
    border-color: #fff;
}

.partido {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.partido > div {
    bottom: 0;
    height: 48% !important;
    position: absolute;
}
.partido > div:first-child {
    bottom: auto;
    margin-bottom: 6%;
    top: 0;
}


@media (max-width: 1199px) {
.b-center .hei {height: 255px}
}

@media (max-width: 992px) {
.b-center .hei {height: 197px}
}

@media (max-width: 767px) {
.b-center .hei {height: auto;}
.partido > div {
    height: 44% !important;
    position: relative;
}
.bannerprivado .titulo {font-size: 0.95em; margin-top: 10px}
.bannerprivado .titulo span {padding: 6px 15px;}
}







/* BANNER MARCAS ******/
.B-marcas {
  position: relative;
  text-align: center;
  /*width: 100%;*/
  margin-top: 40px;
  margin-bottom: 35px;
}
.B-marcas-2{
  margin-top: 8px;
  margin-bottom: 8px;
}
.B-marcas li {
    display: inline-block;
    height: auto;
    margin: 0;
    text-align: center;
    width: 15%;
}
.B-marcas li a img {
    height: auto;
    margin: 0 auto;
    max-width: 170px;
    opacity: 0.5;
    width: 100% !important;
}
.B-marcas li a img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.B-marcas li a img:hover {
    filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: Gray(Opacity=50);
    opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


@media (max-width: 767px) {
.B-marcas {margin-bottom: 20px}
.B-marcas li {
    margin-bottom: 10px;
    width: 32%;
}
}


/* banner - home x3 ******/
.bannersx3 {margin-bottom: 30px}
.bannersx3 .banner-item {
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .bannersx3 {margin-bottom: 10px}
}

/* banner - cart ******/
.banner-item-cart {
  margin-top: 5px;
  margin-bottom: 36px;
}

/* banner - newsletter ******/
.b-news {
    border-radius: 4px;
    display: table;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #eee;
}

.b-news > div {
    color: #fff;
    display: table-cell;
    float: left;
    padding: 2%;
    position: relative;
    text-align: center;
}

.b-news h3 {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
    margin: 0 20px 0 0;
    vertical-align: middle;
}
.newsletter {border-right: 1px solid #fff; width: 67%}
.newsletter p {
    display: inline-block;
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 20px 0 0;
    text-align: left;
    vertical-align: middle;
    width: 135px;
}
.newsletter ._contact_holder{
    float: right;
    padding-top:5px;
    min-width: 200px;
}

.newsletter ._contact_holder p{
    width:100%;
    margin:0px;
}
.newsletter .form-inline {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.newsletter input[type="text"] {
    background: none repeat scroll 0 0 #027fc7;
    border: 0 none !important;
    border-radius: 4px !important;
    box-shadow: none;
    display: inline-block;
    font-size: 1em;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    width: 250px !important;
}

.newsletter ::-webkit-input-placeholder {color:#fff !important;}
.newsletter :-moz-placeholder {color:#fff !important;}
.newsletter ::-moz-placeholder {color:#fff !important;}
.newsletter :-ms-input-placeholder {color:#fff !important;}

.newsletter button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-size: 25px;
    height: 31px;
    line-height: 29px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    z-index: 2;
}
.newsletter button:hover {color: #23b1a5}


.b-news .socials {width: 33%}
.b-news .socials ul {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 80px;
}
.b-news .socials a {
    background: none repeat scroll 0 0 #027fc7;
    border-radius: 4px;
    clear: none;
    color: #fff;
    display: block;
    float: left !important;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 30px;
    font-size: 21px;
}
.b-news .socials a:hover {text-decoration: none; color: #23b1a5}

@media (max-width: 992px) {
    .socials h3 {display: block; margin: 0 0 10px;}
    .newsletter p {width: auto; margin: 0;}
    .newsletter .form-inline {margin-top: 10px}
}
@media (max-width: 767px) {}
@media (max-width: 479px) {
    .b-news > div {width: 100% !important; border-right: 0}
    .b-news h3 {margin-right: 0}
    .b-news .socials {border-top: 1px solid #fff;padding-top: 10px;}
}







/* OWL SLIDER RELATED-SLIDER */
.related h2 {
    border-bottom: 1px solid #004078;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px;
    position: relative;
    color:#004078;
    line-height: 38px;
}
#home-related-slider {padding: 0 30px}
#home-related-slider article {margin-bottom: 0;}
#home-related-slider .box_image {height: 205px}

.related .owl-prev, .related .owl-next {
    background: none repeat scroll 0 0 #555;
    font-size: 20px;
    height: 25px;
    line-height: 24px;
    width: 25px;
    top: 28% !important;
}
.owl-prev:before {margin-left: 7px}
.owl-next:before {margin-right: 7px}




/* related articles: (Destacados con cajitas de content) */
.related_articles article {
    border-bottom: 1px solid #cdcdcd;
    height: auto !important;
    margin: 0;
    padding: 15px 0;
}
.related_articles li:first-child article {padding-top: 0}

.related_articles .box_data {
    margin: 0;
}
.related_articles .box_data h3 {
    border: 0 none;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px;
    padding: 0;
}
.related_articles .short_desc, .related_articles .short_desc p {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    margin: 0 !important;
}

.ver {
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    clear: both;
    color: #004078;
    float: left;
    font-family: "Ionicons";
    font-size: 0.75em;
    height: 18px;
    letter-spacing: 0.04em;
    line-height: 17px;
    margin: 0 0 0 -2px;
    padding: 0 11px;
    text-align: center;
}
.ver::before {
    content: "VER";
    font-family: "ubuntu";
}
.ver:hover {
    text-decoration: none;
    color: #fff;
    background: #004078;
    transition: 0ms;
}








/*////////////////////////////////////////////////////////////////////*/
/*   CATEGORY              ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.Category .titulo p {
    color: #004078;
    font-size: 1.15em;
    font-weight: lighter;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
}
.Category h1 {
    background: #004078 none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.45) inset;
    color: rgba(255, 255, 255, 0.77);
    font-size: 1.7em;
    font-weight: lighter;
    line-height: 1.1em;
    margin: 0 0 40px;
    padding: 13px 15px 16px;
    position: relative;
    text-align: center;
}
.Category h1::before {
    border-color: #003b71 transparent transparent;
    border-style: solid;
    border-width: 26px 26px 0;
    bottom: -14px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.Category h1 strong {
    color: #fff;
    font-weight: normal;
}

.Category h1.varios span {
    font-size: 0.8em;
    padding: 0 10px;
}
.Category h1.varios span::before {
    content: "/";
    margin: 0 13px 0 -10px;
}
.Category h1.varios span:first-child::before {
    content: "";
}

@media (max-width: 767px) {
    .Category h1 {margin-top: 20px; font-size: 1.9em}
}










/**************************************************************************/
/* CATEGORY_TREE (menu categorias) / MENU_TREE (menu usuario y content) */

.Category aside {}

.aside_button {
    background: #00778c none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    float: left;
    margin: -4px 0 11px;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 3;
    display: block;
}
.aside_button:before {content: "\f126"}
.aside_button.collapsed:before {content: "\f123"}
.aside_button:before {
    float: right;
    font-family: "Ionicons";
    font-size: 14px;
    width: 17px;
}


.category_tree {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}
.category_tree {padding: 7px 16px;background: #efefef;}

.category_tree ul, .menu_tree ul, .filter_tree ul {
    background: transparent;
    padding: 5px 0 7px;
}

.category_tree ul a:before, .menu_tree ul a:before {content: "\e00e"}
.category_tree ul a:before, .menu_tree ul a:before  {
    opacity: 0.8;
    display: none;
    float: left;
    font-family: "E3Interface";
    font-size: 11px;
    margin: 2px 3px 0 -5px;
}
.category_tree ul > li > a {
    border-bottom: 1px dashed #ddd;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: lighter;
    padding: 10px 7px 10px 16px;
    width: 100%;
}
.category_tree ul > li > a{
    padding: 4px 7px 4px 4px;
}
.category_tree ul a:hover {color: #0091e3; transition: 0ms}



/* user *******************/
.menu_tree > ul {
    background: #00586c none repeat scroll 0 0;
    display: table;
    float: left;
    margin-top: -5px;
    padding: 16px 10px;
    width: 100%;
}
.menu_tree ul > li > a {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18) inset;
    color: #000;
    display: table-cell;
    float: left;
    font-size: 1em;
    margin: 0 0.5%;
    padding: 10px 21px 6px 16px;
    width: 24%;
}
.menu_tree ul > li > a:hover {background: #ef110f; color: #fff}


@media (max-width: 992px) {
.menu_tree ul > li > a {
    padding: 5px 21px 4px 16px;
    height: 46px;
}
}
@media (max-width: 767px) {
.menu_tree ul > li > a {
    height: auto;
    margin-bottom: 6px;
    width: 49%;
}
}
@media (max-width: 479px) {
.menu_tree ul > li > a {
    width: 99%;
}
}


.User h1 {
    color: #004078;
    float: left;
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 25px 10px 3px 0;
}
.User h5 {
    color: #00778c;
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 34px 0 0;
}
.User h5 span {
    font-weight: bold;
    text-transform: uppercase;
}
.User .title hr {
    border-bottom: 1px solid #004078;
    float: left;
    margin: 7px 0;
    width: 100%;
}

/* cosote */
p.warning {
    background: #ef110f none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18) inset;
    color: #fff;
    float: left;
    font-size: 1.2em;
    padding: 20px 10px;
    text-align: center;
    width: 100%;
    margin-top: 2px;
}




/* H5 */
.category_tree h5, .filter_tree h5  {
    color: #004078;
    height: 35px;
    line-height: 35px;
    padding: 0 10px 0 16px;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    background: #efefef;
    font-size: 15px;
    border-bottom: 1px solid #004078;
    font-weight: 700;
    display: none;
}
.category_tree h5{
    padding: 0 0px 0 2px;
}
.category_tree h5:before, .filter_tree h5:before {content: "\e00d"}
.category_tree h5:before, .filter_tree h5:before {
    font-family: "E3Interface";
    float: right;
    font-size: 13px;
}





/**************************************************************************/
/* FILTER_TREE - MENU FILTROS **************************/
.filter_tree {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 6px;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15) inset;
}
.filter_tree .accordion {
    border: 0 none !important;
    float: left;
    margin-bottom: 2px;
    width: 100%;
}
.filter_tree .accordion:first-child {
    border-top: 1px solid #8E8E8E;
}
.filter_tree > div {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

.filter_title {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    color: #004078;
    cursor: pointer;
    float: left;
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1.3em;
    padding: 8px 8px 8px 11px;
    position: relative;
    text-decoration: none !important;
    width: 100%;
}
.filter_title::before {
    color: #004078 !important;
    cursor: pointer;
    float: right;
    font-family: "Ionicons";
    font-size: 22px;
    width: 17px;
}
.filter_title:before {content: "\f2f4"}
.filter_title.collapsed:before {content: "\f2c7"}


/* filter_area *********/
.no-transition, .filter_area {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}
.filter_area {
    float: left;
    margin: 6px 0;
    max-height: 300px;
    overflow: auto;
    padding: 7px !important;
    width: 100%;
    transition: 0ms !important;
}
.filter_area img {display: none !important}

.filter_area li {
    clear: left;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.9em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.filter_area li a {
    color: #444;
    width: 100%;
    position: relative;
    display: block;
    padding: 4px 0;
}
.filter_area li:before {content: "\f372"}
.filter_area li::before {
    color: #ddd;
    float: left;
    font-family: "Ionicons";
    height: 100%;
    margin: 4px 11px 0 3px;
}
.filter_area .checked:before, .filter_area li:hover:before  {content: "\f374"}
.filter_area .checked a, .filter_area .checked label, .filter_area .checked::before {
  text-decoration: none;
  color: #f11403 !important;
  opacity: 1;
}
.filter_area li input[type="checkbox"] {
    float: right;
    visibility: hidden !important;
}
.filter_area li:hover:before {color: #444}





/* BANNERS-LEFT  **************************/
.b-left .banner-item {margin-bottom: 20px;}




@media (max-width: 992px) {
.filter_tree .accordion {
    margin: 0 1% 15px;
    width: 48%;
    font-size: 0.9em;
}
.filter_tree .accordion:nth-child(2n+1) {clear: left}
.filter_tree .accordion:nth-child(2n+2) {clear: right}
}



@media (max-width: 479px) {
.filter_tree .accordion {
    margin: 0 0 15px; width: 100%;
}
}




/* BROWSE_AREA **************************/
.browse_area, .product_list, .filter_applied {float: left; width: 100%;}

.browse_area {
    background: #f4f4f4;
    height: 40px;
    margin-bottom: 15px;
    padding: 0 10px;
    line-height: 22px !important;
    border-radius: 4px;
    padding-right: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15) inset;
}

.browse_area2 {}
.browse_area a:hover {text-decoration: none !important}

.browse_area h5 {
    color: #555;
    display: inline-block;
    font-size: 0.8em;
    font-weight: normal;
    margin: 6px 6px 0;
    text-transform: uppercase;
    width: auto !important;
}

.pagination, .order {margin: 0; padding: 0;}
.pagination_wrapper, .order_wrapper {margin: 6px 0 0}
.pagination_wrapper{padding-top: 2px}




/* Pagination */
.pagination {
    float: left;
}
.pagination a {
    color: #444;
    cursor: pointer;
    float: left;
    font-size: 14px !important;
    height: 20px;
    line-height: 19px !important;
    margin: 2px 0;
    padding: 0;
    text-align: center;
    width: 20px;
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
    text-decoration: none;
    transition: all 0ms ease 0s !important;
    background: #fff;
    border-radius: 3px;
}
.pagination .current {
    background: #777 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
}

.pagination .p-first, .pagination .p-last,
.pagination .p-prev, .pagination .p-next {
    font-family: "E3Interface";
    position: relative;
    padding: 0 !important;
    font-size: 15px !important;
    opacity: 0.72;
}
.pagination .p-first, .pagination .p-last {opacity: 0.7; display: none;}
.pagination .p-prev, .pagination .p-next {}

.pagination .p-first:before {content: "\e02e";}
.pagination .p-last:before {content: "\e02f";}
.pagination .p-prev:before {content: "\e019";}
.pagination .p-next:before {content: "\e00e";}




/* Order */
.order {
    display: inline-block;
    float: right;
    padding: 0;
    text-align: right;
    height: 40px!important;
}
.order h5 {}

.order .customselect {
    display: inline-block;
    width: auto;
}
.order select {
    background: #888 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    min-width: 150px;
    padding: 0 6px;
}
.order .customselect::after {
    color: #fff;
    font-size: 1.3em;
    top: 10px;
}
.order .order_wrapper, .order .order_wrapper .customselect, .order .order_wrapper .customselect > select {
    border-radius: 0 !important;
    height: 28px;
    margin: 2px 3px 0 0;
}

@media (max-width: 767px) {
.browse_area {height: auto}
.order select {
    min-width: 0;
    width: 100%;
}
.order .customselect {width: 99%}
}

@media (max-width: 479px) {
}


/* filter_applied */
.filter_applied {
    float: left;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    width: 100%;
    background: #efefef;
    height: 40px;
    border-radius: 4px;
}
.NF .filter_applied{
    background: transparent;
}
.filter_applied li {
    display: inline-block;
}
.filter_applied a {
    border-radius: 3px;
    color: #f11403;
    cursor: pointer;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}
.filter_applied a:before {content: "\f12a"}
.filter_applied a::before {
    font-family: "Ionicons";
    font-size: 0.8em;
    margin: 0 8px 0 0;
    opacity: 0.4;
}

.filter_applied a:hover:before {
    /*content: "\f372";*/
}






/* PRODUCT_LIST *********************************/

.PRODUCT_BOX {
    width:100%;
    float:left;
    background: rgba(0, 0, 0, 0) url("/Content/templates/base/images/deg2.png") no-repeat scroll center 2px / 100% auto;
    border-top: 1px solid #cbcbcb;
    height: auto;
    min-height: 77px;
    padding: 25px 0 30px;
}


/* box_image */
.PRODUCT_BOX .box_image {
    border: 4px solid #f4f4f4;
    border-radius: 6px;
    height: auto;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.PRODUCT_BOX .box_image a img {
    color: #999;
    font-size: 10px;
    height: auto;
    width: 100%;
}


/* box_name */
.box_name {
  margin-bottom: 30px;
  /*float: right;*/
}
.PRODUCT_BOX h3 {
    color: #004078;
    display: inline;
    float: none;
    font-size: 1.55em;
    font-weight: normal;
    width: 100%;
}
.PRODUCT_BOX h3:before {content: "\f363"}
.PRODUCT_BOX h3::before {
    color: #19a6f4;
    float: left;
    font-family: "Ionicons";
    font-size: 0.95em;
    margin: 1px 8px 0 0;
}
.PRODUCT_BOX h3:hover {text-decoration: underline}



/* box_data */
.box_data {float: right;}
.box_data .tit {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 4px;
    color: #777;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 8px;
    width: 100%;
}
.box_data .tit:before {content: "\e033"}
.box_data .tit::before {
    color: #1f89c3;
    float: right;
    font-family: "E3Interface";
    font-size: 1.1em;
    font-weight: normal;
}
.box_data .contenido {
    color: #666;
    float: left;
    font-size: 0.86em;
    line-height: 1.3em;
    max-height: 128px;
    overflow-y: auto;
    padding: 0 10px 10px 3px;
    width: 100%;
}
.box_data > .row > div:first-child {
    border-right: 1px solid #eee;
}
.box_data .contenido table {
    float: left;
    width: 100%;
}



/* buttons */
.buttons_wrapper {}
.buttons_wrapper a {}
.buttons_wrapper a:hover {}
.buttons_wrapper {
    float: left;
    width: 100%;
    padding-right: 5px;
}

.BUTTONBUY {
    background: #ec2d2b none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.47) inset;
    color: #fff;
    display: block;
    float: right;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.2em;
    max-width: 200px;
    padding: 14px 5px;
    text-align: center;
    width: 100%;
}
.BUTTONBUY:hover,.BUTTONBUY:focus,.BUTTONBUY:active {background:#D00909; color:#fff; text-decoration: none; transition: 0ms!important; }


.BUTTONFAV, .BUTTONINFO {
    font-size: 0.95em;
    float:left
}
.BUTTONFAV{
    float:right;
}
.BUTTONASK{
    float: right!important;
}

.BUTTONFAV:before, .BUTTONASK:before, .BUTTONINFO:before {
    display: block;
    font-family: "Ionicons";
    font-size: 27px;
}.BUTTONINFO:before {content: "\f21f";}
.BUTTONFAV:before,.BUTTONASK:before{font-family: "E3Interface"; font-size: 17px;margin-top: 4px; color: #cdcdcd;}
.BUTTONASK:before {content: "\e05a";margin-right:2px;}
.BUTTONFAV:before {content: "\e08f";font-size: 18px;margin-right: 9px;}


.BUTTONFAV:hover:before,.BUTTONASK:hover:before{
    text-decoration: none;
    color: #004078;
}
.BUTTONFAV:hover,.BUTTONASK:hover{text-decoration: none;}

.BUTTONASK {float:left;}


/*badge*/
.badge-type{
    color: #ff0000;
    font-weight: 700;
    font-size: 1.1em;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 0;
}



@media (max-width: 767px) {
    .badge-type{
        top: inherit;
        left: inherit;
        position: relative;
        float: left;
        margin-top: 10px;
    }
.Category .titulo p {
    font-size: 1em;
    margin: 0;
}
.Category h1 {
    font-size: 1.5em;
    margin: 5px 0 23px;
}
.BUTTONBUY {
    float: left;
    margin-top: 20px;
    padding: 11px 5px;
}
.box_name {margin-bottom: 12px;}
.PRODUCT_BOX h3 {
    display: block;
    font-size: 1.4em;
    margin: 0;
}
.BUTTONBUY {
    font-size: 1em;
    margin-top: 12px;
    padding: 5px;
}
.PRODUCT_BOX .tit {
    padding: 4px 8px;
    margin-bottom: 6px;
}
.box_data > .row > div:first-child {border: 0; margin-bottom: 8px;}
}


@media (max-width: 479px) {
.BUTTONBUY {max-width: 100%;}
.PRODUCT_BOX h3 {font-size: 1.3em}
.box_data {font-size: 0.9em}
}



/* modal imagen *********************************/

.imgModal .modal-body {
    text-align: center;
}
.imgModal .modal-body > img {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}







/*////////////////////////////////////////////////////////////////////*/
/*   PRODUCT               ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/


/* box_name ***********************/

.back {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 0.85em;
    font-weight: lighter;
    padding: 2px 10px 2px 3px;
    text-decoration: none;
    text-transform: uppercase;
}
.back:before {content: "\e019"}
.back:before {font-family: "E3Interface";}
.back:hover {border-color: #51C0EB;}


.Product .box_name {margin-bottom: 0}
.Content .box_name {margin-bottom: 10px}

.Product .box_name h1 {
    border-bottom: 1px solid #ccc;
    clear: left;
    color: #004078;
    display: inline;
    float: left;
    font-size: 2em;
    font-weight: normal;
    margin: 10px 0 0;
    padding-bottom: 25px;
    width: 100%;
}
.Product .box_name h1:before {content: "\f363"}
.Product .box_name h1::before {
    color: #19a6f4;
    float: left;
    font-family: "Ionicons";
    font-size: 0.85em;
    margin: 3px 10px 0 0;
}






/* GALLERY  **************************/
.GALLERY {
    margin-bottom: 40px;
    border-right: 1px solid #ddd;
}

.g_image {
    float: left;
    margin: 0 6%;
    width: 88% !important;
    position: relative;
}
.g_image img {
    width: 100% !important;
    height: auto !important;
    margin: auto auto !important;
    display: block !important;
}

#producto-galeria-slider .owl-prev, #producto-galeria-slider .owl-next {
    background: #004078 none repeat scroll 0 0;
    border: 3px solid #ddd;
    color: #eee;
    font-size: 16px;
    height: 30px;
    line-height: 25px;
    width: 30px;
}
#producto-galeria-slider .owl-prev {left:-23px}
#producto-galeria-slider .owl-next {right:-23px}

#g_button,#g_print {
    background: #999 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 0.8em;
    opacity: 0;
    padding: 4px 6px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in 0s;
    z-index: 2;
    height: 24px;
}
#g_print{
    right: 90px!important;
}
.GALLERY:hover #g_button,.GALLERY:hover #g_print {
    opacity: 1;
    transition: all 0.4s ease-in 0s;
}
#g_button:before {content: "\f2dd"}
#g_button::before,#g_print::before {
    display: block;
    float: left;
    font-family: "Ionicons";
    font-size: 16px;
    margin: -3px 6px 0 0;
}
#g_print:before {content: "\f3a5"}
#g_button span {
    float: left;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
}
#g_button:hover,#g_print:hover {background: #004078;}


.GALLERY .block_thumbnails a img {width: 100%; display: block!important; max-width:100%; }
.GALLERY .block_thumbnails a:hover #g_button{
    opacity: 1;
    transition: all 0.4s ease-in 0s;
}


@media (max-width: 767px) {
    .GALLERY {border: 0}
    #g_button {margin-right: 0}
}


/* FANCYBOX *******/
.fancybox-nav {
    background-image: url("/Content/images/fancybox-2.1.5/blank.gif");
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/Content/images/fancybox-2.1.5/fancybox_sprite@2x.png");
}
.fancybox-inner > img {
    max-width: 100%;
}
.zoomContainer{
    z-index: 2;
}





/* productarea ***********************/
.PRODUCTAREA .filter_active{
    margin-bottom: 0px;
    background: #004078;
    font-size: 1.5em;
    line-height: 1.1em;
    /*padding: 10px 0;*/
    float: left;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.45) inset;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px;
    height: 54px;
    line-height: 54px;
}
.PRODUCTAREA .filter_active:before{
    border-color: #003b71 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.PRODUCTAREA .filter_active span{
    text-align: center;
    float: none;
    margin: 0 auto;
    color: #fff;
    display: block;
}
.bg {
    background: rgba(0, 0, 0, 0) url("/Content/templates/base/images/deg2.png") no-repeat scroll center 2px / 100% 40px;
    padding-top: 40px;
}

.PRODUCTAREA {margin-bottom: 30px}
.NF .PRODUCTAREA,.NF .PRODUCTAREA .table{
    margin-bottom: 0px;
}

.PRODUCTAREA .table tr {
    background: #eee none repeat scroll 0 0;
    float: left;
    margin-bottom: 4px;
    padding: 10px 6px;
    width: 100%;
    line-height: 1.2em;
    position: relative;
}
.PRODUCTAREA .table thead tr{
    background: none;
}
/* oferta */
.PRODUCTAREA .table tr.oferta,#Result tbody tr.oferta,.PRODUCTAREA .table tr.novedad,#Result tbody tr.novedad {border:1px solid #ffcc00 ;border-radius:2px;}
.PRODUCTAREA .table tr.novedad,#Result tbody tr.novedad{border-color:#004078;}
.PRODUCTAREA .table tr.border-fab{background: #2877a7;box-shadow: 0 0 20px rgba(0, 0, 0, 0.45) inset;border-radius: 6px;color: #fff;}
.PRODUCTAREA .table tr.oferta .price,.PRODUCTAREA .table tr.novedad .price,.PRODUCTAREA .table tr.oferta .name, .PRODUCTAREA .table tr.novedad .name{
    position: relative;
}
.PRODUCTAREA .table tr.oferta .tachado,.PRODUCTAREA .table tr.novedad .tachado{
    position: absolute;
    top: -10px;
    width: auto;
    font-weight:400;
    color:#777;
}
.PRODUCTAREA .table tr.oferta .tachado:after,.PRODUCTAREA .table tr.novedad .tachado:after{
    width: 100%;
    height: 1px;
    background: #777;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
}
.PRODUCTAREA .table tr.oferta .tachado span,.PRODUCTAREA .table tr.novedad .tachado span{
    position: absolute;
    width: 65px;
    font-size: 12px;
    color: red;
    margin-left: 5px;
    top: 0px;
    right:-75px;
}
.PRODUCTAREA .table tr.oferta .price:after,#Result tbody tr.oferta:after,.PRODUCTAREA .table tr.novedad .price:after,#Rnovedadesult tbody tr.novedad:after{
    height: 30px;
    width: 55px;
    line-height: 30px;
    display: block;
    position: absolute;
    background: red;
    content: "Oferta";
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    top: 3px;
    left: -55px;
    z-index: 1;
    padding-left: 6px;
    background: #ffcc00;
    font-weight: 700
}
.PRODUCTAREA .table tr.novedad .price:after,#Rnovedadesult tbody tr.novedad:after{
    background: red;
    content: "Novedad";
    padding-left: 4px;
    color:#fff;
}
.PRODUCTAREA .table tr.novedad .price:after{
    display: none;
}
.PRODUCTAREA .table tr.novedad .price .badge-novedad{
    background: #004078;
    content: "Novedad";
    padding: 0px;
    color:#fff;
    font-size: 11px;
    text-align: center;
    font-weight: bolder;
    height: 30px;
    width: 55px;
    line-height: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: -55px;
    z-index: 1;
}
.PRODUCTAREA .table tr.novedad .name .badge-tipopub,.PRODUCTAREA .table tr.oferta .name .badge-tipopub{
    background: transparent;
    content: "Novedad";
    padding: 0px;
    color:#ff0000;
    font-size: 13px;
    font-weight: bolder;
    height: 15px;
    width: 55px;
    line-height: 15px;
    display: block;
    position: absolute;
    top: -5px;
    left: 6px;
    z-index: 1;
    width: 100%;
    text-align: left;
}
#Result tbody tr.oferta:after,#Result tbody tr.novedad:after{
    left: -30px;
    -ms-transform: rotate(-35deg); /* IE 9 */
    -webkit-transform: rotate(-35deg); /* Chrome, Safari, Opera */
    transform: rotate(-35deg);
    top: inherit;
}
.PRODUCTAREA .table td {
    border: 0 none;
    padding: 0 6px;
    line-height: 18px !important;
    vertical-align: middle;
}
.PRODUCTAREA tr th:nth-child(1){
    opacity: 0;
}
.PRODUCTAREA tr td:nth-child(1),.PRODUCTAREA tr th:nth-child(1) {width: 2%}
.PRODUCTAREA tr td:nth-child(2),.PRODUCTAREA tr th:nth-child(2) {width: 9%}
.PRODUCTAREA tr td:nth-child(3),.PRODUCTAREA tr th:nth-child(3) {width: 35%}
.PRODUCTAREA tr td:nth-child(4),.PRODUCTAREA tr th:nth-child(4) {width: 12%}
.PRODUCTAREA tr td:nth-child(5),.PRODUCTAREA tr th:nth-child(5) {width: 12%}
.PRODUCTAREA tr td:nth-child(6),.PRODUCTAREA tr th:nth-child(6) {width: 10%}

@media (max-width: 1199px) {
.PRODUCTAREA tr td:nth-child(5),.PRODUCTAREA tr th:nth-child(5) {width: 15%;}
.PRODUCTAREA tr td:nth-child(4),.PRODUCTAREA tr th:nth-child(4) {width: 15%;}
.PRODUCTAREA tr td:nth-child(3),.PRODUCTAREA tr th:nth-child(3){
    padding-right:35px;
  }
}

@media (max-width: 992px) {
.PRODUCTAREA {font-size: 0.9em}
.PRODUCTAREA>table {font-size: 0.9em}
.PRODUCTAREA .quantity span {display: none !important}
.PRODUCTAREA tr td:nth-child(4),.PRODUCTAREA tr th:nth-child(4) {width: 23%;}
.PRODUCTAREA tr td:nth-child(5),.PRODUCTAREA tr th:nth-child(5) {width: 23%;}
}

@media (max-width: 767px) {
  .PRODUCTAREA tr td:nth-child(3), .PRODUCTAREA tr th:nth-child(3) {
    padding-right: 45px;
  }
.PRODUCTAREA tr td:nth-child(4),.PRODUCTAREA tr th:nth-child(4) {width: 18%;}
.PRODUCTAREA tr td:nth-child(5),.PRODUCTAREA tr th:nth-child(5) {width: 18%;}
}

@media (max-width: 467px) {
}



/* stock semaforo*/
.stock {
    border: 2px solid #dadada;
    border-radius: 100%;
    float: left;
    height: 15px;
    position: relative;
    width: 15px;
}
.Cart .stock{
    float: none;
    margin: 0 auto;
}
.verde .stock {background-color: #0ea756;}
.amarillo .stock {background-color: #ffe400;}
.naranja .stock {background-color: #ffa200;}
.rojo .stock {background-color: #e24141;}

.verde .tooltip-inner {background-color: #0ea756;}
.verde .tooltip-arrow {border-top-color: #0ea756 !important;}
.amarillo .tooltip-inner {background-color: #ffe400;}
.amarillo .tooltip-arrow {border-top-color: #ffe400 !important;}
.naranja .tooltip-inner {background-color: #ffa200;}
.naranja .tooltip-arrow {border-top-color: #ffa200 !important;}
.rojo .tooltip-inner {background-color: #e24141;}
.rojo .tooltip-arrow {border-top-color: #e24141 !important;}



.PRODUCTAREA .codeid {
    color: #004078;
    font-size: 1.1em;
    letter-spacing: -0.02em;
    font-weight: 500;
}
.PRODUCTAREA .table tr.border-fab .codeid{
    color: #fff;
}
.PRODUCTAREA .table .name {
    line-height: 1.2em;
    opacity: 0.8;
}
.PRODUCTAREA .price {
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: -0.03em;
}
.PRODUCTAREA .price.list{
    font-size:1.0em;
}
.PRODUCTAREA .price.list:after{
    display: none!important;
}

.PRODUCTAREA .quantity {text-align: right !important}
.PRODUCTAREA .quantity span {
    display: inline;
    font-size: 0.85em;
    margin-right: 1px;
    text-align: right;
    display:none;
}
.PRODUCTAREA .quantity input {
    display: inline;
    height: 25px;
    padding: 0 3px;
    text-align: center;
    width: 40px;
}



/* buttonbuy */
.PRODUCTAREA .BUTTONBUY, .Cart .BUTTONBUY {
    background: #ef110f none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
    color: #fff !important;
    float: right;
    font-size: 0.88em;
    font-weight: normal;
    height: 34px;
    line-height: 1em;
    padding: 9px 5px 0 3px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

.PRODUCTAREA .BUTTONBUY:before, .Cart .BUTTONBUY:before {content: "\e083"}
.PRODUCTAREA .BUTTONBUY::before, .Cart .BUTTONBUY:before {
    font-family: "E3Interface";
    font-size: 1.2em;
    margin: 5px 1px 0 0;
}
.PRODUCTAREA .BUTTONBUY:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) inset;
}


/* pendiente */
.PRODUCTAREA .pendiente .BUTTONBUY:before {display: none}
.PRODUCTAREA .pendiente .BUTTONBUY {
    background: #ffc000;
    color: #000 !important;
    box-shadow: none;
    padding: 5px 10px;
}
.PRODUCTAREA .pendiente .BUTTONBUY:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) inset;
}






.PRODUCTAREA .BUTTONFAV {
    color: #a0a0a0;
    float: left;
}
.PRODUCTAREA .BUTTONFAV:before {
    color: #bfbfbf;
    float: left;
    font-size: 29px;
    margin-right: 5px;
}
.PRODUCTAREA .BUTTONFAV:hover, .PRODUCTAREA .BUTTONFAV:hover:before {color: #004078; !important;}





/* tabla responsive ****/
@media only screen and (max-width: 600px) {


/* Force table to not be like tables anymore */
.table-r, .table-r thead, .table-r tbody, .table-r th, .table-r td, .table-r tr {
    display: block;
}
.PRODUCTAREA .table thead {display: none;}
/* Hide table headers (but not display: none;, for accessibility) */
.table-r thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.table-r {
    clear: both;
    margin:0;
    border: 0 !important;
}
.table-r tr {
    border: 0 none !important;
    margin: 0 0 4px !important;
    padding: 13px 13px 13px 39px !important;
}
.table-r td {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    color: #000;
    float: left !important;
    margin-bottom: 2px;
    padding: 0 !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
}
.table-r td::before {
    display: none;
    font-size: 13px;
    font-weight: normal;
    height: 100%;
    left: 0;
    padding: 1px 0 1px 10px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: nowrap;
    width: 60px !important;
}
/* Label the data */
.PRODUCTAREA .table-r td:nth-of-type(1):before { content: "Stock";}
.PRODUCTAREA .table-r td:nth-of-type(2):before { content: "Código"; }
.PRODUCTAREA .table-r td:nth-of-type(3):before { content: "Artículo"; }
.PRODUCTAREA .table-r td:nth-of-type(4):before { content: "Precio"; }
.PRODUCTAREA .table-r td:nth-of-type(5):before { content: "Cant."; }
.PRODUCTAREA .table-r td:nth-of-type(6):before { content: " "; }
.PRODUCTAREA>table td:nth-of-type(5) span:before{
  content:"Precio de Lista:"!important;
  display:block!important;
  position:relative;
  float:left;
  width:110px!important;
  font-size:12px;
  text-transform:uppercase;
}
.nom {}

.PRODUCTAREA .stk {
    height: 20px;
    left: 11px;
    position: absolute !important;
    top: 15px;
    width: 20px !important;
}
.PRODUCTAREA .codeid {float: left; width: auto}
.PRODUCTAREA .quantity {
    font-size: 1.1em;
    margin: 10px 8px 0 0 !important;
    text-align: left !important;
    width: auto !important;
}
.PRODUCTAREA .quantity span {display: inline !important}

.PRODUCTAREA .buy {
    float: left !important;
    text-align: left !important;
    width: auto !important;
}
.PRODUCTAREA .BUTTONBUY {
    font-size: 1em !important;
    margin-top: 5px;
    padding: 9px 15px 0 11px;
    width: 113px !important;
}

}






/* BOX_DATA **********************************************************/

.Product .box_data > .row > div:first-child {border: 0}

.Product .box_data .tit {
    background: #004078 none repeat scroll 0 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.48) inset;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    padding: 8px 15px;
}
.Product .box_data .tit:before {color: #fff}

.Product .box_data .contenido {
    font-size: 1em;
    line-height: 1.4em;
}
.Product .box_data .row > div:first-child .contenido {
    padding: 0 12px;
}
.Product .box_data .contenido br {
    display: block;
    line-height: 35px;
    margin: 6px 0;
}

.Product .box_data .contenido table tr {
    border-bottom: 1px solid #ddd;
    content: "";
    display: block;
    float: left;
    padding: 5px 12px;
    width: 100%;
}
.Product .box_data .contenido table td {float: left}





@media (max-width: 1199px) {
}
@media (max-width: 992px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}










/*////////////////////////////////////////////////////////////////////*/
/*   USER                  ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.user_wrapper {
    float: left;
    width: 100%;
}
@media (max-width: 767px) {
    .user_wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 0;}
}


.user_wrapper > h3 {
    /*border-bottom: 1px solid #ddd;*/
    color: #00778c;
    font-size: 1.6em;
    font-weight: lighter;
    line-height: 36px;
    margin: 20px 0 10px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.user_wrapper > h3::before {
    font-family: "Ionicons";
    font-size: 1.1em;
    margin: 0 11px 0 15px;
    text-align: center;
}

.orderlist h3 {
    border: 0px none;
    font-size: 1.5em;
    margin: 0px;
    padding: 9px 0px 3px;
    background: none;
    color: #4F4D58;
    font-weight: 300;
}
.orderlist h3 strong{
    font-weight: 300;
}
.Orders .buttonBack {
    float: left;
    margin-top: -13px;
}
.list-pedido {
    float: left;
    width: 100%;
}
.Orders .datos {
    background: #eee none repeat scroll 0px 0px;
    clear: both;
    float: left;
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
}
.Orders .datos p {
    border-bottom: 1px solid #FFF;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.Orders .datos p:last-child {
    border: 0px none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.Orders .datos strong {
    color: #000;
    float: left;
    margin: 0px 0px 1px;
    min-width: 135px;
    width: 28%;
}
.Orders table {
    border-bottom: 1px solid #DEDEDE;
    float: left;
    font-size: 0.85em;
}
.Orders table thead tr {
    border: 0px none;
}

.Orders table tr {
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

.user_wrapper form {float: left; width: 100%;}

.user_wrapper .table-r tbody>tr>td:nth-child(2),.user_wrapper .table-r tbody>tr>td:nth-child(3){
    font-weight: 300;
}



/* menu_tree parte II  ******************************/
.User .menu_tree ul > li > a::before {
    display: block !important;
    float: left;
    font-family: "Ionicons";
    font-size: 1.4em;
    margin: -5px 15px 0 0;
    text-decoration: none !important;
    line-height: 30px;
}

.u-data:before {content: "\f2d8" !important}
.u-favs:before {content: "\f141" !important}
.u-orders:before {content: "\f12c" !important}
.u-logout:before {content: "\f220" !important}
.u-pass:before {content: "\f200" !important}
.u-state:before {content: "\f127" !important}





/* PROYECCION DE DEUDA ******************************/

table.deuda {
    float: left;
    font-size: 0.88em;
    letter-spacing: -0.02em;
    margin: 0 0 30px;
    position: relative;
}
table.deuda td {
    border: 0 none !important;
}

/* thead */
table.deuda thead tr {
    background: #004078 none repeat scroll 0 0;
    color: #fff;
}
table.deuda thead th {
    border: 0 none !important;
    font-weight: 500;
    line-height: 1.1em;
    padding: 11px 8px;
    text-transform: uppercase;
    vertical-align: middle;
}


/* item */
table.deuda tr.item td {
    padding: 5px 8px;
}
table.deuda .comp {font-weight: lighter}
table.deuda .comp span {
    font-weight: 500;
    padding-left: 5px;
}
table.deuda .num {
    text-align: right;
}


/* line */
table.deuda tr.line {
    border-bottom: 4px solid #fff;
    border-top: 1px solid #bbb;
}
table.deuda tr.line td {
    padding: 0;
}


/* space */
table.deuda tr.space td {
    padding: 5px 0;
}

/* subtotal */
table.deuda tr.subtotal {
    background: #f5f5f5 none repeat scroll 0 0;
    font-weight: 600;
    font-size: 1.1em;
}


/* total */
table.deuda tr.total {
    background: #e1e1e1 none repeat scroll 0 0;
    color: #005db4;
    font-size: 1.15em;
    font-weight: 500;
}


@media (max-width: 992px) {
.tablecontainer {
    border: 3px solid #eee;
    border-radius: 4px;
    float: left;
    height: auto;
    overflow: auto;
    width: 100%;
}
}








/* FAVORITOS ******************************/
.itemFav {
    float: right;
    height: auto;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 38px;
    position: relative;
    width: 100%;
}
.quit_bar a {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    border: 2px solid #c9c9c9;
    background-clip: padding-box;
    border-radius: 24px;
    color: #888;
    display: block;
    font-size: 15px;
    height: 23px;
    line-height: 19px;
    text-align: center;
    width: 23px;
    text-decoration: none !important;
}
.quit_bar a:before {content:"\e02b"}
.quit_bar a:before {
    font-family: "E3Interface";
    text-align: center;
}
.quit_bar a:hover {color: #23b1a5; border-color: #23b1a5;}

.Favs .PRODUCT_BOX {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-bottom: 1px solid rgba(201, 183, 164, 0.45);
}
.Favs .box_image {
    float: right;
    height: 122px;
    width: 20%;
}
.Favs .box_data {
    float: left;
    width: 77%;
}
.Favs .box_data h3 {
    border: 0px none;
    font-size: 1.1em;
    margin: 0px 0px 7px;
    text-align: left;
    height: auto;
}
.Favs .box_data .price_wrapper {
    margin-bottom: 15px;
    text-align: left;
}
.Favs .buttons_wrapper {
    border: 0 none;
    height: auto;
    margin: -7px 0px 7px;
}
.Favs .buttons_wrapper a {
    background: #eee none repeat scroll 0px 0px;
    border-radius: 1px;
    color: #999;
    float: left;
    font-size: 0.8em;
    height: 28px;
    letter-spacing: 0.2em;
    line-height: 28px;
    margin-bottom: 6px;
    margin-right: 2px;
    padding: 0px 18px;
    text-decoration: none !important;
    text-transform: uppercase;
    width: auto !important;
    margin-top: 0!important;
}
.Favs .BUTTONBUY {color: #000 !important;}
.Favs .BUTTONBUY:before {display: none;}

.Favs .buttons_wrapper a:hover {background: #ccc; color: #000;}

.Favs .price_wrapper *{
    line-height: 25px;
}
.Favs .price_wrapper .price{
    margin-right: 15px;
}
.Favs .price_wrapper .tachado{
    line-height: 27px;
}
@media (max-width: 479px) {
    .Favs .PRODUCT_BOX {font-size: 0.9em;}
    .Favs .box_image {
        float: left;
        height: 119px;
        margin-bottom: 5px;
        width: 40%;
    }
    .Favs .box_data {width: 100%;}
    .Favs .price_wrapper *:nth-child(4){
        margin-left: -73px;
    }
}





/* REGISTER ******************************/

.Register section {
    background-color: #004078;
    padding-bottom: 20px;
}
.Register footer {margin-top: 0}
.Register footer .main.news {display: none}

.Register section .container {margin-top: 40px;}

.login_wrapper {
    background: #f2f2f2;
    border: 1px solid #d5d5d5;
    background-clip: padding-box;
    border-radius: 2px;
    margin-top: 10px;
    min-height: 143px;
    padding: 13px 20px 26px;
    position: relative;
    text-align: center;
    color: #444;
}
.login_wrapper span {
    color: #000;
    display: block;
    font-size: 1.4em;
    font-weight: 200;
    margin-top: 5px;
}
.login_wrapper:before {
    background: #939393;
    border: 2px solid #fff;
    background-clip: padding-box;
    border-radius: 44px;
    color: #fff;
    display: block;
    font-family: "E3interface" !important;
    font-size: 23px !important;
    height: 44px;
    left: 50%;
    line-height: 38px;
    margin-left: -22px;
    padding: 0 !important;
    position: absolute !important;
    text-align: center;
    top: -22px;
    width: 44px;
}
.login_wrapper > h3 {
    color: #000;
    font-size: 1.6em;
}


.Register .login_wrapper:before {content: "\e055"}
#checkout-step-login .login_wrapper:before {content: "\e086"}

.Register .login_wrapper {margin-bottom: 20px}
.Register section .forget {font-size: 1em !important}

.User .login_wrapper legend,.User .user_wrapper legend{
    color: #004078!important;
}

.Register .btn-default {
    background: #004078 none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.72) inset;
    color: #fff;
    padding: 10px 30px;
}
.Register .btn-default:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.9) inset;}


/* banner contacto para abrir cuenta */
.B-register p {
    color: #fff;
    float: left;
    font-size: 1em;
    font-weight: lighter;
    line-height: 1.4em;
    padding: 0 25px;
    text-align: center;
    width: 100%;
}
.B-register p a {
    color: #fff;
    display: block;
    text-decoration: underline;
}





/* ORDERS ******************************/





/*////////////////////////////////////////////////////////////////////*/
/*   CONTENT               ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.Content h1 {
    border-bottom: 1px solid #004078;
    color: #004078;
    float: left;
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 25px 0 20px;
    padding-bottom: 5px;
    width: 100%;
}
.Content .short_desc p {
    color: #004078 !important;
    float: left;
    font-size: 1.5em !important;
    margin: 0 0 20px !important;
    width: 100%;
}
.Content .long_desc {margin-bottom: 40px}
.Content .long_desc p {
    color: #515151 !important;
    float: left;
    font-size: 14px !important;
    line-height: 21px !important;
    width: 100%;
}
.Content .images img {width: 100%; margin-bottom: 20px;}


.Content .category_tree h5 {display: none;}



/* CONTACTO ******************************/
.Contact h1 {}





/* BUSCADORES ******************************/
.buscador {
    background: #cfe2e6;
}
.buscador form {
    float: left;
    margin: 40px 0;
    width: 100%;
}
.buscador .btn-default {
    background: #03635b none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7) inset;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0.06em;
    margin: 20px auto 0;
    padding: 15px 0;
    width: 100%;
}
.buscador .btn-default::before {content: "\f363"}
.buscador .btn-default::before {
    float: right;
    font-family: "Ionicons";
    margin-left: -15px;
    margin-right: 15px;
}
/*.limpiar {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #000 !important;
    display: block;
    float: right;
    font-size: 1.1em !important;
    height: auto !important;
    letter-spacing: 0 !important;
    margin-top: 38px;
    opacity: 0.7;
    padding: 0 !important;
    position: relative;
    text-decoration: underline;
}font-size: 1.5em;
letter-spacing: 0.06em;
margin: 20px auto 0;
padding: 15px 0;*/
.limpiar {
    background: #ed1c24;
    border: 0 none;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    float: right;
    height: auto !important;
    letter-spacing: 0 !important;
    margin-top: 38px;
    opacity: 1;
    position: relative;
    font-size: 1em;
    letter-spacing: 0.06em;
    margin: 20px auto 0;
    padding: 15px 0!important;
    text-align: right;
    padding-left: 20px!important;
    padding-right: 10px!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7) inset;
    width: 160px;
}
.limpiar:after{
    font-family: "Ionicons";
    content: "\f252";
    float: left;
    font-size: 25px;
    position: absolute;
    left: 15px;
    top: 8px;
}
.limpiar:hover {text-decoration: underline;}


.buscador hr {
    border-color: transparent;
    margin-bottom: 28px;
}
.buscador .col1 label, .buscador .col2 label {
    display: none;
}
.buscador label {
    display: block;
    height: 21px;
    margin: 0;
    padding: 0;
}
.buscador h2 {
    font-size: 0.9em;
    margin: 0 0 10px;
}

.buscador .no {
    opacity: 0.25;
}
.buscador .si {
    background: #fffdbf none repeat scroll 0 0;
    border-color: #e0da42;
}


.buscador .col1, .buscador .col2, .buscador .col3 {
    border-left: 1px solid #fff;
    padding-left: 4%;
    padding-right: 4%;
}
.buscador .col1 {border-left: 0}


.buscador .form-control {color:#000; font-weight: normal}
.buscador select option:first-child {color:#777 !important; font-weight: lighter}

.buscador ::-webkit-input-placeholder {color:#777 !important; font-weight: lighter}
.buscador :-moz-placeholder {color:#777 !important; font-weight: lighter}
.buscador ::-moz-placeholder {color:#777 !important; font-weight: lighter}
.buscador :-ms-input-placeholder {color:#777 !important; font-weight: lighter}


.buscador.cintas .col3 .form-group {}
.buscador.full .form-group {
    margin-bottom: 10px;
}
.buscador.full .col1, .buscador.full .col2, .buscador.full .col3 {
    min-height: 280px;
}
.buscador.full .col1 hr {
    margin: 10px;
}
.buscador.cintas .col1 hr {
    margin-bottom: 0;
}


@media (max-width: 1199px) {
.buscador .col1 hr {
    margin-bottom: 8px;
}
}


@media (max-width: 992px) {
.buscador h2 {font-size: 1em}
.form-control, select {font-size: 0.88em}
.buscador .col1, .buscador .col2, .buscador .col3 {
    padding-left: 3%;
    padding-right: 3%;
}
.buscador .col1 hr {margin-bottom: 11px}
}

@media (max-width: 767px) {
.buscador .col1, .buscador .col2, .buscador .col3 {
    padding-left: 15px;
    padding-right: 15px;
}
.buscador .col3 {
    border: 0 none;
    margin-top: 32px;
}
.buscador .form-group {
    margin-bottom: 7px;
}
.limpiar {
    float: left;
    margin: 25px 0 0;
}
}


@media (max-width: 479px) {
.buscador .col1, .buscador .col2, .buscador .col3 {
    border-bottom: 3px solid #fff;
    border-left: 0 none;
    margin-bottom: 25px;
    margin-top: 0;
    padding-bottom: 10px;
}
}





/* NOTICIAS ******************************/

.content_box {
    height: 160px;
}
.content_box h3 {
    display: block;
    float: left;
    margin: 0 0 10px;
}
.content_box .short_desc {
    clear: both;
    float: left;
}
.Content .Noticias h1 {
    margin-top: 0;
}
.Content .Noticias .box_name {margin-bottom: 20px}
.Content .Noticias .short_desc p {
    font-size: 1.2em !important;
}


@media (max-width: 992px) {
.content_box {font-size: 0.9em; height: 165px;}
.content_box h3 {font-size: 1.4em;}
}
@media (max-width: 767px) {
.content_box {height: auto; padding: 20px 0 15px;}
.content_box h3 {font-size: 1.4em;}
}
@media (max-width: 479px) {
.content_box {font-size: 1em; padding: 20px 0 15px;}
}







/*////////////////////////////////////////////////////////////////////*/
/*   PROCESO DE COMPRA            /////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.Cart .menutop, .Cart .buscar {display: none}

.backsite a {
    font-size: 17px;
    color: #FFF;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    width: 100%;
}
.backsite a:hover {text-decoration: none}
.backsite a:before {content: "\e003"}
.backsite a:before {
    float: left;
    font-family: "E3interface";
}

.Cart header {margin-bottom: 0px;}

.Cart header .upper {
}
.Cart .LOGO {}
.Cart .LOGIN_BOX {
    margin-right: 0!important;
}
.Cart .LOGIN_BOX .login-button {
}
.Cart .LOGIN_BOX .login-button .i-login {
}
.Cart .SEARCH_BOX .form-control {}

.Cart footer .credits ul, .Cart footer .credits hr {display: none;}



/*  STEPBAR **************************/
.stepbar {
    float: none;
    font-size: 1.1em;
    margin: 40px auto;
    margin-bottom: 70px;
    padding: 0 0 3px;
    position: relative;
    width: 80%;
    text-transform: uppercase;
}
.stepbar li {
    width: 33.33%;
    float: left;
    margin-top: -25px;
    position: relative;
}
.stepbar li:after{
    width: 55px;
    height: 55px;
    display: block;
    position: relative;
    content: "";
    border:5px solid #a3a3a3;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4) inset;
    text-align: center;
    font-size: 32px;
    line-height: 45px;
    font-weight: 700;
    z-index: 2;
    background: #fff;
    color: #a3a3a3;
}
.stepbar li.active:after{
    color: #fff;
    background: #004078;
    box-shadow:none;
    border-color: #004078;
}
.stepbar li:nth-child(1):after{
    content: "1";
}
.stepbar li:nth-child(3):after{
    content: "2";
    margin: 0 auto;
}
.stepbar li:nth-child(5):after{
    content: "3";
    float: right;
}
.stepbar a {
    color: #a3a3a3;
    float: left;
    font-size: 1.1em;
    font-weight: 300;
    position: absolute;
    left: 0;
    bottom: -30px;
    padding-top: 65px;
    z-index: 3;
}
.stepbar li:nth-child(1) a{
    left: 0;
    left: -60px;
}
.stepbar li:nth-child(3) a{
    left: 50%;
    left: calc(50% - 120px);
    width: 250px;
    text-align: center;
}
.stepbar li:nth-child(5) a{
    left: inherit;
    right: -30px;
}
.stepbar a:hover {color: #888;}
.stepbar .active a{color: #004078;}

.stepbar li a:before {content: "\f3d3"}
.stepbar li a::before {
    color: #1a1a1a !important;
    float: right;
    font-family: "Ionicons";
    font-size: 23px;
    margin: 0 9px;
    position: relative;
    display:none;
}
.stepbar li:last-child a:before {display: none}

.stepbar .line{
    height: 5px;
    width: 50%;
    background: #a3a3a3;
    position: absolute;
    z-index: 1;
}
.stepbar .line.active{
    background: #004078;
}
.stepbar .line:nth-child(4){
    left: 50%;
}


/* CART TABLE (item / item2)  ****************/
#cart-table {
    color: inherit;
    margin-bottom: 20px;
    border-bottom: 2px solid #e3e3e3;
    width: 100%;
    float: left;
}
#cart-table .table_headers {background: #f4f4f4;box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;border-radius:3px;}
#cart-table th {
    color: inherit;
    font-size: 1em;
    font-weight: 400;
    padding: 0px 0px 0px;
    text-transform: uppercase;
    text-align: left;
}
.right {
    text-align: right !important;
}
.padleft {padding-left: 15px !important}
.th_img {
    font-size: 2em !important;
    opacity: 0.7 !important;
    text-align: center !important;
}
.th_img::before {
    font-family: "Ionicons";
}
.th_img::before {
    content: "\f118";
}
#cart-table tr {
}
#cart-table .price {
    color: #4F4D58;
    display: block;
    font-size: 0.7em;
    line-height: inherit !important;
    float:none;
    text-align: right;
}
#cart-table .price span {font-size: inherit; font-weight: normal; font-size: 1.4em;}
#cart-table .price.qty {
    font-size: 13px;
}

#cart-table .price-col1 {color: #777;}
#cart-table .price-col2 {}


.unit {font-size: 0.75em; display: block; float: left; clear: left;}
#cart-table .tachado {
    color: #ccc;
    font-size: 0.75em;
    line-height: 19px;
    margin: 0;
    text-align: left;
    float: left;
    clear: left;
    display:none
}
#cart-table .tachado span {font-weight: normal}

.table_down {border-top:0 !important; border-bottom:2px solid #ddd}



#cart-table tr td {
    line-height: 17px !important;
    padding: 10px 0;
    text-align: left;
    vertical-align: top !important;
    position: relative;
}
#cart-table .table_row{
    height: 100px;
    border-bottom:none;
}
#cart-table .table_row.discount,#cart-table tr.discount .pr_image{
    height: 25px;
}
#cart-table .table_row:nth-child(2n){
    background: #eee;
    border-radius: 5px;
}
#cart-table tr .pr_image {
    height: 100px;
    width: 100px;
}
.show600 {
    display: none !important;
}
#cart-table tr .pr_image img {
    height: auto;
    left: 0px;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 15px 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
}
.pad {
    padding-right: 10px !important;
}
#cart-table tr td a.pr_name {
    color: #004078;
    display: block;
    line-height: 1.3em;
    padding: 0 10px;
    text-decoration: none;
    font-size: 1.1em;
}
#cart-table tr td a.pr_name:hover {text-decoration:underline}
#cart-table tr td .pr_info {
    color: #333;
    display: block;
    font-size: 0.85em;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 10px;
}
.Cart #cart-table tr td .pr_info:first-child{
    font-size: 1.2em;
}
#cart-table tr td input.qty_box, .quantity .qty_box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d7d7d7;
    background-clip: padding-box;
    border-radius: 2px;
    float: right;
    font-size: 0.9em;
    height: 21px;
    padding: 0;
    text-align: center;
    width: 25px;
}
.Cart .quantity .qty_box{
    float: left;
    margin-left: 5px;
}
.Cart .otro.btn,.Cart .continuar.btn{
    background: #ed1c24;
    color:#fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
    margin-right: 15px;
    border-radius: 3px;
    border: none!important;
    margin-bottom: 10px
}
.Cart .continuar.btn{
    background: #004078;
}
.Cart .jumbotron{
    border-color:#004078;
}
.Cart .jumbotron:before{
    color: #004078;
}
#cart-table tr td a.refresh {
    color: #777;
    cursor: pointer;
    float: right;
    font-size: 15px;
    margin-left: 5px;
    margin-top: 3px;
    position: relative;
    text-decoration: none !important;
}
#cart-table tr td a.remove {
    /*border: 1px solid #c9c9c9;*/
    background-clip: padding-box;
    border-radius: 50%;
    color: #888;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 20px;
    height: 21px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none !important;
    width: 21px;
}
#cart-table tr td a.refresh:hover,
#cart-table tr td a.remove:hover {color: #23b1a5; border-color: #23b1a5;}

#cart-table tr td a.refresh:before {content: "\e077"}
#cart-table tr td a.remove:before {content:"\e093"}

#cart-table tr td a.refresh:before,
#cart-table tr td a.remove:before {
    font-family: "E3Interface";
}

#cart-table tr td.vline{ /*background:url(images/cart-vline.png) no-repeat left center;*/}

#cart-table tr td a.edit{color:#544F4B;}

@media (max-width: 767px) {
    .stepbar a {/*! display: none */}
    .stepbar .active {display: block}

    .stepbar li:nth-child(1) a{
        left: 0;
        left: -25px;
        width:100px;
        text-align:center;
    }
    .stepbar li:nth-child(3) a{
        left: 10px;
        left: calc(50% - 68px);
        width: 135px;
    }
    .stepbar li:nth-child(1) a,.stepbar li:nth-child(3) a{
        bottom: -50px;
    }
    .stepbar li:nth-child(5) a{
        bottom: -35px
    }
    .stepbar{
        margin-bottom: 85px;
    }
    .Cart #Brand,.Cart #select-product #searchItem,.Cart #select-product #clearForm{
        margin-top:10px;
    }
}
@media (max-width: 479px) {
    #cart-table, .totals {font-size:1em}
    #cart-table th {}
    #cart-table tr {font-size: 0.9em !important}
    .stepbar {
        float: left;
        font-size: 1em;
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }
    .stepbar li{
        width: 100%;
        margin: 0;
        height: 50px;
    }
    .stepbar a{
        left: initial!important;
        right: initial!important;
        bottom: initial!important;
        position: relative;
        width:100%!important;
        line-height: 48px;
        padding-left: 40px;
        text-align: left!important;
        padding-top: 0;333
    }
    .stepbar li:after{
        position: absolute;
        left: -5px;
        bottom: 0;
        top: 0;
        height: 40px;
        width: 40px;
        font-size: 26px;
        line-height: 32px;
    }
    .stepbar .line{
        width: 5px;
        height: 40px;
        left:13px!important;
        top: 0;
    }
    .stepbar .line:nth-child(2) {
        height: 70px;
    }
    .stepbar .line:nth-child(4) {
        top: 50%;
    }
}
@media(max-width:600px) {
    #uno #CodeNumber, #uno #LocalNumber, #uno #sustcode{
        width: 100%!important;
        margin-bottom: 10px;
    }

    #cart-table {
    border-bottom: 0px none;
    margin: 0px 0px 19px;
    }
    #cart-table tr {
    margin: 0px;
    padding: 2px;
    }
    #cart-table .table_row,#result-table .table_row{
       height: auto;
       /*! padding-bottom: 10px!important; */
       border: 1px solid #d3d3d3;
       border-radius: 3px;
       margin-bottom: 10px;
        background: #f4f4f4;
    }
    #cart-table .table_row.discount{
        height: auto!important;
    }
    #result-table .table_row{
        float: left;
        padding-left: 0!important;
        padding-right: 5px!important;
        background: transparent!important;
        background: #ddd!important;
        padding-top:0!important;
        padding-bottom:0!important;
    }
    #result-table .table_row td{
        padding-left: 82px!important;
        line-height: 22px !important;
        min-height: 26px!important;
        margin-bottom:0px!important;
        border-bottom:2px solid transparent!important;
    }
    #result-table .table_row td:nth-child(6){
        border-bottom: none!important;
    }
    #result-table .stock{
        float: left;
        margin-left: 15px;
        margin-top:3px;
    }
    #result-table .table_row td:last-child{
        border-bottom: none!important;
        height: 0px!important;
        min-height: 0!important;
    }
    #result-table .BUTTONBUY{
        width: 90px;
        height: 26px;
        position: absolute;
        right: -3px;
        bottom: 2px;
        padding-top: 7px;
    }
    #Result tbody .BUTTONBUY._show_alternative{
        bottom: inherit;
        height: 52px!important;
        width: 90px!important;
        line-height: 18px;
        top:-166px!important;
        right: -3px!important;
    }
    #cart-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    .table_row {
    padding: 10px 2px 0px !important;
        width: 100%!important;
    }
    .table_row.discount{
        padding-top: 2px!important;
    }
    #cart-table tbody{
        width: 100%!important;
    }
    #cart-table tr .pr_image {
    width: 100%;
    /*background: #FFF none repeat scroll 0% 0%;*/
    }
    #cart-table tr .pr_image {
    height: 155px;
    }
    #cart-table tr.discount .pr_image {
        display: none;
    }
    #cart-table td {
    /*background: #FAFAFA none repeat scroll 0px 0px;*/
    border-bottom: 2px solid #FFF;
    font-size: 0.9em;
    position: relative !important;
    }
    #cart-table table, #cart-table thead, #cart-table tbody, #cart-table th, #cart-table td, #cart-table tr {
    display: block;
    }
    #cart-table tr td input.qty_box {
    display: inline-block;
    float: none;
    }
    #cart-table .table_row td {
    padding: 8px 5px 6px 82px !important;
    }

    #cart-table td:before, #result-table td:before {
    background: #2877a7 none repeat scroll 0px 0px;
    height: 100%;
    left: 0px;
    padding: 8px 0px 5px 7px;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    width: 80px;
    color: #fff;
    }
    #result-table td:before{
        display: block;
        width: 77px!important;
        line-height: 10px!important;
    }
    #result-table td:nth-child(1):before{
        content: "Stock";
        border-radius: 3px 0 0 0;
    }
    #result-table td:nth-child(2):before{
        content: "Código";
    }
    #result-table td:nth-child(3):before{
        content: "Dimac Nro.";
    }
    #result-table td:nth-child(4):before{
        content: "Precio";
    }
    #result-table td:nth-child(5):before{
        content: "Producto";
    }
    #result-table td:nth-child(6):before{
        content: "Cant";
        border-radius: 0 0 0 3px;
    }
    #cart-table td:nth-of-type(2):before {
    content: "Producto";
    }
    #cart-table td:nth-of-type(3):before {
    content: "Cantidad";
    }
    #cart-table tr.discount td:nth-of-type(3){
        display: none;
    }
    #cart-table td:nth-of-type(4):before {
    content: "$ Unit.";
    }
    #cart-table tr.discount td:nth-of-type(4){
        display: none;
    }
    #cart-table td:nth-of-type(5):before {
    content: "$ Subtot.";
    }
    #cart-table tr td a.refresh {
    display: inline-block;
    float: none;
    margin: 0px 4px 0px 10px;
    }
    #cart-table .price {
    margin-left: 10px;
    text-align: left;
    }
    .hide600 {
    display: none !important;
    }
    #cart-table .table-r thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    #cart-table .table-r {
    clear: both;
    margin: 0px;
    border: 0px none !important;
    }
    #cart-table .table-r tr {
    border-bottom: 1px solid #CCC !important;
    border-left: 0px none !important;
    border-right: 0px none !important;
    margin: 6px 0px;
    padding-bottom: 6px;
    }
    #cart-table .table-r td {
    background: #FFF none repeat scroll 0px 0px !important;
    border: 0px none !important;
    color: #000;
    padding: 1px 5px 1px 100px !important;
    position: relative !important;
    }
    .user_wrapper .table-r tbody > tr > td:nth-child(2):before, .user_wrapper .table-r tbody > tr > td:nth-child(3):before {
    font-weight: 400;
    }
    #cart-table .table-r td::before {
    color: #777;
    font-size: 0.95em;
    height: 100%;
    left: 0px;
    padding: 1px 0px 1px 10px;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    width: 85px;
    }
    .Orders .table-r td:nth-of-type(1):before {
    content: "Nro.";
    }
    .Orders .table-r td:nth-of-type(2):before {
    content: "Fecha";
    }
    .Orders .table-r td:nth-of-type(3):before {
    content: "Estado";
    }
    .Orders .table-r td:nth-of-type(4):before {
    content: "Monto";
    }
    .orderlist .table-r td:nth-of-type(1):before {
           content:"Cod."
      }
    .orderlist .table-r td:nth-of-type(2):before {
        content:"Detalle"
    }
    .orderlist .table-r td:nth-of-type(3):before {
        content:"Cant."
    }
    .orderlist .table-r td:nth-of-type(4):before {
        content:"$ Unit."
    }
    .orderlist .table-r td:nth-of-type(5):before {
        content:"$ Subtot."
      }
}

.Orders table .btn-default {
    background: #4F4D58 none repeat scroll 0px 0px;
    color: #FFF;
    font-size: 0.85em;
    letter-spacing: 0.03em;
    opacity: 0.6;
    padding: 4px 10px;
    width: 100%;
    max-width: 130px;
    font-weight: 300;
}
.Orders table .btn-default:hover,.Orders table .btn-default:active,.Orders table .btn-default:focus{
    opacity: 1;
    transition: 0ms!important;
}



/* TOTALES ****************/
#total-section {
    background: #f4f4f4 none repeat scroll 0% 0%;
    border: 1px solid #d3d3d3;
    color: inherit;
    display: inline-block;
    margin-bottom: 15px;
    min-height: 141px;
    padding: 10px 20px;
    text-align: right;
    width: 100%;
    border-radius: 3px;
}
.Orders #total-section {
    float: right;
    margin-top: 10px;
    min-height: auto;
    padding: 15px 20px;
}
#total-section .subt {
    margin-bottom: 3px;
    font-size: 0.93em;
    text-transform:uppercase;
}
#total-section .subt span {
    font-size: 1.1em;
    margin-left: 6px;
}
#total-section .total {font-size: 1.1em; margin-top: 10px; color: #ed1c24;}

@media (max-width: 992px) {
#total-section {
    height: auto !important;
    margin: 30px 0 15px;
    min-height: 0;
}
}


/* BOTONES  ****************/
.barra_action {
    background: none repeat scroll 0 0 #F4F4F4;
    border-bottom: 1px solid #EBE2D9;
    background-clip: padding-box;
    border-radius: 4px;
    clear: both;
    float: left;
    margin: 2em 2%;
    padding: 8px 1%;
    width: 96%;
}
.Cart .button {
    background-clip: padding-box;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    height: 34px;
    line-height: 33px;
    color: #004078;
    text-align: left;
    width: 100%;
    text-decoration: none !important;
    display: block;
    padding: 0 15px;
    margin-bottom: 15px;
    position: relative;
    float:left;
}
.Cart .button:hover {transition:0ms!important; color:#333; text-decoration: underline!important}
.Cart .buttonNext {
    color: #fff;
    text-align: left;
    background: #ed1c24 ;
    border:none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
    border-radius:3px;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    padding-left: 30px
}
.Cart .buttonNext:hover {background: #333;color: #fff;transition: 0ms!important}


.Cart .button:before {
    content: "\f107";
    font-family: 'Ionicons';
    float: left;
    font-size: 1.2em;
    padding-right:10px;
    position: relative;
}
.Cart .buttonNext:before {
    content: "\f10a";
    float: right;
    padding-left: 10px;
    padding-right: 0;
    font-size:18px;
}


.Cart .button .ion-arrow-right-b {
    float: right;
    font-size: 1.2em;
    padding-left: 10px;
}



/* cupon descuento *****/
.cupon {
    color: #000;
    font-size: 1.1em;
    margin-top: 25px;
    max-width: 450px;
    padding: 24px 30px 24px 45px;
    float:left;
    background: #eee none repeat scroll 0px 0px;
    border-radius: 4px
}
.cupon p {
    margin-bottom: 12px;
}
.cupon p:before {content: "\e091"}
.cupon p:before {
    float: left;
    font-family: "E3interface";
    font-size: 31px;
    margin: -3px 8px 0 -24px;
}

.cupon p i {
    float: left;
    font-size: 2em;
    margin-left: -22px;
    margin-right: 9px;
    margin-top: -5px;
}
.cupon input[type="text"] {
    border: 1px solid #ccc;
    background-clip: padding-box;
    border-radius: 2px;
    color: #bbb;
    float: left;
    font-size: 0.9em;
    height: 30px;
    max-width: 250px;
    padding: 5px;
    width: 80%;
    border:none;
}
.cupon .btn-default {
    border-color: #ddd;
    background-clip: padding-box;
    border-radius: 2px;
    display: block;
    float: left !important;
    font-size: 0.9em;
    height: 30px;
    padding: 0 10px;
    margin-top: 10px;
}




/* PASOS DE COMPRA  ****************/
.step {margin-top: 0px;float:left;width:100%;border:1px solid #004078;border-radius: 3px;margin-bottom: 15px;}
.step > h3 {
    font-size: 1.22em;
    background: #004078;
    margin: 0;
    color: #fff;
    padding:10px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.47) inset;
    float: left;
    width: 100%;
}
.step > h3:hover {opacity: 1 !important; cursor: pointer;}
.step > h3:after,
.stepbar:before {
    background: none;
    background-clip: padding-box;
    border-radius: 3px !important;
    color: #000;
    float: left;
    font-family: "E3interface";
    font-size: 25px;
    height: 30px;
    line-height: 35px;
    margin-right: 11px;
    margin-top: -5px;
    text-align: center;
    width: 30px;
}
.stepbar:before{
    display: none;
}
.step > h3:after{
    display: none;
}
.stepbar:before {
    font-size: 25px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.stepbar:before {content: "\e083";}
#checkout-step-login > h3:after {content: "\e087"}
#select-shipping > h3:after {content: "\e02c"}
#select-paymethod > h3:after {content: "\e066"}
#observaciones > h3:after {content: "\e034"}


.step h5 {
    margin:0 0 18px;
    font-size: 1.15em;
}
.step h5:before {content: "\e07a"}
.step h5:before {
    color: #b3b3b3;
    float: left;
    font-family: "E3interface";
    font-size: 13px;
    margin-right: 6px;
    margin-top: 3px;
}




/* login */
#checkout-step-login legend {margin-bottom: 2px;}
#checkout-step-login .forget {font-size: 1em !important;}
#checkout-step-login h3 {margin-bottom: 25px}

#checkout-step-login .btn-default {font-size: 12px;}
#checkout-step-login fieldset {width: 90%}

#checkout-step-login .login_wrapper {margin-top: 0}

@media (max-width: 767px) {
    #checkout-step-login fieldset {width: 100%}
    #checkout-step-login .login_wrapper {margin-top: 50px}
}


/* pago y envío **/

.shipandpay h3 i {display: none}

.shipandpay h3:hover {opacity: 0.6; cursor: pointer;}

.shipandpay h3:before {
    content: "";
    float: right;
    font-family: 'E3Interface';
}
.shipandpay h3.collapsed:before {
    content: "" !important;
}
#select-paymethod {margin-bottom: 30px}

#uno, #dos,#tres {
    height: auto;
    padding: 15px;
    width: 100%;
    float: left;
    background: #f4f4f4;
}
#tres legend{
    margin-bottom: 5px;
}
#tres .form-group{
    margin-bottom: 0;
}
#uno #CodeNumber,#uno #LocalNumber, #uno #sustcode{
    width: 200px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 0.95em;
}
#uno #searchItem,#uno #searchClient{
    float: right;
    background: #2877a7;
    border:none;
    height: 32px;
    border-radius: 3px;
    color: #fff;
    font-size: 1em;
    padding: 0 10px!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.47) inset;
    padding-left: 35px!important;
    position:relative;
}
#uno #searchClient{
   position: absolute;
   right:15px;
   top: 0;
}

#uno #searchItem:hover,#uno #searchItem:focus{
    box-shadow: 0 0 25px rgba(0, 0, 0, 1) inset!important;
}
#uno #searchItem:after,#uno #searchClient:after{
    content:"\f21f";
    display: block;
    position: absolute;
    font-family: "Ionicons";
    left: 14px;
    top: 3px;
    font-size:18px;
}
/*RESULT*/
#Result{
    /*! margin-top: 20px; */
    width: 100%;
    float: left;
}
#Result table{
    width: 100%;
    float: left;
    margin-top: 10px;
    position: relative;
}
#Result tbody{


}
#Result tbody .BUTTONBUY._show_alternative{
    position: absolute;
    top: -5px;
    right: 0;
    width:150px;
    background: #abb100;
}
#Result tbody tr{
    /*! background: #eee; */
     /*border: 1px solid #ccc; */
    /*! border-radius: 3px; */
}
#Result tbody tr:first-child{}
#Result tbody tr:last-child{}
#Result tbody tr:nth-child(2n-1){
    background: #ddd;
}
#Result tbody tr>td{
    border-top: none!important;
    padding-top: 15px;
}
#Result tbody tr>td.buy{
    padding-top: 10px;
}
#Result thead > tr > th{
    border-bottom: none;
}
/* UL contenidos opciones de pago y envio **/
.shipandpay ul li {
    border-bottom: 1px dashed #ccc;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 20px 3%;
}
.shipandpay ul li input {margin-left: -25px;}
.shipandpay ul li label {
    color: inherit;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 8px;
    margin-left: 10px;
    text-transform: none;
}
.shipandpay .result strong {
    font-size: 1.25em;
    font-weight: normal;
}
.shipandpay ul li .text {margin-bottom: 10px;}
.pay-method-preference .text {
    font-size: 1em;
    font-style: italic;
    margin-top: 6px;
    opacity: 0.7;
}
.pay-method-preference .text p {margin: 0; padding: 0;}

.shipandpay ul li .options {}

.pay-method-preference {color:#888}

/* mercadopago */
.OP-mercadopago img {
    float: left;
    margin-right: 15px;
    max-width: 468px;
    width: 100%;
}
.OP-mercadopago span {
    clear: left;
    display: block;
    float: left;
    margin-top: 9px;
}
.OP-mercadopago a {text-decoration: underline}

/* paypal */
.OP-paypal img {
    height: 60px;
}





.observaciones {margin-bottom: 30px}




/* PREVIEW  ****************/
.Preview .totals {
    float: left;
    padding: 5%;
    width: 95%;
    font-size:1.1em;
}
.Preview .totals td p {
    margin-bottom:0.3em;
}
.Preview #totals-table span {font-size:0.9em}
.Preview #totals-table strong {font-size:1.3em}
.Preview #totals-table .titu {color:#222; font-weight:bold; font-size:1em;}

.Preview #totals-table img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.Preview fieldset .button {
    float: left;
    margin-top: 1.4em;
}

.Preview #total-section {
    text-align: left;
}
.Preview #total-section .titu {
    float: left;
    font-weight: bold;
    margin: 5px 0 1px;
    width: 100%;
}
.Preview fieldset .btn {margin-top: 19px}
.Preview .vdatos {
    background: none repeat scroll 0 0 #e6e6e6;
    color: #222 !important;
    font-size: 1em !important;
    font-style: italic;
    font-weight: bold !important;
    line-height: 1.2em;
    margin-bottom: 17px !important;
    padding: 8px 10px;
    text-transform: uppercase !important;
}
.Preview .vdatos i {
    font-size: 1.35em;
    margin-right: 6px;
}

#data-table {
    color: #555;
    float: left;
    line-height: 1.6em;
    margin: 0 0 25px 33px;
    width: 85%;
}
#data-table .btn {
    font-size: 0.9em;
    margin: 0 0 10px;
}



/* Procces order / */
.aceptada .icon, .rechazada .icon {}











/*////////////////////////////////////////////////////////////////////*/
/*   MODALS                ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/


/*  CART DETAIL - MODAL CARRITO DE COMPRA **************/

.mdl_detail {max-width:900px; overflow-x:hidden; padding: 2px;}
.mdl_detail header {
    line-height: 1em;
    margin: -13px 0 10px;
    padding: 12px 0 10px;
}

.mdl_detail .modal-body {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.mdl_detail ul {margin:0; padding:0}
.mdl_detail ul li:last-child article {border: 0 !important}

.mdl_detail article {
    border-bottom: 1px solid #dcdcdc;
    display: block;
    float: left;
    padding: 9px 0;
    width: 100%;
}
.mdl_detail article img {
    float: left;
    margin: 0 2%;
}
.mdl_detail article h2 {
    color: inherit;
    float: left;
    font-size: 0.95em;
    font-weight: lighter;
    line-height: 1.15em;
    margin: 5px 0 0;
    text-align: left;
    width: 67%;
}
.mdl_detail article .price, .mdl_detail article .count {
    float: left;
    font-size: 0.8em;
    margin-top: 5px;
    width: 67%;
}
.mdl_detail .price span, .mdl_detail .tachado span {
    font-size: 1.2em;
    font-weight: bold;
}

.mdl_detail p {color:#777; margin-bottom:7px;}


.mdl_detail .btn {}
.mdl_detail .btn-primary {
  ;
}
.mdl_detail .btn-primary:hover,
.mdl_detail .btn-primary:focus,
.mdl_detail .btn-primary.active{
}


@media (max-width: 479px) {
    .mdl_detail .btn-default,
    .mdl_detail .btn-primary {width:100%}
    .mdl_detail .nomobile {display:none}
}









/**************************************************************************/
/**************************************************************************/









.long_desc img {
    max-width: 100%;
    height: auto !important;
}

.desc-aplicados{
    float: left;
    width: 100%;
    background: #ffcc00;
    line-height: 50px;
    padding: 0 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: -20px;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
}
.desc-aplicados span{
    float: right;
  font-weight: 700;
    font-size: 1.5em;
}

 /*  cambios hechos en dimac 6/10(leo, revisar pablp) */
 .Cart .pendiente .BUTTONBUY::before {
    content: "" ;
}

/*  cambios hechos en dimac 01/03*/
.contenido b,.name b{ background-color:#b6ff00;}