/* Error de minimización. Devolviendo el contenido no minimizado.
(1439,52): run-time error CSS1046: Expect comma, found '0'
(1439,56): run-time error CSS1046: Expect comma, found '/'
(1439,83): run-time error CSS1046: Expect comma, found '57'
(1439,89): run-time error CSS1046: Expect comma, found '/'
(1440,44): run-time error CSS1046: Expect comma, found '0'
(1440,48): run-time error CSS1046: Expect comma, found '/'
(1440,75): run-time error CSS1046: Expect comma, found '57'
(1440,81): run-time error CSS1046: Expect comma, found '/'
(3681,35): run-time error CSS1046: Expect comma, found '0'
(3681,39): run-time error CSS1046: Expect comma, found '/'
(4646,36): run-time error CSS1046: Expect comma, found '0'
(4646,40): run-time error CSS1046: Expect comma, found '/'
(5216,36): run-time error CSS1046: Expect comma, found '0'
(5216,40): run-time error CSS1046: Expect comma, found '/'
 */
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {   
}
@media (max-width: 991px) {    
}
@media (max-width: 767px) {    
}
@media (max-width: 479px) {    
}


@font-face {
  font-family: "prorueda";
  src:url("/content/fonts/prorueda.eot");
  src:url("/content/fonts/prorueda.eot?#iefix") format("embedded-opentype"),
    url("/content/fonts/prorueda.woff") format("woff"),
    url("/content/fonts/prorueda.ttf") format("truetype"),
    url("/content/fonts/prorueda.svg#prorueda2") format("svg");
  font-weight: normal;
  font-style: normal;

}


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

body {
    font-family: 'Roboto', sans-serif;
    background: #F6F6F6;
}

a, a:active, a:focus, a:hover {
    outline: 0;
    text-decoration: none;
}

a, button, ::before, ::after, .BUTTONBUY span { transition: all 0.2s ease-in 0s; }

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}
.customselect option[disabled="disabled"]{
    background: #eee;
    text-decoration: line-through!important;
    color:#888;}
.form-control:focus {
  -webkit-box-shadow: none !Important;
  box-shadow: none !Important;
}

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 }


textarea  {border: 1px solid #CCCCCC;}

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

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


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



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


/* banners */
.banner-item {width: 100% !important;}
.banner-item img {width: 100%;}
.bannerDoble {
    margin-bottom: 25px;
    margin-top: 25px;
}
@media (max-width: 767px) {
    .banner-item {margin-bottom: 30px}
    .main-slider .banner-item {margin-bottom: 0}
    .bannerDoble{
        padding: 0px !important;
    }
}
@media (max-width: 479px) {
    .banner-item {margin-bottom: 20px}
}


/*loading image*/

#loading-image {
    height: 60px;
    background: url(/Content/templates/base/images/writing.gif) no-repeat center center;
    width: 100%;
    background-size: contain;
    float: left;
}



.Cart section{
    background:#fff;
    margin-top: 36px;
}
.grey {
    float: left;
    width: 100%;
    position: relative;
    border-top: 2px solid #eee;
}
.grey::before {
    height: 100px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.grey:before {
	background: #efefef00; /* Old browsers */
	background: -moz-linear-gradient(top, #0000004d 0%, transparent 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000004d), color-stop(80%,#efefef00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0000004d 0%,#efefef00 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0000004d 0%,#efefef00 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0000004d 0%,#efefef00 80%); /* IE10+ */
	background: linear-gradient(to bottom, #0000004d 0%,#efefef00 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000004d', endColorstr='#efefef00',GradientType=0 ); /* IE6-9 */
}








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

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

header {
    box-shadow: 0 5px 7px #00000030;
    z-index: 2;
}


section {
    background: #F6F6F6;
    position: relative;
    z-index: 0;
}
@media(max-width:767){
    section {
        background: #FFF;
    }
}





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

header .main {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 80%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 80%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 80%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 80%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 80%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	color: #f9f9f9;
}

.LOGO {
    display: block;
    height: auto;
    margin: 4px 0px 8px 81px;
    padding: 0 !important;
    text-align: center;
    width: 122px;
    position: relative;
    z-index: 2;
}
.LOGO img {
    display: inline;
    width: 100%;
}
.content_elemnHead {
    padding: 21px 0;
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    margin-right: 50px;
}


/*  MENU_TOP  *******************************/
.MENU_TOP {
    float: right;
    margin: 12px 0 0;
}
.MENU_TOP > li > a {
    padding: 8px 11px;
    text-shadow: none;
    color: #333;
}
.MENU_TOP > li > a:hover, .MENU_TOP > li > a:focus {
    background: none;
    text-decoration: underline;
    color: #000;
}



/* PHONE y AYUDA  ****/
.headerbanner {
    float: right;
    position: relative;
    z-index: 2;
    border-right: 1px solid #ccc;
    top: 3px;
}
.headerbanner > * {color: #333;}
.ph {
    font-weight: 500;
    font-size: 1.27em;
    padding: 8px 11px 8px 5px !important;
    font-family: 'Lato', sans-serif;
}
.ayuda:before {content: "c"; font-family: "prorueda"}

.ayuda:hover {text-decoration: underline;}
.phone > span img {
    width: 25px;
    position: relative;
    left: -5px;
    top: -3px;
}
.whatsapp > span img {
    position: relative;
    left: 0px;
    top: -2px;
}
.phone > a {
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 900;
}
.whatsapp > a {
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 900;
}
@media (max-width: 991px) {
    .headerbanner{
        display: none;
    }
    .content_elemnHead{
        height: auto;
    }
    .CART_BOX .cart-button .i-cart{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0px !important; 
    }
}






/*************************  MENUBAR  ***********************************/

.menubar {
    float: left;
    width: 100%;
    background-color: #000;
}






/* LOGIN BOX  ***************************/

.LOGIN_BOX, .CART_BOX {
    float: right;
    padding: 0 2px;
    z-index: 3;
}
.CART_BOX:hover, .LOGIN_BOX:hover {text-decoration: none !important;}

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

.headerbanner > *, .LOGIN_BOX .login-button, .CART_BOX .cart-button {
    color: #333;
    float: left;
    padding: 8px 14px;
    position: relative;

}
.headerbanner .ayuda {
    border-left: 1px solid #ccc;
    padding: 8px 17px;
    margin-left: 8px;
}
.LOGIN_BOX .login-button {
    border-right: 1px solid #ccc;
}

.LOGIN_BOX:hover .login-button, .LOGIN_BOX:hover .i-login:before  {
  /* color: #D1D806 !important; */
}
.LOGIN_BOX > li > a:hover, .LOGIN_BOX .open > a:focus {
    background: #fff !important;
}

.LOGIN_BOX .open > a:focus {background: #eee;}

.login-button .i-login, .cart-button .i-cart {
    float: left;
}
.i-login img {
    position: relative;
    left: -5px;
    top: -2px;
}
.LOGIN_BOX .login-button > span, .CART_BOX .cart-button > span {
    float: left;
}
.login-button .i-login::before, .cart-button .i-cart::before {
    font-size: 29px;
    font-weight: lighter;
    float: left;
    margin: 0px 7px 0 0;
    font-family: "prorueda";
}
.headerbanner > ::before, .login-button .i-login:before {
    font-size: 23px;
    color: #b3b3b3;
    font-weight: lighter;
    float: left;
    margin: 2px 9px 0 0;
    font-family: "prorueda";
}
.headerbanner > .ph.phone::before {
    font-size: 25px;
    color: #105195;
    
}

.login-button .i-login:before {content: "b";display: none;}
.cart-button .i-cart::before {
    content: "a";
    color: #000;
    font-size: 2.3em;
}

.LOGIN_BOX .login-button > span::after, .CART_BOX .cart-button > span::after {content: "\f35f"}
.LOGIN_BOX .login-button > span::after, .CART_BOX .cart-button > span::after {
    font-family: "Ionicons";
    float: right;
    margin: 1px 0 0 5px;
    font-size: 13px;
}
.CART_BOX .cart-button > span::after {display: none}


/* abrir en :hover */
#_login_holder:hover > .dropdown-menu {
    display: block;
}


.LOGIN_BOX .login_window, .CART_BOX .cart-window {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbb;
    border-radius: 1px !important;
    box-shadow: none;
    color: #000;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-transform: none;
    z-index: 1001;
    box-shadow: 4px 4px 5px #00000040;
    margin: 0;
}
.LOGIN_BOX .login_window {
    left: auto;
    right: 0;
    top: 40px;
    width: 270px !important;
    padding: 14px !important;
}
.CART_BOX .cart-window {
    background: none repeat scroll 0 0 #f3f3f3;
    max-height: 565px;
    min-height: 72px;
    min-width: 190px;
    padding: 0;
    right: 0;
    top: 37px;
    width: 25em;
}


.LOGIN_BOX .login_window legend {display: none;}
.LOGIN_BOX .login_window .form-group {margin-bottom: 8px;}


.forget {
    color: rgba(0, 0, 0, 0.85);
    float: right !important;
    font-size: 0.85em !important;
    width: auto !important;
    text-decoration: underline;
}
.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;
}

.terminosycond{
    font-size: 12px;
    position: relative;
    top: -2px;  
}

.terminosycond a{
   text-decoration: underline; 
}


.LOGIN_BOX .dropdown-menu {
    padding: 15px;
    position: absolute;
    right: 0;
    left: unset;
    border: 1px solid #bbb;
    border-radius: 1px !important;
    overflow: hidden;
    width: 200px;
    top: calc(100% - 1px);
    box-shadow: 4px 4px 5px #00000040;
    margin: 0;
}
.LOGIN_BOX .dropdown-menu > li > a, .LOGIN_BOX .dropdown-menu > li form > a {
    border-bottom: 0;
    color: #000;
    margin: 0;
    padding: 8px 8px;
    text-align: right;
    width: 100%;
    font-size: 1em !important;
}
.LOGIN_BOX .dropdown-menu li a:hover {color: #D1D806; background: none; text-decoration: underline;}



    

/* CART BOX  ***************************/


.CART_BOX .cart-button .items {float: left}

.CART_BOX .cart-button .precio {
    float: left;
    white-space: nowrap;
    font-family: 'Lato', sans-serif;
}

.CART_BOX .cart-button .items .it {
    background: #D1D806;
	border-radius: 50px;
	color: #fff;
	transition: all 0.2s ease-in 0s;
	font-size: 12px;
	width: auto;
	height: 22px;
	line-height: 18px;
	position: absolute;
	top: -6px;
	left: 32px;
	text-align: center;
	border: 1px solid #fff;
    min-width: 22px;
    padding: 0 5px;
}
.CART_BOX .cart-button .items .pr {
    font-family: 'Lato', sans-serif;
    font-size: 0.92em;
    position: relative;
    top: 10px;
    left: 10px;
}
.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;
    text-align: center;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.CART_BOX .cart-window .img img {
    margin: 0 auto;
    font-size: 9px !important;
    line-height: 11px !important;
    object-fit: scale-down;
    object-position: center;
    max-height: 100%;
    max-width: 100%;
}
.CART_BOX .cart-window .datos {
    float: right;
    height: auto;
    width: calc(100% - 80px);
}
.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: 0;
    text-transform: none;
}
.CART_BOX .cart-window .cantidad strong {
    font-weight:normal;
    font-size:1.1em;
}
.CART_BOX .cart-window .price {
    float: right;
    font-size: 0.6em;
    color: #000;
	width: calc(100% - 80px);
}
.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}

.botones {
    float: right;
    margin: 8px 0 0;
}
.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 a.btn {
    margin: 0px 14px 12px !important;
    font-size: 0.9em;
}
.CART_BOX .cart-window a.btn:after {content: "\f10a";}
.CART_BOX .cart-window a.btn::after {
    font-family: 'Ionicons';
    font-size: 10px;
    padding-left: 5px;
    position: relative;
    top: -1px;
}
.CART_BOX .cart-window a.btn:hover {background: #000 !important}




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




/* SEARCH BOX  ***************************/

.SEARCH_BOX {
    float: right;
    width: 24%;
}
.SerchMobile{
    display: none;
}
.SEARCH_BOX .form-group {
    width: 100%;
    margin: 0;
}
.SEARCH_BOX .form-control {
    background-color: #D1D806;
	border: 0px !important;
	color: #fff;
    width: 100%;
    line-height: 50px;
    padding: 0 45px 0 15px;
    border-radius: 0;
    z-index: 0;
    font-family: 'Lato', sans-serif;
    min-height: 48px;
    max-height: 48px;
    box-shadow: 2px 2px 5px #01002191 inset;
}

.SEARCH_BOX ::-webkit-input-placeholder {color: #ffffff9e !important; font-style: italic;}
.SEARCH_BOX :-moz-placeholder {color: #ffffff9e !important; font-style: italic; opacity: 1;}
.SEARCH_BOX ::-moz-placeholder {color: #ffffff9e !important; font-style: italic; opacity: 1;}
.SEARCH_BOX :-ms-input-placeholder {color: #ffffff9e !important; font-style: italic;}
.SEARCH_BOX ::-ms-input-placeholder {color: #ffffff9e !important; font-style: italic;}

.SEARCH_BOX .search_submit {
    background: none repeat scroll 0 0 transparent !important;
	border: 0 !important;
	box-shadow: none;
	color: #fff;
    font-size: 18px;
    width: 47px;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    display: block;
    z-index: 1;
}
.SEARCH_BOX .search_submit:hover {color: #8ec2ff}

.SEARCH_BOX .search_submit span:before {
	content: "E";
	font-family: "e3font";
}

.SEARCH_BOX .navbar-form {
    margin: 8px 0;
    padding: 0;
}
.ui-autocomplete {
    background: none repeat scroll 0 0 #fcf4df;
    background-clip: padding-box;
    border-radius: 0 0 2px 2px;
    color: #343434;
    font-size: 0.9em;
    max-width: 490px;
    padding: 7px;
    z-index: 3;
    max-height: 380px;
    overflow-y: scroll;
    display: none !important;
    background-color: whitesmoke;
}
.ui-autocomplete li {
    padding: 2px 0;
}
.ui-autocomplete li:hover {color: #D1D806}








/* BUSCADOR FILTROS VEHICULO ********************************/

.buscador-por-filtros {position: relative; width: 100% !important;}
.buscador-por-filtros form {float: left; clear: left; width: 100%;}

.buscador-por-filtros label {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 1.07em;
    margin: 0 0 7px;
}
.buscador-por-filtros .form-group {
    margin-bottom: 12px;
}
.buscador-por-filtros .customselect::after {
    bottom: 17px;
    color: #000;
    font-size: 19px;
    right: 13px;
}
.buscador-por-filtros .form-control {
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    font-size: 1.1em;
    font-style: italic;
    border-radius: 2px;
    border: 0;
}

.buscador-por-filtros hr {
    max-width: 40px;
    margin: 18px auto 20px;
    opacity: 0.8;
}
.buscador-por-filtros .form-medidas h5 {display: none}

.filtros-enviar button {
    font-size: 0.9em;
    width: auto;
    color: #fff;
	background:#000;
	border: 1px solid #3d7dc8f2;
    padding: 12px 27px;
    border-radius: 40px;
    float: none;
    margin: 0 auto;
    display: inherit;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.02em;
    font-size: 1em;
    text-shadow: none !important;
}
.filtros-enviar button:hover {
  background: #fff;
  color: #D1D806;
}
.filtros-enviar button strong {font-weight: normal}

.buscador-por-filtros .form-control[disabled], .buscador-por-filtros .form-control[readonly] {}

.ddcommon {width: 100% !important}
.ddcommon .ddTitle {
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 1em;
    line-height: 1em;
}
.dd .ddTitle .ddTitleText {
    height: 34px;
}





/* FIND BOX (buscador header) ***************************/

.FIND_BOX .buscador-por-filtros label, .FIND_BOX h4 {display: none}

.FIND_BOX {
    float: left;
    position: relative;
}
.find_button {
    display: block;
    height: 50px;
    line-height: 48px;
    font-size: 1.08em;
    padding: 0 5px 0 50px;
    position: relative;
    width: 215px;
    font-family: 'Lato', sans-serif;
}
.find_button, .find_button:hover, .find_button:active, .find_button:focus {
	background-color: #D1D806;
	color: #fff;
}
.find_button::before {
    background-image: url(/content/images/i-camion.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 8px;
    left: 11px;
}
.find_button::after {content: "\f35f"}
.find_button::after {
    font-family: "Ionicons";
    margin: 1px 0 0 5px;
    font-size: 13px;
}

#find_content {
    width: 345px;
    left: 0;
    right: auto;
    position: absolute;
    top: 100%;
    background-color: #D1D806;
    padding: 25px 15px;
    z-index: 2;
}

/* abrir en :hover */
@media (min-width: 768px) {
.FIND_BOX:hover > #find_content {
/*    display: block;
    height: 295px !important;
    padding: 30px 22px !important;*/
}
}



/* BUSCAOR HORIZONTAL HOME  ****************************/
.buscadorhome {
    float: left;
    width: 100%;
    margin: -50px 0 0;
}
.buscadorhome .frame {
    background: #D1D806;
	color: #fff;
    float: left;
    width: 100%;
    padding: 25px 29px 34px;
}
.buscadorhome .form-vehiculo {
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-end;
    float: left;
    width: 100%;
    position: relative;
}
.buscadorhome h4 {
    font-family: 'Lato', sans-serif;
    font-weight: lighter;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 1.3em;
    margin: 0;
    min-width: 164px;
}
.buscadorhome h4 strong {display: block}

.buscadorhome .sub {
    width: 100%;
    margin-right: 17px;
}
.buscadorhome .buscador-por-filtros .form-group {margin: 0}

.buscadorhome .buscador-por-filtros .form-control {
    height: 56px;
    line-height: 56px;
    border: 1px solid #fff;
}
.buscadorhome .buscador-por-filtros .customselect::after {
    bottom: 22px;
    color: #000;
    font-size: 26px;
    right: 12px;
}
.buscadorhome .filtros-enviar {
    margin-bottom: -1px;
}
.buscadorhome .filtros-enviar button {
    height: 59px;
    border-radius: 2px;
    padding: 0 14px;
    min-width: 230px;
}


@media (max-width: 1199px) { 
.buscadorhome > .container {
    width: 100%;
}
.buscadorhome .frame {
    width: calc(100% - 40px);
    padding: 19px 21px 27px;
    margin: 0 20px;
}
.buscadorhome h4 {
    font-size: 1.3em;
    min-width: 130px;
    padding-right: 10px;
}
.buscadorhome .sub {
    margin-right: 8px;
}
.buscadorhome .filtros-enviar button {
    min-width: 145px;
}
}

@media (max-width: 1199px) { 
.buscadorhome {font-size: 0.95em; margin: 12px 0 0;}
.buscadorhome .frame {margin: 0; width: 100%}
}

@media (max-width: 991px) { 
.buscadorhome .frame {
    padding: 57px 21px 30px;
}
.buscadorhome h4 {
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.45em;
}
.buscadorhome h4 strong {display: inline}
.buscador-por-filtros label {display: none}
.buscadorhome .buscador-por-filtros .form-control {
    height: 43px;
    line-height: 41px;
    padding: 0 5px;
}
.buscadorhome .buscador-por-filtros .customselect::after {
    bottom: 16px;
    right: 8px;
    font-size: 19px;
}
.buscadorhome .filtros-enviar button {
    height: 45px;
    line-height: 1.25em;
}
.loading-bar {
    height: 43px !important;
}
.SerchMobile{
    display: block;
    width: 100%;
    margin: 0px !important;
}
.SEARCH_BOX fieldset {
    padding: 0 !important;
    height: fit-content !important;
}
.SEARCH_BOX .search_submit {
    right: 18px !important;
    width: fit-content !important;
}
}

@media (max-width: 767px) { 
.buscadorhome {margin: 0}
.buscadorhome .frame {
    margin: 0 -15px;
    width: calc(100% + 30px);
}
.buscadorhome .form-vehiculo {
    flex-direction: column;
    align-items: center;
}
.buscadorhome .sub {
    margin: 0 0 11px;
}
.buscadorhome .filtros-enviar button {
    width: 250px;
}
}

@media (max-width: 479px) { 
.buscadorhome .filtros-enviar button {width: 187px}
.SerchMobile{
    display: block;
    width: 100%;
    margin: 0px !important;
}
.content_elemnHead{
    height: auto;
}
.LOGIN_BOX .login-button, .CART_BOX .cart-button{
    top: 0px;
}
.cart-button .i-cart::before{
    font-size: 1em;
}
.SEARCH_BOX fieldset {
    padding: 0 !important;
    height: auto !important;
}
.SEARCH_BOX .form-control{
    height: 55px;
}
.SEARCH_BOX .search_submit {
    right: 18px !important;
    width: auto !important;
    top: 2px;
}
}










/* ocultar categorias de contenidos en los menues, con codigo "NO" en el panel ******/
.MENU_MAIN li[class^='code-NO-'], .MENU_MAIN li[class*='code-NO-'], 
#mmenu li[class^='code-NO-'], #mmenu li[class*='code-NO-'],
.category_tree li[class^='code-NO-'], .category_tree li[class*='code-NO-'] {display: none !important}




/*  MENU_MAIN *******************************/
.MENU_MAIN {
    background-color: #373589;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.MENU_MAIN .container-fluid{
    padding-right: 0px !important;
    padding-left: 15px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.MENU_MAIN>ul {
    float: left;
    padding-left: 10px;
    display: inline-flex;
    min-height: unset;
    max-height: unset;
    height: auto;
    width: 100%;
}

.MENU_MAIN .nav>li>a {
    color: #fff;
    display: inline-flex;
    height: 48px;
    letter-spacing: 0;
    line-height: 1em;
    margin: 0;
    padding: 14px 18px 12px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 16px;
    position: relative;
    justify-content: space-evenly;
    align-items: center;
    text-transform: uppercase;
}

.MENU_MAIN .nav>li>a>img {
    max-height: 34px;
    margin-right: 5px;
    width: auto;
    float: left;
}

/* item "piezas" */
.MENU_MAIN .nav>li.piezas {
    border-left: 1px solid #8fa2b0;
    border-right: 1px solid #8fa2b0
}

.MENU_MAIN .caret {
    margin-left: 5px;
    opacity: 1;
    display: none;
}

.MENU_MAIN .nav>li.link>a {
    color: white !important;
    text-transform: uppercase;
    font-weight: 500;
}

/* :hover */
.MENU_MAIN .nav>li>a:focus,
.MENU_MAIN .nav>li>a:hover,
.MENU_MAIN .nav>li:hover>a {
    text-decoration: none;
    background-color: transparent !important;
    color: #fff !important;
}


/* ul ul */
.MENU_MAIN ul li ul {
    background-color: #fff;
    border-color: #ccc #ccc #ccc;
    border-radius: 0 !important;
    border-style: solid;
    border-width: 0 1px 1px;
    left: -1px;
    min-height: 265px;
    padding: 18px 0;
    width: 101%;
    box-shadow: 0px 4px 4px rgba(57, 57, 57, 0.13);
}

.menuBckImg {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 54%;
    border: 18px solid white;
    /*border-left: 1px solid lightgray;*/
    display: none;
}

.MENU_MAIN ul li ul li {
    clear: left;
    float: left;
    width: 100%;
}

.MENU_MAIN ul li ul a {
    color: #222;
    line-height: 1.2em;
    padding: 7px 23px;
    white-space: normal;
    background: transparent !important;
    font-size: 1.1em;
    text-transform: none;
    line-height: 1.5em;
}

.MENU_MAIN ul li ul a:hover {
    color: #fff;
    background-color: #D1D806 !important;
    text-decoration: none;
}

.MENU_MAIN .dropdown-submenu ul li ul a {
    line-height: 1.4em;
    padding: 8px 17px;
    z-index: 9999;
}


.MENU_MAIN .dropdown-submenu ul li ul a:hover {
    color: #fff;
    background-color: #D1D806 !important;
    text-decoration: none;
}

.MENU_MAIN .dropdown-header {
    display: block;
    padding: 0px 5px;
    font-size: 1.1em;
    line-height: 1em;
    color: #777;
    white-space: nowrap;

}

.MENU_MAIN .dropdown-header::before {
    content: "Y";
    font-family: "e3font";
    font-size: 23px;
    position: relative;
    padding: 10px;
    top: 4px;
    font-weight: 500;
}

.MENU_MAIN .dropdown-header::after {
    width: 220px;
    height: 1px;
    background-color: #ddd;
    content: "";
    display: block;
    margin-top: 20px;
    left: -4px;
    position: relative;
}


/* abrir menu en :hover */
.MENU_MAIN ul li:hover>.dropdown-menu {
    display: block;
}

.cat-item-Cats {
    /*background: linear-gradient(180deg, #4081A6 13.02%, #295874 100%);*/
    background-color: #D1D806;
    text-transform: uppercase;
    font-size: 1.09em;
    width: 220px;
    text-align: center;
    margin: 0px 15px;
}

.cat-item-Cats::after {
    content: "\f3d0";
    font-family: "Ionicons";
    position: relative;
    color: #fff;
    font-style: bold;
    top: 1px;
    left: -10px;
    font-size: 11px;
}

.MENU_MAIN .dropdown-header a {
    padding: 0;
}

.MENU_MAIN .dropdown-header a:hover {
    padding: 0;
    background-color: white !important;
    color: #000;

}

#mmenu .mainmenu .dropdown-header a {
    display: inline !important;
    padding: 0 20px !important;
    font-weight: normal;
    line-height: 1em;
    text-transform: capitalize;
    font-size: 1em;
}


ul.dropdown-menu.subcat {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    border: none !important;
    box-shadow: unset !important;
    font-size: 13px;
    padding: 5px 10px;
}

ul.dropdown-menu.subcat li {
    width: 100% !important;
}

ul.dropdown-menu.subcat li a {
    color: #000;
    font-size: 13px;
}

.NO-faq {
    display: none;
}

/* width */
.dropdown-menu::-webkit-scrollbar {
    width: 5px;
  }
  /* Track */
  .dropdown-menu:-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /* Handle */
  .dropdown-menu::-webkit-scrollbar-thumb {
    background: #D1D806;
  }
  /* Handle on hover */
  .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  

@media (max-width: 1199px) {
    .MENU_MAIN .nav>li>a {
        font-size: 1em;
        padding: 9px;
        height: 46px;
    }

    .cat-item-Cats {
        text-transform: uppercase;
        font-size: 0.95em;
        /*padding: 0 25px;*/
        margin: 0 10px 0 0;
        width: 200px;
        min-height: 48px;
        max-height: 48px;
    }

    .MENU_MAIN .nav>li>a>img {
        max-width: 20px;
        margin-right: 5px;
        display: block;

    }

    .cat-item-Cats::after {
        left: 0px;
    }

    #menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu {
        width: 200px !important;
    }

    .MENU_MAIN .dropdown-header::before {
        font-size: 20px;
        padding: 5px;
    }

    .MENU_MAIN .dropdown-header {
        font-size: 0.9em;
    }

    .MENU_MAIN .dropdown-header::after {
        width: 157px;
    }

    .MENU_MAIN ul li ul a {
        padding: 7px 20px;
        font-size: 0.9em;
    }

}

@media (max-width: 991px) {
    .MENU_MAIN {
        display: none;
    }
}


#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu {
    position: absolute;
    width: 220px;
    /* width: fit-content; */
    left: 100%;
    top: -2px;
    border: 0;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    /*border-left: 1px solid #bbb;*/
    -webkit-box-shadow: inset 7px 0 9px -7px rgb(0 0 0 / 40%), 0px 4px 4px rgb(57 57 57 / 16%);
    box-shadow: inset 7px 0 9px -7px rgb(0 0 0 / 40%), 0px 4px 4px rgb(57 57 57 / 16%);
}


#menu-width .dropdown-submenu .dropdown-submenu:hover .dropdown-menu {
    background: rgba(250, 250, 250, 1);

}

#menu-width .dropdown-submenu .dropdown-submenu:hover .dropdown-menu {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}

#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu li {
   /* width: 46%;*/
   width: 100%;
}

#menu-width>.dropdown-submenu>.dropdown-menu>.dropdown-submenu {
    display: inline-block;
    width: 100%;
    float: left;
    position: static;
}

.MENU_MAIN ul li ul a::after {
    content: "\f125";
    font-family: "Ionicons";
    position: absolute;
    top: 7px;
    right: 0;
    color: white;
    font-size: 0.6em;
    padding-right: 8px;
    display: none;
}

.MENU_MAIN .flechita::after {
    content: "\f125";
    font-family: "Ionicons";
    position: absolute;
    top: 7px;
    right: 0;
    font-size: 0.6em;
    padding-right: 8px;
    color: #bbb;
}

.MENU_MAIN .flechita:hover::after {
    color: #fff;
}

.MENU_MAIN ul li ul.noImage {
    width: 220px;
}

.MENU_MAIN ul li ul.noImage>li {
    width: 100% !important;
}


#menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu {
    width: 400px;
    left: 100%;
}

#menu-width .dropdown-menu .caret {
    position: absolute;
    right: 15px;
    top: 12px;
}

.MENU_MAIN .dropdown-menu a {
    position: relative;
}

/* banner loguitos marcas */
.MENU_MAIN .banner.marcas {
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100% !important;
    padding: 13px 0 23px;
    border-top: 1px solid #ddd;
    margin: 0 5% 0;
    display: table;
    text-align: center;
}

.MENU_MAIN .banner.marcas a {
    float: none;
    width: 95px;
    white-space: normal;
    clear: none;
    position: relative;
    padding: 0;
    display: inline-block;
}

.MENU_MAIN .banner a:hover {
    opacity: 0.7
}

.MENU_MAIN .banner.marcas a img {
    width: calc(100% - 6px);
}

.MENU_MAIN .banner a.ver {
    line-height: 1.2em;
    font-size: 0.88em;
    width: 86px;
    color: #95a1aa;
    padding: 0 10px;
    vertical-align: middle;
}

.MENU_MAIN .banner.marcas a.ver::before {
    display: none
}

.MENU_MAIN .banner.marcas a.ver:hover {
    color: #d51f11;
    opacity: 1;
}


/* ocultar banner en mmenu */
.mm-list>div.banner,
.mm-panels > .mm-panel::before,
.mm-panels > .mm-panel::after,
.mm-panel.mm-hasnavbar .mm-navbar{
    display: none;
}

.mm-panels > .mm-panel{
    height: max-content;
    padding: 0;
}

.mm-panels > .mm-panel.mm-hasnavbar{
    padding-top: 0;
    position: relative;
    display: block !important;
}

.mm-panels > .mmenuHeader{
    background: #D1D806;
}

.mm-panels > .mmenuHeader *{
    color: #fff !important;
    font-size: 11px;
}

.mm-panels > .mmenuHeader > p.username{
    font-size: 13px;
}

.mm-nolistview{
    background: #D1D806;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: auto;
    position: relative;
    text-align: center;
}

ul.mm-nolistview li a.u-data{
    color: white;
    font-weight: 400;
    padding: 13px 0;
}

#mmenu ul > li > a.mm-next{
    position: absolute;
}



/* MENU AFFIX  ************************************/
@media (min-width: 992px) {
    body:not(.Product) header .main.affix {
        position: fixed;
        box-shadow: 0 2px 7px #0000001a;
    }

    body:not(.Product) header .main,
    header .main.affix {
        -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;
    }

    body:not(.Product) header .main.affix .CART_BOX,
    body:not(.Product) header .main.affix .LOGIN_BOX,
    body:not(.Product) header .main.affix .MENU_TOP,
    body:not(.Product) header .main.affix .MENU_MAIN {
        display: none
    }

    body:not(.Product) header .main.affix .LOGO {
        width: 92px;
        margin: 9px 20px 9px 0;
    }

    body:not(.Product) header .main.affix .SEARCH_BOX {
        margin-top: 10px !important
    }

    body:not(.Product) header .main.affix .SEARCH_BOX fieldset {
        height: 35px;
        padding-right: 0;
    }

    body:not(.Product) header .main.affix .SEARCH_BOX .search_submit {
        right: 1px;
    }

    body:not(.Product) header .main.affix .SEARCH_BOX fieldset {
        height: 35px;
    }
}








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

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

@media (max-width: 1199px) {

.LOGO {
    margin-left: 67px;
    width: 115px;
}
    .content_elemnHead {margin-right: 0;}

    .CART_BOX .cart-button .items * {
        display: block;
    }

    .MENU_TOP {
        margin-left: 10px
    }

    .MENU_TOP>li>a {
        padding: 5px 8px;
    }

    .MENU_MAIN {
        padding: 0 10px;
    }

    .MENU_MAIN .container {
        width: 100%;
    }

    .MENU_MAIN .nav {
        height: 46px
    }

}

@media (max-width: 991px) {

    header .container,
    footer .container {
        width: 100%;
    }
    .content_elemnHead {padding: 0;}

    header .container,
    header .container>.row,
    header .container>.row>div {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .navbar-header {
        float: none
    }
.LOGO {
    border: 0 none;
    float: none;
    height: auto;
    line-height: 1em;
    margin: 2px auto 6px;
    width: 110px;
}
    .LOGO img {
        margin: 0;
    }

    .SEARCH_BOX {
        margin: 10px 0;
    }

    .SEARCH_BOX fieldset {
        padding: 0 15px;
        height: 35px;
    }

    .SEARCH_BOX .search_submit {
        right: 16px;
        width: 42px;
    }

    .CART_BOX {
        position: absolute;
        right: 15px;
        top: 30px;
    }

    .LOGIN_BOX {
        position: absolute;
        right: 60px;
        top: 30px;
        display: none;
    }

    .LOGIN_BOX .login-button,
    .CART_BOX .cart-button {
        margin: 0;
        float: left;
        padding: 0;
    }

    .LOGIN_BOX .login-button .i-login,
    .CART_BOX .cart-button .i-cart {
        width: 60px;
        margin: 0;
    }

    .LOGIN_BOX .login-button .i-login {
        font-size: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .headerbanner > ::before, .login-button .i-login:before{
        font-size: 25px;
    }
    .cart-button .i-cart::before{
        font-size: 1em;
    }
    .login-button .i-login::before, .cart-button .i-cart::before{
        margin: 0px;
    }
    .CART_BOX .cart-button .i-cart {
        font-size: 31px;
        margin-right: 2px !important;
        text-indent: -5px;
    }

    .CART_BOX .cart-button .items {
        left: 0;
        width: 100%;
    }
    .CART_BOX .cart-button .items .it {
        top: -13px;
    }
    .LOGIN_BOX .login_window,
    .CART_BOX .cart-window {
        display: none !important
    }

    .CART_BOX .cart-button::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .Cart .LOGO a img {
        width: 116px !important;
        position: relative;
        left: -5px;
    }
    .CART_BOX {
        right: 5px;
    }
}

@media (max-width: 479px) {
    .LOGO {
        margin: 4px auto 4px;
        width: 100px;
    }
    .CART_BOX {
        right: 8px
    }

    .LOGIN_BOX {
        display: none !important
    }

    .hamburguer {
        margin: 12px 0 0 3px;
        width: 51px;
    }

    .LOGIN_BOX .login-button .i-login,
    .CART_BOX .cart-button .i-cart {
        width: 50px;
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .SEARCH_BOX .form-control {
        padding-left: 22px
    }
    .main .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}







/* hamburguer ******************/
.hamburguer {
    cursor: pointer;
    height: 50px;
    left: 0;
    margin: 13px 0 0 3px;
    padding: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width:47px;
    z-index: 2;
}

.hamburguer {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.hamburguer span {
    background: #202020;
    border-radius: 0;
    display: block;
    height: 3px;
    left: 0;
    margin: 0 25%;
    opacity: 1;
    position: absolute;
    width: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburguer span:nth-child(1) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburguer span:nth-child(2) {
    top: 24px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburguer span:nth-child(3) {
    top: 32px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburguer:hover span {
    background: #404e56
}


/*@media (max-width: 991px) {
html.mm-opening .hamburguer span {background: red}

html.mm-opening .hamburguer span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 18px;
  left: 8px;
}
html.mm-opening .hamburguer span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
html.mm-opening .hamburguer span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 34px;
  left: 8px;
}
}*/






/* MMENU *********************/
#mmenu {
    background: #fff none repeat scroll 0 0;
    color: #000;
    z-index: 1001;
}

#mmenu .mm-panels{
    overflow: scroll;
}
#mmenu>ul {
    padding: 0;
    width: 100%;
}

#mmenu ul.uno > .headerbanner{
    display: block;
    background-color: #f6f6f6;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
    border: 0;
    top: 0;
    padding: 10px 20px;
}

#mmenu ul.uno > .headerbanner a{
    font-weight: normal !important;
}

#mmenu .registro {
    padding-top: 10px;
}

#mm-blocker {
    /*background: rgba(3, 2, 1, 0) none repeat scroll 0 0;*/
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background: black;
    opacity: .6;
}


#mmenu:not(.mm-menu) {
    display: none;
}


html.mm-opening .mm-menu.mm-opened[class*="mm-pagedim"]~#mm-blocker {
    opacity: .6;
}

.mm-back>a {
    color: #fff !important;
    font-size: 2em;
    opacity: 1;
    padding: 16px 20px 0 !important;
    text-align: right;
    text-decoration: none !important;
}

.mm-back>a::before {
    content: "\f2d7"
}

.mm-back>a::before {
    font-family: "Ionicons";
}

#mmenu .mm-list>li.mm-label {
    background: transparent none repeat scroll 0 0;
    border-top: 1px solid #666;
    color: #D1D806;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    margin: 25px 0 0;
    padding: 7px 0 4px;
    font-weight: 500;
    display: none;
}

.mm-label.labelfirst {
    border: 0 none !important;
    margin: 0 !important;
}

#mmenu li.name {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 1.1em;
    background: #D1D806;
    text-align: center;
    padding-top: 10px;
}

#mmenu .mm-menu .mm-list {
    padding: 14px 0 8px;
}

#mmenu .dropdown-header {
    display: block;
    padding: 0;
    font-size: 1.6em;
    line-height: 1em;
    color: #000;
    white-space: nowrap;
    margin: 20px 0;
    letter-spacing: 0;
}

#mmenu .dropdown-header::before {
    content: "Y";
    font-family: "e3font";
    font-size: 23px;
    position: relative;
    padding: 5px 6px 5px 0;
    top: 4px;
    font-weight: 500;
}

#mmenu .mainmenu li a {
    color: #000;
    display: block;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.1em;
    margin: 0;
    overflow: hidden;
    padding: 16px 20px 16px 33px;
    text-overflow: ellipsis;
    white-space: normal;
    letter-spacing: 0.02em;
    position: relative;
    letter-spacing: 0.02em;
}

#mmenu .mainmenu .caret {
    margin-left: 6px;
    border-width: 5px 5px 0 5px;
}

#mmenu .mainmenu a.mm-subopen::before {
    border-color: #383838 !important;
    height: 6px;
    width: 6px;
}

.mainmenu .dropdown-submenu.open .dropdown-menu {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    float: left;
    padding: 0 0 10px;
    position: relative;
    width: 100%;
}

.mainmenu .dropdown-submenu.open .dropdown-menu a {
    font-weight: lighter !important;
    padding: 10px 8px 10px 65px !important;
    text-transform: none !important;
    border: 0 !important;
}

.mainmenu .dropdown-submenu.open .dropdown-menu a:hover {
    background: transparent none repeat scroll 0 0 !important;
    text-decoration: underline;
}

.mm-panel>.mm-list {
    margin-left: 0px;
    margin-right: 0px;
}

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.mm-list>li>a,
.mm-list>li>form a,
.mm-list>li>span {
    color: #D1D806;
    display: block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 10px 14px;
    text-overflow: ellipsis;
    white-space: normal;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after {
    border: 0 !important
}

.mm-back>a {
    font-size: 1.8em !important;
    opacity: 1 !important;
    text-decoration: underline;
}


#mmenu .mmenu-button {
    border: 1px solid #fff;
    background-clip: padding-box;
    border-radius: 3px;
    color: #000 !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 rgb(255, 252, 252);
}

#mmenu .dropdown-menu {
    display: none;
}

#mmenu .dropdown-submenu.open .dropdown-menu {
    display: block;
}


.mm-menu .uno>.mm-vertical>.mm-panel>ul>li>a:not(.mm-next) {
    font-size: 1.2em;
}

#mmenu .mainmenu .mm-panel .mm-panel {
    padding: 0
}

#mmenu ul.uno,
#mmenu ul.extras {
    margin: 0;
    padding: 0;
    overflow-y: auto;
    height: auto;
    float: left !important;
    width: 100% !important;
    display: block;
    position: relative;
}

#mmenu ul.uno>li {
    border-bottom: 1px solid #e6e6e6 !important;
    float: left;
    width: 100%;
    z-index: 2;
}

#mmenu ul.uno>li.NO-faq{
    display: none;
}

#mmenu ul.extras>li {
    float: left;
    width: 100%;
    z-index: 2;
}

#mmenu ul.uno>li>a, ul.uno>li>span {
    font-size: 1.1em;
    font-weight: 500;
    height: auto !important;
    line-height: 1.3em;
    padding: 12px 15px;
    z-index: 2;
    letter-spacing: -0.01em;
    text-transform: none;
    color: #D1D806;
    background-color: transparent;
    min-height: 38px;
}

#mmenu ul>li>.mm-next::after,
ul.uno>li>.mm-prev::before {
    border-color: #acacac !important;
    height: 10px;
    width: 10px;
    right: 22px !important;
    transform: rotate(-135deg);
}

#mmenu ul.dos>li>.mm-next::after{
    width: 8px;
    height: 8px;
}

#mmenu ul>li.mm-opened>.mm-next::after{
    transform: rotate(45deg);
}

ul.mm-nolistview.mm-list {
    background: #D1D806;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: auto;
    position: relative;
    text-align: center;
    padding: 0;
}

ul.mm-nolistview.mm-list > li{
    padding-top: 0 !important;
}

li.mm-back {
    background-color: #D1D806;
    color: white;
}

ul.mm-nolistview.mm-list li a {
    color: white;
    font-size: 0.85em;
    font-weight: 400;
    padding: 13px 0;
}

ul.mm-nolistview.mm-list li a:hover {
    color: white !important;
}

#mmenu .u-data:before,
#mmenu .u-favs:before,
#mmenu .u-orders:before,
#mmenu .u-logout:before {
    font-weight: normal;
    display: block;
    font-size: 2em;
    height: 28px;
    margin: 0 !important;
}

#mmenu .u-data:before {
    content: "J" !important;
}

#mmenu .u-favs:before {
    content: "l";
}

#mmenu .u-orders:before {
    content: "t";
}

#mmenu .u-logout:before {
    content: "p";
}

#mmenu .u-pass:before {
    content: "y";
}

#mmenu ul.uno>li.link {
    font-family: "ClanOT";
    border-bottom: 0 !important;
}

#mmenu ul.uno>li.link>a,
ul.uno>li.link>span {
    font-family: "ClanOT-Book";
    font-weight: 400;
}

#mmenu ul.uno>li.whiteBackground {
    background-color: white;
    color: #D1D806;
    border: 0 !important;
    font-family: "ClanOT";
}

#mmenu ul.uno>li.whiteBackground>a,
ul.uno>li.whiteBackground>span {
    font-family: "ClanOT-Book";
    font-weight: 400;
    text-transform: none;
    font-size: 1.1em;
    padding: 20px 15px 10px;
    line-height: 1em;
}

ul.uno>li>.mm-panel {
    padding-top: 0
}

#mmenu .dropdown-menu.dos {
    margin: -20px 0 20px
}

#mmenu .dropdown-menu.dos>li>a,
.dropdown-menu.dos>li>span {
    font-size: 1.15em;
    font-weight: 700;
    color: #D1D806 !important;
    height: 50px !important;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

#mmenu .dropdown-menu.dos>li>.mm-next::after,
.dropdown-menu.dos>li>.mm-prev::before {
    border-width: 1px;
    border-color: #D1D806 !important;
    height: 6px;
    width: 6px;
    right: 24px !important
}

#mmenu .dropdown-menu.dos ul.tres {
    margin: -5px 0 15px
}

#mmenu .mainmenu a.mm-subopen {
    width: 100% !important;
    padding: 0;
    position: absolute !important;
    top: 0;
    top: 0;
    bottom: 0;
    height: 50px !important;
    z-index: 2 !important;
}

.mm-menu.mm-vertical .mm-list>li>a.mm-subopen:after {
    top: calc(50% - 5px);
    bottom: auto;
    border-color: black;
    opacity: 1;
}

.mm-menu.mm-vertical .dos.mm-list>li>a.mm-subopen:after {
    border-color:  #949494;
    width: 7px;
    height: 7px;
}

#mmenu ul.uno>li.mm-vertical>span,
#mmenu ul.uno>li:not(.mm-vertical)>a{
    text-transform: uppercase;
}

#mmenu ul.dos>li>a, ul.dos>li>span {
    font-weight: normal;
    height: auto !important;
    min-height: 0;
    line-height: 0.9em;
    padding: 15px;
    font-size: 15px;
    z-index: 2;
    text-transform: none;
    color: #000;
}

#mmenu ul.dos>li>a:hover,
ul.dos>li>span:hover {
    text-decoration: underline;
    color: #D1D806;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 0;
    padding-left: 20px;
}
.mm-vertical li.mm-opened>.mm-panel, li.mm-vertical.mm-opened>.mm-panel{
    display: block !important;
    background-color: transparent !important;
    padding: 0px 0 18px 10px;
}
.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel{
    display: block !important;
    background-color: transparent !important;
}
.mm-list>li {
    position: relative;
}
.mm-list, .mm-list>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after{
    -webkit-transform: rotate( -135deg );
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.mm-menu.mm-vertical .mm-list>li>a.mm-subopen:after {
    top: calc(50% - 5px);
    bottom: auto;
    border-color: #000;
    opacity: 1;
}
.mm-menu.mm-vertical .mm-list>li>a.mm-subopen:after {
    top: 25px;
    bottom: auto;
}
.mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before {
    border-color: rgba(255,255,255,.3);
}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.mm-list a.mm-subopen:after {
    border-top: none !important;
    border-left: none !important;
    right: 18px;
}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
}
#mmenu .mainmenu a.mm-subopen::before {
    border-color: #383838!important;
    height: 6px;
    width: 6px;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
}
.mm-list a.mm-subopen:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/* header responsive ***/

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

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

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

@media(min-width: 440px) {

    .mm-list>li>a,
    .mm-list>li>form a,
    .mm-list>li>span {
        padding: 10px 20px;
    }
}












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

footer {}


@media (min-width: 1550px) {
    .sector.newsletter {
        left: 15px !important;
        padding-left: 3.5% !important;
    }
    footer .sector .icono {
        left: 0px !important;
    }
}


/*  UPPER *******************************/
footer .upper {
    background-color: #373589;
    color: #fff;
    max-height: 115px;
}
footer .upper .container > span {
    float: left;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: start;
}
footer .sector {
    font-family: "Lato", sans-serif;
    display: block;
    position: relative;
    width: 25% !important;
    min-width: 0;
    margin-top: 26px;
}
footer .sector h3 {
    font-size: 1.33em;
    margin: 0 0 5px;
    position: relative;
    float: left;
}
/*
.sector.contacto.c1 {
    position: relative;
    left: -2%;
}

footer .sector .icono {
    top: 0;
    position: absolute;
    left: 0;
    width: 37px;
    height: 100%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
footer .sector .icono img {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
}
footer .sector .icono.whats {
    opacity: 1;
    width: 44px;
}*/
/* footer banner info */
.sector.newsletter {
    left: 15px;
}
footer .sector .icono {
    top: 0;
    position: absolute;
    left: -50px;
    width: 37px;
    height: 100%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
footer .sector .icono img {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
}
footer .newsletter fieldset {
    width: 300px;
    float: left;
    position: relative;
    top: 4px;
}
.cont_bannerInfo{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.cont_bannerInfo div{
    width: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont_bannerInfo ul{
    width: 75%;
}
.cont_bannerInfo div img{
    width: 100%;
    max-width: 35px;
}
/* footer contacto *****/
footer .sector strong {
    display: block;
    font-size: 1.9em;
    margin: 5px 0px 5px;
    float: left;
    clear: left;
    min-width: 165px;
}
footer .sector strong span {display: inline; float: left}
footer .sector strong span.span2 {font-weight: bold; margin-left: 5px;}
footer .sector > span {
    color: #888;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    font-family: "Roboto", sans-serif;
}
footer .sector strong span a {
color: #fff !important;
}
footer small {
    font-size: 1em;
    float: left;
    clear: left;
    font-family: 'Roboto', sans-serif;
    color: #ffffff80;
    opacity: 0.7;
}
footer small a {
    color: #fff;
    text-decoration: none;
}
footer small a:hover {color: #fff}



/* footer imagen rueda ********/
footer .imgfooter {
    height: auto;
    width: 208px;
    z-index: 1;
    display: block;
    padding: 0;
    position: relative;
    top: 20px;
    left: 0px;
}
footer .imgfooter img {width: 100%}


/* footer newsletter */
.form-newsletter {
    float: left;
    clear: left;
    position: relative;
}
/*
footer .newsletter fieldset {
    width: 380px;
    float: left;
    position: relative;
    top: 4px;
}*/
.form-newsletter .form-group {
    float: left;
    margin: 0;
    position: relative;
    width: calc(100% - 81px);
}
.form-newsletter input.form-control {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    color: #000;
    font-weight: normal;
    height: 35px;
    letter-spacing: 0;
    padding: 7px 11px;
    border-radius: 0 !important;
    border: 0 !important;
    float: left;
    position: relative;
    line-height: 33px !important;
    border-radius: 30px 0px 0px 30px !important;
    font-style: italic;
    font-size: 15px;
}
.form-newsletter button {
    background: #fff !important;
    border: 0;
    color: #000 !important;
    display: block;
    float: right;
    font-family: "Lato",sans-serif;
    height: 35px;
    line-height: 33px;
    text-align: center;
    width: 50px;
    border-radius: 0 !important;
    position: absolute;
    font-size: 0.97em;
    font-weight: 400 !important;
    bottom: 0;
    right: 0;
    left: 66%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 30px 30px 0px !important;
}
button#undefined > svg {
    width: 20px;
    margin-right: 5px;
}
.form-newsletter button:hover , .form-newsletter button:hover svg#Layer_1 .st0 {
    background: #000 !important;
    color: #fff !important;
    fill: #fff;
}
/*
.form-newsletter button::before {
    content: "Enviar";
    letter-spacing: 0.02em;
    text-transform: uppercase !important;
}
*/

@media (max-width: 767px) {
    .form-newsletter .form-group {
        float: none;
        margin: 0;
        position: relative;
        width: calc(100% - 81px);
        left: 0%;
    }
    .form-newsletter button{
        left: 90% !important;
    }
    .icono.news {
        display: none !important;
    }
    footer .sector .icono {
        top: 0;
        position: absolute;
        left: 20px;
        width: 40px;
        height: 100%;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer .c1 h3 {
        margin-bottom: 11px;
        left: -8%;
    }
    footer .c1 .icono {
        left: 150px;
    }
    footer .sector .icono.whats{
        left: 140px !important;
    }
    footer .socials h2 {
        margin: 0;
        font-size: 1em;
    }
    footer .socials ul li a{
        margin-right: 0px;
        width: 30px;
        opacity: 1 !important;
        height: 30px;
        margin-top: 10px;
        opacity: 1 !important;
    }
    footer .socials{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 479px) {
    footer .c1 .icono {
        left: 30px;
    }
    footer .c1 h3{
        left: -15%;
    }
    footer .sector .icono.whats{
        left: 20px !important;
    }
    .form-newsletter button{
        left: 84% !important;
        height: 45px;
    }
    .form-newsletter input.form-control {
        margin-top: 10px;
        height: 45px;
        width: 100%;
    }
    button#undefined > svg {
        width: 22px !important;
        margin-right: -5px !important;
    }
    .cont_bannerInfo{
        width: 100%;
        display: flex;
        justify-content: space-evenly !important;
        align-items: center;
    }
    .cont_bannerInfo ul {
        width: 75% !important;
    }
    footer .sector.contacto.c1 {
        margin-top: 5px !important;
    }
    .cont_bannerInfo div img {
        width: 100%;
        max-width: 48px;
    }
    .bannerInfo_txt_1 span {
        font-size: 14px;
    }
    .bannerInfo_txt_2 strong {
        font-size: 32px !important;
        padding: 10px 0px 13px 0px;
    }
}




/*  MAIN *******************************/
footer .main {
    background-color: #fbfbfb;
    padding-bottom: 23px;
    padding-top: 30px;
}
footer .menu_footer {
    padding-left: 25px !important;
}

footer .menu_footer h3 {
    font-size: 1.3em;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    margin: 0 0 11px;
    position: relative;
    color: #B3B3B3;
}

footer .menu_footer ul {
    min-height: 90px;
    float: left;
    width: 100%;
}
footer .main ul li a {
    color: #010101;
    float: left;
    letter-spacing: 0.02em;
    line-height: 95%;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
footer .menu_footer ul li a:hover {
    background: transparent;
    text-decoration: underline;
    opacity: 1;
    color: #D1D806;
}


/* socials  ******/
footer .socials {
    float: left;
    width: 100%;
}
footer .socials h3::before {
    display: none;
}
footer .socials ul {
    min-height: auto;
    z-index: 1;
}
footer .socials ul li {
    display: inline-block;
    float: left;
}
footer .socials ul li a {
    color: #b3b3b3;
    float: left;
    font-size: 30px;
    height: 37px;
    line-height: 37px;
    margin-right: 7px;
    padding: 0 !important;
    text-align: center;
    width: 28px;
    opacity: 0.3;
}
footer .socials ul li a > svg {
    fill: #fff;
    background-color: #000;
    padding: 5px;
    border-radius: 100%;
}
.s-facebook > svg {
    padding: 5px !important;
}
footer .socials ul li a img {
    width: 90%;
}
footer .socials ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.socials a:before {font-family: 'Ionicons'}
/*
.s-facebook:before {content: "\f231"}*/
.s-twitter:before {content: "\f243"}
.s-youtube:before {content: "\f24d"}
.s-pinterest:before {content: "\f2b1"}
/*
.s-instagram:before {content: "\f350"}*/
.s-email:before {content: "\f10f"}
.s-linkedin:before {content: "\f238"}


.socials a.email {
    color: #999;
    font-size: 1.3em;
    font-weight: lighter;
}
.socials a.email:hover {color: #000; text-decoration: underline}


.socials.flotante {
    position: fixed;
    bottom: 13px;
    right: 61px;
    background-image: url(/Content/Images/i-whatsapp.png);
    height: 44px;
    width: 44px;
    z-index: 4;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .7s ease-in-out .3s;
}
.Cart .socials.flotante {
    right: 10px;
    bottom: 10px;
    height: 44px;
    width: 44px;
}

@media (max-width: 767px) {
    footer .socials ul li a > svg {
        fill: #D1D806;
        background-color: #fff;
        padding: 5px;
        border-radius: 100%;
        width: 25px;
    }
    .Cart .socials.flotante {
        right: 5px;
        bottom: 6px;
    }
    
}
/*Contenedor Creditos*/
.cont_credits {
    width: 100%;
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
}
.cont_credits div{
    width: 35%;
}
.cont_credits div > div{
    color: #999999;
    font-size: 14px;
    width: 100%;
}
.cont_credits div > p{
    margin: 8px 0px 0px 0px !important;
    color: #000 !important;
    font-size: 14px;
    padding: 0px !important;
    text-align: left;
}
.cont_credits div p a {
    text-decoration: underline;
}
.cont_credits ul {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.cont_credits li {
    width: fit-content;
    display: flex;
    justify-content: center;
    padding: 0% 0px 0px 3%;
}
.separador_Cart{
    height: 50px;
    width: 1px;
    background: #999999;
    margin: 10px 10px 10px 0px;
}
.cont_credits ul li a img {
    width: 100%;
}
@media (max-width: 1439px) {
footer .upper .container {
    width: 100%;
}
/*
footer .imgfooter {
    width: 258px;
    margin: 7px 0 -25px;
}*/
footer .newsletter fieldset {width: 250px}
}


@media (max-width: 1439px) and (min-width: 992px) {
footer .sector {
    padding-left: 47px;
    margin: 23px 0;
}
footer .sector h3 {
    font-size: 1.1em;
    margin-bottom: 8px;
}
footer .sector strong {
    font-size: 1.58em;
    margin-bottom: 5px;
}
footer small {
    font-size: 0.96em;
}
footer .sector .icono {
    width: 34px;
    left: 0px;
}
footer .sector .icono.whats {
    width: 36px;
}
}

@media (max-width: 1330px) {
    footer .imgfooter {
        width: 186px;
        margin: 0px;
    }
    .form-newsletter button{
        left: 77%;
    }
    .form-newsletter .form-group {
        min-width: 91%;
    }
    footer .sector .icono{
        left: -5px;
    }
}
@media (max-width: 1199px) {
footer .sector {
	font-size: 0.9em;
    padding-left: 42px;
    margin: 19px 0;
}
footer .newsletter fieldset {
    width: 208px;
}

}

@media (max-width: 991px) {
footer .upper .container > span {justify-content: space-around}

footer .sector h3 {
    margin-bottom: 5px;
    font-size: 14px;
}
.form-newsletter, footer .newsletter fieldset {width: 100%}

footer .imgfooter {
    width: 140px;
    margin: 21px 0 -25px;
}
footer .main {padding-bottom: 0}
footer .menu_footer {min-height: 0; margin-bottom: 28px;}
footer .menu_footer {
    padding-left: 15px !important;
    width: 33%;
}
footer .socials ul {margin-bottom: 0}

.sector.contacto.c1, .sector.contacto.c2, .sector.newsletter {
    position: relative;
    left: 0%;
    width: 30% !important;
}
footer .sector .icono{
    left: 0px;
}
footer .sector .icono img {
    max-width: 30px;
}
footer .sector strong{
    font-size: 1.4em;
    margin: 3px 0;
}
footer small {
    font-size: 12px;
    line-height: 1.3em;
    min-width: 165px;
    margin-top: 4px;
}
footer .upper{
    max-height: 110px;
}
button#undefined > svg {
    width: 15px;
    margin-right: 5px;
}
footer .menu_footer.mf1 {display: none !important;}
}

@media (min-width: 768px) { 
#chor {display: block !important; height: auto !important;}
.cont_credits div{
    width: 50%;
}
footer .credits p {
    text-align: left !important;
}
}


@media (max-width: 767px) {
.btfooter {
    background-color: #fff;
    border: 0 none;
    padding: 17px 15px;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-size: 1em;
}
.btfooter:after {content: "\f35f"}
.btfooter::after {
    font-family: "Ionicons";
    font-size: 1.2em;
    margin: 0;
    position: relative;
    top: 2px;
    left: 5px;
}

footer .upper {
    margin: 0;
    border-bottom: none;
    max-height: fit-content;
    padding-bottom: 10px;
}
footer .upper .container > span {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
footer .imgfooter {
    margin: 0;
    position: absolute;
    bottom: -16px;
    right: 5%;
    display: none;
}

footer .sector {
    margin: 15px 0;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
}
footer .sector.contacto.c1 {
    margin-bottom: 4px;
    margin-top: 15px;
}
footer small {
    margin: 0 0 5px;
    color: #fff;
}
footer small a {color: #fff}

footer .main {
    border-top: 0;
    background: #fff;
    padding-top: 0;
}
footer .menu_footer.mf1, footer .menu_footer.mf3 {float: left; clear: left}
footer .menu_footer.mf2, footer .menu_footer.mf4 {float: right; clear: right}
footer .menu_footer h3 {margin-bottom: 5px}
footer .main ul li a {
    padding: 10px 0;
}

.form-newsletter, footer .newsletter fieldset{
    width: 100%;
}
.sector.newsletter {
    width: 50% !important;
    left: 0px;
}
.sector.contacto.c1, .sector.contacto.c2 {
    position: relative;
    left: 0%;
    width: 60% !important;
    min-width: 200px;
}
.cont_bannerInfo{
    justify-content: center;
}
.bannerInfo_txt_2 strong {
    font-size: 22px !important;
    padding: 2px 0px 6px;
}
.cont_bannerInfo div img {
    width: 100%;
    max-width: 44px;
}
.cont_bannerInfo div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    margin-right: 12px;
}
.cont_bannerInfo ul {
    width: auto;
}
footer .menu_footer {
    width: 50%;
}
}


@media (max-width: 479px) {
footer .menu_footer {
    width: 100%;
}
footer .upper .container > span {
	padding: 0;
}
footer .imgfooter {
	right: 15px;
	width: 192px;
    display: none;
}
footer .sector.contacto.c2 {
    margin-bottom: 22px;
    margin-top: 15px;
}
footer .socials ul {
    width: auto;
    margin: 0 auto;
    text-align: center;
    float: none;
    display: table;
}
footer .upper {
    max-height: 100%;
    padding-bottom: 25px;
    height: fit-content;
}
.icono.news {
    display: none !important;
}
footer .socials {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cont_credits{
    width: 100%;
    min-height: 150px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column-reverse;
}
.cont_credits div {
    width: 100%;
}
.cont_credits ul{
    width: 100%;
}

.sector.contacto.c1, .sector.contacto.c2 {
    position: relative;
    left: 0%;
    width: 40% !important;
}
.sector.contacto.c1, .sector.contacto.c2, .sector.newsletter {
    position: relative;
    left: 0%;
    width: 100% !important;
}
.bannerInfo_txt_2 strong {
    font-size: 20px !important;
    padding: 0px 0px 2px;
}
}











/*  CREDITS *******************************/
/*
footer .credits {
    border-top: 1px solid #ddd;
    padding: 14px 0 25px;
    background-color: #fbfbfb;
}
footer .credits p {
    color: #aaa;
    float: left;
    padding: 12px 0 0;
    width: 100%;
    text-align: center;
}*/



.e3 {
    background: rgba(0, 0, 0, 0) url("https://e3stores.com/firma/etres-brand.svg") no-repeat scroll 0 0 / 100%;
    cursor: pointer !important;
    height: 29px;
    opacity: 0.6;
    width: 29px;
    display: flex;
    margin: 5px auto 10px;
    filter: grayscale(100%);
}
.e3:hover {
    opacity: 1;
    filter: none;
}


/* Resolución 274/21 */
.txt-defensa a {
  text-decoration: underline;
}




/*  SELLOS *******************************/

.sellos {
    text-align: center;
    margin: 0 auto 15px;
    position: relative;
    display: table;
}
.sellos > * {
    display: inline-block;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
    float: left;
}
.sellos a:hover {opacity: 0.7}

.sellos .sps img {margin-top: 1px; width: 38px;}
.sellos .mpago img {margin-top: 12px; width: 115px;}
.sellos .tpago img {margin-top: 12px; width: 83px;}
.sellos .tarjetas img {margin-top: 7px; height: 40px;}
.sellos .cace img {margin-top: 18px; width: 96px;}
.sellos .verisign img {width: 129px}
.sellos .datafiscal img {width: 45px}

.sellos .sep {
    padding: 0 11px;
}
.sellos .sep span {
    background-color: #ddd;
    height: 63px;
    top: 3px;
    width: 1px;
    display: block;
}


.datafiscal img {filter: none}

.datafiscal:hover img { 
	background: rgba(0, 0, 0, 0) url("/content/images/i-datafiscal.png") no-repeat scroll 0 0 / 100% auto padding-box;
    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%);
}





@media (max-width: 1199px) {   
.sellos .tpago img {
    margin-top: 9px;
    width: 69px;
}
.sellos .mpago img {
    margin-top: 9px;
    width: 103px;
}
.sellos .tarjetas img {height: 34px}
.sellos .sps img {
    margin-top: 1px;
    width: 30px;
}
.sellos .cace img {
    margin-top: 14px;
    width: 84px;
}
.datafiscal img {width: 33px}
}

@media (max-width: 991px) {
.sellos > * {float: none}
.sellos .sep {display: none}
.sellos .tarjetas {clear: both; margin-bottom: 5px;}
.sellos .cace {clear: both}

footer .credits p {
    margin: 16px auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
footer .credits p span::before {
    background-position: center center;
    background-size: 95px auto;
    display: inline-block;
    float: unset;
    height: 19px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: unset;
    width: 100%;
}
}

@media (max-width: 767px) {    
footer .credits {
    background: #fff;
    border-top: 1px solid #ddd;
}
.cont_credits {flex-direction: column; padding: 10px 0;}
.cont_credits div {
    width: 100%;
    text-align: center;
}
.cont_credits ul {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 212px;
    margin: 20px 0 0;
}
.sellos > * {
    margin: 0;
}
.sellos .tpago img {
    margin-top: 9px;
    width: 52px;
}
.sellos .mpago img {
    margin-top: 9px;
    width: 82px;
}
.sellos .tarjetas img {
    height: auto;
    width: 100%;
    max-width: 450px;
}
.sellos .sps img {
    margin-top: 3px;
    width: 22px;
}
.sellos .cace img {
    margin-top: 4px;
    width: 64px;
}
.sellos .datafiscal img {
    margin-top: 2px;
    width: 30px;
}

footer .credits p {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0 auto 16px;
}
footer .credits p span::before {margin-bottom: 5px}
}

@media (max-width: 479px) {   
footer .credits {
    padding: 6px 0 20px;
    border-top-width: 2px;
}
.sellos .tarjetas {
    border-bottom: 2px solid #ddd;
    padding: 0 10px 15px;
    margin: 0 -15px 10px;
}
.sellos, .sellos > * {
    /*float: left;*/
    /*text-align: left;*/
}
footer .credits p {
    width: 100%;
    text-align: center;
    padding: 0 50px
}
.e3 {
    /*margin-left: -2px;*/
}
}





/* backtotop ****************/
.backtotop {
    background-color: #fff;
    bottom: 15px;
    right: 15px !important;
    cursor: pointer;
    height: 37px;
    letter-spacing: 0.05em;
    position: fixed;
    transition: all 0.7s ease-in-out 0.3s;
    width: 37px;
    z-index: 4;
    border-radius: 50px;
    text-align: center;
    opacity: .7;
    box-shadow: 2px 2px 9px rgb(0 0 0 / 20%);
}
.backtotop::before {
    content: "";
    display: block;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
}
.backtotop::before {
    height: fit-content;
    width: fit-content;
    top: -5px;
    left: -5px;
    opacity: 1;
    z-index: 0;
}

.backtotop span {
    z-index: 5;
}
/*
.backtotop span:before {content: "t"}
.backtotop span::before {
    font-family: "e3font";
    display: block;
    font-size: 1.4em;
    line-height: 36px;
    z-index: 5;
    opacity: 0.7;
}
.backtotop span::before {
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);
}*/

.backtotop span:before {content: "\f126"}
.backtotop span::before {
    display: block;
    font-family: "Ionicons";
    font-size: 16px;
    text-align: center;
    position: relative;
    top: 10px;	
}	


.backtotop:hover {background-color: #D1D806; color: #fff !important}








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


/* PRODUCT_BOX */
.PRODUCT_BOX {
    width: 100%;
    float: left;
    background-color: #fff;
    margin-bottom: 35px;
}

/* box_image */
.PRODUCT_BOX .box_image {
    position: relative;
    width: 100%;
    border-radius: 0px;
    background: #FFF;
    border: 1px solid #CFCFCF;
}
.PRODUCT_BOX .box_image a img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: calc(100% - 6px);
    max-width: calc(100% - 6px);
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
	padding: 10px;
}


/* box_data */
.PRODUCT_BOX .box_data {
    float: left;
    position: relative;
    width: 100%;
    padding: 12px;
}
.PRODUCT_BOX .box_data h3 {
    color: #000;
    float: left;
    font-size: 1.07em;
    margin: 1px 0px 5px;
    width: 100%;
    height: fit-content;
    line-height: 1.2em;
    min-height: 40px;
}


/*****SEMAFORO********/
span.semaforo.verde {
  background-color: #9bcc37;
}

span.semaforo.rojo {
  background-color: #f30617;
}
span.semaforo {
    background: #fee233 none repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    height: 10px;
    display: inline;
    position: relative;
    width: 10px;
}
span.semaforo:hover::before {
  background-color: #ffdd37;
  border-radius: 3px;
  color: #000;
  content: "Ultimas unidades";
  font-size: 11px;
  font-weight: normal;
  left: calc(50% - 56px);
  padding: 4px 0;
  position: absolute;
  text-align: center;
  top: -35px;
  width: 112px;
}

span.semaforo:hover::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fee233;
  content: "";
  height: 0;
  left: -4px;
  position: absolute;
  top: -12px;
  width: 0;
  z-index: 2;
}

span.semaforo.verde:hover::before {
  content: "Disponible";
  background-color: #1ea659;
  color: #fff;
}

span.semaforo.verde:hover::after {
  border-top-color: #1ea659;
}

span.semaforo.rojo:hover::before {
  content: "No disponible";
  background-color: #e04245;
  color: #fff;
}

span.semaforo.rojo:hover::after {
  border-top-color: #e04245;
}

span.semaforo:hover::before, span.semaforo:hover::after {display: none !important}



/**/
.PRODUCT_BOX .codeid {
    font-size: 0.9em;
    color: #616161;
    margin-top: 5px;
    position: relative;
    text-transform: uppercase;
}
.PRODUCT_BOX .codeid .semaforo {
    margin: 4px 8px 0 0;
    position: absolute;
    left: 0;
}
.sku {
      float: left;
      line-height: 1em;
      margin-top: 2px;
      font-size: 0.95em;
}
.sku.nostock {
    font-size: 0.85em !important;
    margin-top: 3px !important;
}

.vendedor{
    background: #00335a !important;
    color: #fff !important;
    width: 100%;
    float: left;
    color: #fff;
    text-align: center !important;
    padding: 13px 0;
    font-size: 1.05em;
    line-height: 1.2em;
}

.User .menu_tree a.vendedor{
    float: none;
    display: block;
    padding-left: 0 !important;
}

.User .menu_tree a.vendedor:hover{
    text-decoration: underline;
}

@media (max-width: 767px){
    .vendedor{
        margin-top: 10px;
    }
}
@media (max-width: 479px){
    .PRODUCT_BOX .codeid{
        display: block;
        font-size: 12px;
        margin-top: 0;
    }
}

/* generales BOX y DETAIL */
.price_wrapper {
    font-size: 1.063em;
    margin: 2px 0 0;
    position: relative;
    text-align: left;
    font-weight: 700;
    display: table;
    width: 100%;
}
/* IVA */
    .PRODUCT_BOX .price_wo_taxes {
        
        font-size: 9px;
        font-weight: 600;
        color: #616161;
        width: 100%;
        text-align: center;
    }

        .PRODUCT_BOX .price_wo_taxes span {
            margin-left: 5px;
        }

.price {
    color: #000;
    float: left;
    font-family: "Lato",sans-serif;
    font-weight: 600;
    font-size: 1.01em;
    margin: 0 5px 11px 0;
    min-height: 1em;
}
@media (max-width: 479px) { 
   .price{
       color: #000;
   } 
}
.price span, .tachado span {
    font-size: 1.21em;
}

.tachado {
    color: #b7b7b7;
    display: inline-block;
    font-size: 0.8em;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}
.tachado:before {
    background: none repeat scroll 0 0 #b3b3b3;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 52%;
    transform: rotate(0deg);
    width: 105%;
}
.nonavailable .price {
    color: #bbb;
}
.nonavailable .tachado {display: none;}




/* quantity */
.QUANTITY {
    float: left;
    margin: 0;
    clear: both;
    width: 100%;
    display: inline-flex;
    justify-content: start;
    align-items: center;
}
.PRODUCT_BOX .QUANTITY {
    height: 38px;
}
.QUANTITY .input-group {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 31px;
}
.QUANTITY .spinner input {
    border-color: #606060 !important;
    margin-right: 7px;
    height: 100%;
}
article .QUANTITY .spinner .sp-buttons {display: none}


/* SPINNER - CANTIDAD (Flechitas + y -) */
.spinner input {
    text-align: center;
    padding: 0 3px;
    height: 31px;
    border: 1px solid #cecece !important;
	background-color: #fff;
    border-radius: 0;
    width: 57px !important;
    margin: 0 3px 0 0;
    font-size: 1.15em;
}
.sp-buttons {
    position: relative;
    white-space: nowrap;
    width: auto;
    justify-content: flex-start;
    align-content: center;
    height: 100%;
}
.sp-buttons > .btn {
    background: #f1f1f1;
    border-radius: 0;
    display: block;
    float: left;
    height: 100%;
    margin: 0 0 0 -1px;
    font-weight: normal;
    font-size: 26px;
    padding: 0;
    position: relative;
    width: 40px;
    font-family: "Ionicons";
    border: 1px solid #ccc !important;
    color: #000;
    line-height: 100%;
    min-width: 0;
}
.btn.sp-up {float: right !important}

.sp-up:before {content: "\f489"}
.sp-down:before {content: "\f462"}



/* buttons */
.buttons_wrapper {
    padding: 5px 0;
    float: left;
    width: 100%;
}
.buttons_wrapper a {
    color: #959494 !important;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    text-decoration: underline;
}
.buttons_wrapper a:hover { color: #D1D806 !important; text-decoration: underline;}

.buttons_wrapper.nonavailable {
    border-top: 1px solid #C4C4C480;
}

.BUTTONBUY {
    background-color: #D1D806;
    color: #fff !important;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: normal;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    width: 118px;
    line-height: 31px;
    border-radius: 0;
    position: relative;
    height: 31px;
    font-family: "Roboto", sans-serif;
}
.BUTTONBUY.Agregado {
  background: #000 !important;
  color: #fff;
  border-color: #000;
}
.BUTTONBUY:hover, .BUTTONBUY:focus {
    background: #000;
    color: #fff !important;
}
.BUTTONBUY.nonavailable:hover {
  background: #bbb;
}

.BUTTONBUY.nonavailable {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: none;
}

.PRODUCT_BOX:hover .BUTTONBUY.nonavailable, .BUTTONBUY.nonavailable:hover {
    color: #fff;
    border-color: #fff;
    background-color: #fff !important;
}

.BUTTONFAV, .BUTTONINFO, .BUTTONASK, .compare .comp-button {
  font-size: 0.9em;
  color: #8E8E8E;
  float: left;
}

.Product .BUTTONBUY.nonavailable {
    pointer-events: auto;
}

/* BUTTONBUY - producto agregado al carrito */
.added .BUTTONBUY::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "Agregado";
  display: block;
  color: #fff;
  padding: 8px;
  background-color: #000;
}

.added .BUTTONBUY::after {
  content: "\f122";
  font-family: "Ionicons";
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 1.1em;
}





/* PRODUCT_BOX :HOVER  ******/
.PRODUCT_BOX:hover .box_image { border-color: #000 }
.PRODUCT_BOX:hover .box_data h3 {color: #000; text-decoration: underline;}





/* CATEGORY_BOX  ******/
.category_box .box_data h3 {
    font-family: "Lato",sans-serif;
    font-size: 1.3em !important;
    margin: 0;
    padding-bottom: 11px;
    text-align: center;
}



/* PASTILLAS **********************************/
.badges {
    float: left;
    z-index: 0;
}
.badges ul {position: relative;}
.badges ul li {
    padding: 6px 8px!important;
    height: auto;
    line-height: 1em;
    font-size: 0.9em;
    background-color: #333;
    width: auto;
    float: left;
    clear: left;
    color: #fff;
    margin: 0 0 2px;
}
.badges ul li span {display: block}

.badges ul li.badge-oferta {background: #429fd7 !important;}


/* descuento */
.badge-dto {
    bottom: -10px;
    top: unset;
    background-color: #FF7733;
    color: #fff;
    padding: 0 10px;
    left: 11px;
    position: absolute;
    font-size: 1.15em;
    height: 25px;
    line-height: 24px;
    font-family: 'Lato';
}
.badge-dto.detail {
    position: absolute;
    padding: 0;
    width: 102px;
    background: #fff;
    top: -15px;
    left: calc(100% - 55px);
    letter-spacing: inherit;
    font-family: "Roboto", sans-serif;
}
.badge-dto.detail .porcen {
    border: 1px solid #fd840d;
    color: #fd840d;
    font-size: 17px;
    line-height: 34px;
    height: 35px;
    float: left;
    width: 100%;
    border-radius: 2px 2px 0px 0px;
    text-align: center;
    font-weight: 600;
    background-color: #fff;
}
.badge-dto.detail .porcen::after {
    content: "OFF";
    font-weight: normal;
    font-size: 0.9em;
}
.badge-dto.detail .absolute {
    color: #fff;
    background: #fd840d;
    font-size: 16px;
    height: 26px;
    float: left;
    width: 100%;
    line-height: 25px;
    border-radius: 0px 0px 2px 0px;
    position: relative;
    box-shadow: 2px 2px 1px #c55f00;
    text-align: center;
    font-weight: 600;
    padding-right: 3px;
}
.badge-dto.detail .absolute::before {
    content: "Ahorrá $ ";
    font-size: 0.85em;
    font-weight: normal;
}
.badge-dto.detail .absolute::after {
    content: "";
    width: 0;
    height: 0;
    border-right: 14px solid #fd840d;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: -1px;
    left: -12px;
}
.badge-dto.detail .absolute .text {
    font-size: 14px;
    text-transform: none;
    width: auto!important;
}
.badge-dto.detail .porcen .text {
    width: auto!important;
    float: right;
    margin-right: 10px;
    margin-left:-5px;
    font-size: 16px;
}
.badge-dto:before {content: "" !important;}
.badge-dto strong {
    font-weight: normal;
    letter-spacing: -0.02em;
}
.badge-dto strong:before, .badge-dto strong:after {}

/* descuento "$200" */
.badge-dto.money .txt {
    color: rgba(255, 255, 255, 0.83);
    float: left;
    font-size: 9px;
    height: 4px;
    letter-spacing: 0.01em;
    line-height: 22px !important;
    text-transform: none;
    width: 100%;
}
.badge-dto.percent strong {

    font-weight: bold;
    float: right;
    display: block;

}
.badge-dto.money strong:before {
	content: "$";
    font-size: 0.7em;
    margin-right: 1px;
}

/* descuento "-20%" */
.badge-dto.percent .txt {display: none}
.badge-dto.percent strong {
    font-weight: bold;
}
.badge-dto.percent strong::after {
    content: "% OFF";
    margin-left: 1px;
    font-weight: normal;
    float: right;
    font-size: 0.92em;
}

/* sin stock */
.badge-nostock {
  background: #acacaa;
}
.badge-nostock:before {content: "sin stock" !important; display: inline-block; padding: 3px; }
.badge-nostock:after {
  content: '';
  border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-top: 4px solid #acacaa;
  display: block;
  background: #FFF;
}


.PRODUCT_BOX .box_data .badge-dto {display: none}

/* Pastilla Envio gratis y Lanzamiento */
.content_badges{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.content_badges > div {
    box-sizing: border-box;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E9FFE9;
}
.content_badges > div span {
    margin-right: 5px;
}
.badge-enviogratis{
    width: fit-content;
    position: relative;
    background: #fff;
    color: #58B984;
    padding: 4px;
    font-weight: 500;
    font-size: 12px;
    display: none !important;
}
.badges_destacado{
    width: fit-content;
    position: relative;
    background: #000;
    color: #fff;
    padding: 3px 8px 3px 8px;
    font-weight: 500;
    font-size: 12px;
}
/* Pastillas en Product Detail ************/
.GALLERY #g_image .badges {
    float: unset;
    left: 0;
    position: absolute;
    top: 15px;
    z-index: 1;
    font-size: 1.2em;
}
.GALLERY #g_image .badges ul {
    margin: 0;
}
.GALLERY .badges ul li > div {
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 16px;
}
.GALLERY #g_image .badge-nostock, .GALLERY #g_image .badge-ultimos {display: none;}
.GALLERY .badge-enviogratis, .GALLERY .badge-consultar {display: none}










.PRODUCT_BOX .product_data .QUANTITY {display: block}
.PRODUCT_BOX > .QUANTITY {display: none}
.PRODUCT_BOX > .BUTTONBUY {display: none}






/* product_box responsive ******************/
@media (max-width: 1199px) {   
}
@media (max-width: 991px) {    
.PRODUCT_BOX .box_data h3 {height: 57px}
}

@media (max-width: 767px) {    
.PRODUCT_BOX .box_image {font-size: 0.9em}

.PRODUCT_BOX .BUTTONBUY {
    width: calc(100% - 62px);
    height: 31px;
    max-width: 100%;
}
.PRODUCT_BOX .BUTTONBUY span::before {display: none}
.PRODUCT_BOX .BUTTONBUY.nonavailable {
    padding: 0;
}
.PRODUCT_BOX .box_data h3 {
    height: 60px;
    margin: 0 0 0;
    font-size: 13.3px;
    line-height: 1.2em;
}
.price_wrapper {font-size: 0.96em;}
.PRODUCT_BOX .price {margin-bottom: 6px; font-size: 1.3em;}
.PRODUCT_BOX .tachado {
    font-size: 0.8em;
    line-height: 20px;
}
.PRODUCT_BOX .buttons_wrapper {
    padding: 0;
}
.PRODUCT_BOX .buttons_wrapper a {
    padding: 9px 0 2px;
}
.PRODUCT_BOX .badge-dto {
    padding: 0 4px;
    font-size: 1.2em;
    height: 22px;
    width: auto;
}

.content_badges > div:first-child{
    margin-top: 0;
}

.content_badges > div span {
    display: none;
}

.badge-enviogratis, .content_badges ul div{
    padding: 0 5px 0px 5px;
    font-size: 9px;
    letter-spacing: -0.02em;
}

.PRODUCT_BOX .box_image a img{
    position: relative;
    max-height: calc(100%);
    max-width: calc(100%);
}

.content_badges{
    position: absolute;
    top: -1px;
    left: -1px;
}
}

@media (max-width: 479px) {    
.PRODUCT_BOX {
    font-size: 0.82em;
    margin-bottom: 20px;
    width: calc(100% + 10px);
    margin-left: -5px;
}
.PRODUCT_BOX .buttons_wrapper {display: none}
.PRODUCT_BOX .box_data h3 {height: 60px}
.price_wrapper {
    font-size: 0.96em;
    height: 26px;
    display: block;
    float: left;
}
.PRODUCT_BOX .QUANTITY {display: none}
.PRODUCT_BOX .BUTTONBUY {display: none}
.PRODUCT_BOX .price {
    float: left;
    display: block;
    margin: 0 3px 0 0;
}
.PRODUCT_BOX .tachado {
    display: block;
    float: left;
    clear: left;
    margin: 0;
    line-height: 1em;
}
.badges ul li {
    padding: 4px 6px !important;
}
}



/* tamaños imagenes y article de boxes ******************/

.PRODUCT_BOX {}
.PRODUCT_BOX .box_image {height: 255px}
.product_list .PRODUCT_BOX .box_image {height: 205px}

@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {   
.PRODUCT_BOX .box_image {height: 225px}
.product_list .PRODUCT_BOX .box_image {height: 210px}
}
@media (max-width: 991px) {    
.PRODUCT_BOX .box_image {height: 212px}
}
@media (max-width: 767px) {    
.PRODUCT_BOX .box_image {
    height: 193px;
    display: flex;
    justify-content: center;}
}
@media (max-width: 479px) {    
.PRODUCT_BOX .box_image {height: 126px;}
}








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





/* OWL SLIDER ******/
.owl-item.loading {
    /*background: url(/Content/Images/AjaxLoader.gif) no-repeat center center;*/
} 
.owl-carousel .owl-item img {transform-style: inherit;}
.owl-carousel .owl-item article img {transform-style: unset !important;}

.owl-carousel .owl-item .owl-lazy {opacity: 0.1;}

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

.owl-nav > div {
    color: #000;
    cursor: pointer;
    font-family: "e3font";
    font-size: 23px;
    height: 50px;
    line-height: 50px;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
	top: calc(48% - 25px);
	z-index: 3;
	background: #00000057;
    width: 26px;
}
.owl-prev {left: 3px;}
.owl-next {right: 3px;}

.owl-prev:before {content: "n";font-size: 23px;}
.owl-next:before {content: "m";font-size: 23px;}
.owl-prev:before {float: left}
.owl-next:before {float: right}

.owl-nav > div:hover {
    background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
}

.owl-dots div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 0 3px;
    text-align: center;
    width: 10px;
}
.owl-dots div:hover {opacity: 0.7}

.owl-dots .active {
    background: #99002a none repeat scroll 0 0;
}
.owl-theme .owl-controls {margin-top: 0}

/* Slider Categorias ************************************/
#circulos-slider {
    margin-bottom: 20px;
}
#circulos-slider .home-categories-item > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#circulos-slider article:hover .home-categories-img ,#circulos-slider article:hover .home-categories-name {
    box-shadow: 2px 2px 15px rgb(0 0 0 / 25%);
    border-color: #fff;
    border-bottom: 1px solid;
}
#circulos-slider .home-categories-img{
    padding: 13px;
    background: #F6F6F6;
    border: none !important;
}
#circulos-slider .home-categories-name{
    margin-top: 10px;
    color: #D1D806;
    font-size: 16px;
    font-weight: bold;
    box-shadow:none !important;
}
#circulos-slider .home-categories-item > a:hover{
    text-decoration: none;
}
#circulos-slider .owl-carousel .owl-stage {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* OWL SLIDER MAIN-SLIDER  *******************************/
.main-slider  {margin-bottom: 0}

.main-slider .owl-nav > div {color: #fff; opacity: 0.3;}
.main-slider:hover .owl-nav > div { opacity: 1;}
.main-slider .owl-nav > div:hover {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
.main-slider .owl-prev {left: 0}
.main-slider .owl-next {right: 0}
.main-slider .owl-dots {
    bottom: 4px;
    position: absolute;
    width: 100%;
    display: none;
}

@media (max-width: 991px) {
.main-slider .owl-nav > div {
    font-size: 28px;
}
}

@media (max-width: 767px) {
.main-slider .owl-nav > div {
    font-size: 20px;
    color: #fff;
}
}

@media (max-width: 479px) {
    #circulos-slider .home-categories-img{
        padding: 10px;
    }
}






/* OWL SLIDER RELATED-SLIDER ************************/
.Home .related {
    margin: 30px 0px 30px 0px;
}
.related .owl-carousel {padding: 0 5px}
[id*="home-related-slider-"]{
    margin-top: 35px !important;
}
.related .owl-carousel .owl-stage-outer {
    margin: -10px;
    padding: 10px;
    clear: both;
}

.related .owl-nav > div {
    background: transparent;
    font-size: 38px;
    height: 50px;
    line-height: 50px;
    padding: 0 !important;
    text-align: center !important;
    top: 25%;
    width: 37px;
    text-shadow: none !important;
    color: #000;
}
.related .owl-prev {
    left: 0;
}
.related .owl-next {right: 0}

.related .owl-nav > div:hover {opacity: 1}
.related .owl-next::before {
    float: unset;
}

#brand-slider .owl-nav .owl-prev{
    left: -11px;
}
#brand-slider .owl-nav .owl-next{
    right: -15px;
}
#circulos-slider .owl-nav .owl-prev{
    left: -12px;
}
#circulos-slider .owl-nav .owl-next{
    right: -15px;
}

 .related #circulos-slider .owl-nav > div,
 .related #brand-slider .owl-nav > div {
    font-size: 26px;
    width: 28px;
}
.related #circulos-slider .owl-nav > div {
    top: 37%;
}
[id*="home-related-slider-"] .owl-next {
    right: -21px;
}
[id*="home-related-slider-"] .owl-prev {
    left: -16px;
}

.related.related1 {
    margin: 0;
}

@media (max-width: 767px) {
.Home .related {
    margin-bottom: 10px;
}
.related .owl-nav > div {
    font-size: 19px;
    top: 19%;
    width: 26px;
}
.col-xs-12.related.related1 {
    margin: 0;
}
.related .owl-prev {left: -15px}
.related .owl-next {right: -15px}
}

@media (max-width: 479px) {
    .brand-slider ul li a img{
        max-width: 70px !important;
    }
    #brand-slider .owl-nav .owl-prev{
        left: -11px;
    }
    #brand-slider .owl-nav .owl-next{
        right: -15px;
    }
    .brand-slider .owl-nav > div{
        top: 20% !important;
    }
    #slider_category{
        margin-top: 0px !important;
    }
    #circulos-slider .home-categories-item{
        display: flex !important;
    }
    #circulos-slider .home-categories-img{
        width: 100%;
    }
    #circulos-slider .home-categories-name{
        text-align: center;
    }
    #circulos-slider .owl-nav .owl-prev{
        left: -12px;
    }
    #circulos-slider .owl-nav .owl-next{
        right: -15px;
    }
    .related #circulos-slider .owl-nav > div,
    .related #brand-slider .owl-nav > div {
       font-size: 19px;
       top: 26%;
   }
}









/* banners abajo ******/
.banners .banner-item {
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

@media (max-width: 767px) {
	.banners.b1 .banner-item {margin-bottom: 15px}
	.banners.b2 .banner-item {margin-bottom: 35px}
}








/* RELATED *****************************/
.related > h2 {
    text-align: center;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    font-size: 2.15em;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 15px;
}
.related > h2 > strong{
    color: #D1D806;
    font-weight: 900;
}
.related > h2 > span {
    border-top: 2px solid #429fd7;
    padding: 18px 3px;
    margin-top: -2px;
    display: inline-block;
}

#home-related-slider {}
#home-related-slider article {margin-bottom: 0;}
#home-related-slider .box_image { }

.home-related-slider {
    padding: 0 1px 30px 15px
}
@media(max-width:767){
    .related > h2 > strong{
        padding: 5% 0 5% 0%;
        font-size: 30px !important;
    }
}
@media(max-width:480px){
 .home-related-slider {
    padding: 0;
  }
}


/* related articles */
.related_articles article {
    height: auto !important;
    margin: 0 0 15px;
    padding: 15px;
	border: 1px solid #D8D8D8;
}
.related_articles li:first-child article {}

.related_articles  .PRODUCT_BOX .box_image {
	border: 0;
	float: left;
	width: 50%;
	height: 110px;
}
.related_articles .box_data {
    margin: 0;
	width: 50%;
}
.related_articles .box_data h3 {
    border: 0 none;
    font-family: "Lato",sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin: 0;
    padding: 0 0 6px;
	height: 55px;
}
.related_articles .box_data .price_wrapper {
	display: block;
}
.related_articles .box_data .codeid {
	display: none;
}
.related_articles .short_desc, .related_articles .short_desc p {
    color: #666 !important;
    font-family: "Lato",sans-serif !important;
    font-size: 14px !important;
    line-height: 17px !important;
    margin: 0 !important;
}

.related_articles h2 {
	background: #aa0001; /* Old browsers */
	background: -moz-linear-gradient(top, #aa0001 0%, #d4080a 35%, #d4080a 65%, #aa0001 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa0001), color-stop(35%,#d4080a), color-stop(65%,#d4080a), color-stop(100%,#aa0001)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aa0001 0%,#d4080a 35%,#d4080a 65%,#aa0001 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aa0001 0%,#d4080a 35%,#d4080a 65%,#aa0001 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #aa0001 0%,#d4080a 35%,#d4080a 65%,#aa0001 100%); /* IE10+ */
	background: linear-gradient(to bottom, #aa0001 0%,#d4080a 35%,#d4080a 65%,#aa0001 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0001', endColorstr='#aa0001',GradientType=0 ); /* IE6-9 */
	color: #FFF;
}
.related .banner-item {
	width: 258px !important;
	border: 4px solid #E1E1E1;
}
.ver {
    background: none repeat scroll 0 0 #027fc7;
    border-radius: 25px;
    bottom: -5px;
    color: #fff;
    float: right;
    font-family: "Ionicons";
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    padding-left: 2px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 18px;
}
.ver:before {content: "\f363";}



@media (max-width: 767px) {    
.related > h2 {
    font-size: 1.8em;
    margin: -13px -15px 18px;
    font-weight: normal;
    color: #333;
}
.related > h2 > span {
    padding: 13px 3px 19px;
}
}

@media (max-width: 480px) {    
.related > h2 {
    font-size: 1.5em;
    margin-top: 15px;
}
}




/* BANNER HOME SERVICIOS  *****************************/

.b-servicios .banner-item {
    margin: 20px 0;
    display: inline-flex;
    justify-content: space-evenly;
    align-items: center;
}
.b-servicios .item {
    display: inline-flex;
    float: left;
    padding: 0 10px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    justify-content: flex-start;
    position: relative;
    font-family: 'Roboto';
}
.b-servicios .item .icono {
    display: flex;
    background-size: contain;
    background-position: center;
    content: "";
    background-repeat: no-repeat;
    margin-right: 20px;
}
.b-servicios .item1 .icono {width: 46px;}
.b-servicios .item2 .icono {width: 43px;opacity: 0.5;}
.b-servicios .item3 .icono {width: 39px;opacity: 0.5;}
.b-servicios .item4 .icono {width: 25px; opacity: 0.5;}

.b-servicios .item .icono img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.b-servicios .item > span {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    font-size:14px;
    line-height: 1.3em;
}
.b-servicios .item > span a {
    text-decoration: underline !important;
    display: inline-flex;
}
.b-servicios .item > span a:hover {opacity: 0.6}

.b-servicios .sep {
    width: 1px;
    height: 43px;
    background-color: #ccc;
}



@media (max-width: 1199px) {   
.b-servicios .banner-item {
    margin: 3px 0 12px;
}
.b-servicios .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 13px;
}
.b-servicios .item .icono {
    margin: 0 auto;
    height: 49px;
}
.b-servicios .item > span {
    align-items: center;
    font-size: 0.87em;
    line-height: 1.2em;
}
.b-servicios .sep {
    height: 69px;
    margin-top: 11px;
    background-color: #ddd;
}
}

@media (max-width: 991px) {    
.b-servicios .item > span {
}
}

@media (max-width: 767px) {    
.b-servicios .banner-item {
    margin: 0;
    padding: 9px 0 12px;
}
.b-servicios .item > span {line-height: 1.15em}
.b-servicios .item .icono {height: 40px}
.b-servicios .sep {display: none}
.b-servicios .item .icono {height: 36px;margin-bottom: 4px;}
.b-servicios .item1 .icono {
    margin-top: 0;
}
}

@media (max-width: 479px) {    
.b-servicios .banner-item {margin-bottom: 9px}
.b-servicios .banner-item {
    position: relative;
    padding: 12px 0 2px;
}
.b-servicios .item .icono {height: 29px;}
.b-servicios .item1 .icono {width: 29px;}
.b-servicios .item2 .icono {width: 33px;}
.b-servicios .item3 .icono {width: 31px;}

.b-servicios .item1 > span {display: inline-block;}
.b-servicios .item1 br {/* display: none */}
}




/*Banner doble*/
.doble_b > div{
    margin-top: 30px;
}
/*contendor de Slider Brand y Categ*/
.cont_Slider_B-C{
    background-color: #fff;
    margin-bottom: 40px;
}
/* Slider Marcas */
.col-xs-12.related.brand-slider {
    background: #fff;
}
@media (max-width: 479px) {
    .col-xs-12.related.brand-slider {
        /*padding:0px !important;*/
    }
    .cont_Slider_B-C{
        margin-bottom: 15px;
    }
    #bannerG_mobile{
        padding: 0px !important;
        margin: 0px !important;
    }
    
    
}
.brand-slider ul li a {
    cursor: pointer;
    display: table;
    height: 62px;
    position: relative;
    width: 100%;
}
.brand-slider ul li a img {
    object-fit: contain;
    object-position: center;
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 110px;
}
.brand-slider .owl-nav > div{
    top: 25% !important;
    right: -2%;
}
/**/
.cont_bannerx4 > div {
    padding: 0px;
}
/*Sector Banner 4 - Cuadruple*/
.cont_bannerx4 > div {
    padding-left: 0px !important;
}
.content_bannerS4{
   /* display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 20px;*/
}
.bannerS4-img{
    padding: 0px;
    border: 1px solid #fff;
}
.bannerS4-img img{
    border: none !important;
}
.bannerS4-text {
    font-size: 15px;
    font-weight: bold;
    box-shadow: none !important;
    text-align: center;
    padding: 0 15px;
    width: 100%;
    background-color: #fff;
    min-height: 65px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    display: flex;
    line-height: 1.2em;
}

.cuadruple .banner-item.Html:hover ,
.cuadruple .banner-item.Html:hover .bannerS4-text {
    box-shadow: 2px 2px 15px rgb(0 0 0 / 25%);
    border-color: #fff;
    text-decoration: underline;
}
#bannerS5 .banner-item.Html {
    box-shadow: none !important;
}
#bannerS5 {
    margin-top: 20px;
}
@media (max-width: 991px) {
    .bannerS4-text{
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .row.cuadruple div.col-xs-6.col-sm-3:first-child {
        padding-right: 7.5px !important;
    }
    .row.cuadruple div.col-xs-6.col-sm-3:nth-child(2n) {
        padding-left: 7.5px !important;
    }
    .row.cuadruple div.col-xs-6.col-sm-3:nth-child(3n) {
        padding-right: 7.5px !important;
    }
    .row.cuadruple div.col-xs-6.col-sm-3:nth-child(4n) {
        padding-left: 7.5px !important;
    }
}
@media (max-width: 479px) {
    .content_bannerS4{
         margin-bottom: 0;
     }
    .bannerS4-text {
        font-size: 13px;
        padding: 0 10px;
        min-height: 61px;
    }
}
/*Sector Banner 5 - HTML full*/
.content_bannerS5 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    border-top: 1px solid #D6D6D6;
    margin-top: 40px;
}
.content_bannerS5 div img{
    width: 230px;
}
.content_bannerS5 h2{
    text-transform: uppercase;
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 900;
    margin: 0px 25px 0px 25px !important;
}
.content_bannerS5 span a{
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 991px) {
.content_bannerS5 h2{
    font-size: 19px;
    margin: 0px 15px !important
}
.content_bannerS5 span a {
    font-size: 14px;
}
.content_bannerS5 div img {
    width: 190px;
}
}


@media (max-width: 767px) {
    #bannerS5 .banner-item{
        margin: 0px !important;
    }
.content_bannerS5 {
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    margin: 0;
    padding: 20px 0;
}
    .content_bannerS5 h2{
        font-size: 15px;
        margin: 10px 0px 10px 0px !important;
    }
    .content_bannerS5 span a{
        font-size: 13px;
    }
    .content_bannerS5 div img{
        width: 170px;
    }
}
/*////////////////////////////////////////////////////////////////////*/
/*   CATEGORY              ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/


@media (min-width: 1440px) {
	.Category aside {width: 20%}
	.Category .derecha {width: 80%}
}

/* BREADCRUMB  **************************/
.breadcrumb, .back {
    font-size: 0.928em;
    margin: 20px 0px 10px;
    padding: 0;
    text-transform: uppercase;
    width: auto !important;
    float: left;
	background: transparent;
}
.breadcrumb > li {
    font-family: 'Roboto', sans-serif;
}
.breadcrumb a {color: #4b3b3b; font-family: 'Roboto', sans-serif;}
.breadcrumb > li:last-child a {color: #000; cursor: default; text-decoration: none !important;}
.breadcrumb > li + li::before {
    padding: 0 4px !important;
    content: '/';
    text-transform: none;
    font-size: 1.1em;
    color:#6c6c6c;
}




.Category h1 {
    font-weight: bold;
    font-family: "Lato", sans-serif;
    font-size: 29px;
    text-align: right;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
}
.Category h1 span {
    padding: 20px 0px 0px 0px;
    margin-bottom: -1px;
    display: inline-block;
    color: #D1D806;
}

.Category.Result .browse_area {

}

/* imagen categoria */
.Category .bigimage {
    width: 100%;
}

.Category .bigimage img{
    display: block;
    width: 100%;
    height: auto;
}










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

.category_tree ul, .menu_tree ul, .filter_tree ul {
    background: none repeat scroll 0 0 #FFF;
    padding: 5px 0 7px 7px;
}

body:not(.User) .menu_tree ul a:before {content: "\f363"}
body:not(.User) .menu_tree ul a::before {
    opacity: 0.4;
    display: block;
    float: left;
    font-family: "Ionicons";
    font-size: 15px;
    margin: 1px 11px 0 -1px;
}
.category_tree ul > li > a, .menu_tree ul > li > a {
    display: block;
    padding: 4px 0;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}
.category_tree ul a:hover, .menu_tree ul a:hover {
    color: #000 !important;
    text-decoration: underline;
}
.category_tree ul {
    margin: 0px;
    float: left;
    width: 100%;
    padding: 5px 0 20px;
}

/* H5 */
.category_tree h5, .filter_tree h5  {
    color: #ed0b10;
    font-family: "Lato",sans-serif;
    font-size: 1.15em;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    padding: 0 10px 0 16px;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    background: #d2d1d2; /* Old browsers */
    display: none;
}
.User .menu_tree h5 {
    border-top: 1px solid #cbcbcb;
    font-size: 1em;
    line-height: 1.5em;
    padding: 7px 0 3px;
    font-family: 'Lato', sans-serif;
    margin: 12px 0 0;
}
.User .menu_tree h5 span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}






/* FILTER_TREE - MENU FILTROS **************************/
.filter_tree {
    background: #fff;
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    padding: 0 15px;
    border: 1px solid #ccc;
}
.filter_tree > div {
    float: left;
    width: 100%;
}
.filter_tree .accordion {
    float: left;
    padding: 0px;
    width: 100%;
}

.slider-selection {
    background: #a9acad;
}
#FILTERS>h5{
    font-size: .97em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: .03em;
    line-height: 44px;
    height: 44px;
    border-bottom: 1px solid #E2E2E2;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
}
#FILTERS>h5::before {
    content: "";
    font-family: 'Ionicons';
    font-size: 23px;
    float: left;
    margin: -1px 12px 0 0;
}
.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: #111 !important;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 0.93em;
    height: auto;
    line-height: 1.2em;
    padding: 11px 10px 11px 15px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    width: calc(100% + 30px);
    background: #F6F6F6;
    margin: 0 0 3px -15px;
    letter-spacing: 0.02em;
    font-weight: 600;
}
.filter_title:before {
    /*content: "\f365";*/
    content: url(/Content/Images/arrow-up.svg);
}
.filter_title::before {
    background-clip: padding-box;
    color: #777;
    display: block;
    float: right;
    font-family: "Ionicons";
    font-size: 20px;
    height: 17px;
    line-height: 16px;
    margin: 0;
    text-align: center !important;
    width: 17px;
}
.filter_title.collapsed:before {
    /*content: "\f35f"*/
    content: url(/Content/Images/arrow-down.svg);
    padding: 2px;
}

.filter_area {
    float: left;
    max-height: 263px;
    padding: 6px 0 23px 0 !important;
    width: 100%;
}
.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: 3px 5px 3px 23px;
    position: relative;
    text-decoration: none !important;
}
.filter_area a::before {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b0b0b0;
    content: "";
    display: block;
    float: left;
    height: 12px;
    margin: 4px 12px 0 0;
    position: relative;
    position: absolute;
    left: 0;
    width: 12px;

}
.filter_area a:hover{
    color: #B3B3B3;
    text-decoration: underline !important;
    opacity:1;
}
.filter_area a::before:hover{
    background: none repeat scroll 0 0 #B3B3B3 !important;
}
.filter_area a.checked {
    color: #D1D806; 
    text-decoration: underline !important;
    opacity:1;
}
.filter_area a.checked:before {
    border-radius: 100%;
    font-weight: bold;
    font-family: "Ionicons";
    font-size: 18px;
    margin-right: 6px;
    float: left;
    color: #D1D806;
    content: "\f36e";
    border: none;
    margin: 1px 0px 0px 0px;
}
.filter_area a:not(.checked):hover::before {
    background: #B3B3B3;
}




/* buscador filtros vehiculo EN CATEGORY ***********/

#quick-filters-category .filters-vehiculo {
    background-color: #D1D806;
    height: 100px;
    padding: 0 20px;
    width: 300%;
    z-index: 1;
    position: relative;
    margin-bottom: 30px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
#quick-filters-category .filters-vehiculo > * {
    float: left;
    width: 32.5%;
    margin: 0 1.3% 0 0;
}
#quick-filters-category .filters-vehiculo label, .order h5 {
    display: block;
    color: #fff;
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 4px;
    font-size: 1.05em;
    font-family: "Lato", sans-serif;
}
#quick-filters-category select {
    border-radius: 1px;
    height: 45px;
    padding: 0 7px;
}
#quick-filters-category .customselect:after, .order .customselect::after {
    bottom: 16px;
    color: #000;
    font-size: 21px;
    right: 9px;
}


.limpiarFiltros::before {
    font-size: 26px;
    position: absolute;
    content: "\f49a";
    font-family: "Ionicons";
    left: 0;
    color: #D1D806;
    top: 0
}
.limpiarFiltros{
    background-color: transparent;
    border: none;
    font-size: 1em;
    padding-left: 20px;
    text-align: left;
    line-height: 24px;
    color: #D1D806;
    position: relative;
    font-weight: bold;
}

.limpiarFiltros:hover{
    color: #000;
}

.limpiarFiltros:hover::before{
    transform: rotate(360deg);
    color: #000;
}


#quick-filters-category .limpiarFiltros {
    width: auto;
    color: #fff;
    white-space: nowrap;
    margin: 23px 0 0;
}
#quick-filters-category .limpiarFiltros::before {
    color: #fff;
}
#quick-filters-category .limpiarFiltros:hover {opacity: 0.85; text-decoration: underline;}





aside .buscador-por-filtros .form-medidas {
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    padding: 0 15px 15px;
}
aside .buscador-por-filtros .form-medidas hr {display: none}
aside .buscador-por-filtros .form-medidas > * {
	width: 100%;
	padding: 0;
}

aside .filtros-enviar button {
    background-color: #D1D806;
    color: #000;
    font-family: "Lato", sans-serif;
    border: 1px solid #ccc;
}
aside .filtros-enviar button strong {display: none;}

aside .form-vehiculo .filtros-enviar button {
    margin-top: 33px;
    padding: 7px 20px;
}
aside .buscador-por-filtros .form-medidas h5 {
    display: block;
    width: calc(100% + 30px);
    margin: 0 0 10px -15px;
    padding: 8px 15px;
    font-family: "Lato",sans-serif;
    font-size: 0.93em;
    color: #111;
    background-color: #e6e6e6;
    line-height: 1.2em;
    height: auto;
    letter-spacing: 0.02em;
    font-weight: 600;
}






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










/* BROWSE_AREA **************************/
.browse_area, .product_list, .filter_applied {float: left; width: 100%;}
    
.browse_area {}
.browse_area1 {
    height: auto;
    margin-bottom: 11px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #E2E2E2;
}
.browse_area2 {
    margin: -5px 0 45px;
}
.browse_area a:hover {text-decoration: none !important}

.view, .pagination, .order {margin: 0; padding: 0;}
.view_wrapper, .pagination_wrapper, .order_wrapper {margin: 0}






/* Pagination ****************/
.pagination {
    display: table;
    float: none;
    margin: 8px auto 0;
    padding: 0;
    text-align: center;
    width: auto;
    font-family: 'Lato', sans-serif;
}
.pagination_wrapper {
    float: none;
    margin: 0 auto;
    width: auto;
}
.pagination a {
    color: #333;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 0.9em;
    height: 38px;
    letter-spacing: 0.05em;
    line-height: 38px;
    margin: 0 6px 10px;
    padding: 0;
    text-align: center;
    width: 38px;
    background: #fff;
}

.pagination a:hover {color: #D1D806; border-color: #D1D806;}

.pagination .current {
    color: #D1D806;
    pointer-events: none;
    background: #F3F3F3;
    border-radius: 50%;
}

.pagination .p-first, .pagination .p-last, .pagination .p-prev, .pagination .p-next {
    font-family: "Ionicons";
    font-size: 15px;
    margin: 0;
    width: 35px;
}
@media (min-width:768px) and (max-width:991px){
    .pagination .p-first, .pagination .p-last, .pagination .p-prev, .pagination .p-next{
        width:25px;
    }
}
.pagination .p-first, .pagination .p-last {opacity: 0.7; display: none;}
.pagination .p-prev, .pagination .p-next {border-color: transparent !important;background: transparent;}

.pagination .p-first:before {content: "\e02e";}
.pagination .p-last:before {content: "\e02f";}
.pagination .p-prev:before {content: "n"; font-family: "e3font";}
.pagination .p-next:before {content: "m"; font-family: "e3font";}


@media (max-width: 767px) {
.product_list > ul > li:last-child article {
    border-bottom: 0;
    margin-bottom: 0;
}
.browse_area2 {
    width: calc(100% + 30px);
    margin: 0 -15px !important;
    background: #f6f6f6;
	border-top: 1px solid #ddd;
}
.pagination {
    margin-top: 0px;
    padding: 16px 5px 20px;
}
.pagination a {
    height: 36px;
    line-height: 35px;
    width: 36px;
}
}




/* Order */
.order {
    display: inline-block;
    float: right;
    padding: 0;
    text-align: right;
    width: 100%;
    /*max-width: 160px;*/
}
.order_wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: 'Roboto', sans-serif;
}
.boxSelect_order{
    width: fit-content;
    
}
.order_wrapper h5 {
    width: fit-content;
    color: #353535;
    margin: 1px 2px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.order .dropdown-toggle {
    text-align: right;
    border: 0;
    line-height: 44px;
    background: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
}
.order .dropdown-menu {
    left: auto;
    right: 0;
    border: 0;
    text-align: center;
    box-shadow: 0 6px 8px #00000021;
    font-size: .95em;
    border-radius: 0!important;
    margin: 0;
    padding: 12px 0;
}
.order_wrapper select {    
    border-radius: 1px;
    padding: 0px 25px 0px 5px;
    background: none;
    border: none;
}
.order .dropdown-toggle span::after {
    font-family: 'Ionicons';
    font-size: 11px;
    float: right;
    margin: -1px -5px 0 8px;
}
.order .dropdown-toggle span::after {
    content: "";
}
.order .customselect::after {
    bottom: 12px;
}




/* filter_applied */
.filter_applied {
    width: fit-content;
    margin-left: 25%;
}
.filter_applied li {
    display: inline-block;
}
.filter_applied a {
    color: #D1D806;
    cursor: pointer;
    font-size: 0.95em;
    margin: 0 5px;
    padding: 5px 10px;
    position: relative;
    text-decoration: none !important;
    font-family: "Lato", sans-serif;
    line-height: 1em;
    display: block;
    margin-bottom: 5px;
    background: #fff;
}
.filter_applied a strong {
    font-size: 1.1em;
}
.filter_applied a:before {content: "\f36e"}
.filter_applied a::before {
    border-radius: 100%;
    font-weight: bold;
    font-family: "Ionicons";
    font-size: 18px;
    margin-right: 6px;
    float: left;
    color: #D1D806;
}
.filter_applied a:hover {color: #000}


.back {
  color: #a0a0a0;
  cursor: pointer;
  float: right;
  text-decoration: none !important;
	margin: 25px;
  display: none;
}
.back:before {content: "\f361"}
.back:before {font-family: "Ionicons";}

.line {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 3px;
    margin: 5px 0 50px;
    width: 100%;
}
.nav_SelectedFilter{
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.totalRecs {
    font-weight: normal;
    color: #3c3c3c;
    width: fit-content;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif;
}
.customselect option{
    text-transform: none !important;
}
.productCateg ul {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
.nav_SelectedFilter {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
}
/* CATEGORY RESPONSIVE *************************/

@media (max-width: 1199px) {   
}
@media (max-width: 991px) {    
#quick-filters-category .filters-vehiculo {width: 325%}
}

@media (max-width: 767px) {
    .Category header {
        z-index: 0 !important;
    }
.Category .breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    margin-top: 3px;
    font-size: 0.8em;
}
.Category:not(.Content) h1 {
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
    margin: 0;
    border: 0;
    padding: 5px 10px 3px;
    width: 100%;
    line-height: 1.2em;
}
.Category:not(.Content) h1 span {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 25px;
}
.derecha {
    padding-top: 0px;
    position: inherit;
    background-color: #f6f6f6;
}
.productCateg{
    margin-top: 10px;
}
.browse_area1 {
    width: 100%;
    height: 50px;
    padding: 0;
    background: #D1D806;
    justify-content: space-between;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ffffff2b;
}
.order_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
#content_headerResult{
    margin-top: 56px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    background-color: #F6F6F6;
}
.browse_area1 > * {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    height: 45px;
    text-align: center;
    color: #fff !important;
    line-height: 45px;
    background: transparent;
    font-family: "Lato", sans-serif;
    font-size: 1em;
}
.browse_area1 .order {max-width: 100%} 
.order .dropdown button, .order .dropdown button:focus, .order .dropdown button:hover {
  background: transparent;
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  line-height: 43px;
  height: 45px;
  font-size: 1em;
  text-transform: none;
  color: #fff !important;
}

.browse_area1 > .btfilter-open {
    border-right: 1px solid #ffffff94 !important;
}
.btfilter-open span {
    position: relative;
    padding-right: 20px;
    font-family: 'Roboto', sans-serif;
}
.btfilter-open span:before {content: "\f4a6"}
.btfilter-open span::before {
    font-family: "Ionicons";
    font-size: 23px;
    position: absolute;
    right: -12px;
    line-height: 1.2em;
    top: -5px;
}

.browse_area1 > *:hover, .browse_area1 > *:hover select {background: #D1D806; color: #fff}

.browse_area1 .view_wrapper a {display: block} 
.browse_area1 .view_wrapper a.active {display: none}

.order select {
    min-width: unset;
    padding: 0;
}

.Category h1 span {
    margin-bottom: -1px;
    display: inline-block;
    color: #D1D806;
    font-weight: bold;
    font-size: 29px;
    line-height: 105%;
}
/**/
.btbottom {
    padding: 0;
    float: left;
    width: 50%;
    margin-top: 5%;
}
.btbottom .btn {
    border: 1px solid #ddd;
    font-size: 1.2em;
    height: 50px;
    line-height: 46px;
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
	background: #D1D806 none repeat scroll 0 0;
    color: #fff;
}


/**/
.derecha.mobile, footer.mobile, .backtotop.mobile {display: none}
#FILTERS {
    display: none;
    opacity: 0;
    top: 200px;
    transition: all 0.5s ease 1s;
}
#FILTERS.mobile {
    background: #fff none repeat scroll 0 0;
    display: flex;
    position: absolute;
    top: -120px !important;
    left: 0;
    width: 100%;
    z-index: 100000;
    transition: transform 1s ease 0s;
    opacity: 1;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.Category .modal-header {
    border-bottom: 0 none;
    padding: 11px 27px;
    width: 101%;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    background: #D1D806;
    margin-bottom: 21px;
}
.Category .modal-header .modal-title {
    color: #fff;
    font-size: 1.65em;
    padding-bottom: 5px;
    font-family: "Lato", sans-serif;
    line-height: 1.2em;
    font-weight: lighter;
    width: fit-content;
}
.Category .modal-header .close {
    color: #fff;
    font-size: 21px;
    opacity: 1;
    text-shadow: none;
    font-family: 'Ionicons';
    font-weight: lighter;
    line-height: 32px;
    padding: 0;
    display: block;
    float: right;
    margin: 0;
    transition: all .2s ease-in-out;
    position: initial;
    width: 37px;
    margin-right: -6px;
}
.Category .modal-header .close::before{
    position: initial !important;
    color: #fff !important;
}
.order .dropdown-menu{
    left: -25px;
}
.filter_tree {
    border: 0;
    width: 90%;
    margin: auto;
}
.totalRecs {
    text-align: center;
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 8px;
    border-top: 1px solid #d0d0d0;
    font-size: 1em;
}
.filter_applied {
    width: calc(100% + 30px);
    margin: -3px -15px 0;
    text-align: center;
    background: #f6f6f6;
    padding: 0;
}
.filter_area a {
    padding: 8px 5px 8px 23px;
}



/* MENU MOBILE HEADER ******/
.xheader {
    background: #1d1d1d none repeat scroll 0 0;
    float: left;
    height: 60px;
    left: 0;
    margin: 0;
    padding: 0 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.xheader span {
    color: #fff;
    float: left;
    font-size: 1.5em;
    font-weight: 600;
    margin: 19px 0 0 4px;
    font-weight: lighter;
    font-family: "Lato", sans-serif;
}

.xclose:before {content: "\f12a"}
.xclose {
    color: #fff;
    display: block;
    float: right;
    font-family: "Ionicons";
    font-size: 1.3em;
    margin: 11px -6px 0 0;
    font-weight: normal;
}
.xclose:hover {color: #D1D806 !important}
.xspace {
    float: left;
    height: 140px;
    width: 100%;
    display: none !important;
}
}

@media (max-width: 479px) {  
.Category section {
    background: #fff;
} 
.totalRecs {
	background:#f6f6f6;
}
}










/* PRODUCT_LIST - VISTA GRILLA DEFAULT **************************/

.product_list {
  margin-top: 10px;
}

.product_list ul {
    display: flex;
    flex-wrap: wrap;
    height: fit-content !important;
}

@media (min-width: 1439px) {
.product_list > ul > li {
    width: 25%;
}
}

@media (max-width: 991px) {
.product_list .PRODUCT_BOX .box_data h3 {
    font-size: 1.2em;
}
}

@media (max-width: 767px) {
.product_list.gridview > ul > li:nth-child(2n+1), .list-items > li:nth-child(2n+1) {
    padding-right: 7px;
    float: left;
    clear: left;
}
.product_list.gridview > ul > li:nth-child(2n+2), .list-items > li:nth-child(2n+2) {
    padding-left: 7px;
    float: right;
    clear: right;
}
.product_list .PRODUCT_BOX .box_data h3 {
    font-size: 1.07em;
}
}

@media (max-width: 479px) {
.product_list .PRODUCT_BOX {
    margin-bottom: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 18px;
}
.product_list .PRODUCT_BOX .box_image {
    width: 143px;
    height: 128px;
    float: left;
    border: 0;
}
.product_list .PRODUCT_BOX .box_data {
    float: right;
    width: calc(100% - 156px);
    padding: 3px 0 0;
}
.product_list .PRODUCT_BOX .box_data h3 {
    height: auto;
    font-size: 1.3em;
    margin-bottom: 8px;
}

.product_list .PRODUCT_BOX .product_data .QUANTITY {display: none !important}
.product_list .PRODUCT_BOX > .QUANTITY {display: block}

.product_list .PRODUCT_BOX > .QUANTITY {
    display: block;
    float: left;
    width: 100%;
    margin: 6px 0 0;
}
.product_list .QUANTITY .input-group {
    height: 38px;
}
.product_list article .QUANTITY .spinner .sp-buttons {display: inline-flex !important}
.product_list .PRODUCT_BOX .BUTTONBUY {
    display: block;
    height: 38px;
    width: calc(100% - 155px);
    float: right;
    font-size: 1.25em;
    line-height: 36px;
}
.product_list .price_wrapper {
    height: auto;
    font-size: 1.05em;
    margin: 0 0 14px;
}
.product_list .PRODUCT_BOX .tachado {
    clear: none;
    margin: 6px 0 0 3px;
    font-size: 0.9em;
}
.product_list .PRODUCT_BOX .nonavailable .tachado {display: none}
.product_list .PRODUCT_BOX .box_image .badge-dto {display: none}
.product_list .PRODUCT_BOX .box_data .badge-dto {
	position: relative;
	left: auto;
	bottom: auto;
	float: left;
	clear: left;
	margin: -8px 0 10px;
	line-height: 21px;
}
}








/*////////////////////////////////////////////////////////////////////*/
/*   PRODUCTO              ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.Product .breadcrumb {
    margin-bottom: 20px;
}
.Product h1 {
  margin: 0 0 30px;
}
.Product .PRODUCTAREA .BUTTONBUY.nonavailable {
    background: none repeat scroll 0 0 #d7ecf9;
    opacity: 1;
    margin: 0;
    padding: 13px 5px;
    font-size: 1.1em;
    text-align: center;
    cursor: pointer !important;
    pointer-events: auto !important;
    line-height: 1.2em;
    height: auto;
    border: 1px solid #afd6ef;
    color: #000 !important;
    float: left;
    clear: left;
}   

.Product .PRODUCTAREA .BUTTONBUY.nonavailable:hover {
    background: #D1D806 !important;
    color: #fff !important;
}


.Product .PRODUCTAREA .BUTTONBUY.nonavailable:before { display: none }

.Product .PRODUCTAREA .socialshare {
  margin: 0;
  float: left;
}

.Product  .PRODUCTAREA .socialshare span {
  margin: 0;
  float: none;
  display: block;
  color: #747474;
  text-transform: uppercase;
}

.Product .PRODUCTAREA  .socialshare a {
  color: #bfbfbf;
}
.Product .PRODUCTAREA  .socialshare a:hover {
  color: #D1D806;
}
.Product .PRODUCTAREA  .socialshare a::before {
  font-size: 1.2em;
}

.Product .PRODUCTAREA .socialshare .s-facebook::before { 
  content: '\e088';
}
.selector_opcion {
    float: left;
    margin: 0 0 24px;
    padding: 0;
}
/* boton Opciones*/

.item-options .customselect {
    max-width: 258px;
}

.item-options span {
    width: 100%;
    display: block;
    margin: 0 0 6px;
}

ul#SizeUl {
    width: 100%;
    padding: 10px 15px;
}

ul#SizeUl li {
    cursor: pointer;
    padding-bottom: 10px;
}

ul#SizeUl li:hover {
    background: #F5F3EE;
}


.PRODUCTAREA .dropdown-toggle {
    border: 1px solid #b7b7b7 !important;
    /* border-radius: 3px !important; */
    color: #888;
    letter-spacing: 0;
    padding: 7px 13px !important;
    text-align: left;
    text-transform: none;
    width: 100% !important;
    font-size: 1.1em;
    background: #ffffff;
    box-shadow: 1px 1px 3px #0000002e inset;
}


.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown-toggle .caret {
    border-width: 5px 5px 0;
    color: #999;
    position: absolute;
    right: 11px;
    top: 46%;
}




/* GALLERY  *************************************************/
.GALLERY {
    margin: 0 0 40px;
    position: relative;
}


/* zoom */
.zoomContainer {
    display: none !important;
}
.zoomWindowContainer .zoomWindow {
    border: 3px solid #fff;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}



/* big image */
.allthumbs, #g_image {
	float: left;
	width: 100%;
	position: relative;
}
#g_image {
    text-align: center;
    padding: 0 10px 12px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 0 10px;
    min-height: 370px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#g_image img {
    height: auto !important;
    max-height: 550px;
    max-width: 97%;
    width: auto !important;
    object-fit: scale-down;
    object-position: center;
}
#zoom_01 {cursor: zoom-in !important;}



/* thumbs */
#g_thumbs {
    float: left;
}
#g_thumbs img {
    bottom: 0;
    color: #bbbbbb;
    font-size: 8px;
    height: auto;
    left: 0;
    line-height: 10px !important;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#g_thumbs a {
    border: 1px solid #ffffff;
    display: block;
    float: left;
    height: 60px;
    margin: 0 10px 10px 0;
    position: relative;
    text-align: center;
    width: 60px;
    background: #fff;
}
#g_thumbs a:hover  { border-color: #D1D806;}
#g_thumbs .active  { border-color: #429fd7;}


/* boton zoom */
#g_button {
    color: #444;
    display: none;
    float: left;
    line-height: 9px;
    margin-top: 5px;
    padding: 10px 0 10px 30px;
    position: relative;
    text-align: left !important;
    text-decoration: none;
    width: auto !important;
    height: auto !important;
    border-color: #fff !important;
}
#g_button:before {content: "i"}
#g_button::before {
    display: block;
    float: left;
    font-family: "dhs";
    font-size: 1.35em;
    left: 4px;
    position: absolute;
    top: 15px;
}
#g_button:hover {color: #D1D806 !important;}
#g_button span {
    font-size: 9px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* FLECHAS galeria + fancybox */
#g_arrows {display: none}
#g_arrows > * {
    color: #B3B3B3;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 60px;
    line-height: 58px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: calc(50% - 30px);
    width: 40px;
}
#g_arrows > *:hover {color: #D1D806}

#g_arrows .l_arrow {left:-20px}
#g_arrows .r_arrow {right:-20px}

#g_arrows > *:before {font-family: "dhs";}
#g_arrows .l_arrow:before {content: "j"}
#g_arrows .r_arrow:before {content: "k"}




/* FANCYBOX ******/
.fancybox-nav span {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 28px;
    height: 60px;
    line-height: 58px;
    padding: 0;
    text-align: center;
    width: 20px;
    background: none !important;
    visibility: visible;
    opacity: 0.5
}
.fancybox-nav:hover span {color: #fff; opacity: 1;}

.fancybox-next {right: -60px}
.fancybox-prev {left: -60px}

.fancybox-nav span:before {font-family: "Ionicons"}
.fancybox-prev span:before {content: "\f124"}
.fancybox-next span:before {content: "\f125"}

.fancybox-close {
    background: #5c5c5c none repeat scroll 0 0;
    border: 3px solid rgba(255, 255, 255, 0.46);
    border-radius: 100%;
    box-shadow: 2px 2px 10px #000;
    color: #fff;
    font-size: 19px;
    height: 40px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}
.fancybox-close:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.fancybox-close:before {font-family: "Ionicons"}
.fancybox-close:before {content: "\f12a"}

#fancybox-loading {
    background-image: url("/Content/images/fancybox-2.1.5/fancybox_sprite@2x.png");
}



@media (max-width: 1199px) {   
#g_thumbs a {
    height: 50px;
    width: 50px;
    margin: 0 8px 8px 0;
}
}

@media (max-width: 991px) {   
#g_thumbs a {
    height: 48px;
    width: 48px;
}
}

@media (max-width: 767px) {
.zoomContainer {display: none !important}
#sticker {
	position:relative !important;
}
}
@media (max-width: 479px) {
#g_image {}
#g_image img {pointer-events: none; max-height: 320px; padding-top: 10px}

#g_thumbs a {
    height: 46px;
    width: 46px;
}
#g_button {display: none !important}
#g_button::before {
    font-size: 1.2em;
    left: 10px;
    top: 16px;
}
#g_arrows > * {
    font-size: 17px;
    color: #666;
}
#g_arrows .l_arrow {left:-15px}
#g_arrows .r_arrow {right:-15px}
}




/* GALLERY SLIDER MOBILE *********************************/
#prod-slider .owl-nav > div {
    font-size: 18px;
    text-shadow: none;
    opacity: 0.3;
    top: 44%;
    padding: 0;
}
#prod-slider .owl-prev {left: -12px}
#prod-slider .owl-next {right: -12px}
#prod-slider li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 280px;
}
#prod-slider img.lazyOwl {
    max-height: 90%;
    max-width: 90%;
    width: auto;
    height: auto;
    margin: auto;
    padding: 0;
    text-align: center;
}
.imobile {
    float: left;
    width: 100%;
    position: relative;
}
.imobile .badges {
    position: absolute;
    top: 6px;
    left: 0;
}








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

.PRODUCTAREA {
    margin: 0px 0 50px;
}
.PRODUCTAREA h1 {
    font-family: "Lato",sans-serif;
    font-size: 2em;
    margin: 0 0 12px;
    font-weight: 700;
    line-height: 1.2em;
}
.PRODUCTAREA .codeid {
    color: #D1D806;
    font-family: 'Lato', sans-serif;
    font-size: 1.1em;
    margin: 0 0 27px;
}
.PRODUCTAREA .short_desc {
    font-size: 1.1em !important;
    color: #333 !important;
    line-height: 1.4em;
    margin: 0 0 34px;
}
.PRODUCTAREA .short_desc p, .PRODUCTAREA .short_desc div {
    margin: 0 !important;
}

.PRODUCTAREA .buttons_wrapper {
    clear: left;
    float: left;
    display: block;
    margin: 0 0 20px;
    letter-spacing: 0.02em !important;
    text-transform: uppercase;
    line-height: 35px !important;
    position: relative;
    padding: 10px 0px;
}
.PRODUCTAREA .buttons_wrapper:before{
    width: 33%;
    height: 2px;
    content: "";
    background: transparent;
    position: absolute;
    top: -2px;
    left: 0px;
}
.PRODUCTAREA .buttons_wrapper a {
    float: left;
    display: block;
    color: #B3B3B3 !important;
    font-size: 14px !important;
    width: auto;
    text-align: center;
    border-right: 1px solid #B3B3B3;
    text-transform: none;
    line-height: 22px;
    padding: 0 15px;
    font-weight: normal;
}
.PRODUCTAREA .buttons_wrapper a:first-child {
    padding-left:0px;
}
.PRODUCTAREA .buttons_wrapper a:last-child {
    border:none;
}
.PRODUCTAREA .buttons_wrapper a:hover {
    text-decoration: underline;
    color: #000 !important;
}

.PRODUCTAREA .BUTTONBUY {
    float: left;
    display: block;
    width: 100%;
    color: #fff !important;
    text-decoration: none !important;
    background: #D1D806;
    margin: 0 0 12px;
    line-height: 54px;
    padding: 0;
    height: 56px;
    max-width: 350px;
    font-size: 1.2em;
}
.PRODUCTAREA .BUTTONBUY.Agregado {
	background:#000;
}
.PRODUCTAREA .BUTTONBUY span {
    position: relative;
    padding-left: 44px;
}
.PRODUCTAREA .BUTTONBUY span::before {
    font-family: "prorueda";
    content: "a";
    font-size: 1.4em;
    position: absolute;
    width: 48px;
    left: 0;
    font-weight: lighter;
}
.PRODUCTAREA .BUTTONBUY:hover {
    background: #D1D806;
    color: #fff !important;
}


.btn-calc {
    position: relative;
    display: block;
    width: 100%;
    height: 35px;
    float: left;
    clear: left;
    border:1px solid #b6b6b6;
    border-radius: 5px;
    padding:8px 5px;
    text-align: left;
    font-size: 13px;
    line-height: 1.2em;
    color: #3f3f3f;
    max-width: 182px;
    font-style: italic;
    margin: 0 0 17px;
}
.btn-calc {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,f6f6f6+54,fefefe+100 */
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 54%, #fefefe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ededed 0%,#f6f6f6 54%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ededed 0%,#f6f6f6 54%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    display: none;
}

.btn-calc::before {
    font-family: "prorueda";
    content: "m";
    text-transform: none !important;
    float: left;
    font-size: 23px;
    text-align: center;
    margin: 0 8px;
    font-style: normal;
}
.btn-calc.btn-envio {margin-bottom: 0;display: none;}
.btn-calc.btn-envio:before{
    content: "n";
    font-size: 30px;
}
.btn-calc:hover{
    background: #ededed;
}

.PRODUCTAREA .QUANTITY {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
.PRODUCTAREA .QUANTITY span {
    float: left;
    font-size: 0.9em;
    margin-right: 10px;
    margin-top: 8px;
}
.PRODUCTAREA .QUANTITY input {
    background: #fff!important;

}
.PRODUCTAREA .QUANTITY .input-group {float: left; height: 40px;}


.PRODUCTAREA .BUY{
    float: left;
    width: 100%;
    background: #fbfbfb;
    border:1px solid #b6b6b6;
    padding: 20px;
}
.BUY .stock {
    color: #91c600;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0 0 10px;
    font-family: "Lato", sans-serif;
    display: none;
}
.BUY .stock::after {
    font-family: 'Ionicons';
    content: "\f122";
    margin-left: 4px;
    font-size: 1.1em;
}

.PRODUCTAREA .price_wrapper {
    float: left;
    clear: left;
    width: auto;
    height: auto !important;
}
/* IVA */
.PRODUCTAREA .price_wrapper .price_wo_taxes {
        font-size: 9px;
    font-weight: 600;
    color: #616161;
    width: 100%;
    text-align: center;
}
.PRODUCTAREA .price {
    color: #000;
    display: block;
    float: left;
    width: auto;
    margin: 6px 0 13px;
    font-size: 19px;
    position: relative;
    clear: left;
}
.PRODUCTAREA .price span {
    font-weight: 700;
    font-size: 26px;
}
.PRODUCTAREA .price .text{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 3px;
}
.PRODUCTAREA .tachado {
    float: left;
    font-size: 14px;
}

.PRODUCTAREA .badge-dto {
    position: relative;
    left: auto;
    top: auto;
    float: left;
    margin: -8px 0 0 13px;
    font-size: 17px;
    padding: 3px 14px;
    height: auto;
}

.PRODUCTAREA .cuotas {
    color: #429fd7;
    font-style: italic;
    font-size: 1em;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
    line-height: 1.2em;
    display: none;
}

/* select options */
.PRODUCTAREA .item-options {
    float: left;
    clear: left;
    margin-bottom: 15px;
    width: 65%;
    display: block;
}
.PRODUCTAREA .item-options span {
    display: none;
}
.PRODUCTAREA .item-options select {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 30px;
    padding: 0 10px;
}
@media (max-width: 767px) {
    .selector_opcion{
        margin: 0px;
    }
    .PRODUCTAREA .item-options{
        width: 80%;
    }
}


/* valoracion ****/
.valoracion {
    clear: left;
    float: left;
    line-height: 20px;
    margin-bottom: 25px;
    width: 100%;
    font-family: "Lato",sans-serif;
}
.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: #D1D806}




/* NONAVAILABLE */
.PRODUCTAREA .nonavailable .price {color: #bebebe !important; opacity: 1;}
.PRODUCTAREA .nonavailable .BUTTONBUY:before {display: block}
.PRODUCTAREA .nonavailable .BUTTONBUY {
    background: none repeat scroll 0 0 #ccc;
    opacity: 1;
    padding-top: 0;
}









/**/

@media (max-width: 1199px) {
.PRODUCTAREA {margin-bottom: 50px}
.PRODUCTAREA .codeid {margin-bottom: 12px}
.PRODUCTAREA .BUY {padding: 15px 25px 20px;}
.PRODUCTAREA .buttons_wrapper {padding-top: 16px;}
}


@media (max-width: 991px) {
.PRODUCTAREA h1 {font-size: 1.8em}
.GALLERY {margin: 0 0 20px;}
#g_image {min-height: 250px}
.PRODUCTAREA .short_desc {margin-bottom: 16px}
.PRODUCTAREA .buttons_wrapper {border-top: 0}
.PRODUCTAREA .buttons_wrapper:before {display: none}

.PRODMENU.affix {
    opacity: 1;
    font-size: 1em;
}
.PRODMENU .dropdown {
    background-color: #D1D806;
    height: 43px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}
.PRODMENU .dropdown>a {
    color: #fff;
    display: block;
    height: 43px;
    line-height: 1.1em;
    padding-top: 8px;
    text-align: center;
    font-size: 1.1em;
}
#PRODMENU-mob{
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 2;
    display: flex;
    width: 100%;
    display: none !important;
}
.PRODMENU .BUTTONBUY {
    max-width: 110px;
    padding: 8px;
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 1;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.PRODMENU .price {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.05em;
    height: 50px;
    left: 0;
    padding: 7px 0 0 15px;
    position: absolute;
    text-align: left;
    top: 43px;
    width: 100%;
    color: #000;
}
.PRODMENU .price::before {
    content: "Precio en un pago";
    display: block;
    font-size: .8em;
    margin: -2px 0 3px;
    letter-spacing: .01em;
    padding-right: 2px;
}
}

@media (max-width: 767px) {
.Product .breadcrumb {
    padding: 0;
    font-size: 0.8em;
    margin: 0 15px 7px;
    display: none !important;
}
.Product .breadcrumb > li:last-child {display: none}

.GALLERY {
    margin: 0 0 12px;
    position: relative !important;
    top: unset !important;
    border-bottom: 1px solid #ccc;
    background: #fff;
}
.GALLERY #g_image .badges {top: 6px; font-size: 1em;}
.GALLERY .badges ul li > div {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 13px;
}
#g_image {
    min-height: 0;
    margin: 0 -15px;
    border: 0;
    width: calc(100% + 30px);
    padding: 0;
}
#g_image img {max-height: 300px}
#g_button {display: none}
#g_thumbs {
    float: left;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.PRODUCTAREA2 {margin: 0}
.PRODUCTAREA h1 {
    width: 100%;
    font-size: 1.7em;
    margin: 0 0 7px;
    line-height: 1.4em;
    font-weight: 600;
    float: left;
}
.PRODUCTAREA .codeid {
    font-size: 0.95em;
}
.PRODUCTAREA .BUY {border-color: #c4c4c4}
.product-tabs {margin-top: 20px;}

.PRODUCTAREA .buttons_wrapper {
    width: 100%;
    margin: 13px 0;
    padding: 0;
}
.PRODUCTAREA .buttons_wrapper a {
    text-align: center;
    line-height: 1.2em;
    padding: 5px 11px;
    color: #B3B3B3 !important;
}
.PRODUCTAREA .BUTTONBUY {
    font-size: 1.25em;
    height: 58px;
    line-height: 54px;
}
.PRODUCTAREA .QUANTITY {
    margin-top: 12px;
}
}


@media (max-width: 479px) {
.PRODUCTAREA .BUY {
    padding: 15px 15px 20px;
}
.PRODUCTAREA .BUTTONBUY {max-width: 100%; margin-bottom: 15px;}
.PRODUCTAREA .QUANTITY .input-group {height: 37px}
.PRODUCTAREA .cuotas {font-size: 0.94em}
}






/* FICHA TECNICA *******************************************/

.tablaa {
    width: 70%;
    margin: auto;
}
.titleTabla{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D1D806;
    margin-bottom: 3%;
    border-top: 1px solid #ccc;
    padding-top: 1%;
}
.tablaa table {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #fbfbfb;
}
.table.table-striped {
    border-bottom: 1px solid #ddd;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}

.ficha-tit {
	border-left: 1px solid #ddd;
	padding-left: 30px;
}
.ficha-dato {border-right: 1px solid #ddd; color: #D1D806;}
.ficha-dato span::after {
    content: " - ";
}
.ficha-dato span:last-child::after {content: ""}



@media (max-width:991px){
.tablaa {
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 0 0 30px;
    width: 100%;
}
.ficha-tit {width: 170px}
.titleTabla{
    font-size: 1.7em;
}
.detail_descrip {
    width: 100% !important;
}
}

@media (max-width:767px){
    .titleTabla {
        margin-top: 38px;
        border: 0;
    }
}

@media (max-width: 480px) {
.ficha-tit {width: 100px}
}





/* RELATED *******************************************/
.Product .related {margin-bottom: 30px;z-index: 0;}
.Product .related h2 {
    font-size: 2em;
    margin-bottom: 3%;
    font-weight: 900;
}

@media (max-width:767px){
.Product .related h2 {font-size: 1.7em; border: 0;}
}

@media (max-width: 479px) {
.Product .related h2 {font-size: 1.7em;}
.Product .related > h2 > span {padding: 14px 3px 3px}
}






/**************************************************************************/
/******************************  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: 2% 4%;
    width: 100%;
    margin-bottom: 60px;
    background: #fff;
}
.loginSubtitle {
    margin: 0 0 20px;
}
.LoginHomeBox {
    background: #fff;
    padding: 4%;
    margin-bottom: 20px;
}
.loginTitle {
    margin: 0 0 14px;
    color: #D1D806;
    font-weight: 600;
}
@media (max-width: 767px) {
    .User .menu_tree {width: 100%}
    .user_wrapper {
        -webkit-box-shadow: none; 
        box-shadow: none; 
        padding-left: 0;}
}
.user_wrapper > h3 {
    float: left;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    font-family: "Lato",sans-serif;
    margin: 0 0 14px;
    font-weight: 600;
}
.user_wrapper > h3::before {
    float: left;
    font-family: "e3font";
    font-size: 0.76em;
    margin: -3px 10px 0 0;
    text-align: center;
    border: 3px solid #e5e5e5;
    height: 42px;
    width: 42px;
    border-radius: 100%;
    line-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.User.Datos .user_wrapper .form-control, .User.Datos .user_wrapper select {
    background: #fff;
}

#form_datos h4 {
    color: #004399;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    font-family: 'Lato', sans-serif;
    margin: 5px 0 15px;
}
#form_datos .row_line {
    border-top: 1px solid #429fd7;
    clear: both;
    width: 61px;
    margin: 20px 0 10px;
}



/* menu_tree parte II  ******************************/
.User .menu_tree {
    margin-bottom: 25px;
    width: 90%;
}
.User .menu_tree > ul {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    margin: 10px 0 0;
    padding: 10px;
    min-width: 160px;
}
.User .menu_tree h5 span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.User .menu_tree a {
    font-size: 1.05em;
    font-weight: normal;
    line-height: 1.2em;
    padding: 10px 10px 10px 40px;
    position: relative;
    font-family: 'Lato', sans-serif;
}
.User .menu_tree a:hover{
    color: #D1D806;
}
.User .menu_tree a::before {
    font-family: "e3font";
    font-size: 16px;
    left: 5px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-decoration: none !important;
    width: 20px;
}
.u-data:before {content: "b" !important; font-family: "e3font" !important;}
.u-favs:before {content: "\f387" !important; font-family: "Ionicons"!important; font-size: 25px !important;}
.u-orders:before {content: "k" !important; font-family: "prorueda" !important;}
.u-logout:before {content: "l" !important; font-family: "prorueda" !important; padding-left: 3px;}
.u-pass:before {content: "\f200" !important; font-family: "Ionicons" !important;}






@media (max-width: 767px) {
.user_wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 3%;
    border: 0;
}
.user_wrapper > h3 {font-size: 21px;}

.User aside {
    padding: 0 14px;
    margin: 0 0 10px;
    width: 100%;
}
.User .menu_tree {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}
.User .menu_tree h5 {
    border: 0 none;
    padding: 0;
    font-size: 1em;
    margin: 10px 0 0;
    text-align: center;
}
.User .menu_tree h5 span {display: inline}

.User .menu_tree > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 4px 0 0;
}
.User .menu_tree li {
    float: left;
    width: 25%;
}
.User .menu_tree a:after {display: none !important}
.User .menu_tree a:not(.vendedor) {
    background: #4c4c4c;
    border: 2px solid #fff;
    border-radius: 0;
    color: #ffffff;
    font-size: 0.78em;
    height: 71px;
    line-height: 1.1em;
    margin: 0;
    overflow: hidden;
    padding: 45px 0 0;
    text-align: center;
    text-decoration: none !important;
}
.User .menu_tree a::before {
    display: block;
    font-size: 25px;
    left: 0;
    opacity: 1;
    top: 18px;
    width: 100%;
}
.User .menu_tree a.u-favs::before {font-size: 31px !important}
.User .menu_tree a:hover {background: #D1D806; color: #fff !important}
.User .menu_tree a:hover:before {color: #fff}

.User h1 {
    margin-top: -27px !important;
    margin-bottom: 40px !important;
    display: none;
}
.LoginHomeBox {
    background: #fff;
    padding: 3%;
    margin-bottom: 20px;
}
}






/**************************************************************************/
/*****************************  FAVORITOS  ********************************/
/**************************************************************************/
.itemFav {
    background-color: #fff;
    float: right;
    height: auto;
    margin-bottom: 12px;
    padding: 0 5px 0 40px;
    position: relative;
    width: 100%;
}
.quit_bar a {
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 10px;
    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:"\f12a"}
.quit_bar a:before {
    font-family: "Ionicons";
    text-align: center;
}
.quit_bar a:hover {color: #D1D806; border-color: #D1D806;}

.Favs .PRODUCT_BOX {
    float: right;
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
}
.Favs .box_image {
    float: right;
    width: 150px;
    border-color: #fff !important;
    height: auto;
    min-height: 120px;
    max-height: 160px;
}
.Favs .box_data {
    float: left;
    width: calc(100% - 155px);
}
.Favs.User .PRODUCT_BOX .box_data h3 {
    padding: 1px 0px;
    height: inherit;
    min-height: 0;
    color: #000;
    margin-bottom: 9px;
}
.Favs .box_data .price_wrapper {
    margin-bottom: 15px;
    text-align: left;
}
.Favs .box_data .price {
    color: #000;
    font-size: 1em;
    font-weight: bold;
    margin-right: 15px;
}
.Favs .box_data .nonavailable .price {
    color: #bbb
}
.Favs .buttons_wrapper {
    border: 0 none;
    height: auto;
    display: block !important;
}
.Favs .buttons_wrapper a {
    border-radius: 2px;
    float: left;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0 8px 0 0;
    padding: 8px 18px;
    text-decoration: none !important;
    width: auto !important;
    background-color: #444;
    color: #fff !important;
    height: auto;
    font-size: 0.9em;
    min-width: 86px;
    text-align: center;
    display: block !important;
}
.Favs .BUTTONBUY { background-color: #D1D806 !important;}
.Favs .BUTTONBUY:before {display: none;}

.Favs .buttons_wrapper a:hover {background-color: #6d6d6d !important; color: #fff !important;}
.Favs .buttons_wrapper a.BUTTONBUY:hover {background-color: #D1D806 !important; color: #fff !important;}


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









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


/* Zebra striping! */

.zebra tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.Compare table {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    float: left;
    font-size: 0.87em;
    margin-bottom: 30px;
    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: #000 none repeat scroll 0 0 !important;
    border-color: #f5f5f5 !important;
    border-style: solid !important;
    border-width: 0 0 6px !important;
    padding-bottom: 14px !important;
    padding-top: 35px !important;
    position: relative;
    vertical-align: middle !important;
}

.Compare tbody th,
.Compare tbody td {
    padding: 8px !important;
    font-size: 14px;
}

.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: #333 none repeat scroll 0 0 !important;
    color: #fff;
    font-size: 1.7em;
    font-weight: 300;
    line-height: 1em;
}

.Compare table h3 {
    color: #fff;
    font-size: 16px;
    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
}
.Compare .th_img:before {content: "\f147";}
.Compare  .th_img:before {font-family: 'Ionicons';font-weight:400;}
.th_image img:hover {
    border: 1px solid #003f91;
}

.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: "\f12a"
}

.Compare .remove:before {
    font-family: "Ionicons";
    text-align: center;
}

.Compare .remove:hover {
    color: #fff;
    background: #D1D806;
}

.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: #fafafa none repeat scroll 0 0;
    color: #333;
    font-weight: normal;
    min-width: 133px;
}

.Compare table .valoracion {
    float: left;
    margin: 0;
}

.Compare table .price_wrapper {
    height: auto;
}

.Compare table .tachado {
    font-size: 0.8em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: table;
}

.Compare table .price {
    line-height: 34px;
    margin-left: 4px;
    margin: 0;
    width: 100%;
    text-align: center;
    color:#D1D806;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.Compare table .price>span {
    font-size: 1.2em;
    margin-right: 6px;
}

.Compare table .price strong {
    clear: none;
}

.tr_buy .BUTTONBUY {
    /*! font-size: 1.05em !important; */
    /*! margin: 0 auto; */
    /*! padding: 6px 14px !important; */
    font-size: 16px;
}

.Compare table .stars_off {
    z-index: 0;
}

.Compare table .puntaje {
    display: none
}


/* affix table */

.Compare thead.affix {
    top: 0;
    width: 100%;
}

.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: #003f91;
        line-height: 0.8em !important;
        padding-top: 20px !important;
        text-align: center;
        text-transform: uppercase;
    }
    .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
    }
}









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

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

.login_wrapper {
    background: #d4e3f5;
    border: 1px solid #9cb9dc;
    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.field-validation-error {
    text-align: left;
}
.login_wrapper .field-validation-error::before {background: #d4e3f5}

.login_wrapper:before {
    background: #ccc;
    border: 2px solid #fff;
    background-clip: padding-box;
    border-radius: 44px;
    color: #fff;
    display: block;
    font-family: "e3font" !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;
    font-family: "Lato",sans-serif;
}


.Register .login_wrapper:before {content: "\f200"; font-family: "Ionicons" !important}
#checkout-step-login .login_wrapper:before {content: "\f200"; font-family: "Ionicons"}

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







/****************  UPDATE ***********************/

.User form .btn {
    clear: both;
}
.User form .btn:hover {
    background-color: #D1D806 !important;
}

.User.Datos h3 {
    margin-bottom: 10px;
}

.User.Datos h3.di {
    margin-top: 30px;
}

.datosUser {
    border: 1px solid #ddd;
    display: table;
    float: left;
    margin-bottom: 2em;
    margin-right: 2%;
    padding: 1em;
    width: 48%;
    background: #fff;
}

.datosUser.default{
    border-color: #D1D806;
    background: #ebebeb;
}

.datosUser p {
    margin: 0;
    width: 100%;
    color: #606060;
    padding: 0;
    height: auto;
}

.datosUser p span {
    font-weight: bold;
}

.datosUser p span {
    font-weight: bold;
}

.datosUser div a, .datosUser div .sep {
    display: block;
    float: left;
    margin-top: 1em;
    text-align: center;
    text-decoration: underline;
    color: #000;
}

.datosUser div a:hover {
    opacity: 0.6;
    text-decoration: none;
}

.datosUser div .sep {
    text-decoration: none;
    color: #555;
}

.datosUser div .sep::after {
    content: "|";
    margin: 0 9px;
    text-decoration: none;
}
.datosUser.agregarDireccion {
    background: #D1D806;
    color: #fff;
    max-width: 180px;
    padding: 9px 15px 11px;
}
.datosUser.agregarDireccion:hover {background: #D1D806}

.direcciones.agregarMas {}

.direcciones.agregarMas::after {
    content: "+";
    float: right;
    font-size: 20px;
    position: relative;
}


.datosUser #_mainformShipping_ {
    float: left;
    width: calc(100% + 28px);
    margin: 25px -14px -14px;
    padding: 5px 15px;
    border-top: 0;
}
.datosUser #tomodify {}
.datosUser #tomodify > h4 {
    display: none;
}




/*********** USER UPDATE FORMS ***************/

#_mainform_,
#_mainformShipping_ {
    width: 98%;
    max-height: 0px;
    overflow: hidden;
    /* height: 0; */
    transition: 0.5s all ease-in-out;
}
#_mainform_.active, #_mainformShipping_.active {
    max-height: 800px;
    height: auto !important;
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #e8e8e8;
}

@media (max-width: 991px) {
    .datosUser {
        margin: 0 0 3%;
        width: 100%;
    }
}




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

.Orders .user_wrapper>h3.pedido:after {
    display: none
}

.Orders table {
    border-bottom: 1px solid #dedede;
    float: left;
    font-size: 0.95em;
}

.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: #969696 none repeat scroll 0 0;
    color: #fff !important;
    font-weight: bold;
    font-size: 0.85em;
    letter-spacing: 0.03em;
    padding: 4px 10px;
    width: 100%;
    max-width: 130px;
}

.Orders table .btn-default:hover {
    background: #444;
}

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

.Orders table thead tr {
    border: 0 none;
}

.Orders table th {
    color: #969696;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 0 8px 4px;
    text-transform: uppercase;
}

.Orders td strong {
    color: #000;
    font-size: 1.1em;
    font-weight: 500;
}

.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;
    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 {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #000;
    float: right;
    font-weight: lighter;
    letter-spacing: 0.03em;
    padding: 11px 25px;
    text-align: right;
    min-height: auto;
}

.Orders #total-section strong {
    float: unset;
    font-size: 1.2em;
    width: unset;
}

.Orders .buttonBack {
    color: #969696;
    float: left;
    text-decoration: underline;
}

.orderlist h3 {
    border: 0 none;
    font-size: 1.5em;
    margin: 0;
    padding: 9px 0 3px;
    color: #969696;
}


/* 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.";
    }
}







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

.Content section:not(.faq) {background: #fff}
.Content.Contact section {background: #f6f6f6;margin-bottom: 20px;}

.User h1, .Content h1 {
    float: left;
    font-weight: 700;
    font-size: 1.9em;
    margin: 8px 0 20px;
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    height: 55px;
    text-align: left !important;
    font-family: "Lato",sans-serif;
}
.User h1 span, .Content h1 span {
    position: relative;
    background: #fff;
    padding: 12px 0;
    float: left;
    border-bottom: 2px solid #D1D806;
    display: inline-block;
    margin-bottom: -1px;
}
.Content .faq h1 span, .Content.Contact h1 span, .User h1 span {background: #f6f6f6}

.User h1 {
    border: 0;
    margin: 18px 0 -26px;
    font-size: 1.3em;
}
.User h1 span {
    border: 0;
}


.Content .short_desc, .Content .short_desc p {
    color: #D1D806  !important;
    font-size: 19px !important;
    font-weight: normal !important;
    line-height: 25px !important;
    margin: 0 0 20px !important;
    width: 100%;
    float: left;
    letter-spacing: -0.01em !important;
    font-family: 'Lato', sans-serif !important;
}
.Content .long_desc, .Content .long_desc p {
    color: #333;
    font-size: 1.05em;
    font-weight: lighter;
    line-height: 23px;
    float: left;
    width: 100%;
}
.Content .long_desc {margin-bottom: 30px}
.Content .faq .long_desc {margin-bottom: 13px}

.Content .short_desc p, .Content .long_desc p {
    margin: 0 0 15px;
}

.long_desc img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.Content .images img {
    max-width: 100%;
    height: auto;
    margin: 0 0 10px;
    float: left;
    width: 100%;
}
.Content .images img:last-child {margin-bottom: 30px}
.Content .images.up img {margin: -23px 0 30px}

.Content section .container {
    min-height: 400px;
}

.long_desc h2 {
    float: left;
    font-size: 1.55em;
    font-weight: 500;
    margin: 40px 0 15px;
    position: relative;
    width: 100%;
    color: #D1D806;
    font-family: "Lato",sans-serif;
}
.long_desc h2::before {
    background: #1381B2 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 30px;
}
.long_desc h2:first-child {
    margin-top: 0;
}

.long_desc h3 {
    font-size: 1.45em;
    font-weight: bold;
    margin: 20px 0 14px;
    float: left;
    width: 100%;
    font-family: "Lato",sans-serif;
}
.long_desc h4 {
    color: #054fa2;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 20px 0 10px;
    float: left;
    width: 100%;
    font-family: "Lato",sans-serif;
}

.long_desc hr {
    border-top: 1px solid #ddd;
    float: left;
    margin: 40px 0 30px;
    width: 100%;
}

.long_desc a {
	text-decoration: underline;
	color: #D1D806;
}
.long_desc a:hover {color: #000}

.long_desc ul, .long_desc ul li {
    float: left;
    width: 100%;
}
.long_desc ul li {
    margin-bottom: 5px;
}
.long_desc ul li::before {
    float: left;
    content: "\f3d1";
    font-family: 'Ionicons';
    margin-right: 12px;
    color: #D1D806;
    font-size: 12px;
    opacity: 0.7;
}

blockquote {
    float: left;
    width: 100%;
    color: #919191;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 15px 0 40px;
    font-family: "Lato",sans-serif;
	font-weight: normal;
}
code {
    color: #000;
    font-family: "Lato",sans-serif;
    font-weight: normal;
    background: #B3B3B3;
}

.b-left {
    margin-bottom: 30px
}

.b-left .banner-item {
    width: 100% !important;
}


.Content .menu_tree {
    background: none;
    padding: 22px 0px;
}
.Content .menu_tree > ul {
    padding: 15px;
    margin: 40px 0 7px;
    border-color: #BDBDBD;
	background:#f6f6f6;
}
.Content .menu_tree ul > li > a {
    padding: 8px 3px;
    font-size: 1.1em;
    line-height: 1.3em;
	color: #D1D806;
}
.detail_descrip{
    width: 70%;
    margin: auto;
    margin-top: 3%;
}

@media (max-width: 991px) {
    .b-left .banner-item {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
.Content section {padding-bottom: 30px}
.Content h1 {
    font-size: 1.6em;
    height: 46px;
}
.Content h1 span {padding: 10px 0}

.Content .short_desc, .Content .short_desc p {
    font-size: 17px !important;
    line-height: 22px !important;
    margin-bottom: 14px !important;
}
.Content .long_desc, .Content .long_desc p {
    font-size: 13px !important;
    line-height: 20px !important;
}
.long_desc hr {
    margin: 20px 0;
}

.Content .menu_tree {
    padding: 0;
    float: left;
    width: 100%;
    margin: 0;
}
.Content .menu_tree > ul {
    border: 0 none;
    margin: 10px 0 0;
    background: 
    transparent;
    padding: 0;
    float: left;
    width: 100%;
}
.Content .menu_tree>ul a {
    background: #f3f3f3 none repeat scroll 0 0;
    float: left;
    margin: 0 0 2px;
    padding: 12px 14px !important;
}
}





/**************************************************************************/
/******************************  CONTACTO  ********************************/

.Contact h1 {}

.Contact .long_desc ul li {
    clear: left;
    float: left;
    line-height: 1.4em;
    margin-bottom: 20px;
    padding-left: 38px;
    position: relative;
}

.Contact .long_desc ul li::before {
    font-family: "Ionicons";
    left: 0;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 28px;
    font-size: 2.1em;
}
.Contact .long_desc ul li.mail:before {content: "\f422"}
.Contact .long_desc ul li.phone:before {content: "\f4b8"}
.Contact .long_desc ul li.rrhh:before {content: "\f47b"}
.Contact .long_desc ul li.suc:before {content: "\f473"}
.Contact .long_desc ul li.address:before {content: "\f455"}

.Contact .long_desc ul li span {
    font-size: 1.1em;
    font-weight: 600;
}

.Contact .long_desc ul li a {
    text-decoration: underline;
}

.Contact .long_desc ul li a:hover {
    opacity: 0.7;
}

.Contact .long_desc h4,
.Contact .long_desc h5 {
    margin: 0 0 3px;
}

.Contact .long_desc h4 {
    font-size: 1.2em;
}

.Contact .long_desc .horario {
    color: #777;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    margin: 4px 0;
    text-transform: uppercase;
}

.Contact .mapa iframe {
    border-bottom: 5px solid #ededed !important;
    height: 300px;
    width: 100%;
}

.mapa iframe {
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative;
    /* IE needs a position other than static */
}

.mapa iframe.clicked {
    pointer-events: auto;
}






/* consulta inmediata */
.consulta-inmediata {
  width: 1140px !important;
  margin-top: 45px;
  padding: 0 0 40px 0;
  background: #292929
}
.consulta-inmediata .row {
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}
.consulta-inmediata h2 {
  font-weight: 600;
  color: #FFF
}
.consulta-inmediata h2:after {
  content: "\e00e";
}
.consulta-inmediata h2:after {
  font-family: "e3font";
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
  line-height: 0px;
  position: relative;
  top: -5px;
}
.consulta-inmediata ._contact_holder p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
}
.consulta-inmediata .form-inline {
  display: inline-block;
  vertical-align: middle;
  position: relative;
	width: 100%;
}

.consulta-inmediata .form-group {
	width: 100%;
  	margin: 0 0 10px;
}
.consulta-inmediata .form-group span{
	color:#D1D806;
}
.consulta-inmediata input[type="text"], 
.consulta-inmediata input[type="email"], 
.consulta-inmediata textarea {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 0;
  border-radius: 2px !important;
  box-shadow: none;
  display: inline-block;
  font-size: 1em;
  height: 34px;
  padding: 0 10px;
  margin: 0 0 2px;
  vertical-align: middle;
  width: 100%;
}
.consulta-inmediata textarea {
  height: 180px;
  padding: 10px;
}
.consulta-inmediata ::-webkit-input-placeholder {color:#2B2B2B !important;}
.consulta-inmediata :-moz-placeholder {color:#2B2B2B !important;}
.consulta-inmediata ::-moz-placeholder {color:#2B2B2B !important;}
.consulta-inmediata :-ms-input-placeholder {color:#2B2B2B !important;}

.consulta-inmediata button {
  font-size: 1.4em;
	font-weight: 700;
  background: #D1D806;
	border: 0 none;
  border-radius: 4px;
  box-shadow: none;
  color: #FFF;  
	margin: 20px 0 0;
  padding: 8px 70px;
	float: right;
  text-transform: uppercase;
}
.consulta-inmediata button:hover {color:  #FFF; background: #980501}







/***** FAQ - PREGUNTAS FRECUENTES *******************************/
/* FAQ - collapsed   ******************************/
 .Content .faq h1 {margin-bottom: 0 !important}
.faq_list {
    margin: 0 0 20px;
    float: left;
    width: 100%;
}
.faq_list .panel-group {margin-bottom: 0}
.faq_list .item {
    margin: 7px 0 0;
    padding: 0;
    border-width: 0 !important;
    position: relative;
    float: left;
    width: 100%;
}
.faq_list .item > a {
    color: #D1D806;
    font-size: 1.25em;
    line-height: 1.25em;
    letter-spacing: -0.02em;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    padding: 15px 40px 15px 15px;
    float: left;
    width: 100%;
    background: #f7f7f7;
    margin: 0;
    border-color: #7499c3 #7499c3 #f9f9f9;
    border-width: 1px;
    border-style: solid;
}
.faq_list li:last-child .item > a.collapsed {border-width: 1px}

.faq_list .item > a::after {content: "\f3d8"}
.faq_list .item > a.collapsed::after {content: "\f3d0"}
.faq_list .item > a::after {
    font-family: "Ionicons";
    position: absolute;
    right: 18px;
    top: 16px;
}
.faq_list .item > a.collapsed {
    color: #000;
    background: #fff;
    border-color: #e4e4e4;
}
.faq_list .item .tab-pane {
    background: #fff;
    float: left;
    width: 100%;
    border-color: #7499c3;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 20px;
}
.faq_list .item .tab-pane .short_desc, .faq_list .item .tab-pane .long_desc {
    margin: 0 0 10px;
}
.faq_list .item .long_desc ul {
    float: left;
    width: 100%;
    margin: 0 0 12px;
}
.faq_list .item .long_desc ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 6px;
}
.faq_list .item .long_desc ul li::before {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    display: block;
    content: "";
    float: left;
    background: #565656;
    margin: 7px 12px 0 0;
}
.faq_list .item .long_desc a {
    color: #1381B2;
    text-decoration: underline;
}
.faq_list .item .long_desc a:hover {color: #000}


@media (max-width: 767px) {
.faq_list .item > a {padding: 14px 40px 14px 15px; font-size: 1.2em;}
.faq_list .item > a::after {
    right: 11px;
    font-size: 1.2em;
}
}














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


/* MODAL carrito ***************/
.mdl_detail {max-width:900px; overflow-x:hidden}
.mdl_detail header {}
#_bsdlgloader .mdl_detail .modal-body{
    max-height: initial !important;
    border-bottom: 0;
}
#_bsdlgloader .IMAGEN img {
    width: 100%;
}
#_bsdlgloader .selector_opcion {
    width: 100%;
    margin: 0px;
}
#_bsdlgloader .PRODUCTAREA .dropdown-toggle {
    background: #f1f1f1;
    box-shadow: 1px 1px 3px #00000042 inset;
}
#_bsdlgloader .PRODUCTAREA {
    margin: 0px !important;
}
#_bsdlgloader .PRODUCTAREA .BUTTONBUY {
    margin: 0 0 10px;
}
#_bsdlgloader .modal-title {
    color: #D1D806;
    font-weight: 600;
}
#_bsdlgloader .modal-body > .row > div > h3 {
    background: transparent;
    text-transform: none;
    font-size: 1em;
    font-weight: 500;
    color: #000;
    width: 100%;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
.mdl_detail .modal-body {
    margin: 0 0 8px;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 15px;
    width: 100%;
    border-bottom: 1px solid #429fd7;
    padding: 10px 0;
}
.mdl_detail ul {margin:0; padding:0}
.mdl_detail ul li:last-child article {border: 0 !important}

.mdl_detail .BUTTONINFO {
    text-decoration: underline;
}

.mdl_detail article {
    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 {
    color: #bbb;
    font-size: 6px;
    line-height: 8px !important;
    margin: 0 2%;
    width: 96%;
}
.mdl_detail article h2 {
    color: #444;
    float: right;
    font-size: 1.1em;
    font-weight: lighter;
    line-height: 1.15em;
    margin: 2px 0 5px;
    text-align: left;
    width: calc(100% - 80px);
}
.mdl_detail article .price, .mdl_detail article .count {
    float: right;
    font-size: 0.85em;
    margin: 0 0 5px;
    width: calc(100% - 80px);
    color: #000;
}
.mdl_detail .price span, .mdl_detail .tachado span {
    font-size: 1.2em;
    font-weight: bold;
}

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

.mdl_detail .modal-footer {
    padding-top: 12px;
}
@media (max-width: 767px) {
    #_bsdlgloader .modal-title {
        font-size: 1.4em;
        padding-top: 4px;
    }
    #_bsdlgloader .modal-content {
        padding: 20px;
        float: none;
        width: 100%;
        max-width: 392px;
        margin: auto;
    }
    .IMAGEN {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    #_bsdlgloader .IMAGEN img {
        max-width: 392px;
        width: 100%;
    }
    #_bsdlgloader .PRODUCTAREA {
        margin: 0px !important;
        display: flex;
        flex-direction: column;
    }
}

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


.ui-autocomplete{
    z-index: 3;
}

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










/***************************************************************************/
/*****************   CALCULADORA CUOTAS Y ENVIO   **************************/



.mdl_calculate .modal-body .main {
    line-height: 1.2em;
}


/* pestañas */
#paytabs {
    border: 0 none;
    margin: 0 -1% 20px;
    width: 102%;
}
#paytabs > li {
    margin: 0 1%;
    max-width: 200px;
    width: 48%;
}

p.subtit {font-size: 1.2em}
p.subtit:before {content: "\f363"}
p.subtit:before {
    float: left;
    font-family: "Ionicons";
    font-weight: normal;
    margin: 1px 7px 0 0;
    opacity: 0.6;
}

.mdl_calculate .paymethod .item {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    height: 65px;
    line-height: 1.3em;
    margin-right: 15px;
    padding: 3px 10px;
    position: relative;
    text-align: center;
    transform: none;
    width: 100%;
}
.mdl_calculate .paymethod .item {
	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;
}
.mdl_calculate .paymethod .active .item {
    background-image: linear-gradient(to bottom, #f9f9f9 40%, #dedede 100%);
    border-color: #000 !important;
    color: inherit;
	filter: none;
	opacity: 1;
}
.mdl_calculate .paymethod .active .item:before {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -25px;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    display: none;
}

.mdl_calculate .paymethod .item span::after {
    background-size: 100% auto !important;
    content: "";
    display: block;
    height: 48px;
    margin: 4px auto 0;
    max-width: 116px;
    position: unset;
    z-index: 1;
}
.mdl_calculate .paymethod #mercadopago span::after {
    background: rgba(0, 0, 0, 0) url("/Content/PayMethods/mercadopago.png") no-repeat scroll center center;
}
.mdl_calculate .paymethod #atlas span::after {
    background: rgba(0, 0, 0, 0) url("/Content/PayMethods/atlas.png") no-repeat scroll center center;
}
.mdl_calculate .paymethod #todopago span::after {
    background: rgba(0, 0, 0, 0) url("/Content/PayMethods/todopago.png") no-repeat scroll center center;
    max-width: 95px !important;
}
.mdl_calculate #select-payment .result {
    color: #000;
    font-weight: 400;
    line-height: 1.5em;
}
.mdl_calculate #select-payment .result li span {color: #0076c1}



.mdl_calculate .tab-pane {
    padding: 10px 0 0;
}
.tp-header {
    margin-bottom: 3px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.tp-header:before {
    font-weight: normal;
    font-family: "Ionicons";
    content: "\f363";
    opacity: 0.6;
    float: left;
    margin: 1px 7px 0 0;
}
.tp-header:before{
    display: none;
}
.tp-header strong {}
.tp-tarjetas img{
    float: left;
    width: 70px;
}
.tp-tarjetas small{
    width: 100%;
    float: left;
}
.tp-tarjetas small a{
    font-size: 1.2em
}






/* select */
.mdl_calculate select, .mdl_calculate input {
    border: 1px solid #ccc !important;
    background: #fff;
    font-size: 1em;
}


.mlatname {
    margin: 15px 2px 10px;
    list-style: none;
}
.mlatname img {width: auto}
.mlapannt {
    font-size: 0.95em;
    padding: 6px 5px;
    list-style: none;
}
.mlapannt span {
    color: #009ee3;
    font-size: 1.3em;
    margin: 0 4px;
}

















/*Modal calculador de cuotas *****************************************/

#paytabs {
    border: 0 none;
    margin-bottom: 20px;
    display: flex;
}

#paytabs {
    border: 0 none;
    margin-bottom: 20px;
}
#paytabs > li {
    margin: 0 1%;
    width: 100%;
    max-width: unset;
}



/* form mercadopago */
.griss {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 17px;
    margin: 5px 0 15px;
    display: flex;
}
.griss .customselect {
    width: 290px;
}
#paymentsBancos {
    margin-left: 15px;
}


/* botones cft */
.tp-ver, .mp-ver {
    float: left;
    font-size: 1.05em;
    line-height: 1.2em;
    margin: 17px 0 1px;
    white-space: normal;
    text-decoration: underline;
    color: #0074A8;
    background: transparent;
    border: none;
    padding: 5px 0;
}
.tp-ver:hover, .mp-ver:hover {
	text-decoration: underline;
    color: #000;
    background:transparent;
}



/* tabla todopago */
.table-cuotas {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 1em !important;
}
.table-cuotas li {
    border-bottom: 1px solid #ddd;
    float: left;
    padding: 6px 0;
    width: 100%;
}
.table-cuotas li > div{
    float: left;
    width:18%;
    padding-left: 1%;
    text-align: left;
}
.table-cuotas li > div:nth-child(1), .table-cuotas li > div:nth-child(2), .table-cuotas li > div:nth-child(3){
   padding-right: 2%;
}
.table-cuotas li .cant-cuotas{
   font-weight: normal;
   font-size: 1.0em;
   color: #e6007c;
}
.table-cuotas li:first-child {
    background: #f4f4f4;
    display: flex;
    align-items: center;
    padding: 0;
}
.table-cuotas li:first-child > div {
    color: #000;
    font-family: arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1em;
    padding: 7px 4px 5px;
}

.table-cuotas li .cuotas-cft,.table-cuotas li .cuotas-tea{
    width: 12%
}
.table-cuotas li .precio-total{
    width: 22%
}


/* tabla mercadopago */
.mpresult {
    margin: 25px 0 30px;
    max-width: 400px;
}
.mpresult .mlatname {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
    padding: 9px 6px 9px 0;
    text-align: left;
    text-transform: uppercase;
}
.mpresult .mlatname img {
    float: right;
}
.mpresult .mlapannt {
    letter-spacing: 0.02em;
    line-height: 1.5em;
    padding: 4px 9px;
}
.mpresult .mlapannt span {color: #0076c1}





/* Modal Calculador de envio *************************************/

.formulario-envio {
    background: #f7f7f7;
    float: left;
    width: 100%;
    padding: 20px;
    margin: 5px 0;
    display: flex;
    flex-direction: column;
}
.formulario-envio p.subtit {
    text-align: center;
}
.formulario-envio p.subtit::before {
    float: unset;
}
.formulario-envio .form-group {
    max-width: 380px;
    margin: 0 auto 13px;
    width: 100%;
}
.formulario-envio select, .formulario-envio input {
    height: 40px;
}
.formulario-envio .btn.btn-primary {
    background: #D1D806;
    max-width: 200px;
    margin: auto;
    font-size: 1.1em;
    border: 0 !important;
}
.result-envio > ul {
    font-size: 1.5em;
    margin: 5px 0 20px;
    text-align: left;
    border-top: 0;
    padding: 0;
}

.result-envio ul li label::before {
    font-family: 'Ionicons';
    content: "\f363";
    float: left;
    margin: 2px 7px 0 4px;
    color: #848484;
    font-size: 17px;
}

.result-envio ul, .result-envio ul li, .result-envio label {
    float: left;
    width: 100%;
}

.result-envio label > div:first-child {
    float: left;
    margin-right: 10px;
}

.result-envio label .gratis {
    font-weight: 700;
    font-size: 1.1em;
    color: #D1D806;
}


.result-envio label {
    color: #000;
    font-size: 0.7em;
    line-height: 1.4em;
    margin: 0;
}

.result-envio li.default label > div:first-child::after {
    content: ":";
}
.result-envio label .sh_price {
    font-weight: 600;
    color: #D1D806;
}


.result-envio ul li {
    border-bottom: 1px solid #ccc;
    padding: 13px 0;
    float: left;
    width: 100%;
}
.result-envio ul li.zippin {
    padding: 7px 0;
    border-bottom: 3px solid #f4f4f4;
}
.zippin.z1 {
    margin-top: 6px;
}
.result-envio .zippin label {
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    line-height: 1.4em;
}
.result-envio ul li.zippin label::before {
    margin-right: 0;
    position: absolute;
}
.zippin .zipp-name {
    padding-left: 16px;
}
.zippin .zipp-name > span {
    float: left;
}
.zippin .nombr {
    margin-right: 5px;
}
.zippin .time {
    color: #0079BE;
    font-size: 0.9em;
}
.result-envio li.zippin label .sh_price {
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    width: 170px;
    justify-content: flex-end;
    margin-left: auto;
}
li.zippin span.iva {
    opacity: 0.5;
    margin: 0 5px;
    font-weight: 500 !important;
    font-size: 0.8em;
}






/* Modal envio y pago - responsive   *************************************/


@media (max-width:991px){
.mdl_calculate {
    font-size: 0.9em;
}
}


@media (max-width:767px) {
.mdl_calculate .modal-body {
    padding: 15px;
}

/* mdl pago */
.table-cuotas li:first-child {display: none}
.table-cuotas li > div {
    float: left;
    width: auto !important;
    padding: 0 !important;
}
.table-cuotas li > div::before {margin-right: 4px}
.table-cuotas li .precio-total:before {content:"Precio total financiado "}
.table-cuotas li .intereses:before {content:"Interés "}
.table-cuotas li .cuotas-cft:before {content:"CFT*1 "}
.table-cuotas li .cuotas-tea:before {content:"TEA*2 "}

.table-cuotas li > div:nth-child(1), .table-cuotas li > div:nth-child(2) {font-size: 1.2em}
.table-cuotas li > div:nth-child(3) {clear: left}
.table-cuotas li > div:nth-child(n+3) {
    color: #939393;
    font-size: 0.9em;
    line-height: 1.3em;
}
.table-cuotas li > div:nth-child(n+3)::after {
	content: "/";
	margin: 0 4px;
}
.table-cuotas li > div:last-child::after {display: none}
.table-cuotas li .cant-cuotas:after {content: "de"; margin: 0 5px;}


/* mdl envio */
.zippin .zipp-name > span {clear: left}
.zippin .time {line-height: 1.2em}
.result-envio li.zippin label .sh_price {
    width: auto;
    flex-direction: column;
    align-items: flex-end;
}
li.zippin span.iva {
    order: 2;
    line-height: 1.2em;
    margin: auto;
    width: auto;
    white-space: nowrap;
    /*display: block;*/
}
}

@media (max-width:479px){
/* mdl envio */
.formulario-envio .btn.btn-primary {width: 100%; max-width: 100%}
.Order .frase {font-size: 1.1em;}
}












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

.browse_area .view .view_wrapper{ /*display:none;*/ }
.browse_area .view .view_wrapper h5 { display:none; }

.modal-backdrop.in{ position:fixed; }

    
    
    
    
    



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











/*********** BOX LISTADO ****************/
li.box-listado .box_image {
    float: left;
    width: 20%;
    height: 150px;
}

li.box-listado .box_data {
    float: left;
    width: 80%;
    padding: 0px 10px;
}
.product_list li.box-listado article {
    height:  auto;
    margin: 3px 0px;
}
.product_list li.box-listado article a.BUTTONBUY:before{
    font-size: 20px;
}
.product_list li.box-listado .PRODUCT_BOX .box_data h3 {
    font-size: 1.3em;
}


/*********** RESPONSIVE - AJUSTES *******************/
.box-listado article.PRODUCT_BOX .box_data h3 {
    font-size: 1.35em !important;
	padding-top: 0px;
	margin-top: 0px;
	text-align: left;
	border: 0px;
}

.box-listado .price_wrapper {
    font-size: 1.4em;
}

li.box-listado .BUTTONBUY:before {
    font-size: 30px;
}

li.box-listado article .buttons_wrapper {
    max-width: 100%;
    width: auto;
}

.box-listado article .buttons_wrapper a {
    width: 100%;
    height: 40px;
    text-align: center;
}





@media (max-width: 767px){
	.zoomContainer {
		display: none !important;
	}
}

.input-group .form-control{ z-index:0; }




.dd.ddcommon.borderRadius {
    max-width: 100%;
	width: 100% !important;
}






.block-category{
	float: left;
	width:100%;
	min-height: auto;
}

.block-category h3 {
    color: #000;
    font-size: 1.2em;
    margin: 15px 0 3px;
}

.block-category .box_image {
    height: 150px;
}
.block-category .box_image img {
    padding: 0 20px 15px !important;
}

.block-category .category-info{
    color: #282828;
}
.block-category .category-info.block-images {
    float: left;
    width: 100%;
    
}
.block-category .category-info .category-title {
    padding: 2px 10px;
}

.block-category .category-child{
    width:100%;
    float:left;
    padding: 10px 0;
}
.block-category ul.category-child li {
    float: left;
    width: auto !important;
}
.block-category ul.category-child li a {
    color: #2e2e2e;
    float: left;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 19px;
    text-transform: lowercase;
}
.block-category ul.category-child li a::after {
    content: "/";
    float: right;
    opacity: 0.5;
    padding: 0 5px;
}
.block-category ul.category-child li a:hover{
    text-decoration: underline;
}    

ul.listado-category {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.listado-category .block-cat{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
}
.Home ul.listado-category .block-cat{
    padding-bottom: 0;
}

.block-category:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.block-category h3:hover, .block-category a:hover {
    color: #D1D806 !important;
    text-decoration: underline;
}
.block-category:hover .box_image {border-color: #e1e1e1 !important}


.loading-bar{
	display: none;
	width:100%;
	background:#FFF; 
	background-image: url(images/progress_bar.gif);
	background-repeat: no-repeat; 
	background-position: center;
	background-size:contain;
	height:56px
}

.FIND_BOX .loading-bar {
    height: 43px !important;
}

.float-title {
    position: -webkit-sticky !important;
	position: -moz-sticky !important;
	position: -o-sticky !important;
	position: -ms-sticky !important;
	position: sticky !important;
    top: 10px;
}
@media (min-width: 992px) {
	.float-title.fixed-title {
		position: fixed;
		z-index: 3;
		background: #FFF;
		top: -5px;
	}
	.float-title.fixed-title h1 {
		height: auto;
		padding: 10px;
		margin: 0px !important;
		background: #000;
	}
	
	.float-title.fixed-title h1 span {
		padding: 0px;
		line-height: 20px;
	}
	section .float-title.fixed-title .vehiculo, 
	section .float-title.fixed-title .marca, 
	section .float-title.fixed-title .anio, 
	section .float-title.fixed-title .combustible{
		height:auto;
	}
	section .float-title.fixed-title .vehiculo h2, 
	section .float-title.fixed-title .marca h2, 
	section .float-title.fixed-title .anio h2, 
	section .float-title.fixed-title .combustible h2{
		margin: 6px 0px;
	}
	section .float-title.fixed-title .form-group{
		margin-bottom:10px;
	}
	section .float-title.fixed-title .filtros-enviar{
		margin-top: 5px;
	}
	section .float-title.fixed-title .buscador-por-filtros{
		top: inherit!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%}
}