/* Error de minimización. Devolviendo el contenido no minimizado.
(125,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(122,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(119,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(116,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(113,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(110,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(107,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(104,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(101,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(98,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(95,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(92,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(89,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(86,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(83,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(80,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(77,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(74,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(71,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(68,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(65,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(62,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(59,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(56,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(53,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(50,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(47,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(44,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(41,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(38,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(35,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(32,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(29,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(26,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Error de minimización. Devolviendo el contenido no minimizado.
(23,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* .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) {    
}


@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('/content/fonts/MyriadPro-SemiboldCond.eot');
    src: url('/content/fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/MyriadPro-SemiboldCond.woff') format('woff'),
        url('/content/fonts/MyriadPro-SemiboldCond.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-style: normal;!important

}


@font-face {
    font-family: 'Myriad Pro';
    src: url('/content/fonts/MyriadPro-Regular.eot');
    src: url('/content/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/MyriadPro-Regular.woff') format('woff'),
        url('/content/fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.btn-default:hover{
    background: #D2D2D2;
}
body>iframe{
    display: none
}
/*////////////////////////////////////////////////////////////////////*/
/*   GENERALES             ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

body {font-family: 'Open Sans', sans-serif;}

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, #wrap section, footer {float: left; width: 100%;}

*:after, *:before {text-transform: none !important}

.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}



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

a {transition: all 0.3s 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: 30px}
}


/* 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;
}
textarea  {border: 1px solid #CCCCCC;}


/* Validación formularios (agregar clase "validar")  ********/
.validar .input-validation-error {border-bottom: 3px solid #0080b5;}
.validar .form-control.valid {border-bottom: 3px solid #ffe400;}

.validar .field-validation-error, .validar .field-validation-valid {
    color: #0080b5 !important;
    float: left;
    font-size: 0.88em;
    font-style: italic;
    height: 26px;
    margin: 0 !important;
    padding: 3px 0 0 !important;
    width: 100%;
}
.validar .field-validation-error:before {content: "\f12a";}
.validar .field-validation-valid:before {content: "\f122";}
.validar .field-validation-error::before, .validar .field-validation-valid::before {
    bottom: 34px;
    font-family: "Ionicons";
    font-size: 17px;
    font-style: normal;
    line-height: 18px;
    position: absolute;
    right: 22px;
    z-index: 1;
}

.validar .field-validation-valid {height: 0}
.validar .field-validation-valid:before {color: #ffe400; bottom: 12px;}

.validar .sel .field-validation-valid:before, .validar .sel .field-validation-error:before {
    display: none !important;
}





/* RECUPERAR CONTRASEÑA ***********************/
.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 {
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #dedede;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
	header {padding-bottom: 20px;}
}



/* UPPER ******/
header .upper {
    background: #e2e4e7 none repeat scroll 0 0;
    box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.1) inset;
    float: left;
    height: 48px;
    margin-bottom: 12px;
    padding: 0 15px;
    width: 100%;
}
header .upper > * {
    z-index: 1;
}

header .garmin {
    float: left;
    height: auto;
    margin: 8px 10px 0 30px;
    width: 140px;
}
.garmin img {
    width: 100%;
}


header .social {
    float: left;
    font-family: "gpsmundofont";
    font-size: 1.6em;
    margin: 8px 15px 0 0;
    position: relative
}
header .social:before {
	content: "C";
	float: left;
	color: #535353;
}
header .social a {
	color: #535353;
	float: left;
}
header .social a:before {font-family: "gpsmundofont";}
header .social .s-facebook:before {content: "A";}
header .social .s-twitter::before {content: "B";}

header .social a:hover {text-decoration: none; color: #0971ce;}




/* MAIN ******/
header .main {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}

.LOGO {
    display: block;
    height: auto;
    margin: 5px 0 0 20px;
    padding: 0 !important;
    text-align: center;
    width: 300px;
}
.LOGO img {
    display: inline;
    width: 100%;
}

.mmenu_button {
    background-clip: padding-box;
    border: 1px solid #999;
    border-radius: 4px;
    color: #444;
    float: right;
    font-size: 26px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    text-decoration: none !important;
    width: 38px;
    display: none !important;
}
.mmenu_button:before {content: "\f20d"}
.mmenu_button:before {font-family: "ionicons";}

.mmenu_button:hover {color: #0971ce; border-color: #0971ce; background: #f6f6f6; text-decoration: none;}



/* PHONE ****/
.phone {
    color: #888;
    float: left;
    font-size: 1.3em;
    font-weight: bold;
    margin: 10px 0 0;
}
.phone:before {content: "p"}
.phone::before {
    color: #0971ce;
    float: left;
    font-family: "gpsmundofont";
    font-size: 1.6em;
    margin: -9px 4px 0 0;
}
.phone span {
    font-weight: lighter;
}



/*  SEARCH_BOX  *******************************/
.SEARCH_BOX {
    float: none;
    margin-top: 8px;
    z-index: 0 !important;
}
.SEARCH_BOX fieldset {
    position: relative;
}
.SEARCH_BOX .form-group {
    display: block;
    position: relative;
}
.SEARCH_BOX .form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb !important;
    border-radius: 40px;
    box-shadow: none;
    color: #222;
    font-size: 0.95em;
    height: 30px;
    line-height: 30px;
    margin-right: 11px;
    padding: 0 40px 0 17px;
    width: 100%;
}
.SEARCH_BOX .search_submit {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none;
    color: #0971ce;
    font-size: 19px;
    padding: 1px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 0;
    width: 30px;
}
.SEARCH_BOX .search_submit span:before {font-family: "gpsmundofont"}
.SEARCH_BOX .search_submit span:before {content: "o";}

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




.SEARCH_BOX .navbar-form {
    margin: 8px 0;
    padding: 0;
}
.ui-autocomplete {
    background: none repeat scroll 0 0 #eee;;
    background-clip: padding-box;
    border-radius: 0 0 2px 2px;
    color: #343434;
    font-size: 0.9em;
    padding: 7px;
    z-index: 3;
    width: 100%!important;
    border-radius: 5px;
    position: absolute!important;
}
.ui-autocomplete li {
    padding: 2px 0;
}
.ui-autocomplete li:hover {color: #0971ce}

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





/*  LOGIN_BOX *******************************/
.LOGIN_BOX, .CART_BOX {
    float: right;
    height: 45px;
    margin-right: 11px;
    margin-top: 5px;
    padding: 0 13px 0 32px;
    position: relative;
}
.CART_BOX {padding-left: -37px}
.CART_BOX:hover, .LOGIN_BOX:hover {text-decoration: none !important}

.LOGIN_BOX {margin-left: 15px}
.LOGIN_BOX::after {
    color: #888;
    content: "C";
    font-family: "gpsmundofont";
    font-size: 1.6em;
    position: absolute;
    top: 3px;
}

.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 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #000 !important;
    line-height: 35px;
    margin: 0;
    padding: 0;
    text-decoration: none !important;
}
.LOGIN_BOX .i-login, .CART_BOX .i-cart {
    display: block;
    float: left;
    font-size: 2.1em;
    left: -1px;
    position: absolute;
}
.LOGIN_BOX .i-login:before, .CART_BOX .i-cart:before {
    font-family: "gpsmundofont";
    opacity: 0.4;
}
.LOGIN_BOX .i-login:before {content: "r"}
.CART_BOX .i-cart:before {content: "q"}


.LOGIN_BOX .login-button > strong, .CART_BOX .cart-button > strong {
    color: #0971ce;
    display: block;
    float: left;
    font-size: 0.72em;
    font-weight: normal;
    line-height: 1em;
    margin: 3px 0;
}
.CART_BOX .cart-button > strong {margin-left: 5px !important}
.LOGIN_BOX .login-button > span, .CART_BOX .cart-button > span {
    clear: left;
    color: #444;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1em;
    padding-bottom: 16px;
    width: 100%;
}



/* window */
.LOGIN_BOX .login_window, .LOGIN_BOX .dropdown-menu, .CART_BOX .cart-window {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3 !important;
    box-shadow: none;
    color: inherit;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-transform: none;
    z-index: 1001;
}
.LOGIN_BOX .login_window {
    left: auto;
    right: 0;
    top: 39px;
    width: 270px;
    padding: 14px !important;
}
.CART_BOX .cart-window {
    max-height: 565px;
    min-height: 72px;
    min-width: 190px;
    padding: 0;
    right: 0;
    top: 43px;
    width: 25em;
    border-radius:3px
}


.LOGIN_BOX .login_window fieldset {}
.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;}

.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;
}


.LOGIN_BOX .dropdown-menu {
    margin-top: 4px;
    padding: 5px 12px;
    top:39px
}
.LOGIN_BOX .dropdown-menu > li > a, .LOGIN_BOX .dropdown-menu > li form > a {
    color: #000;
    font-size: 11px !important;
    margin: 0;
    padding: 6px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.LOGIN_BOX .dropdown-menu li a:hover {color: #0971ce; background: none !important; text-decoration: underline;transition: 0ms!important;}
.LOGIN_BOX .dropdown-menu li a:hover:before{
    opacity: 1;
    transition: 0ms!important;
}


	

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

.CART_BOX {margin-right: 0; padding-right: 2px;}

.CART_BOX .cart-button > strong:before {content: "\f104"}
.CART_BOX .cart-button > strong:before {
    color: #999;
    float: right;
    font-family: "ionicons";
    margin-left: 6px;
    display: none;
}
.CART_BOX .cart-button .items {}
.CART_BOX .cart-button .items .it {}
.CART_BOX .cart-button .items .it span {
    background: #0971ce none repeat scroll 0 0;
    border: 2px solid #e2e4e7;
    border-radius: 100%;
    color: #fff;
    font-size: 0.8em;
    height: 20px;
    left: 16px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 20px;
}
.CART_BOX .cart-button .items .it strong {font-weight: normal; display: none;}

.CART_BOX .cart-button .items .pr {
    margin-left: 5px !important;
}



.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: 5%;
    text-align: center;
    width: 12%;
}
.CART_BOX .cart-window .img img {
    margin: 0 auto;
    max-height: 45px;
    width: 100%;
}
.CART_BOX .cart-window .datos {
    float: left;
    height: auto;
    width: 82%;
    font-size: 0.95em;
}
.CART_BOX .cart-window .name {
    float: left;
    font-size: 0.7em;
    line-height: 14px;
    margin-bottom: 3px;
    width: 100%;
}
.CART_BOX .cart-window .cantidad {
    color: #848273;
    float: none;
    font-size: 11px;
    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 span {
    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;
}
.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;
}




/*  MENU_MAIN ******************************/
.MENU_MAIN {
    background: #fff none repeat scroll 0 0;
    display: block;
    float: right;
    margin-top: 14px;
    padding: 0 !important;
}
.MENU_MAIN .nav {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}
.MENU_MAIN .nav > li {position: relative;}
.MENU_MAIN .nav > li > a {
    background: #fff none repeat scroll 0 0 !important;
    border-color: #fff;
    border-style: solid;
    border-width: 1px 1px 4px;
    color: #777;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: -0.02em;
    padding: 17px 16px;
    text-transform: uppercase;
}
.MENU_MAIN .nav > li:nth-child(2) > a {border-bottom-color: #0971ce;}
.MENU_MAIN .nav > li:nth-child(3) > a {border-bottom-color: #1b97df;}
.MENU_MAIN .nav > li:nth-child(4) > a {border-bottom-color: #13293c;}
.MENU_MAIN .nav > li:nth-child(5) > a {border-bottom-color: #8dc4eb;}
.MENU_MAIN .nav > li:nth-child(6) > a {border-bottom-color: #009cce;}
.MENU_MAIN .nav > li:nth-child(7) > a {border-bottom-color: #0971ce;}

.MENU_MAIN .dropdown-submenu > a .caret {
    border-width: 3px;
    margin-left: -2px;
    opacity: 0.6;
    display: none;
}


/* SUBMENU desplegable en :hover ***/
@media (min-width: 768px) {
	.MENU_MAIN .nav > li > a:hover, .MENU_MAIN .nav > li:hover > a {
	    background: #fff none repeat scroll 0 0;
	    border-color: #0971ce #ddd #fff;
	    border-width: 1px 1px 4px;
	    color: #0971ce;
	    text-decoration: none;
	}
	.MENU_MAIN .nav li:hover > .dropdown-menu {display: block !important}
}



/* submenu ***************/
.MENU_MAIN .nav > li > .dropdown-menu {}
.MENU_MAIN .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    border-color: transparent #ccc #0971ce;
    border-radius: 0 !important;
    border-width: 0 1px 5px;
    box-shadow: 2px 6px 5px rgba(57, 57, 57, 0.32);
    margin: 0;
    padding: 0;
}
.MENU_MAIN .dropdown-menu > li {}
.MENU_MAIN .dropdown-menu > li > a {
    color: #333;
    font-size: 0.95em;
    font-weight: lighter;
    line-height: 1.3em;
    margin: 0;
    padding: 15px;
    white-space: normal;
    width: 259px;
}
.MENU_MAIN .dropdown-menu > li > a:hover, .MENU_MAIN .dropdown-menu > li > a:focus {
    background: #0971ce none repeat scroll 0 0;
    color: #fff;
}

/* iconitos menu */
.MENU_MAIN .dropdown-menu > li > a:before {
    float: left;
    font-family: "gpsmundofont";
    font-size: 1.8em;
    margin: 1px 12px 0 0;
    opacity: 0.6;
}
.MENU_MAIN .cat-item-7 > a::before {content: "s";}
.MENU_MAIN .cat-item-59 > a::before {content: "z";}
.MENU_MAIN .cat-item-8 > a::before {content: "y";}
.MENU_MAIN .cat-item-9 > a::before {content: "x";}
.MENU_MAIN .cat-item-10 > a::before {content: "w";}
.MENU_MAIN .cat-item-11 > a::before {content: "v";}
.MENU_MAIN .cat-item-164 > a::before {content: "t";}
.MENU_MAIN .cat-item-13 > a::before {content: "u";}
.MENU_MAIN .cat-item-713 > a::before {content: "l";}
.MENU_MAIN .cat-item-5425 > a::before {content: "D";}


/* flechitas menu */
.MENU_MAIN .nav li ul .dropdown-submenu > a::after {content: "\f3d3"}
.MENU_MAIN .nav li ul .dropdown-submenu > a::after {
    float: right;
    font-family: "Ionicons";
    opacity: 0.5;
}


/* sub submenu */
.MENU_MAIN .dropdown-menu .dropdown-menu {
    height: 100%;
    left: 100%;
    padding-top: 5px;
    position: absolute;
    top: 5px;
    width: 100%;
}
.MENU_MAIN .dropdown-menu .dropdown-menu::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 100%;
}
.MENU_MAIN .dropdown-menu .dropdown-menu > li > a {
    padding: 7px 15px;
}





/* menumain button */
.menumain_button {
    background: #0971ce none repeat scroll 0 0 !important;
    border-radius: 0;
    color: #fff;
    display: none;
    font-size: 1.2em;
    letter-spacing: 0.02em;
    line-height: 35px;
    margin: 0;
    padding: 0 10px 0 20px;
    text-align: left;
    width: 100%;
    font-weight: 700;
}
.menumain_button:before {content:"\f394"}
.menumain_button:before {
    float: right;
    font-family: "Ionicons";
    font-size: 2em;
    line-height: 35px;
    margin: 0 -2px 0 5px;
}
.navbar-default .navbar-collapse {border: 0}




/* items filtros de color */
.MENU_MAIN .filterlinks a {
    color: #0971ce     !important;
}



/* MENU RESPONSIVE y MMENU  ************************************/

@media (max-width: 767px) {
.menumain_button {display: block}
.MENU_MAIN {
    margin: 0;
    padding: 0;
    width: 100%;
    display: none;
}
.MENU_MAIN .nav > li{ width:100%; }
.MENU_MAIN a {
    float: left;
    width: 100% !important;
}

.MENU_MAIN .nav > li > a {
    background: #f2f2f2 none repeat scroll 0 0 !important;
    border-bottom-color: #fff !important;
    border-width: 0 0 1px 8px;
    padding: 13px;
}

.MENU_MAIN .dropdown-menu {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: 1px 2px 5px rgba(57, 57, 57, 0.2);
    float: left !important;
    padding: 5px 0 !important;
    position: relative !important;
    width: 100% !important;
}
.MENU_MAIN > ul > li > .dropdown-menu > li > a {
    color: #000 !important;
    font-size: 1em;
    font-weight: normal !important;
    padding: 12px 12px 18px 51px !important;
}
.MENU_MAIN .nav li ul .dropdown-submenu > a::after {content: "\f3d0"}
.MENU_MAIN > ul > li > .dropdown-menu > li > a:hover {color: #FFF !important}
.MENU_MAIN .dropdown-menu > li > a::before {
    font-size: 26px !important;
    left: 13px;
    margin: 0;
    position: absolute;
}

.MENU_MAIN .dropdown-menu .dropdown-menu {
    left: 0 !important;
    padding: 0 21px 10px !important;
    top: 0;
    height: auto !important;
}
.MENU_MAIN .dropdown-menu .dropdown-menu li > a {
    padding-left: 31px;
}


.MENU_MAIN .nav > li:nth-child(2) > a {border-left-color: #0971ce;}
.MENU_MAIN .nav > li:nth-child(3) > a {border-left-color: #1b97df;}
.MENU_MAIN .nav > li:nth-child(4) > a {border-left-color: #13293c;}
.MENU_MAIN .nav > li:nth-child(5) > a {border-left-color: #8dc4eb;}
.MENU_MAIN .nav > li:nth-child(6) > a {border-left-color: #009cce;}

.MENU_MAIN .navbar-nav .open .dropdown-menu {
    background: none repeat scroll 0 0 #eee;
    border-radius: 0 !important;
}
.MENU_MAIN.collapse .dropdown-submenu > a:before {
    font-size: 15px;
    margin-right: 4px;
}
}


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



/* MMENU */
#mmenu {
    background: #e2e4e7 !important;
    color: rgba(255, 255, 255, 0.76);
    z-index: 1001;
}
#mmenu .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.29);
}
#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;
}

#mmenu .CART_BOX {
    float: none;
}
#mmenu .CART_BOX .cart-button {
    color: #fff;
    cursor: pointer !important;
    height: 40px;
    line-height: 15px;
    padding: 0 5px 0 19px !important;
    width: 100%;
    float: none;
}
#mmenu .CART_BOX .cart-button .i-cart {
    background-color: #000000;
    background-position: 8px 11px;
    float: right;
    height: 100%;
    margin-right: 10px;
    width: 40px;
}
#mmenu .CART_BOX .cart-button strong {padding-top: 5px}
#mmenu .CART_BOX .cart-button .items {
    color: #e7c38e;
    font-size: 12px;
    font-weight: bold;
}

#mmenu .CART_BOX .mm-subopen {display: none !important}

#mmenu .mmenu-button {
    border: 1px solid #fff;
    background-clip: padding-box;
    border-radius: 3px;
    color: #fff !important;
    float: right;
    font-size: 26px;
    height: 32px;
    line-height: 30px;
    margin: 21px 15px 15px 0;
    opacity: 0.6;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 33px;
}
#mmenu .mmenu-button:hover {opacity: 1}

#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 ****************************************/

@media (max-width: 1199px) {
}
@media (max-width: 992px) {
	header .upper {margin-bottom: 20px}
	.LOGO {
	    margin: -8px 0 0 20px;
	    width: 265px;
	}
	.navbar {min-height: 1px}
	.phone {font-size: 1.1em; margin: 13px 0 0 -7px;}
	header .social {display: none}
	.MENU_MAIN {
	    font-size: 0.9em;
	    margin-top: 0;
	}
	.MENU_MAIN .nav > li > a {padding: 10px 13px;}
}

@media (max-width: 767px) {
	header {padding-bottom: 0;border-bottom: 0px}
    header .upper {}
    .phone {display: none}
    header .garmin {margin-left: 0}
	header .main {}
	.navbar {float: none; text-align: center;}
	.LOGO {
	    display: inline-block;
	    float: none;
	    margin: 0 auto 14px;
	    max-width: 265px;
	    width: 70%;
	}
	
	.SEARCH_BOX {}
	.LOGIN_BOX {padding-right: 0}
	.LOGIN_BOX:after {right: -15px;}
	
}

@media (max-width: 479px) {
	header .garmin {display: none}
}



.affix {
	top: 10px;
	width: inherit;
}
.affixlogo {display: none !important}







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

footer {margin-top: 50px;}


/**************************************************************************/
/*  UPPER *******************************/
footer .upper {
    font-size: 0.9em !important;
}
footer .upper hr {
    border-top: 2px solid #000;
    margin: 0 15px 25px;
}



/* footer LOCALES **************/
.locales {
    color: #000;
    padding: 30px 0 0;
}



.locales h3, .locales .navbar-toggle {
    float: left;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    line-height: 27px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.locales h3 {
    margin: 20px 0 18px 15px;
}
.locales .navbar-toggle {
    padding: 15px 15px 13px;
    text-align: left;
    background: #0971ce;
    border-radius:0;
    color: white;
    font-weight: 700;
}
.locales .navbar-toggle:before{
    font-family: "Ionicons";
    content: "\f3a3";
    display: block;
    float: left;
    font-size:2em;
    margin-right:15px;
}
.locales .navbar-toggle.collapsed:after {content: "\f35f"}
.locales .navbar-toggle:after {content: "\f365"}

.locales .navbar-toggle:after {
	font-family: 'Ionicons';
	float: right;
	font-size: 1.2em;
}

.locales ul {
    float: left;
    padding: 5px 0 20px;
    width: 100%;
}
.locales ul li > div {
    float: left;
    padding-bottom: 17px;
    padding-left: 22px;
    position: relative;
    width: 100%;
}
.locales ul li > div:before {content: "\f3a3"}
.locales ul li > div::before {
    color: #0071ce;
    font-family: "Ionicons";
    font-size: 1.4em;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 1px;
}
.locales ul li > div > * {
    clear: left;
    float: left;
}
.locales ul li p {
    color: #0071ce;
    font-size: 1.14em !important;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: uppercase;
    clear: left;
}
.locales ul li strong {font-weight: 600;}
.locales ul li span {
    font-weight: 300;
    line-height: 1.3em !important;
}
.locales ul li a.email {
    margin: 5px 0;
    text-decoration: underline;
    color: #000;
}
.locales ul li a.map {
    color: #0071ce;
    font-size: 0.9em;
    margin-top: 10px;
}
.locales ul li a.map:hover {text-decoration: underline}



#LocalesList {
    border-top: 1px solid rgba(255, 255, 255, 0.31);
    padding: 20px 2px;
}



@media (min-width: 993px) { 
	.locales li {width: 20%;}
}
@media (max-width: 992px) { 
	.locales ul {font-size: 0.9em;}   
}
@media (max-width: 767px) {    
	.locales {padding: 0;}
	.locales ul {font-size: 0.85em;} 
	.locales br {display: none;}
	.locales ul li > div {
	    height: 170px;
	    line-height: 1.1em;
	}
}
@media (max-width: 479px) {    
	.locales ul {font-size: 0.8em;} 
	.locales ul li > div {height: auto; margin-bottom: 15px;}
	.locales ul li p {margin-bottom: 8px}
	.locales ul li a.map {margin-top: 5px}
}




/* footer banner Full - PHONE  **********/
.b-footer-full {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #0071ce;
    font-size: 2em;
    font-weight: lighter;
    padding: 20px;
    text-align: center;
}
.b-footer-full p {margin: 0}
.b-footer-full strong {
    font-size: 1.15em;
    font-style: italic;
    letter-spacing: 0.03em;
}
.b-footer-full strong span {
    font-weight: lighter;
}

@media (max-width: 767px) {
	.b-footer-full {font-size: 1.7em; line-height: 1.3em}
}





/**************************************************************************/
/*  MAIN *******************************/
footer .main {
    background: #828282 none repeat scroll 0 0;
    padding: 30px 0 15px;
    border-top: 4px solid #e5e5e5;
}

footer .main h3 {
    color: #fff;
    font-size: 1.2em;
    font-weight: lighter;
    margin: 0 0 15px;
}
footer .main ul {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
footer .main ul li a {
    color: #fff;
    float: left;
    font-size: 0.93em;
    margin: 0;
    opacity: 0.8;
    padding: 2px 0;
    width: 100%;
}
footer .main ul li a:hover {opacity: 1; text-decoration: underline; }




footer .garmin {
    float: right;
    margin: 0 0 25px;
    max-width: 180px;
    width: 100%;
}

/* socials */
footer ul.socials {
    float: left;
    margin: -10px 0 20px -4px;
    min-height: auto !important;
    width: 100%;
}
footer .socials li a {
    font-size: 2.5em !important;
    line-height: 1.2em;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    width: auto !important;
    position: relative;
}
footer .socials li a:hover {opacity: 0.7 !important; text-decoration: none !important;}

footer .socials a::after {
    font-family: "gpsmundofont";
    position: relative;
    z-index: 1;
}
footer .socials .s-facebook:after {content: "A"; color: #3e5aa6;}
footer .socials .s-twitter:after {content: "B"; color: #39b5f9;}

footer .socials a::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 50%;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%;
    z-index: 0;
}

@media (max-width: 767px) {
    .Home footer .main{
        border-top: none;
    }
footer .main {font-size: 0.95em}
footer .main ul {margin-bottom: 20px;}
footer .main h3 {margin-bottom: 10px;}
footer .main ul li a {padding: 1px 0; font-size: 0.82em;}
footer .garmin {
    float: left;
    margin-top: -9px;
    width: 125px;
}
}	







/*  CREDITS *******************************/
footer .credits {
    border-top: 1px solid #fff;
    display: inline-block;
    float: left;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 10px 0 30px;
    text-align: center;
    width: 100%;
    
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D2D2D2),
	color-stop(1, #eeeeee)
);
background-image: -o-linear-gradient(bottom, #D2D2D2 0%, #eee 70%);
background-image: -moz-linear-gradient(bottom, #D2D2D2 0%, #eee 70%);
background-image: -webkit-linear-gradient(bottom, #D2D2D2 0%, #eee 70%);
background-image: -ms-linear-gradient(bottom, #D2D2D2 0%, #eee 70%);
background-image: linear-gradient(to bottom, #D2D2D2 0%, #eee 70%);
}


footer .credits p {
    color: #777;
    display: inline-block;
}

footer .credits ul {display: inline-block}
footer .credits ul li {display: inline-block;}
footer .credits ul li a {
    color: #777;
    margin-right: 7px;
}
footer .credits ul li a::before {
    content: "●";
    display: block;
    float: right;
    font-size: 0.8em;
    margin: 0 3px 0 1px;
}
footer .credits ul li:last-child a:before {}

footer .credits ul li a:hover {text-decoration: underline;}


.e3 {
    background: rgba(0, 0, 0, 0) url("/content/images/E3.png") no-repeat scroll 0 0 / 100% auto;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 5px 0 -5px 3px;
    opacity: 0.25;
    width: 20px;
}
.e3:hover {opacity: 0.5}

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


@media (max-width: 767px) {
	footer .credits {font-size: 0.8em}
}





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


/* PRODUCT_BOX */
.PRODUCT_BOX {
    border: 1px solid #ededed;
    float: left;
    height: 340px;
    margin-bottom: 35px;
    padding: 0 7% 10px;
    width: 100%;
	
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(0.5, #E5E8EB),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E5E8EB 50%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E5E8EB 50%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E5E8EB 50%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E5E8EB 50%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E5E8EB 50%, #FFFFFF 100%);
    height: 355px;
    position: relative;
}

/* box_image */
.PRODUCT_BOX .box_image {
    height: 55%;
    position: relative;
    width: 100%;
}
.PRODUCT_BOX .box_image a img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    font-size: 10px;
    color: #999;
}


/* box_data */
.PRODUCT_BOX .box_data {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.PRODUCT_BOX .box_data h3 {
    color: #0971ce;
    float: left;
    font-size: 1em;
    height: 40px;
    margin: 6px 0 3px;
    width: 100%;
}


/* generales BOX y DETAIL */
.price_wrapper {
    color: #000;
    display: inline-block;
    float: left;
    margin: 0 0 10px;
    position: relative;
    text-align: left;
}
.price_wrapper > strong {
    float: left;
    font-size: 0.8em;
    font-weight: normal;
    width: 100%;
}
.price_wrapper.nonavailable {
    opacity: 1;
}

.price {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.3em;
}
.price span, 
.tachado span {
    font-size: 1.1em;
}
.tachado {
    color: #a4a4a4;
    display: inline-block;
    font-size: 0.85em;
    margin-left: 4px;
    position: relative;
	display:none;
}
.tachado:before {
    background: none repeat scroll 0 0 #b3b3b3;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 44%;
    transform: rotate(-8deg);
    width: 115%;
    display: none;
}
.nonavailable .tachado {display: none;}
.nonavailable .price {opacity: 1; color: #999;}



/* buttons */
.buttons_wrapper {
    bottom: 48px;
    display: inline-block;
    float: left;
    left: 0%;
    position: absolute;
    width: 100%;
    padding: 0 7px;
    padding-top: 7px;
    bottom: 7px;
}
.buttons_wrapper a {
    background: #eee none repeat scroll 0 0;
    border-radius: 4px;
    color: #989898;
    display: inline-block;
    float: left;
    font-family: "Ionicons";
    font-size: 1.2em;
    height: 26px;
    line-height: 26px;
    min-width: 21px;
    position: relative;
    text-align: center;
    width: 49%;
    z-index: 1;
    /*! border: 1px solid #d3d3d3 */
}
.buttons_wrapper a span {/*! display: none */}
.buttons_wrapper a.comp-button span ,.buttons_wrapper a.BUTTONFAV span,.PRODUCTAREA .BUTTONASK span{
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    height: 26px;
    display: block;
    float: left;
    padding-left: 15px;
    width: 100%;
}
.buttons_wrapper a:hover {
    color: #fff;
    background: #0971ce;
}
.buttons_wrapper a:before {
	float: left;
    margin-left: 7px;
	position: absolute;
	left: 0;
}
.BUTTONFAV:before {content: "\f141";}
.BUTTONASK:before {content: "\f384";font-size: 14px}



.BUTTONBUY {
    background: #ff5b00 none repeat scroll 0 0 !important;
    color: #fff !important;
    display: table-cell !important;
    float: none !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 0.9em !important;
    font-weight: 400;
    margin-right: 0 !important;
    min-width: 62px !important;
    width: auto;
    z-index: 0 !important;
}
.PRODUCT_BOX .BUTTONBUY{
    width: 100%!important;
    display: block!important;
    float: left!important;
    clear: left!important;
    margin-top: 2%!important;
}
.BUTTONBUY span {
    display: block !important;
}
.BUTTONBUY:hover {background:#0971ce !important; color: #fff;}

.BUTTONBUY.nonavailable {
    background: #eee none repeat scroll 0 0 !important;
    color: #989898 !important;
}
.BUTTONBUY.nonavailable:hover {
    background: #ccc none repeat scroll 0 0 !important;
    color: #fff !important;
}



/* compare ************************************/
.compare {}
.PRODUCT_BOX .compare a{
    margin-right: 2%
}
.comp-button span {/*! display: none; */}
.comp-button:before {content: "\f268";}
.comp-button:before {}
.compare:hover .comp-button {}

/* Productos ya agregados a comparación */
.act_compare {}
.act_compare .comp-button {background: #0971ce;color: #fff}
.act_compare .comp-button span{
    padding-left: 15px!important;
}
.act_compare .comp-button:before {}

/*.act_compare:hover .comp-button {color: #f15f60 !important;}*/






/* HOVER_IMAGE ****************************/

.hover_image {
    height: 100%;
    opacity: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.hover_image .BUTTONINFO {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 2em;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.hover_image .BUTTONINFO span {display: none}
.BUTTONINFO:before {content: "o"; font-family: "gpsmundofont";}

.hover_image .BUTTONINFO:hover {
    background: #0971ce;
    color: #fff;
}

.PRODUCT_BOX:hover {border-color: #88c1f3;}
.PRODUCT_BOX:hover .box_image img {
	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=40);
	opacity: 0.4;
	-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;
}
.PRODUCT_BOX:hover .box_data h3 {text-decoration: underline;}

.PRODUCT_BOX:hover .box_image .hover_image {
	-webkit-animation: slide 0.3s ease 0s;
	-moz-animation: slide 0.3s ease 0s;
	-o-animation: slide 0.3s ease 0s;
	animation: slide 0.3s ease 0s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1;
}
@-webkit-keyframes slide 	{ 0% {bottom:-4%} 100% {bottom:0} 0% {bottom:-4%}}
@-moz-keyframes slide 		{ 0% {bottom:-4%} 100% {bottom:0} 0% {bottom:-4%}}
@-o-keyframes slide 		{ 0% {bottom:-4%} 100% {bottom:0} 0% {bottom:-4%}}
@keyframes slide 			{ 0% {bottom:-4%} 100% {bottom:0} 0% {bottom:-4%}}







/* PASTILLAS **********************************/

.badges {
    float: left;
    z-index: 0;
}
.badges ul {position: relative; margin:8px 0 0 -15px;}
.badges ul li > span {
    background: #000 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    float: left;
    font-family: "Ubuntu Condensed",sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 44px;
    line-height: 12px;
    margin-bottom: -2px;
    margin-left: 0px;
    padding: 15px 0 0 0;
    position: relative;
    text-align: center;
    width: 44px;
    z-index: 1;
}
.badges ul li > span:before {text-transform: uppercase !important}

.badges ul li > span {background: #a4a4a4;}

.badge-nuevo {background: #11c0f8 !important;}
.badge-nuevo:before {content: "nuevo" !important;}

.badge-oferta {background: #0075dd !important;}
.badge-oferta:before {content: "Oferta" !important;}





/* sin stock */
.badge-nostock {
    background: #fff none repeat scroll 0 0 !important;
    border-bottom: 1px solid #ffcd00;
    border-top: 1px solid #ffcd00;
    bottom: 0;
    color: #666;
    display: block;
    font-family: "Roboto Slab",sans-serif;
    font-size: 11px;
    height: auto;
    letter-spacing: 0.04em;
    margin: 0 25%;
    padding: 3px 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    display: none;
}
.badge-nostock:before {content: "sin stock" !important;}




/* Pastillas en Product Detail ************/
.GALLERY .badges {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.Product .GALLERY .badges{
    right: inherit;
    left: 30px;
    top: 15px;
    z-index: 1;
}
.GALLERY .badges ul {
    float: right;
    left: auto;
    right: -28px;
}
.GALLERY .badge-nostock {display: none;}









/**************************************************************************/
/* QUICKVIEW  ******/

.Qview .PRODUCTAREA, .Qview .GALLERY {
    margin: 0 !important;
}
.Qview .ranking {
    margin-bottom: 0 !important;
}
.Qview .aviso {
    float: left !important;
    margin: -10px 0 23px;
}
.Qview .price_wrapper {
    margin-bottom: 20px !important;
    width: 100% !important;
}
.Qview .PRODUCTAREA .short_desc{
    font-size: .9em;
    display: block;
    clear: left;
}
.Qview .PRODUCTAREA .codeid{
    display: block;
    width: 100%;
    clear: left;
}




/* CATEGORY_BOX  ******/
.category_box .box_data h3 {
    border-bottom: 1px solid #ddd;
    border-top: 0 none;
    font-size: 1.3em !important;
    margin: 0;
    padding-bottom: 11px;
    text-align: center;
}








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


/* OWL SLIDER ******/

/* preloader */
.owl-item.loading {
    /*background: url(/Content/Images/AjaxLoader.gif) no-repeat center center;*/
} 
.owl-carousel .owl-item .owl-lazy {
opacity: 0.1;
}

.owl-carousel {
    margin: 0;
    z-index: 0;
    }

.owl-prev, .owl-next {
    color: #000;
    cursor: pointer;
    font-family: "gpsmundofont" !important;
    font-size: 60px;
    height: 80px;
    line-height: 80px;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 23px;
    z-index: 3;
}

.owl-prev {left: 5px; text-indent: -19px}
.owl-next {right: 5px; text-indent: -19px}

.owl-prev:before {content: "m"}
.owl-next:before {content: "n"}

.owl-prev:hover, .owl-next:hover {color: #0971ce !important}

.owl-dots {
    bottom: -20px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.owl-dots div {
    background: #d6d2d2 none repeat scroll 0 0 padding-box;
    border-radius: 100%;
    box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.2) inset;
    display: inline-block;
    height: 10px !important;
    margin: 0 4px;
    text-align: center;
    width: 10px !important;
}
.owl-dots div:hover {opacity: 0.7}

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

.max .container{
    width: 1200px;
}


/* OWL SLIDER MAIN-SLIDER ******/
#main-slider {
    overflow: hidden;
    /*! padding: 0 0 200px; */
}
#main-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

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


/* MAIN-SLIDER - OWL DOTS CUSTOMIZADOS ********/
#main-slider .owl-dots,#b-html-cat {
    bottom: -133px;
    height: 133px;
    padding: 8px 0 0;
    position: absolute;
    width: 100%;
    background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #38ADDF),
	color-stop(1, #03529B)
);
background-image: -o-linear-gradient(right, #38ADDF 0%, #03529B 100%);
background-image: -moz-linear-gradient(right, #38ADDF 0%, #03529B 100%);
background-image: -webkit-linear-gradient(right, #38ADDF 0%, #03529B 100%);
background-image: -ms-linear-gradient(right, #38ADDF 0%, #03529B 100%);
background-image: linear-gradient(to right, #38ADDF 0%, #03529B 100%);
}
#b-html-cat{
    position: relative;
    float: left;
    bottom: inherit;
    margin-bottom: 40px;
}
#main-slider .owl-dots div,#b-html-cat ul>li {
    background: #ecedef none repeat scroll 0 0 padding-box;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 125px !important;
    margin: 0;
    position: relative;
    text-align: center;
    width: 12.5% !important;
}
#b-html-cat ul>li {
    float: left;
}
#b-html-cat ul>li a{
    width: 100%;
    height: 100%;
    float: left;
}
#main-slider .owl-dots .active,#b-html-cat ul>li:hover {
    background: rgba(0, 0, 0, 0) url("/Content/templates/base/images/bg-mainslider-dots.png") no-repeat scroll 0 0 / 100% 100%;
    opacity: 1 !important;
}
#main-slider .owl-dots div::before,#b-html-cat ul>li a:before {
    color: #9f9fa3;
    float: left;
    font-family: "gpsmundofont";
    font-size: 5em;
    line-height: 1.3em;
    width: 100%;
}
#main-slider .owl-dots div:nth-of-type(1):before,#b-html-cat ul>li:nth-of-type(1) a:before {content:"s"}
#main-slider .owl-dots div:nth-of-type(2):before,#b-html-cat ul>li:nth-of-type(2) a:before {content:"z"}
#main-slider .owl-dots div:nth-of-type(3):before,#b-html-cat ul>li:nth-of-type(3) a:before {content:"y"}
#main-slider .owl-dots div:nth-of-type(4):before,#b-html-cat ul>li:nth-of-type(4) a:before {content:"x"}
#main-slider .owl-dots div:nth-of-type(5):before,#b-html-cat ul>li:nth-of-type(5) a:before {content:"w"}
#main-slider .owl-dots div:nth-of-type(6):before,#b-html-cat ul>li:nth-of-type(6) a:before {content:"v"}
#main-slider .owl-dots div:nth-of-type(7):before,#b-html-cat ul>li:nth-of-type(7) a:before {content:"t"}
#main-slider .owl-dots div:nth-of-type(8):before,#b-html-cat ul>li:nth-of-type(8) a:before {content:"u"}

#main-slider .owl-dots div::after,#b-html-cat ul>li a:after {
    color: #000;
    float: left;
    font-size: 0.8em;
    line-height: 1.2em;
    text-transform: uppercase !important;
    width: 100%;
}
#main-slider .owl-dots div:nth-of-type(1):after,#b-html-cat ul>li:nth-of-type(1) a:after {content:"conduciendo"}
#main-slider .owl-dots div:nth-of-type(2):after,#b-html-cat ul>li:nth-of-type(2) a:after {content:"entrenando"}
#main-slider .owl-dots div:nth-of-type(3):after,#b-html-cat ul>li:nth-of-type(3) a:after {content:"explorando"}
#main-slider .owl-dots div:nth-of-type(4):after,#b-html-cat ul>li:nth-of-type(4) a:after {content:"navegando"}
#main-slider .owl-dots div:nth-of-type(5):after,#b-html-cat ul>li:nth-of-type(5) a:after {content:"volando"}
#main-slider .owl-dots div:nth-of-type(6):after,#b-html-cat ul>li:nth-of-type(6) a:after {content:"rastreo satelital"}
#main-slider .owl-dots div:nth-of-type(7):after,#b-html-cat ul>li:nth-of-type(7) a:after {content:"accesorios"}
#main-slider .owl-dots div:nth-of-type(8):after,#b-html-cat ul>li:nth-of-type(8) a:after {content:"antenas / receptores"}

#main-slider .owl-dots .active:before, #main-slider .owl-dots .active:after,
#b-html-cat ul>li:hover a:after,#b-html-cat ul>li:hover a:before {color: #fff}

#main-slider .owl-dots .active span::before {
    bottom: 9px;
    color: #fff;
    content: "VER MAS >";
    font-size: 10px;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    display: none;
}



/* MAIN-SLIDER - BANNER HTML ********/
.owl-full {
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0) no-repeat scroll center top / cover ;
    left: 0;
    padding-top: 100px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 1;
}
.owl-full h2 {
    color: #000;
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 26px 7%;
    max-width: 450px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 70%;
}
.owl-full p {
    color: #000;
    font-size: 1.3em;
    font-weight: lighter;
    letter-spacing: 0.03em;
    line-height: 1.5em;
    margin: 0 0 20px 7%;
    max-width: 400px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 70%;
}
.owl-full .boton {
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-size: 0.95em;
    font-weight: bold;
    line-height: 0.9em;
    margin: 0 0 20px 0%;
    padding: 1em 1.2em;
    transition: background-color 0.2s ease 0s;
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #0058A0),
	color-stop(0.5, #007EC2)
);
background-image: -o-linear-gradient(top, #0058A0 0%, #007EC2 50%);
background-image: -moz-linear-gradient(top, #0058A0 0%, #007EC2 46%);
background-image: -webkit-linear-gradient(top, #0058A0 0%, #007EC2 50%);
background-image: -ms-linear-gradient(top, #0058A0 0%, #007EC2 50%);
background-image: linear-gradient(to top, #0058A0 0%, #007EC2 50%);
}
.owl-full .boton:hover {
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #007EC2),
	color-stop(0.5, #0058A0)
);
background-image: -o-linear-gradient(top, #007EC2 0%, #0058A0 50%);
background-image: -moz-linear-gradient(top, #007EC2 0%, #0058A0 46%);
background-image: -webkit-linear-gradient(top, #007EC2 0%, #0058A0 50%);
background-image: -ms-linear-gradient(top, #007EC2 0%, #0058A0 50%);
background-image: linear-gradient(to top, #007EC2 0%, #0058A0 50%);
}
.owl-full .boton:before {content: "\f3d3";}
.owl-full .boton::before {
    float: right;
    font-family: "Ionicons";
    font-size: 0.9em;
    margin: 1px 0 0 8px;
    opacity: 0.7;
}

.owl-full .prod {
    position: absolute;
    right: 10%;
    top: 15%;
    width: 215px;
}
.owl-full .prod img {width: 100%;}


.owl-full h2, .owl-full p, .owl-full .boton {
    opacity: 0; 
    transform: translateX(-100px);
}
.active .owl-full h2, .active .owl-full p, .active .owl-full .boton {
    opacity: 1;
    transform: translateX(0px);
}
.active .owl-full h2 {
    transition: opacity 700ms ease 700ms, transform 700ms ease 700ms;
}
.active .owl-full p {
    transition: opacity 800ms ease 800ms, transform 800ms ease 800ms;
}
.active .owl-full .boton {
    transition: opacity 900ms ease 900ms, transform 900ms ease 900ms, background-color 900ms ease 900ms;
}

@media (min-width: 1920px){
    .max {
        width: 1170px !important;
    }
}

@media (min-width: 1440px){
   .max {
        width: 1170px !important;
    }
}

@media (max-width: 992px) {
    .owl-full {font-size: 0.95em; height: 400px !important;}
    #main-slider {/*! padding-bottom: 160px; */}
    #main-slider .owl-dots div {font-size: 0.9em; height: 104px !important;}
    #b-html-cat ul > li {font-size: 0.9em; height: 114px !important;}
    #main-slider .owl-dots {
	    bottom: -112px;
	    height: 112px;
	}
    #b-html-cat{
        height: 122px
    }
	#main-slider .owl-dots div::before {
	    font-size: 4.6em;
	    line-height: 1.2em;
	    padding-top: 4px;
	}
	#main-slider .owl-dots .active span::before {bottom: 2px}
}
@media (max-width: 767px) {
	#main-slider {/*! padding-bottom: 110px */}
	#main-slider .owl-dots div:before,#b-html-cat ul > li a:before {font-size: 3em;}
    #b-html-cat ul > li a:before{
        margin-top: 5px;
    }
    
	#main-slider .owl-dots div:after,#b-html-cat ul > li a:after {font-size: 0.77em; display: none;}
	#main-slider .owl-dots div {height: 58px !important}
    #b-html-cat ul > li {height: 58px !important}
	#main-slider .owl-dots {
    bottom: -66px;
    height: 66px;
}
    #b-html-cat{
        height: 66px
    }
    .owl-full {font-size: 0.85em; height: 400px !important;}
    .owl-full .prod {
	    top: 26%;
	    width: 28%;
	}
	.owl-full h2 {font-size: 2.5em}
	.owl-full h2, .owl-full p {width: 46%}
}


@media (max-width: 479px) {
	#main-slider .owl-prev, #main-slider .owl-next {
	    font-size: 4em;
	    top: 36%;
	}
	#main-slider {/*! margin-bottom: 20px */}
	#main-slider .owl-dots div::before,#b-html-cat ul > li a:before {
	    font-size: 2.3em;
	    line-height: 1.7em;
	}
    .owl-full {font-size: 0.75em; padding-top: 25px; text-align: center; height: 350px !important}
    .owl-full .boton {padding: 0.4em 0.8em;}
	.owl-full h2, .owl-full p {
	    margin: 15px 10%;
	    width: 80%;
	}
	.owl-full h2 {margin: 0 10% 15px}
	.owl-full .prod {
	    margin: 20px 22%;
	    top: 48%;
	    width: 36%;
	}
	.owl-full .boton {margin: 0 auto}
}






/* BANNERS CINCO ********************/
.b-cinco {}
.b-cinco > div {
    height: 500px;
    /*padding: 0 0.5%;*/
    position: relative;
    margin-bottom: 40px;
}

.b-cinco .banner-item {
    border: 1px solid #f6f6f6;
    height: 100%;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
.b-cinco .banner-item img {
    height: 100%;
}

.partido {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.b-cinco .partido .banner-item {
    bottom: 0;
    height: 35%;
    position: absolute;
}
.b-cinco .partido .banner-item:first-child {
    bottom: auto;
    margin-bottom: 2%;
    top: 0;
}
.b-cinco .b1 .banner-item:first-child, .b-cinco .b3 .banner-item:last-child, .b-cinco #b-cinco-slider {
    height: 62%;
}

@media (max-width: 1199px) {   
.b-cinco > div {height: 426px}
}
@media (max-width: 992px) {    
.b-cinco > div {height: 275px}
}
@media (max-width: 767px) {     
.b-cinco > div {
    height: auto;
    margin-bottom: 0;
}
.b-cinco .banner-item {
    height: auto !important;
    margin-bottom: 20px !important;
    position: relative !important;
}
.b-cinco .banner-item img {
	height: auto;
	width: 100%;
}
}

/* B-CINCO-SLIDER */
#b-cinco-slider .owl-prev, #b-cinco-slider .owl-next {
    font-size: 55px;
    top: 36%;
}
#b-cinco-slider .owl-prev {left: -22px}
#b-cinco-slider .owl-next {right: -26px}




/* OWL SLIDER RELATED-SLIDER */
.related h2 {
    border-bottom: 3px solid #2771ca;
    font-size: 1.55em;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 0 0 6px;
    position: relative;
}
.related .owl-carousel {
    float: left;
    margin: 0 2%;
    width: 96% !important;
}
.related .owl-carousel .owl-stage-outer {
    margin: -15px;
    padding: 15px;
}
.related .owl-prev, .related .owl-next {
    top: 20% !important;
    font-size: 55px;
}
.related .owl-prev {left: -26px}
.related .owl-next {right: -30px}

.related .PRODUCT_BOX {height: 320px;}
@media (max-width: 992px){
    .related .PRODUCT_BOX {height: 340px;}
}
@media (max-width: 767px) {   
	.related .owl-carousel {
	    margin: 0 5%;
	    width: 90% !important;
	}
	.related .PRODUCT_BOX {height: 340px; font-size: 0.9em}
	.related .PRODUCT_BOX .box_image {height: 55%}
}





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

.Category h1 {
    font-size: 2.2em;
    font-weight: 300;
    margin: 22px 0 17px ;
    padding-bottom: 15px;
    border-bottom: 1px solid #bebebe;
}

.Category .slider-cat{
    width: 100%;
    margin-bottom: 30px;
}

.Category .slider-cat img{
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 767px) {
	.Category h1 {
        margin-top: 20px; 
        font-size: 1.9em}
}


/* BREADCRUMB  **************************/
.breadcrumb{
    background: none;
}
.breadcrumb, .back {
    font-size: 0.83em;
    margin: 32px 0 7px;
    padding: 0;
    text-transform: uppercase;
    width: auto !important;
}
.breadcrumb a {color: #a0a0a0}
.breadcrumb > li:last-child a {color: #000; cursor: default; text-decoration: none !important;}
.breadcrumb > li + li:before {padding: 0 2px !important;}




/* CATEGORY_TREE (menu categorias) / MENU_TREE (menu usuario y content) **************************/
.category_tree, .menu_tree {
    margin-bottom: 40px;
}

.category_tree ul, .menu_tree ul, .filter_tree ul {
    /*background: none repeat scroll 0 0 #e6e6e6;*/
    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  {
    color: #b7b7b7;
    display: block;
    float: left;
    font-size: 11px;
    margin: 2px 3px 0 -5px;
}
.User .menu_tree ul a:before{
    color: #0971ce;
    opacity: 1!important;
}
.category_tree ul li{
    background: #f6f6f6;
    margin: 2px 0;
}
.category_tree ul li a:before{
    font-family: "gpsmundofont";
    color: #828282;
    margin: -5px 15px 0 -5px;
    width: 20px;
    height: 20px;
    float: left;
    font-size: 1.8em;
}
.Category .category_tree ul li a:before{
    display: none;
}
.category-box > ul > li:nth-child(1) > a:before {
    content: "s";
}
.category-box > ul > li:nth-child(2) > a:before {
    content: "z";
}
.category-box > ul > li:nth-child(3) > a:before {
    content: "y";
}
.category-box > ul > li:nth-child(4) > a:before {
    content: "x";
}
.category-box > ul > li:nth-child(5) > a:before {
    content: "w";
}
.category-box > ul > li:nth-child(6) > a:before {
    content: "v";
}
.category-box > ul > li:nth-child(7) > a:before {
    content: "t";
}
.category-box > ul > li:nth-child(8) > a:before {
    content: "u";
}

.category_tree ul > li > a, .menu_tree ul > li > a {
    color: #252323;
    display: block;
    font-size: 0.95em;
    padding: 10px 7px 10px 16px;
    width: 100%;
}
.menu_tree ul a:hover {color: #000}

.category_tree ul > li > a:hover,
.activee,
.activee:after,
.activee:before{
    background: #0971ce;
    color: white !important;
}
.category-box > ul > li a:hover::before,
.category-box > ul > li > a:hover::after{
    color: white;
}

.category-box > ul > li.subcategory > a::after {content: "\f123"}
.category-box>ul>li>a.activee:after {content: "\f126"}
.category-box > ul > li > a::after {
    background-clip: padding-box;
    color: #a2a2a2;
    display: block;
    float: right;
    font-family: "ionicons";
    font-size: 10px;
    height: 17px;
    line-height: 16px;
    margin: 3px 10px;
    text-align: center !important;
    width: 10px;
    color: #4290d8;
}
.category-box > ul > li.collapsed:after {content: "\f123"}

/* H5 */
.category_tree h5, .filter_tree h5  {
    color: #252323;
    height: 35px;
    line-height: 35px;
    padding: 0 10px 0 16px;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    background: #f6f6f6;
}
.category_tree h5:before, .filter_tree h5:before {content: "\e01a"}
.category_tree h5:before, .filter_tree h5:before {
	font-family: 'E3Interface';
	float: right;
}
.User .menu_tree h5 {
    background: #828282;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 12px 15px;
}
.User .menu_tree h5 span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}





/* FILTER_TREE - MENU FILTROS **************************/
.filter_tree {
    /*background: none repeat scroll 0 0 #e6e6e6;*/
    float: left;
    margin-bottom: 60px;
    position: relative;
    width: 100%;
}
.filter_tree > div {
    float: left;
    width: 100%;
}
.filter_tree .accordion {
    float: left;
    padding: 7px 0;
    width: 100%;
}
/*asd2*/
.filter_area p {
    margin: 4px 0 0 0;
}
/*asd2*/
.filter_elem input{
    position: relative;
    z-index: 3;
    opacity: 0;
}
/*asd2*/
.filter_elem input+span::before{
        width: 18px;
    height: 18px;
    border-radius: 18px;
    background: #d0d0d0;
    border: 3px solid white;
    content: "";
    position: absolute;
    margin: 1px 0 0 -15px;
}
/*asd2*/
.filter_elem input+span::after{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #f1f1f1;
    content: "";
    position: absolute;
    margin: 5px 0 0 -11px;
}
.filter_elem input:checked+span::after{
     width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #0971ce;
    content: "";
    position: absolute;
    margin: 5px 0 0 -11px;
    display: inline-block;
}
/*
.filter_tree .accordion input[type=radio]:checked::after{
     width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #0971ce;
    content: "";
    position: absolute;
    margin: 3px 0 0 2px;
    display: inline-block;
}*/
.filter_tree .accordion input[type=radio]:checked + label{
    color: #0971ce;
}
/*
.filter_tree .accordion input[type=radio]::before{
        width: 18px;
    height: 18px;
    border-radius: 18px;
    background: #d0d0d0;
    border: 3px solid white;
    content: "";
    position: absolute;
    margin: -1px 0 0 -2px;
}

.filter_tree .accordion input[type=radio]::after{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #f1f1f1;
    content: "";
    position: absolute;
    margin: 3px 0 0 2px;
}*/

.expandcollapse {
    color: #b7b7b7;
    float: right;
    font-size: 0.8em;
    position: absolute;
    right: 0;
    top: -21px;
}
.expandcollapse i {
    float: left;
    font-size: 0.85em;
    margin: 1px 5px 0 0;
}

.filter_title {
    color: #000 !important;
    float: left;
    font-weight: 400;
    line-height: 32px;
    padding: 2px 0 0 15px;
    position: relative;
    text-decoration: none !important;
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    cursor: pointer;
}
.filter_title:before {content: "\f126"}
.filter_title::before {
    background-clip: padding-box;
    color: #a2a2a2;
    display: block;
    float: right;
    font-family: "ionicons";
    font-size: 10px;
    height: 17px;
    line-height: 16px;
    margin: 8px 0 0;
    text-align: center !important;
    width: 10px;
}
.filter_title.collapsed:before {content: "\f123"}

.filter_area {
    float: left;
    padding: 10px 15px;
}
.filter_area a img {display: none !important}
.filter_area a {
    clear: left;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 0.95em;
    opacity: 0.8;
    padding: 1px 5px;
    position: relative;
    text-decoration: none !important;
}
.filter_area a:before {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #848484;
    content: "";
    display: block;
    float: left;
    height: 10px;
    margin: 6px 10px 0 0;
    position: relative;
    width: 10px;
    border-radius: 50%;
}
.filter_area a:hover, .filter_area a.checked {color: #0070bd}
.filter_area a.checked:before {
    background: none repeat scroll 0 0 #0971ce;
    border-color: #7e7e7e;
}
/*asd2*/
.filter_area label{
    padding-left: 15px;
}
.filter_tree ul{
    padding-left: 15px;
}
.category-box .subcategory .filtro-contain{
    background: white;
}
.category-box .subcategory .filtro-contain ul li{
    background: none;
    padding-left: 25px;
}
.category-box .subcategory .filtro-contain ul li a{
    padding-top: 2px;
    padding-bottom: 2px;
}
.category-box .subcategory .filtro-contain ul li a:hover{
    color: blue !important;
    background: none;
}

/* SLIDER RANGO PRECIOS:
ver custom/priceslider.css */


/* FILTRO: TALLE 
#filter-1 .filter_area li {float: left;}
#filter-1 .filter_area a {
    border: 1px solid #bababa;
    float: left !important;
    height: 26px;
    line-height: 22px;
    margin: 0 9px 9px 0;
    min-width: 28px;
    text-align: center;
}
#filter-1 .filter_area a:before {display: none !important}

#filter-1 .filter_area a:hover,
#filter-1 .filter_area a.checked {color: #0971ce; background: #eee; border-color: #0971ce    }
*/

/* FILTRO: COLOR 
#filter-2 .filter_area li {float: left;}

#filter-2 .filter_area a {padding: 0}
#filter-2 .filter_area a img {
    border: 1px solid #ddd;
    display: block !important;
    margin: 0 6px 6px 0;
    padding: 1px;
    width: 36px;
}
#filter-2 .filter_area span,
#filter-2 .filter_area a:before {display: none !important}

#filter-2 .filter_area .checked img {border-color: #D0080F}
*/





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






/* PRODUCT_LIST - VISTA GRILLA DEFAULT **************************/
.product_list .PRODUCT_BOX {/*! height: 330px; */}


@media (max-width: 992px) {
	.PRODUCT_BOX .box_image {
	    height: 55%;
	    margin: 2% 0 3%;
	}
}

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

@media (max-width: 479px) {
	.product_list .PRODUCT_BOX {
	    height: auto !important;
	    padding-bottom: 40px;
	}
	.PRODUCT_BOX .box_image {
	    height: 204px;
	    margin: 10px 0 15px;
	}
	.product_list .PRODUCT_BOX .box_data h3 {
	    height: auto;
	    margin-bottom: 5px;
	}
}


/* PRODUCT_LIST - VISTA LISTADO **************************/
.product_list.listview .PRODUCT_BOX {
    height: auto;
    margin-bottom: 12px;
    padding: 15px;
    position: relative;
}
.product_list.listview .PRODUCT_BOX .box_image {
    display: inline-block;
    float: left;
    height: 115px;
    margin-right: 25px;
    width: 120px;
}
.product_list.listview .PRODUCT_BOX .box_data {
    display: inline-block;
    float: none;
    width: auto;
}
.product_list.listview .PRODUCT_BOX .box_data h3 {
    font-size: 1.2em;
}
.product_list.listview .PRODUCT_BOX .buttons_wrapper {
    bottom: auto;
    float: right;
    left: auto;
    position: relative;
    width: 27%;
}
.product_list.listview .BUTTONBUY {
    clear: both;
    display: block;
    margin: 10px 0;
    width: 100%;
}





/* BROWSE_AREA **************************/
.browse_area, .product_list, .filter_applied {float: left; width: 100%;}
	
.browse_area {
    background: #f6f6f6;
    height: 35px;
    margin-bottom: 15px;
    line-height: 22px !important;
    margin-top: 7px;
}

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

.browse_area h5 {
    display: inline-block;
    font-size: 0.8em;
    margin: 6px 6px 0;
    text-transform: uppercase;
    width: auto !important;
    position: relative;
    top: -5px;
}

.view{
    text-align: right;
}
.view, .pagination, .order {margin: 0; padding: 0;}
.view_wrapper, .pagination_wrapper, .order_wrapper {margin: 6px 0 0}

@media (max-width: 767px) {
	.browse_area {height: auto; padding: 2px 10px 6px;}
}
@media (max-width: 479px) {
	.order select, .order .customselect {width: 100%}
}



/* View */
.view {}
.view_grid, .view_list {}

.view_wrapper a {
    color: #ccc;
    display: inline-block;
    font-family: "ionicons";
    font-size: 30px;
    margin-right: 11px;
    text-align: center;
    width: 22px;
}
.view_wrapper a:before {}
.view_grid:before {
    content: "\f35c";
    }
.view_list:before {
    content: "\f394";
    }

.view_wrapper a.active { color: #0971ce;}




/* Pagination */
.pagination {
    float: left;
    padding-left: 16px;
}
.pagination a {
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 12px !important;
    padding: 0 10px;
    content: "\e02e";
}
.pagination a:hover {color: #0971ce;}
.pagination ul li:last-child:after{
    content: "\f3d3";
    font-family: "Ionicons";
    
}


.pagination .current {
   color: #0971ce;
}

.pagination .p-first, .pagination .p-last,
.pagination .p-prev, .pagination .p-next {
    font-family: "Ionicons";
    position: relative;
    padding-left: 10px;
    font-size: 15px !important;
}
.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: "\f3d2";}
.pagination .p-next:before {content: "\f3d3";}




/* Order */
.order {
    display: inline-block;
    float: right;
    padding: 0;
    text-align: right;
    width: 192px;
    border-left: 3px solid white;
    padding: 0;
    margin: 0;
    height: 35px;
}
.order h5 {display: none}

.order .customselect {
    display: inline-block; 
    width: 100%;
}
.order .customselect:after{
    color: #4d4d4d;
    top: 5%;
    content: "\f3d0";
}
.order select {
    background: none;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: 0.9em;
    height: 24px;
    min-width: 150px;
    padding: 0 10px;
}


/* filter_applied */
.filter_applied {
    float: left;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.filter_applied li {
    display: inline-block;
}
.filter_applied a {
    border-radius: 3px;
    color: #0971ce;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    margin: 0 10px 0 0;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}
.filter_applied a:before {content: "\f128"}
.filter_applied a:before {
    color: #0971ce;
    font-family: "Ionicons";
    font-size: 16px;
    margin-right: 5px;
    padding: 1px 2px;
}
.filter_applied a:hover {
	color: #02887D;
}







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

.Product .breadcrumb {
	float: left;
}
.back {
    color: #a0a0a0;
    cursor: pointer;
    float: right;
    text-decoration: none !important;
}
.back:before {content: "\e019"}
.back:before {font-family: "E3Interface";}

.line {
    background: none repeat scroll 0 0 #bebebe;
    float: left;
    height: 1px;
    margin: 5px 0 50px;
    width: 100%;
}

@media (max-width: 479px) {
	.back {float: left}
}



/* GALLERY  **************************/
.GALLERY {margin-bottom: 90px;}

#g_image {
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
    position: relative
}
#g_image img {
    width: 100% !important; 
    height: auto !important;
    margin: auto auto !important;
    }

#g_thumbs {
    float: left;
    width: 100%;
    margin-top: 4px;
}
#g_thumbs a {
    border: 1px solid #dcdcdc;
    display: block;
    float: left;
    height: 57px;
    margin-right: 10px;
    width: 57px;
    text-align: center;
}
#g_thumbs .active,#g_thumbs a:hover {border-color: #0971ce!important;}
 
#g_thumbs img {width: 100%}
#g_arrows {
    position: absolute;
    bottom: 60%;
    width: 100%;
    top: 40%;
    display: block!important;
}
#g_arrows i {
    font-size: 50px;
    padding: 0 10px;
    color: #00295e;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

#g_arrows .ion-android-arrow-dropleft{
    left: -20px;
    top:0;
}
#g_arrows .ion-android-arrow-dropright{
    right: -20px;
    top:0;
}
@media (max-width:767px){
    #g_arrows .ion-android-arrow-dropleft{
       left: -10px;
    }
    #g_arrows .ion-android-arrow-dropright{
        right: -10px;
    }
}

.GALLERY .block_thumbnails a img {width: 100%; display: block!important; max-width:100%; }


.GALLERY #g_button{
    background: #999;
    padding: 4px 6px;
    display: block;
    position: absolute;
    z-index: 2;
    right: 0px;
    top: 0px;
    color: #fff;
    opacity: 0;
    transition: all 0.4s ease-in 0s;
}
.GALLERY .block_thumbnails a:hover #g_button{
    opacity: 1;
    transition: all 0.4s ease-in 0s;
}
#g_button:before {content: "\e040"}
#g_button::before {
    display: block;
    float: left;
    font-family: "E3Interface";
    font-size: 15px;
    margin: -1px 2px 0 0;
}
#g_button:hover {color: #0971ce}
#g_button span {
    float: left;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
}


@media (max-width: 767px) {
	.zoomContainer {display: none !important}
	#g_image {width: 100%}
	#g_thumbs {width: 100%}
	#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");
}
.zoomContainer{
    z-index: 2;
}






/* PRODUCTAREA ***********************/

.PRODUCTAREA {
	margin: 15px 0 90px;
    font-family: "Open Sans",sans-serif !important;
}
.PRODUCTAREA h1 {
    font-size: 30px;
    margin: 0 0 12px;
    font-weight: 500;
    font-family: 'Myriad Pro';
    color: #1c3043;
}
.PRODUCTAREA .short_desc {
    font-size: 15px;
    margin-bottom: 20px;
    line-height:22px
}
.PRODUCTAREA .long_desc {}
.PRODUCTAREA .derechadiv{
    float: left;
    margin-left: 10px;
    width: 60%;
}
.PRODUCTAREA .buttons_wrapper {
    clear: left;
    position: initial;
    float: left;
    font-size: 15px !important;
    letter-spacing: 0.02em !important;
    /*margin: 35px 0 0;*/
    text-transform: uppercase;
    line-height: 30px !important;
    width: 20%;
    padding: 0;
    width: 193px;
}
.PRODUCTAREA .derechadiv .buttons_wrapper{
    clear: none;
    width: 100%;
    float: right;
}
.PRODUCTAREA .buttons_wrapper a {
    height: 38px;
    text-decoration: none !important;
    float: left;
    width: 30%;
    height: 28px;
    /*margin: 0 5% 0 0;*/
    /*clear: left;*/
    transition: all 0.0s ease-in 0s;
}
.PRODUCTAREA .buttons_wrapper a:hover{
    transition: all 0.3s ease-in 0s;
}

.PRODUCTAREA .BUTTONBUY {
    color: #fff !important;
    font-size: 1.5em !important;
    line-height: 50px !important;
    padding: 1% 0;
    width: 100%;
    height: 58px;
    text-decoration: none !important;
    display: inline-block !important;
    border-radius: 3px;
    margin: 0;
    text-align: center !important;
    text-transform: uppercase;
    font-weight:700
}
.PRODUCTAREA .derechadiv .BUTTONBUY{
    float: left!important;
    clear:left;
    padding: 15px 0 0 0;
    margin-bottom: 15px;
}
.Qview .PRODUCTAREA .BUTTONBUY{
    line-height: 54px !important;
}
.PRODUCTAREA .BUTTONNOTIFY {
   line-height: 26px !important;
}


/*.PRODUCTAREA .BUTTONBUY:before {
    background-size: 26px auto;
    margin-right: 4px;
    width: 30px;
}*/
.PRODUCTAREA .BUTTONBUY:hover {background: #0971ce; color: #000;}

.PRODUCTAREA .BUTTONFAV {
    color: #989898;
    float: left;
    margin: 0 5%;
}
.PRODUCTAREA .BUTTONFAV:before {
    color: #989898;
    font-size: 15px;
}
.PRODUCTAREA .BUTTONFAV:hover, .PRODUCTAREA .BUTTONFAV:hover:before {color: #fff!important;transition: all 0.3s ease-in 0s;}



.QUANTITY {
    float: left;
    margin: 0 15px 10px 0;
    clear: left;
}
.QUANTITY span {
    float: left;
    font-size: 0.9em;
    margin-right: 10px;
    margin-top: 8px;
}
.QUANTITY input {}
.QUANTITY .input-group {float: left}

.PRODUCTAREA .QUANTITY {
    float: none;
    clear: left;
    display: block;
    width: 100%;
    height: 40px;
    display: none;
}


.PRODUCTAREA .price_wrapper {
    float: left;
    clear: left;
    font-size: 1.9em;
    margin-bottom: 15px;
    width: 36%;
    border: 1px solid #0971ce;
    border-radius: 3px;
    padding: 2% 0%!important;
    padding-bottom: 3%!important;
    margin-right: 10px;
    height: auto;
    text-align: center;
}
.PRODUCTAREA .price {
    color: #0971ce;
    display: inline-block;
    line-height: 14px;
    text-align: center;
    width: 100%
}
.PRODUCTAREA .price_wrapper p{
    display: block;
    color: #0971ce;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}
.PRODUCTAREA .price_wrapper p:nth-child(3){
    margin: 0;
    color: #a4a4a4;
    margin-top: 5px;
	display:none;
}

.PRODUCTAREA .promo_wrapper {
    float: left;
    background: #e9f2fb;
    border-radius: 3px;
    padding: 2%;
    width: 65%;
    padding: 3%;
    height: 125px;
    position: relative;
    color: #13293c;
    margin-bottom: 15px;
    display: none;
}
.PRODUCTAREA .promo_detalle {
    float: left;
    width: 100%;
    font-size: 0.9em;
    font-weight: 600;
    padding-right: 5px;
    text-transform: uppercase;
    font-family: 'Open Sans';
}
.PRODUCTAREA h2{
    font-size: 1.4em;
    margin: 0 0 5px 0;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #ff5b00;
}
.PRODUCTAREA .promo_precio {
    float: left;
    width: 50%;
    font-size: 0.8em;
    font-weight: 300;
    text-align: center;
    border-left: 2px solid white;
    padding: 0 0 0 10px;
}
.PRODUCTAREA .promo_precio p{
    margin: 0;
}
.PRODUCTAREA .promo_wrapper .descuento{
    width: 53px;
    height: 53px;
    border-radius: 53px;
    background: #42586b;
    margin: -31px auto 0 auto;
    color: white;
    font-size: 26px;
    text-align: center;
    font-family: 'Myriad Pro Condensed';
    font-weight: 600;
    line-height: 56px;
}
.PRODUCTAREA .promo_precio span{
    color: #0971ce;
    font-size: 24px;
    font-weight: 400;
}

/* select options */
.PRODUCTAREA .item-options {
    float: left;
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}
.PRODUCTAREA .item-options span {
    /*! display: none; */
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.PRODUCTAREA .item-options select {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 30px;
    padding: 0 10px;
}
.PRODUCTAREA .item-options .customselect{
    width: 65%;
    float: left;
}

.PRODUCTAREA .pago_wrapper{
    border-top: 2px solid #e2e2e2;
    padding-top: 15px;
    font-weight: 300;
    margin-top: 15px;
    width: 100%;
    float: left
}
.PRODUCTAREA .pago_wrapper strong{
    color: #0971ce;
    font-weight: 700;
}
.PRODUCTAREA .pago_wrapper .col-md-7{
    padding-left: 25px;
    border-right: 2px solid #e2e2e2;
    float:left;
}.PRODUCTAREA .pago_wrapper .col-md-5{
    float: right;
}
.PRODUCTAREA .pago_wrapper a{
    color: #000;
    text-decoration: underline;
    font-style: italic;
    font-weight: 700;
}
.PRODUCTAREA .pago_wrapper .btn{
    padding: 0 10px 0 0;
}




.PRODUCTAREA .codeid{
    display: block;
    margin-bottom: 15px;
    font-size: 0.85em;
    opacity: 0.7;
    text-transform: uppercase;
}
/* valoracion ****/
.valoracion {
    clear: left;
    float: left;
    line-height: 20px;
    margin-bottom: 25px;
    width: 100%;
}
.stars_off {
    float: left;
    font-family: "Ionicons";
    font-size: 1.2em;
    height: 19px;
    letter-spacing: 0.06em;
    margin-right: 8px;
    position: relative;
    width: 70px !important;
}
.stars_on {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 0%;
}
.stars_on:before, .stars_off:before {content: "\f2fc \f2fc \f2fc \f2fc \f2fc "}
.stars_on:before, .stars_off:before {
    height: 100%;
    position: absolute;
    width: 100%;
}
.stars_off:before {color: #d8d8d8;}
.stars_on:before {color:#f2cd00;}

.rank {
	width: 1px;
	height: 1px;
    overflow: hidden;
    text-indent: 1000px;
}
.comments {color: #bbb; text-transform: uppercase;}
.comments span {color: #0971ce;    }



@media (min-width: 1199px) {
     .PRODUCTAREA .buttons_wrapper {
        width: 34%;
    }
}
@media (max-width: 992px) {
    .PRODUCTAREA .buttons_wrapper {
        width: 168px;
    }
    .PRODUCTAREA .promo_wrapper{
        width: 100%;
        margin-top: 10px;
    }
    .PRODUCTAREA .BUTTONBUY{
        width: 200px;
        float: right !important;
        margin-bottom: 20px;
    }
    .PRODUCTAREA .pago_wrapper{
        clear: right;
    }
    .PRODUCTAREA h2{
        margin: 0 0 5px 0;
    }
    .PRODUCTAREA .promo_precio .descuento{
        left: 40%;
    }
    .PRODUCTAREA .pago_wrapper .col-md-7 {
        border-right:none;
        border-bottom: 1px solid #e2e2e2;
    }
    .PRODUCTAREA .pago_wrapper .col-md-5 {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e2e2e2;
        width: 100%
    }
    .PRODUCTAREA .price_wrapper{
        width: 100%;
        padding: 2.5% !important;
    }
    .PRODUCTAREA .derechadiv{
        margin-left:0;
        width: 100%
    }
    .PRODUCTAREA .derechadiv .BUTTONBUY{
        width: 100%;
    }
    .PRODUCTAREA .item-options .customselect{
        width: 100%
    }
}
@media (max-width: 767px) {
    .PRODUCTAREA .promo_precio .descuento{
        left: 46.5%;
    }
}
@media (max-width: 479px) {
    .PRODUCTAREA .BUTTONBUY{
        width: 100%;
        margin-top: 15px;
        line-height: 48px!important;
    }
    .PRODUCTAREA .price,
    .PRODUCTAREA .price span, 
    .PRODUCTAREA.tachado span {
    /*! font-size: 18px; */
    }
    .PRODUCTAREA .nonavailable .price_wrapper{
    width: 100%;
}
    .PRODUCTAREA h2 {
    margin: 0;
    }
    .PRODUCTAREA .buttons_wrapper{
        width: 131px;
    }
    .PRODUCTAREA .promo_wrapper{
        width: 100%;
    }
    .PRODUCTAREA .price_wrapper{
        /*! font-size: initial; */
        padding-top: 9%;
        width: 100%;
    }

    .PRODUCTAREA .promo_precio .descuento {
        left: 44%;  
       
    }
}



/* NONAVAILABLE */
.PRODUCTAREA .nonavailable .price {color: #999 !important; opacity: 1; line-height: 0.9em; font-size: 1.1em;line-height:20px}
.PRODUCTAREA .nonavailable .BUTTONBUY:before {display: block}
.PRODUCTAREA .nonavailable .BUTTONBUY {
    background: none repeat scroll 0 0 #ccc;
    opacity: 1;
    padding-top: 0;
}
.PRODUCTAREA .nonavailable .price_wrapper{
   /* width: 36%;*/
}
.PRODUCTAREA .nonavailable .aviso{
    margin-bottom: 15px;
    clear: left;
    display: block;
}

/* SocialShare */
.socialshare {
    clear: right;
    float: right;
    margin: 25px 0 0 0;
}
.socialshare span {
    color: #a0a0a0;
    float: left;
    margin-left: 4px;
}
.socialshare a {
    color: #cfcfcf;
    display: block;
    float: left;
    font-size: 20px;
    margin: 0 5px 0 0 !important;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}
.socialshare a:hover {color: #000;}

.socialshare a:before {font-family: 'E3Interface'}

.socialshare .s-facebook:before {content: "\e088"; color: #4055a8;}
.socialshare .s-twitter:before {content: "\e08b"; color: #18a3fc;}
.socialshare .s-youtube:before {content: "\e0aq"; color: #ca2026;}
.socialshare .s-googleplus:before {content: "\e043"; color: #dc4a38;}
.socialshare .s-pinterest:before {content: "\e06f"; color: #ca2026;}
.socialshare .s-instagram:before {content: "\e04d"}
.socialshare .s-email:before {content: "\e05a"; color: #3f3f3f;}



/* SPINNER - CANTIDAD (Flechitas + y -) */
.spinner {
  width: 54px;
}
.spinner input {
    text-align: center;
    padding: 0 3px;
    height: 28px;
    border-color: #ddd;
}
.sp-buttons {
  position: relative;
  white-space: nowrap;
  width: 21px;
  vertical-align: middle;
  display: table-cell;
}
.sp-buttons > .btn {
    background-clip: padding-box;
    border-radius: 0;
    display: block;
    float: none;
    height: 15px;
    margin-left: -1px;
    padding: 0;
    position: relative;
    width: 100%;
}
.sp-buttons > .btn:first-child {border-top-right-radius: 2px;}
.sp-buttons > .btn:last-child {border-bottom-right-radius: 2px; margin-top: -2px;}

.sp-buttons > .btn:before {
    font-family: "E3Interface";
    text-align: center;
    line-height: 0;
    float: left;
    margin-top: 1px;
    font-size: 13px;
}
.sp-up:before {content: "\e00a"}
.sp-down:before {content: "\e004"}




/* PRODUCT-TABS ****/
.product-tabs {
    padding-right: 26px;
    border-right: 1px solid #c6c6c6;
}

.product-tabs .nav-tabs {
    border: 0;
    float: left;
    width: 100%;
    margin: 0;
    background: #eaebeb;
    height: 39px;
}
.product-tabs .nav-tabs li{ 
    border-left: 2px solid white;
    position: relative;
    width: auto;
}
.product-tabs .nav-tabs > li > a {
    border: 0 none !important;
    border-radius: 0;
    color: #000;
    float: left;
    font-size: 1.1em;
    margin-bottom: 1px;
    padding: 10px 20px;
    text-decoration: none !important;
    height: 39px;
}
.product-tabs .nav-tabs > li.active > a {
    background: #0971ce !important;
    color: #fff !important;
    border-radius: 0;
}
.product-tabs .nav-tabs > li.active a:before{
    font-family: "Ionicons";
    content: "\f104";
    position: absolute;
    left: 45%;
    top: 35px;
    width: auto;
    color: #0971ce;
}

.product-tabs .nav-tabs > li:hover > a {
    background: #ddd;
    border-radius: 0;
}


.product-tabs .tab-content {
    float: left;
    padding: 57px 0;
    width: 100%;
    min-height: 350px;
    margin-bottom: 50px;
}

.product-tabs .tab-pane .campo-block{
	padding-top: 15px;
}
.product-tabs .tab-pane h5 {
    color: #0971ce;
    font-size: 1.7em;
}
.product-tabs .tab-pane h5 i {
    display: block;
    font-size: 1.4em;
}
.product-tabs .tab-pane label {
    font-size: 13px;
}
.product-tabs h2{
    font-size: 1em;
    font-weight: 700;
    margin-top: 0;
}
.product-tabs p,
.product-tabs .codeid{
    font-size: 1.1em;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 10px;
}/*
#my-tab-content .col-md-2{
    margin-top: 20px !important;
}*/
#my-tab-content .buttons_wrapper {
    position: inherit;
    bottom: -10px;
    width: 100%;
    left: 0;
}
#my-tab-content .buttons_wrapper a.BUTTONFAV{
    width: 22px;
    margin-right: 5px
}
#my-tab-content .buttons_wrapper a.BUTTONFAV:before{
    margin-left: 4px
}
#my-tab-content .buttons_wrapper a.BUTTONFAV span{
    display: none;
}
#tab-accesorios h3{
    color: #434649;
    cursor: pointer;
    display: block;
    padding: 15px 0 15px 30px;
    margin-top: 0;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 700;
    position:relative;
}
#tab-accesorios h3:after{
    font-family: "Ionicons";
    display: block;
    color: #0971ce;
    content: "\f209";
    position: absolute;
    top: 16px;
    left: 8px;
    font-size: 18px;
    font-weight: 400;
}
#tab-accesorios h3.collapsed:after{
    content: "\f218";
}
#tab-accesorios .row:first-child{
    padding: 0 0 30px 0;
    background:none;
}

#tab-accesorios .row{
     border-bottom: 1px solid #eceded;
     padding: 30px 0;
     background: url("/Content/templates/base/images/separador.jpg") top center no-repeat;

}
.DOWNLOADS > a {
    color: inherit;
    float: left;
    line-height: 2.4em;
    text-decoration: underline;
    width: 100%;
}
.DOWNLOADS a::before {
    color: #4dc4d9;
    float: left;
    font-family: "Ionicons";
    font-size: 2.2em;
    margin: 0 15px 0 0;
    text-decoration: none !important;
}
.DOWNLOADS > a::before {
    content: "\f139";
}


@media (max-width: 1200px) {    
     .product-tabs {
        padding-right: 15px;
        border-right: none;
    }
}

@media (max-width: 767px) {
    .product-tabs {
        padding-right: 15px;
        border-right: none;
    }

	.product-tabs .nav-tabs > li > a {padding: 5px 10px 3px;}
    
}
@media (max-width: 578px) {
    .product-tabs .nav-tabs {
    background: none;
    padding-bottom: 6px;
    }
	
	
	.product-tabs .nav-tabs > li > a {
	    border-radius: 0;
	    margin: 0;
	    text-align: center;
	    width: 100%;
	}
     .product-tabs .nav-tabs > li {
        width: 100%;
        border-bottom: 1px solid white;
        background: #eaebeb;
        margin-bottom: 1px;
    }
    .product-tabs .nav-tabs>li.active a:before{
        left: 5%;
        z-index: 1;
        display: none;
    }
    .product-tabs .nav-tabs{
        float: left;
        height: auto;
    }
    .product-tabs .tab-content{
        float: left;
        padding-top: 25px;
    }
}

/* Relacionados_menu *******/
.relacionados_menu {
    font-family: "Open Sans",sans-serif !important;
    padding: 0 0 0 26px;
}
.relacionados_menu h2{
    background: #f1f1f1;
    font-size: 1.1em;
    padding: 13px 15px;
    margin: 0;
    height: 39px;
}
.relacionados_menu h2:after {
    font-family: "Ionicons";
    content:"\f221";
    position: absolute;
    right: 15px;
    font-size: 18px;
    top: 11px;
}
.relacionados_menu ul {
    margin: 15px 0 40px 0;

}
.relacionados_menu ul li{
    font-size: 0.9em;
    margin: 5px 0;
}
.relacionados_menu ul li:before{
    font-family: "Ionicons";
    content:"\f125";
    font-size: 9px;
    margin-right: 15px;
    color: #1c7cd2;
}

/* otros_productos *******/
.otros_productos {
    font-family: "Open Sans",sans-serif !important;
    padding: 0 0 0 26px;
}
.otros_productos h2{
    background: #f1f1f1;
    font-size: 1.1em;
    padding: 13px 15px;
    margin: 0;
    height: 39px;
}
.otros_productos h2:after {
    font-family: "Ionicons";
    content:"\f4b3";
    position: absolute;
    right: 15px;
    font-size: 18px;
    top: 11px;
}
.otros_productos ul {
    margin: 15px 0 40px 0;

}
.otros_productos ul li{
    font-size: 0.9em;
    margin: 5px 0;
}
.otros_productos ul li:before{
 
    font-size: 9px;
    margin-right: 15px;
    color: #1c7cd2;
}
.otros_productos .PRODUCT_BOX{
    background: none;
    border: none;
    padding:0;
    height: 100px;
    margin-bottom: 0;
}
.otros_productos .box_image{
    width: 40%;
    float: left;
}
.otros_productos .box_data{
    width: 60%;
    float: left;
}
.otros_productos .PRODUCT_BOX .box_data h3{
    height: auto;
}
/* .col-xs-xxx */
@media (max-width: 1200px) {   
     .otros_productos .box_data {
        padding-top: 40px;
    }
    .otros_productos .PRODUCT_BOX{
        height: 180px;
    } 
    .otros_productos ul li {
        width: 50%;
        float: left;
    }
}

@media (max-width: 479px) {    
    .otros_productos .box_data {
        padding-top: 80px;
    }
    .otros_productos .PRODUCT_BOX{
        height: 180px;
    }
    .otros_productos ul li {
        clear: left;
        width: 100%;
    }
}


/* RELATED *******/
.Product .related h2 {
    border-bottom: 1px solid #777;
    font-size: 1.4em;
    margin-top: 30px;
    padding-bottom: 11px;
    text-align: center;
}
.Product .related .PRODUCT_BOX {
    font-size: 0.9em;
    height: auto;
}
.Product .related .PRODUCT_BOX .box_image {
    border: 0 none;
    height: 133px;
    margin: 0 10%;
    width: 80%;
}
.Product .related .hover_image {
    display: none;
}
.Product .related .PRODUCT_BOX .box_data {margin-top: 4px}
.Product .related .buttons_wrapper {
    display: none;
}
.Product .related .price_wrapper {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.Product .related .box_data h3 {
    border: 0 none;
    margin: 0;
    padding: 0;
    text-align: center;
}

@media (max-width: 992px) {
	.Product .related {margin-bottom: 40px;}
	.Product .related article {width: 22%; margin-right: 4%;}
	.Product .related li:nth-child(4) article {margin-right: 0;}
}
@media (max-width: 550px) {
	.Product .related article {width: 46%; margin-bottom: 0; height: 235px !important;}
	.home-tabs li:nth-child(4) article {margin-right: 4%}
	.home-tabs li:nth-child(2n+2) article {margin-right: 0}
}


	






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

.User .menu_tree {width: 90%}
.user_wrapper {
    -webkit-box-shadow: -4px 0 3px -3px rgba(0, 0, 0, 0.1);
    box-shadow: -4px 0 3px -3px rgba(0, 0, 0, 0.1);
    float: left;
    padding-left: 3%;
    width: 100%;
}
@media (max-width: 767px) {
	.User .menu_tree {width: 100%}
	.user_wrapper {
		-webkit-box-shadow: none; 
		box-shadow: none; 
		padding-left: 0;}
}



.user_wrapper > h3 {
    background: none repeat scroll 0 0 #939393;
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 27px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700
}
.user_wrapper > h3::before {
    background: #939393;
    border: 1px solid #fff;
    border-radius: 40px !important;
    color: #fff;
    float: left;
    font-family: "E3Interface";
    font-size: 22px;
    height: 38px;
    line-height: 35px;
    margin: -10px 10px 0 -5px;
    text-align: center;
    width: 38px;
    font-weight: normal;
}

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




/* menu_tree parte II  ******************************/
.User .menu_tree ul > li > a:before,.LOGIN_BOX ul > li  a:before {
    float: left;
    font-family: "E3Interface";
    font-size: 17px;
    margin: -4px 7px 0 0;
    opacity: 0.3;
    text-decoration: none !important;
}
.u-data:before {content: "\e087"}
.u-favs:before {content: "\e045";margin: -4px 8px 0 -1px!important;}
h3.u-favs:before{
    margin: -10px 10px 0 -5px!important;
}
.u-orders:before {content: "\e015"}
.u-logout:before {content: "\e081"}
.u-pass:before {content: "\e055"}




/* FAVORITOS ******************************/
.itemFav {
    border-bottom: 1px solid #d2d2d2;
    float: right;
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    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: #0971ce; border-color: #0971ce;}

.Favs .PRODUCT_BOX {
    float: right;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.Favs .box_image {
    float: right;
    height: 115px;
    width: 20%;
}
.Favs .box_data {
    float: left;
    width: 77%;
    height: 100%;
    padding-left: 10px;
}
.Favs .box_data h3 {
    border: 0 none;
    font-size: 1.1em;
    margin: 0 0 7px;
    text-align: left;
    float: left;
    width: 100%;
    line-height: 30px;
}
.Favs .box_data .price_wrapper {
    margin-bottom: 15px;
    text-align: left;
    float: left;
    width: 100%;
}
.Favs .buttons_wrapper {
    border: 0 none;
    height: auto;
    position: relative;
    float: left;
    bottom: inherit;
    left: inherit;
    padding: 0;
}
.Favs .buttons_wrapper a {
    background: none repeat scroll 0 0 padding-box #f9f9f9;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 1.1em;
    height: 34px;
    line-height: 34px;
    margin-bottom: 6px;
    margin-right: 10px;
    padding: 0 18px;
    text-decoration: none !important;
    width: auto !important;
    font-family: inherit
}
.Favs .BUTTONBUY {color: #fff !important;font-size:1.1em!important}
.Favs .buttons_wrapper .buttoninfo{
    background: #adadad;
}
.Favs .BUTTONBUY:before {display: none;}

.Favs .buttons_wrapper a:hover {background: #0971ce;}


@media (max-width: 479px) {
	.Favs .PRODUCT_BOX {font-size: 0.9em;}
	.Favs .box_image {
	    float: left;
	    height: 119px;
	    margin-bottom: 5px;
	    width: 100%;
	}
	.Favs .box_data {width: 100%;}
}





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

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

.login_wrapper {
    background: #f4f4f4;
    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: #ccc;
    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: 50px}
.Register .forget {font-size: 1em !important}








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

.Orders table {
    border-bottom: 1px solid #dedede;
    float: left;
    font-size: 0.85em;
}
.Orders table td {
    line-height: 1.2em;
    padding: 13px 8px;
    vertical-align: middle;
}
.Orders table .date {
    font-size: 0.9em;
}
.Orders table .btn-default {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 0.85em;
    letter-spacing: 0.03em;
    opacity: 0.6;
    padding: 4px 10px;
    width: 100%;
    max-width: 130px;
}
.Orders table .btn-default:hover {background: #0971ce; opacity: 1;}

.Orders table tr {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
.Orders table thead tr {
    border: 0 none;
}
.Orders table th {
    border-bottom: 2px solid #0971ce;
    border-top: 1px solid #000 !important;
    color: #0971ce;
    padding: 12px 8px;
    text-transform: uppercase;
}
.list-pedido {
    float: left;
    width: 100%;
}
.list-pedido header {
    border: 0 none;
    box-shadow: none;
    float: right;
    font-size: 1.8em;
    width: auto;
}
.Orders .datos {
    background: #f2f2f2 none repeat scroll 0 0;
    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: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.Orders .datos strong {
    color: #000;
    float: left;
    margin: 0 0 1px;
    min-width: 135px;
    width: 28%;
}
.Orders #total-section {
    float: right;
    margin-top: 10px;
    min-height: auto;
    padding: 15px 20px;
}
.Orders .buttonBack {
    float: left;
    margin-top: -13px;
}
.orderlist h3 {
    border: 0 none;
    font-size: 1.5em;
    margin: 0;
    padding: 9px 0 3px;
}


/* 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; 
	}
	
	/* 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-bottom: 1px solid #ccc !important;
	    border-left: 0 none !important;
	    border-right: 0 none !important;
	    margin: 6px 0;
	    padding-bottom: 6px;
	}
	.table-r td {
	    background: #fff none repeat scroll 0 0 !important;
	    border: 0 none !important;
	    color: #000;
	    padding: 1px 5px 1px 100px !important;
	    position: relative !important;
	}
	.table-r td:before {
	    color: #777;
	    font-size: 0.95em;
	    height: 100%;
	    left: 0;
	    padding: 1px 0 1px 10px;
	    position: absolute;
	    top: 0;
	    white-space: nowrap;
	    width: 85px;
	}
	.nom {font-weight: bold;}
	
		
	/* Label the data - Listado */
	.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"; }
	.Orders .table-r td:nth-of-type(5):before { content: ""; }
	
	/* Label the data - Detalle */
	.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."; }
	
	
}








/**************************************************************************/
/* COMPARAR - COMPARE ******************************/

/* Zebra striping! */
.zebra tr:nth-of-type(odd) { 
  background: #f9f9f9; 
}

.Compare table {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #ddd;
    float: left;
    font-size: 0.87em;
    margin-bottom: 0;
    min-width: 480px;
}
.Compare tr td, .Compare tr th {
    border: 1px solid #eee !important;
}
.Compare th, .Compare td {
    width: 21%;
}
.Compare thead.affix .corner, .Compare tbody tr th:first-child, .Compare thead .corner {
    width: 16%;
}
.Compare thead {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.28);
    z-index: 2;
}
.Compare thead th {
    background: #7d7c84 !important;
    border-color: #f5f5f5 !important;
    border-style: solid !important;
    border-width: 0 0 6px !important;
    padding-bottom: 18px !important;
    padding-top: 42px !important;
    position: relative;
    vertical-align: middle !important;
}
.Compare tbody th, .Compare tbody td {
    padding: 8px !important;
}
.Compare tbody tr th:first-child, .Content thead tr th:first-child {
    padding-left: 20px !important;
}
.Compare tbody tr th:last-child, .Content thead tr td:last-child {
    padding-right: 20px !important;
}


.Compare .corner {
    background: #0971ce none repeat scroll 0 0 !important;
    color: #fff;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    text-transform: uppercase;
}
.Compare table h3 {
    color: #fff;
    font-size: 0.95em;
    letter-spacing: 0.03em;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.Compare table h3:hover {text-decoration: underline}
.th_image img:hover {border: 1px solid #0971ce;}

.Compare .remove {
    background: #888 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 24px;
    bottom: -17px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 19px;
    margin-right: -10px;
    position: absolute;
    right: 50%;
    text-align: center;
    text-decoration: none !important;
    width: 25px;
}
.Compare .remove:before {content:"\e02b"}
.Compare .remove:before {
    font-family: "E3Interface";
    text-align: center;
}
.Compare .remove:hover {color: #fff; background: #0971ce;}

.Compare .th_image {
    background: #fff none repeat scroll 0 0 !important;
}
.Compare .th_img {opacity: 1 !important; text-align: left !important;}
.th_image, .Compare .th_img {
    padding: 1px !important;
    text-align: center;
}
.th_image img {
    height: auto;
    max-width: 140px;
    max-height: 140px;
    padding-top: 7px;
    width: auto;
}

.Compare tbody th {
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 0.97em;
    min-width: 133px;
}

.Compare .tachado {
    float: none !important;
    font-size: 1em;
    margin-left: 4px;
}

.tr_buy .buttonbuy {
    background: #0971ce none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    margin: 0 auto;
    padding: 6px 14px 2px 11px;
    text-transform: uppercase;
    font-weight: bold;
}
.tr_buy .buttonbuy .i-cart:before {
    color: #fff !important;
    float: left;
    font-size: 18px !important;
    font-style: normal;
    line-height: 1em;
    margin: -2px 9px 0 0;
    text-shadow: none;
    text-transform: none;
}
.Compare table .stars_off {z-index: 0;}
.Compare table .puntaje {display: none}


/* affix table */
.Compare thead.affix {
    top: 0;
}
.Compare thead.affix tr {
    display: table;
    width: 100%;
}
.Compare thead.affix th {
    display: table-cell;
    padding: 5px 8px 13px !important;
}
.Compare thead.affix h3 {
    font-size: 0.78em;
    letter-spacing: 0;
    line-height: 1.1em;
}
.Compare thead.affix .remove {
    bottom: -20px;
}


@media only screen and (max-width: 767px) {	
	.Compare th:first-child, .Compare thead.affix .corner {
	    display: none;
	  }
	.titmobile td {
	    background: #e8e8e8 none repeat scroll 0 0 !important;
	    border: 0 none !important;
	    color: #222;
	    line-height: 0.4em !important;
	    font-weight: bold;
	    text-align: center;
	}
	.Compare tbody tr td {
	    background: #fff none repeat scroll 0 0;
		font-size:0.9em;
	}
	.Compare  th, .Compare td {width: 25%}
	.th_image img {max-width: 90px; max-height: 90px;}
	.Compare table h3 {font-size: 0.8em;}
}

@media only screen and (max-width: 479px) {	
	.Compare table {font-size: 0.7em}
	.Compare  th, .Compare td {width: 50%}
	.Compare thead.affix {position: relative}
	.Compare section {
	    overflow-y: hidden;
	    width: 100%;
	}
	.Compare table {overflow-x: auto}
}










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

.User h1, .Content h1 {
    border-bottom: 1px solid #bebebe;
    float: left;
    font-size: 2.2em;
    font-weight: 300;
    margin: 17px 0 30px;
    padding-bottom: 15px;
    width: 100%;
}
.Content .short_desc p {
    color: #0971ce     !important;
    float: left;
    font-size: 15px !important;
    margin: 0 0 21px !important;
    width: 100%;
    font-weight:700;
}
.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 {}
















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

.Cart footer {margin-top: 70px;}




.backsite a {
    color: #000;
    float: right;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-top: 9px;
}
.backsite a:hover {color: #0971ce; text-decoration: underline;}
.backsite a:before {content: "\e003"}
.backsite a:before {
    float: left;
    font-family: "E3interface";
}

.Cart header {
    border-bottom: 3px solid #b5b5b7;
    margin-bottom: 0;
}
.Cart header .upper {
    margin-bottom: 0px;
    padding-top: 5px;
    height: 17px;
}
.Cart header .main {}
.Cart .LOGO {margin: 25px 0 20px 15px !important;}
   
    





/*  STEPBAR **************************/
.stepbar {
    float: left;
    font-size: 1.1em;
    margin: 20px 0;
    padding: 0 0 3px;
    position: relative;
    width: 100%;
}
.stepbar li:nth-child(3) a{
    padding-left: 10px;
}

.stepbar a {
    background: #e2e4e7 none repeat scroll 0 0;
    color: #888;
    float: left;
    font-size: 1em;
    font-weight: 700;
    height: 46px;
    letter-spacing: 0;
    line-height: 1.5em;
    padding: 11px 0 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
}
.stepbar a:hover {
    text-decoration: none;
    background:#ccc;
}
.stepbar .active {
    background: #E61A22 none repeat scroll 0% 0%;
}
.stepbar a:hover:before {
    border-left-color:#ccc;
}
.stepbar .active, .stepbar .active:hover {
    background:#0971ce;
    color: #fff;
}
.stepbar .active:hover:before {
    border-left-color:#0971ce;
}
.stepbar .active::before {
    border-left-color: #0971ce;
}
.stepbar li a:before {
    border-color: transparent transparent transparent #e2e4e7;
    border-style: solid;
    border-width: 23px 0px 23px 10px;
    content: "";
    height: 0px;
    position: absolute;
    right: -10px;
    top: 0px;
    width: 0px;
    z-index: 2;
    transition: all 0.4s ease-in 0s;
}
.stepbar a::after {
    border-color: transparent transparent transparent #FFF;
    border-style: solid;
    border-width: 28px 0px 28px 12px;
    content: "";
    height: 0px;
    position: absolute;
    right: -12px;
    top: -5px;
    width: 0px;
    z-index: 1;
}


@media (max-width: 992px){
.stepbar a {font-size: 1em}
}

@media (max-width: 767px) {
.stepbar a {
	width: 100%;
	margin-bottom: 2px;
    font-size: 0.88em;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
.stepbar li a::before {
    border-width: 15px 0 15px 10px;
}
.stepbar a::after {
    display: none;
}
}


/* sticky aside */
.all > form {
    float: left;
    height: 100%;
    width: 100%;
}
.all form aside {
    position: -webkit-sticky !important;
	position: -moz-sticky !important;
	position: -o-sticky !important;
	position: -ms-sticky !important;
	position: sticky !important;
    top: 10px;
}
@media (max-width: 992px) {
	.all > form { float:left;}
	.all form aside { position: relative !important; top: inherit !important; }
}





/* CART TABLE (item / item2)  ****************/
#cart-table {
    color: inherit;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E3E3;
    width: 100%;
    float: left;
}
#cart-table .table_headers {background: #eaeaea}
#cart-table th {
    color: inherit;
    font-size: 0.95em;
    font-weight: normal;
    padding: 0px 0px 0px;
    text-transform: uppercase;
    text-align: left;
}
.padleft {padding-left: 15px !important}
.th_img {
    font-size: 2.2em !important;
    opacity: 0.7 !important;
    text-align: center !important;
}
.th_img:before {content: "\f3f5";}
.th_img:before {font-family: 'Ionicons';}

.right {text-align: right !important}
.center {text-align: center !important}

#cart-table .price {
    color: #e2e4e7;
    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: 0px;
    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: 20px 0;
    text-align: left;
    vertical-align: top !important;
    position: relative;
}
#cart-table tr .pr_image {
    height: 170px;
    width: 140px;
}
#cart-table tr .pr_image img {
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 15px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#cart-table tr td a.pr_name {
    color: inherit;
    display: block;
    line-height: 1.3em;
    padding: 0 10px;
    text-decoration: none;
}
#cart-table tr td a.pr_name:hover {text-decoration:underline}
#cart-table tr td .pr_info {
    color: #aaa;
    display: block;
    font-size: 0.75em;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 10px;
}

#cart-table tr td input.qty_box {
    background: #FFF none repeat scroll 0px 0px padding-box;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    float: right;
    font-size: 0.9em;
    height: 21px;
    padding: 0px;
    text-align: center;
    width: 25px;
}
#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: 13px;
    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: #E61A22; border-color: #E61A22;}

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

#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;}







/* tabla items2 */
.items2 th {
    padding: 2px 0 1px !important;
}
.items2 tr th:last-child,
.items2 tr td:last-child {padding-right: 3% !important}
.items2 tr .pr_image {
    height: 77px !important;
    padding: 5px 0 !important;
    width: 70px !important;
}
.items2 tr .pr_image img {
    padding: 7px !important;
}



@media (max-width: 767px) {
#cart-table tr .pr_image {
    height: 155px;
    width: 124px;
}
}

/* tabla responsive ****/
.show600 {display: none !important;}

@media only screen and (max-width: 600px) {	
	
	/* Force table to not be like tables anymore */
	#cart-table table, #cart-table thead, #cart-table tbody, #cart-table th, #cart-table td, #cart-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#cart-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#cart-table {
	    border-bottom: 0 none;
	    margin: -28px 0 19px;
	}
	#cart-table tr {
	    margin: 0;
	    padding: 2px;
	}
	#cart-table td {
	    background: #fafafa none repeat scroll 0 0;
	    border-bottom: 2px solid #fff;
	    font-size: 0.9em;
	    position: relative !important;
	}
	.table_row td {padding: 8px 5px 6px 82px !important;}
	#cart-table td:before {
	    background: #f4f4f4 none repeat scroll 0 0;
	    height: 100%;
	    left: 0;
	    padding: 8px 0 5px 7px;
	    position: absolute;
	    top: 0;
	    white-space: nowrap;
	    width: 80px;
	}
	#cart-table tr .pr_image {
	    width: 100%;
	    background: #fff;
	}
	
	#cart-table tr td a.refresh {
	    display: inline-block;
	    float: none;
	    margin: 0 4px 0 10px;
	}
	#cart-table tr td input.qty_box {
	    display: inline-block;
	    float: none;
	}
	#cart-table .price {
	    margin-left: 10px;
	    text-align: left;
	}
	#cart-table .tachado {
	    float: none;
	    margin-left: 10px;
	}
	.hide600 {display: none !important}
	.show600 {display: block !important;}
	#cart-table .pr_image .remove {
	    position: absolute;
	    right: 0;
	    top: 6px;
	}
		
	/* Label the data */
	#cart-table td:nth-of-type(1):before { content: "\f3f5"; display: none;}
	#cart-table td:nth-of-type(1):before { font-family: 'Ionicons'; font-size: 2.2em; text-align: center;}

	#cart-table td:nth-of-type(2):before { content: "Producto"; }
	#cart-table td:nth-of-type(3):before { content: "Cantidad"; }
	#cart-table td:nth-of-type(4):before { content: "$ Unit."; }
	#cart-table td:nth-of-type(5):before { content: "$ Subtot."; }
	
.table_row {padding: 10px 2px 0 !important;}
.table_sep {border-color:#ccc;}
.table_sep td {
    background: #fff none repeat scroll 0 0 !important;
    padding: 0 !important;
}
.table_down .WARRANTY, .table_down .WARRANTY label {float: none;}
.table_down td:before, .table_sep td:before {display: none !important;}
.table_down td {padding: 8px 5px 6px !important;}

}






/* TOTALES ****************/
#total-section {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e2e4e7;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: 1.1em;
    margin-bottom: 15px;
    min-height: 141px;
    padding: 10px 20px;
    text-align: right;
    width: 100%;
    float: right;
}
#total-section .subt {
    margin-bottom: 3px;
    font-size: 0.93em;
}
#total-section .subt span {
    font-size: 1.1em;
    margin-left: 6px;
}
#total-section .total {font-size: 1.1em; margin-top: 10px; color: #0971ce}

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




/* factura A checkbox */
.FactA {
    float: left;
    width: 100%;
}
.FactA label {
    font-size: 1.05em;
    letter-spacing: 0;
    text-transform: none;
}
.FactA label span {
    color: #0971ce;
    text-transform: uppercase;
}




/* 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: 1px solid;
    border-radius: 0;
    color: #0971ce;
    display: block;
    float: left;
    font-size: 13px;
    height: 45px;
    line-height: 41px;
    margin-bottom: 10px;
    padding: 0 15px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    width: 100%;
}
.Cart .button:hover {color: #e2e4e7; border-color: #e2e4e7;}
.Cart .buttonNext {
    background: #0971ce none repeat scroll 0 0;
    color: #fff;
    font-size: 1.2em;
    height: auto;
    padding: 20px 15px;
    text-align: center;
    border: none;
    border-radius: 3px;
}
.Cart .buttonNext:hover {background: #5b5b5f; color: #FFF !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;
}


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



/* cupon descuento *****/
.cupon {
    border-left: 3px solid #eee;
    color: #000;
    font-size: 1.1em;
    margin-top: 25px;
    max-width: 450px;
    padding: 8px 33px;
    float:left;
}
.cupon p {
    margin-bottom: 6px;
}
.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;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    color: #bbb;
    float: left;
    font-size: 0.9em;
    height: 30px;
    max-width: 250px;
    padding: 5px;
    width: 80%;
}
.cupon .btn-default {
    border-color: #ddd;
    background-clip: padding-box;
    border-radius: 1px;
    display: block;
    float: left !important;
    font-size: 0.9em;
    height: 30px;
    margin-left: 0px;
    padding: 0 10px;
    margin-top: 10px;
}
.cupon .btn-default:hover {background: #4f4d58; color: #fff;}

@media (max-width: 479px) {
	.cupon {
	    font-size: 1em;
	    padding: 24px 22px 23px 54px;
	}
	.cupon input[type="text"] {width: 100%; max-width: auto;}
}






/* PASOS DE COMPRA  ****************/
.step {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.step > h3 {
    border-top: 1px solid #0971ce;
    color: #0971ce;
    font-size: 1.8em;
    font-weight: lighter;
    margin: 0;
    padding: 13px 0 18px;
}
.step > h3:hover {opacity: 1 !important;}

.step > h3::after, .stepbar::before {
    float: left;
    font-family: "E3interface";
    font-size: 1em;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
}
.stepbar:before {
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
    display: none;
}
.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;
}




/* user login *************/

#checkout-step-login h3 {
    border-color: #4f4d58;
    color: #4f4d58 !important;
    margin-bottom: 33px;
}
#checkout-step-login .form-group {clear: left}
#checkout-step-login .forget {font-size: 0.95em !important;}

#checkout-step-login .member .der {display: table;}
#checkout-step-login .member .form-group { margin-bottom: 10px; clear: left;}
#checkout-step-login .member .btn-default {
    display: table-cell;
    float: none;
    font-size: 13px;
    height: 78px;
    line-height: 1.2em;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

#checkout-step-login .guest {float: right}
.guest h5 {color: #444}
.guest h5:before {color: #888}
#checkout-step-login .guest form {
    background: #f4f3f7 none repeat scroll 0 0;
    padding: 30px 30px 25px;
}
#checkout-step-login .guest .buttonNext {padding: 18px;}
#checkout-step-login .member hr {
    float: left;
    width: 100%;
    border-color: #dedede;
}


@media (max-width: 767px) {
	.guest {float: left}
	#checkout-step-login .guest form {margin-bottom: 35px}
}
@media (max-width: 479px) {
	#checkout-step-login .member .der {display: block;}
	#checkout-step-login .member .btn-default {
	    display: block;
	    float: left;
	    height: auto;
	    margin: 15px 0 19px;
	    padding: 30px 10px;
	}
}







/* pago y envío **/

.shipandpay h3 i {display: none}
.shipandpay h3:hover {opacity: 0.6; cursor: pointer;}
.shipandpay h3:before {
    content: "\f126";
    float: right;
    font-family: "ionicons";
    font-size: 17px;
}
.shipandpay h3.collapsed:before {
    content: "\f123" !important;
}
#select-paymethod {margin-bottom: 30px}

#uno, #dos {height: auto;}
#tres legend {margin: 20px 0 0;}




/* UL contenidos opciones de pago y envio **/
.shipandpay ul li {
    border-bottom: 1px dashed #ccc;
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 20px 42px;
}
.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 {
    color: #999;
    font-size: 1em;
    font-style: italic;
    margin-top: 6px;
}
.pay-method-preference .text p {margin: 0; padding: 0;}

.shipandpay ul li .options {}

.pay-method-preference {color:#888}
.pay-method-preference label {
    font-size: 1.1em !important;
    font-weight: normal !important;
    letter-spacing: 0;
    margin: 0 0 6px !important;
}
.pay-method-preference .customselect {
    margin-bottom: 14px;
}

/* mercadopago */
.loguito {
    height: 40px;
    margin: 9px 18px 15px 0 !important;
    width: auto !important;
}
.OP-mercadopago img {
    float: left;
    max-height: 70px;
    width: auto;
}
.OP-mercadopago span {
    clear: left;
    color: #666;
    display: block;
    float: left;
    font-size: 1.1em;
    margin-top: 9px;
}
.OP-mercadopago a {text-decoration: underline}

/* todopago */
.OP-todopago span {
    color: #e6007c;
    font-style: normal;
    margin-top: 6px;
}

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

/* SPS */
.SPS .options {
    max-width: 350px;
}



.observaciones {margin-bottom: 30px}
.observaciones p {
    font-size: 0.88em;
    margin-top: 3px;
}
.observaciones p span {opacity: 0.5;}







/* PREVIEW  ****************/
.Preview .step > h3:hover {color: #4f4d58}

.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 .step {margin-top: 0}
.vdatos {
    color: #0971ce;
    float: left;
    font-size: 1em !important;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin: 20px 0 20px 26px !important;
    text-transform: uppercase !important;
}
.vdatos .i-login:before {
    color: #0971ce !important;
    font-size: 17px !important;
    margin: 0 0 0 -29px !important;
    padding: 0 !important;
    text-transform: none;
}
.vdatos2 {
    margin: 15px 0 20px !important;
}
.Preview fieldset {
    float: left;
    width: 100%;
}
.Preview fieldset p {
    background: #fffcf3 none repeat scroll 0 0;
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 12px 20px 5px;
    text-align: center;
    width: 100%;
}
.Preview fieldset .btn {
    border: 1px solid #eee !important;
    font-size: 0.9em;
    line-height: 1.1em;
    margin: 4px 0 20px;
    padding: 10px 0;
    white-space: inherit;
    width: 100%;
}
#select-user hr {
    border-color: #444;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

#data-table {
    color: #555;
    float: left;
    font-size: 0.95em;
    line-height: 1.7em;
    margin: 10px 0 25px 25px;
    width: 100%;
}
#data-table .btn {
    font-size: 0.9em;
    margin: 16px 0 16px -25px;
    max-width: 330px;
    padding: 10px 30px;
    width: 100%;
}



/* Procces order / */
.aceptada:before {content: "\e05b"}
.rechazada:before {}

.Process .jumbotron .banner-item {
    border-top: 1px solid #dedede;
    clear: left;
    font-size: 0.9em;
    padding: 20px 0;
}











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


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

.mdl_detail {max-width:900px; overflow-x:hidden}

.mdl_detail .modal-body {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    box-shadow: 0 0 4px #ddd;
    margin: 12px 0 18px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px 0;
}
.BOXCARTOPTIONS  .modal-body{
    max-height: inherit;
    overflow-y: inherit
}
.BOXCARTOPTIONS .PRODUCTAREA{
    margin-bottom: 0px
}
.BOXCARTOPTIONS .PRODUCTAREA input.BUTTONBUY{
    border-radius: 5px;
    border:none
}
.BOXCARTOPTIONS .IMAGEBCO img{
    width: 100%;
    height: auto;
    max-width: 350px;
    margin: 0 auto;
    margin-top: 25px;
    float: none;
}
.BOXCARTOPTIONS .IMAGEBCO .BUTTONINFO{
    width: 100%;
    float: left;
    text-align: left;
}
@media (max-width:991px) and (min-width:768px){
    #_bsdlgloader .modal-dialog.BOXCARTOPTIONS{
        width: 90%
    }
}
@media (max-width:767px){
    .BOXCARTOPTIONS .IMAGEBCO img{
        position:relative;
        display:block;
        margin-top: 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 .image {
    float: left;
    margin-right: 15px;
    text-align: center;
    width: 60px;
}
.mdl_detail article img {
    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 article .count {
    margin-top: 2px;
    opacity: 0.6;
}
.mdl_detail .price span, .mdl_detail .tachado span {}

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




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



/*  LIST/ADD - MODAL AGREGAR A COMPARACION (COMPARE) **************/

.mdl_compare h3 {
    color: #0971ce;
    font-size: 1.15em;
    letter-spacing: 0;
    margin: 4px 0 2px;
}
.mdl_compare article h2 {
    font-size: 0.8em;
    margin-top: 12px;
}
.mdl_compare article {
    padding: 15px 0;
    border: 0;
}






/* HOMETABS: RELATED */
	
	.home-tabs .tab-content {
		padding-top: 20px;
	}
	.home-tabs .list-items {
		height: auto;
		float:left; width: 100%
	}
	.home-tabs ul.list-items li.col-article article {
		float: none;
		margin: auto;
		width: 96%;
		max-width: 210px;
	}
	.home-tabs ul.list-items li.col-article:nth-child(5) article { 
		/*margin-right: 0 */
		margin: auto;
	}
	
	ul.list-items li.col-article{
		padding:0px;
	}
	
	@media (max-width: 992px) {
		.home-tabs ul.list-items li.col-article article {
			width: 100%;
		}
		.home-tabs ul.list-items li.col-article .box_image {height: 180px}
		.home-tabs ul.list-items li.col-article:nth-child(5) article {
			margin: auto;
		}
		.home-tabs ul.list-items li.col-article:nth-child(4) article {
			margin: auto;	
		}
	}
	@media (max-width: 767px) {
		.home-tabs .list-items {height:auto; overflow: visible;}
		.home-tabs ul.list-items li.col-article article {
			width: 100%;
			font-size: 0.95em;
		}
		.home-tabs ul.list-items li.col-article .box_image {height: 200px}
		.home-tabs ul.list-items li.col-article:nth-child(4) article {
			margin: auto;
		}
		.home-tabs ul.list-items li.col-article:nth-child(3n+3) article {
			margin: auto;
		}
	}
	@media (max-width: 479px) {
		
		.home-tabs ul.list-items li.col-article{
			width:100%;
		}
		.home-tabs ul.list-items li.col-article article {
			width: 100%;
			height: 280px;
			max-width: none;
		}
		.home-tabs ul.list-items li.col-article .box_image {height: 163px}
		.home-tabs ul.list-items li.col-article:nth-child(3n+3) article {		
			margin: auto;
		}
		.home-tabs ul.list-items li.col-article:nth-child(2n+2) article {		
			margin: auto;
		}
	}
	
		



/*
.PRODUCTAREA .buttons_wrapper{
	width:100%; max-width:none;
}*/

.category-box .subcategory .filtro-contain{ padding-left:10px; }
.category-box .subcategory .filtro-contain ul { padding-top:0px;  }
.category-box .subcategory .filtro-contain ul a:before {
  visibility: hidden;
}






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



	
	
	



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