body { font: normal 18px/160% 'Barlow'; min-width: 300px; color: #808080; }
b, strong { color: #222; }
a { color: #EE1E25; }

.imgcover { width: 100%; height: 100%; display: block; object-fit: cover; }

header .preHeader { background: #000; padding: 4px 20px; }
header .preHeader .preHeaderCont { max-width: 1680px; }
header .preHeader .preHeaderCont .phcLeft p { text-transform: initial; font-weight: normal; color: #fff; }
header .header { padding: 0 20px; }
header .header .headerCont { padding: 10px 0; max-width: 1680px; }
header .header .headerCont .hcLeft { width:220px; }
header .header .headerCont .hcLeft .hcLogo a img { max-width: 220px; }

header .menu .menuCont { max-width: 1680px; }
header .menu .menuCont .mcPrincipal .cd-dropdown-trigger { background: #EE1E25; }

.socialLine .phone { background: #222; }

header .header .headerCont .hcRight #user a i:not(#btLogout) { background: #EE1E25; }
header .header .headerCont .hcRight #user > a { background: rgba(238, 30, 37, 0.7); }

header .header .headerCont .hcRight #cart > a i { background: #222; }

header .header .headerCont .hcCenter #search .searchBar input:focus { border-color: rgba(238, 30, 37, 0.6); }

.title1 { font: 400 42px/140% 'Ubuntu'; margin: 0 0 48px; letter-spacing: 2px; position: relative; text-align: center; color: #222; }
.title1:before { width: 220px; height: 4px; background: #EE1E25; content: ""; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; border-radius:4px; }
.title2 { font: 700 28px/140% 'Ubuntu'; margin: 0 0 12px; color: #222; }
.title2:last-child { margin-bottom: 0 }
.title3 { font: 600 22px/140% 'Ubuntu'; margin: 0 0 8px; color: #222; }

#nav_menu { font-size:16px; line-height:140%; }
header .menu .menuCont .mcPrincipal .cd-dropdown-trigger { font-size: 16px; line-height: 140%; }

.cportada2 { max-width: 1920px; font-weight: normal; }
.cportada2 .switem .switemimg { padding-bottom: 40%; }
.cportada2 .switem .switeminfo { max-width: 530px; background: rgba(255,255,255,0.8); padding: 24px 20px; color: #333; }
.cportada2 .switem .switeminfo .switemadd { color: #666; background: rgba(255,255,255,0.4); }
.cportada2 .switem .switeminfo .switemtitle .titulo2 { font-family: 'Ubuntu'; font-weight: 700; font-size: 28px; line-height: 130%; }


.box2 .boxCont { max-width: 1680px; }
.box2 .boxCont .boxItem a { align-items: flex-start; justify-content: flex-end; }
.box2 .boxCont .boxItem .boxItemCont { background: inherit; text-align: left; padding: 24px; color: #fff; margin: 0; position: relative; }
.box2 .boxCont .boxItem .bicTitle { margin-bottom: 4px; padding: 0; border: 0; font-size: 42px; line-height: 120%; text-shadow: 0 0 4px #000; color: #fff; }
.box2 .boxCont .boxItem .bicBtn { border: 2px solid #fff; padding: 6px 12px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #fff; display: inline-block; background: rgba(0,0,0,.1); }


.box3 .boxCont { max-width: 1680px; }
.box3 .boxCont .boxItem a { padding: 10px; }
.box3 .boxCont .boxItem .boxItemCont { background: inherit; text-align: left; padding: 24px; color: #fff; margin: 0; position: relative }
.box3 .boxCont .boxItem .bicTitle { margin-bottom: 0px; font-size: 24px; line-height: 120%; text-shadow: 0 0 4px #000; }
.box3 .boxCont .boxItem .bicBtn { display: none; }


.prodlist .prodlistCont { max-width: 1680px; }
.box4 .slideCont { max-width: 1680px; }
.box6 .slideCont { max-width: 1680px; }
#PORT02 .PORT02Cont { max-width: 1680px; }
footer .footerInfo .footerInfoCont { max-width: 1680px; }
footer .footerEnd .footerEndCont { max-width: 1680px; }

.news1 { background: #EE1E25; }
.news1 .newsCont .title2 { color: #fff; }


.RCRProdsCont { flex-flow: inherit; flex-wrap: wrap; justify-content: space-between; }
.prodlist .RCRProds .RCRProdsCont .prodItem { width: calc(33.33% - 14px); margin: 0 0 12px 0; background: #fff; border: 1px solid rgba(0,0,0,0.1); }
.prodlist .RCRProdsCont .prodItem:nth-child(4n-2) { margin: 0 0 12px 0; }
.prodlist .RCRProdsCont .prodItem:nth-child(4n-1) { margin: 0 0 12px 0; }
.prodItem .prodItemCont .PICTitle a { color: #222; }

.prodItem .prodItemImg .PIITag .PIITagOutlet { background: #EE1E25; }


.resCont { max-width: 1680px; }
.PRC02 .PRCCont { max-width: 1680px; }
.genericDesc { width: 100%; }

.secureBox { color: #EE1E25; }


.socialBox { border-color: rgba(238, 30, 37, 0.4); }


.ficha .fichaCont { max-width: 1680px; }
.ficha .fichaCont .fichaContInfo .FCI01 .title1 { text-align: left; margin: 0 0 20px 0; }
.ficha .fichaCont .fichaContInfo .FCI01 .title1:before { display: none; }

.ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton a { background: #EE1E25; }
#cart .cart-prod-list .hCartButtons .hOrderLink a { background: #EE1E25; }


.generic .genericCont { max-width: 1680px; }

.loginCart .title { color: #222; }

#dvInfoCat .title1 { text-align: left; }
#dvInfoCat .title1:before { right: inherit; margin: 0; }




/* Columnas */
.cols { display: flex; justify-content: space-between; text-align: left; }
.cols:not(:last-child) { margin: 0 0 30px; }
.cols .col { width: calc(50% - 20px); display: flex; flex-direction: column; }
.cols.center .col:not(.colimg) { justify-content: center; }
/* Centrar el texto verticalmente respecto a la imagen */
.cols .colimg > div { flex: 1; position: relative; }
.cols .colimg > div img { position: absolute; }
.cols.reverse { flex-direction: row-reverse; }
/* Para voltear horizontalmente en PC*/
/***********/
.rayado { background: #f5f5f5; padding: 20px; border: 1px dashed rgba(0,0,0,0.1); }






/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1023px) {
}

@media screen and (max-width: 1023px) {
    .cportada2 .switem .switeminfo { padding: 16px; }
    .cportada2 .switem .switeminfo { max-width: 400px; }
    .cportada2 .switem .switeminfo .switemadd { background: rgba(255, 255, 255, 0.84); font-size: 100%; }

    .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n-1) { margin: 0 0 12px 0; }
}

/*################
#####  7 6 8  ####
################*/
@media screen and (min-width: 768px) {
}

@media screen and (max-width: 768px) {
    .box2 .boxCont .boxItem .bicTitle { font-size: 24px; }
    .cportada2 .switem .switeminfo .switemtitle .titulo2 { white-space: inherit; text-overflow: inherit; }
    .cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 26px; line-height: 120%; }

    /* Columnas */
    .cols, .cols.reverse { flex-direction: column; }
    .cols .col { width: 100%; order: 2; }
    .cols .col:last-child:not(.colimg) { margin: 30px 0 0; }
    .cols .col.colimg { order: 1; margin: 0 0 30px; }
    .cols .col.colimg img { max-height: 360px; position: static; }


    .prodlist .RCRProds .RCRProdsCont .prodItem { width: calc(50% - 14px); }
    /***********/



}

/*################
#####  6 4 0  ####
################*/
@media screen and (min-width: 640px) {
}

@media screen and (max-width: 640px) {
    .box2 .boxCont .boxItem .bicTitle { font-size: 18px; }
    .box3 .boxCont .boxItem .bicTitle { font-size: 18px; }
    .cportada2 .switem .switeminfo { max-width: 100%; position: static; background: #f5f5f5; }
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {
    .cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 120%; }

    .prodlist .RCRProds .RCRProdsCont .prodItem { width: 100%; }
    .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n+1), .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(2n), .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n-1), .prodlist .RCRProdsCont .prodItem:nth-child(4n-1), .prodlist .RCRProds .RCRProdsCont .prodItem { margin: 0 auto 12px auto; }
}