@font-face {font-family:'alterna'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/AlternateGothic.woff') format('woff');}
@font-face {font-family:'IconWeb'; font-weight:400; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/IconWeb.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/PTS-N.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:bold; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/PTS-B.woff') format('woff');}
/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */
* {text-decoration:none; margin:0; padding:0; box-sizing:border-box;}
p, form, h1, .productos h1, h2, h3 {margin:0; padding:0;}
table {border-collapse:collapse; border:none;}
td, th {text-align:left; vertical-align:top;}
input, textarea {padding:5px; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.02); cursor:pointer;}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#fff;}
select {padding:3px; background:#fff !important;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0; display:inherit;}
h1 {font-size:20px;}
.inactivo {opacity:0.4 !important; pointer-events:none;}
#arriba, #arriba img, .owl-prev, .owl-next, .relacionados-ficha {box-sizing:content-box;}
#arriba {transform: scale(1); transition:all 0.3s;}
#arriba:hover {transform:scale(1.18);}
.capaFlexTop {display:flex; flex-wrap:wrap; justify-content:center;}
.capaFlexCen {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex; flex-wrap:wrap; align-items:center;}
/* ---------------------- VENTANAS MODALES --------------------------------- */
#fallr {width:100% !important;}
/* ------------------------------- FICHAS DE LOS PRODUCTOS ---------------------------------- */
.resDeleteWishList, .noWishList, .carritoVacio {width:100%; padding:20px; text-align:center; border-radius:5px; font-weight:600; font-size:18px;}
.resDeleteWishList {margin-bottom:20px; color:#fff; background:#74AA50;}
.noWishList, .carritoVacio {margin:20px auto; color:#fff; background:#bc5252;}
#fallr-buttons {margin-top:60px;}
.eti-oferta {width:100%; position:relative; color:#000; pointer-events:none;}
.eti-descuento {top:8px; right:8px; width:50px; height:50px; font:normal 24px 'alterna', Arial, Helvetica; line-height:52px; text-align:center;
background:rgba(255,255,255,0.95); box-shadow:0 0 6px rgba(0,0,0,0.6); border-radius:49%; position:absolute; z-index:25;}
/* ---------------------------- FICHA FINAL DE LOS PRODUCTOS -------------------------------- */
/*-- ESTILOS FICHA FIXED --*/
.capaTotalPr {width:0; margin:0 auto;}
.imgAnchoTotal {width:100%;}
.fichaFixed {width:100%; height:auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); top:0; position:fixed; opacity:0; z-index:99;
transition:all 0.8s; pointer-events:none;}
.fichaFixedCont {width:1000px; margin:1px auto auto auto; overflow:hidden;}
.fichaFixedImg, .fichaFixedTxt, .fichaFixedBtn {height:60px; vertical-align:middle; display:table-cell; border-right:solid 1px rgba(0,0,0,0.1);}
.fichaFixedImg {width:60px; height:58px; margin:auto; text-align:center; border-right:none;}
.fichaFixedImg img {width:auto; height:auto; max-width:100%; max-height:100%; margin-top:3px; display:inline; border:solid 1px rgba(0,0,0,0.1);}
.fichaFixedTxt {width:700px; margin:5px 15px; padding:0 10px;}
.fichaFixedBtn {padding:0 10px; text-align:center;}
.fichaFixedBtn a {padding:10px 15px; box-shadow:0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
/*-- ESTILOS PARA LAS VARIACIONES Y ATRIBUTOS --*/
.variaciones, .atributos, .variaciones legend, .atributos legend {color:#000;}
.variaciones, .atributos {padding:0; margin-top:20px;}
.variaciones fieldset, .atributos fieldset {padding:7px; border:solid; border-width:1px; border-color:#ccc;}
.variaciones legend, .atributos legend {margin:0 0 0 10px; font-size:120%; font-weight:bold;}
.variaciones input, .atributos input, textarea, select {border:1px solid #ccc;}
.variaciones input:focus, .atributos input:focus, select:focus {background:#FFF799;}
.variaciones select, .atributos select {margin-top:5px; padding:5px; font-size:18px; border-radius:5px;}
.atrib_opciones {text-align:left; padding:0 15px 10px 10px; float:left; display:inline;}
.atributos label {display:block; font-weight:bold; margin-top:10px; margin-bottom:2px;}
/* ------------------------------ PROPIEDADES DEL CARRITO ----------------------------------- */
.carroContenedor {width:100%; margin:10px auto 20px auto; padding:4px; background:rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.2);}
.carroTitulo, .carroCeldaBorra, .carroCuponFinal {display:flex; flex-wrap:nowrap; justify-content:center; align-items:center;}
.carroProduc {margin:2px 0; display:flex; flex-wrap:nowrap; justify-content:center;}
.carroTitulo div {padding:4px; margin:0 1px; text-align:center; line-height:25px;}
.carroProduc div {margin:0 1px;}
.carroProduc .carroCeldaBorra, .carroProduc .carroCeldaProdu, .carroProduc .carroCeldaPreci, .carroProduc .carroCeldaCanti, .carroProduc .carroCeldaTotal {
padding:8px; display:flex; flex-wrap:nowrap; align-items:center;}
.carroCeldaBorra {width:5%; min-width:60px; justify-content:center;}
.carroCeldaProdu {width:55%; text-align:left; justify-content:flex-start;}
.carroCeldaPreci {width:20%; min-width:100px; text-align:right; justify-content:flex-end;}
.carroCeldaCanti {width:8%; min-width:80px; text-align:center; justify-content:center;}
.carroCeldaTotal {width:12%; min-width:120px; text-align:right; justify-content:flex-end;}
.icoAspaCarro {color:#c90000; padding:2px; font-size:18px;}
.icoAspaCarro:hover {color:#7e0101; transform:rotate(90deg);}
.carroCuponDescuento, .carroBotonActualiza {margin:10px auto; text-align:center;}
.carroCuponDescuento {width:70%;}
.carroBotonActualiza {width:30%;}
#cupon {width:150px; padding:8px; margin:5px 0 0 10px; background:rgba(255,255,255,0.8); box-shadow:0 0 5px rgba(0,0,0,0.3);}
#cupon:hover {box-shadow:0 0 8px rgba(0,0,0,0.5);}
.importeCanonDigitalCarrito {margin-left:10px !important;}
.ibutton, .boton_buscar, .boton_area {margin-top:4px; height:35px; font-weight:bold; font-size:14px; line-height:10px; border-radius:5px;}
.ibutton {width:155px;}
.boton_buscar {width:100px;}
.boton_area {width:70px; margin-left:6px;}
.boton-procesar {background-color:#fd6721 !important; color:#fff !important; border:solid 1px #000; text-transform:uppercase;}
.boton-procesar:hover {background-color:#222 !important;}
/* ---------------------------------------- RESPONSIVE ---------- RESPONSIVE ---------- RESPONSIVE ------------------------------------------ */
@media only screen and (max-width: 999px) {
/* -------------------------- SITE MAP ------------------------------------- */
.sitemap_pr {display:none !important;}
.liroot {padding:10px 2px !important;}
/* ---------------------- VENTANAS MODALES --------------------------------- */
#fallr-wrapper {width:90% !important; left:5% !important;}
#fallr {width:100% !important;}
/* ---------------------------- FICHA FINAL DE LOS PRODUCTOS -------------------------------- */
.fichaFixedImg, .fichaFixedTxt, .fichaFixedBtn {border:none;}
.fichaFixedCont {width:96%; margin:1px auto auto auto; overflow:hidden;}
.fichaFixedImg {width:15%; height:50px; margin:auto 1%; text-align:center;}
.fichaFixedTxt, .fichaFixedBtn a {font-family:'PTS';}
.fichaFixedTxt {width:45%; margin:5px 2%; padding:0 5px;}
.fichaFixedBtn {margin:auto 1%; padding:3px;}
.fichaFixedBtn a {padding:10px;}
.containerCustomFieldFile input {font-family:'PTS';}
/*-- ESTILOS PESTAÑAS --*/
#pestanas-propiedades {width:96% !important;}
.pestanas-propiedades-tabs {height:35px !important; margin-left:0 !important;}
.pestanas-propiedades-tabs li a {height:15px !important; box-sizing:content-box;}
/* ------------------------------ PROPIEDADES DEL CARRITO ----------------------------------- */
.carroContenedor {width:97%; margin:10px auto; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.carroTitulo {display:none;}
.carroCeldaBorra, .carroProduc, .carroCuponFinal {flex-wrap:wrap;}
.carroProduc {margin:0 0 4px 0; padding-bottom:4px; border-bottom:solid 1px #fff;}
.carroProduc div {margin:0.5%;}
.carroCeldaBorra, .carroCeldaPreci, .carroCeldaCanti, .carroCeldaTotal {min-width:0;}
.carroCeldaBorra {width:10%;}
.carroCeldaProdu {width:88%;}
.carroCeldaPreci {width:50%;}
.carroCeldaCanti {width:20%;}
.carroCeldaTotal {width:27%;}
.carroCuponDescuento, .carroBotonActualiza {width:100%; margin:10px auto; text-align:center;}
#cupon {margin:10px 0 0 0;}
}
/* ---------------------------- BOTONES CANTIDAD EN PRODUCTOS --------------------------------*/
.productos-cantidad .quantity-prop-pr {width:35px; height:23px; margin:-5px; text-align:center;}
.productos-cantidad input.quantity-prop-pr, .productos-cantidad input.quantity-plus-prop-pr, .productos-cantidad input.quantity-minus-prop-pr {
font:bold 15px Arial, Helvetica; line-height:15px;}
.productos-cantidad input.quantity-plus-prop-pr, .productos-cantidad input.quantity-minus-prop-pr {width:20px; height:25px;}
#form-cantidad-prop-pr {margin:0 7px; padding:0;}
.quantity-prop-pr {width:45px; height:30px; margin:-5px; text-align:center;}
input.quantity-prop-pr {border-radius:0; background:rgba(255,255,255,0.85);}
input.quantity-prop-pr, input.quantity-plus-prop-pr, input.quantity-minus-prop-pr {padding:0; font:bold 20px Arial, Helvetica; border:solid 1px #aaa;}
input.quantity-plus-prop-pr, input.quantity-minus-prop-pr {width:30px; height:30px; background:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.25));}
input.quantity-plus-prop-pr:hover, input.quantity-minus-prop-pr:hover, input.quantity-plus-prop-pr:focus, input.quantity-minus-prop-pr:focus {
background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.05));}
/* ---------------------- PROPIEDADES FINALIZACION COMPRAS --------------------------------- */
#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
.tpvOk {text-align:center; font-size:20px}
.tpvKo {text-align:center; font-size:20px; color:#F00}
#envio_etiqueta {color:#333333;}
label, .borde {color:#555555;}
hr {border:1px solid #fd6721; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}
input#cupon {background:rgba(255,255,255,0.75);}
.contendedor-login-carrito {width:100%; max-width:1000px; margin:40px auto auto auto;}
/* ----------------------- FORMULARIOS USUARIO Y CONTRASEÑA --------------------------------- */
#login-user-clasica, #login-user-clasica .campo-logins input {box-sizing:content-box;}
#login-user-clasica .campo-logins input {border-radius:5px;}
#login-user-clasica .menu_categorias2 {width:90%;}
.form_login {width:160px; height:20px; margin-top:8px; border:1px Solid rgba(0,0,0,0.3); background:rgba(255,255,255,0.85); font-size:12px; color:#000;}
.form_login:hover {border:1px Solid rgba(0,0,0,0.5); background:#fff; color:#000;}
.login_usuario, .login_pass {font-weight:normal; font-size:12px; color:#000;}
.formularios {width:100%; text-align:center;}
.formularios table {margin:auto;}
.seguridad_form {margin-top:10px; text-align:center;}
.seguridad_form p {margin:0 4px; float:none; display:inline;}
.formularios .privacidad {margin-top:10px; clear:both;}
@media only screen and (max-width: 800px) {
#login-user-contenedor {margin:10px auto 40px auto;}
.icono-logins {margin:0;}
.icono-logins img {width:50px; height:50px;}
.campo-logins {margin:-1px 0 0 60px;}
.campo-logins input {width:200px;}
.contenedor-logins input {padding:7px;}
}
/* ----------------------- ANIMACIONES MENUS MOVIL ---------------------------- */
.dl-menu.dl-animate-in-1 {animation:MenuAnimIn1 0.3s;}
@keyframes MenuAnimIn1 {
0% {transform:translateZ(-500px) rotateY(0deg); opacity:0;}
20% {transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
100% {transform:translateZ(0px) rotateY(0deg); opacity:1;}
}
.dl-menu.dl-animate-out-1 {animation:MenuAnimOut1 0.4s;}
@keyframes MenuAnimOut1 {
0% { }
50% {transform:translateZ(-250px) rotateY(30deg);}
75% {transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
100% {transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {animation:SubMenuAnimIn1 0.4s ease;}
@keyframes SubMenuAnimIn1 {
0% {transform:translateX(50%); opacity:0;}
100% {transform:translateX(0px); opacity:1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {animation:SubMenuAnimOut1 0.4s ease;}
@keyframes SubMenuAnimOut1 {
0% {transform:translateX(0%); opacity:1;}
100% {transform:translateX(50%); opacity:0;}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position:relative; opacity:1; transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {display:block;}
.no-js .dl-menuwrapper li.dl-back {display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content:'';}
/* ----------------------------- ICONOS WEB ------------------------------------*/
[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; -webkit-font-smoothing:antialiased;}
.iconHomeS:before {content:"\e900";}
.iconHomeH:before {content:"\e923";}
.iconCorazonS:before {content:"\e91a";}
.iconCorazonH:before {content:"\e921";}
.iconBuscar:before {content:"\e922";}
.iconCarro:before {content:"\e91c";}
.iconCesta:before {content:"\e91b";}
.iconBolsa:before {content:"\e91d";}
.iconUserS:before {content:"\e91f";}
.iconUserS2:before {content:"\e946";}
.iconUserH:before {content:"\e91e";}
.iconPassS1:before {content:"\e945";}
.iconPassH1:before {content:"\e944";}
.iconPassS2:before {content:"\e943";}
.iconPassH2:before {content:"\e942";}
.iconMenu1:before {content:"\e905";}
.iconMenu2:before {content:"\e924";}
.iconMenu3:before {content:"\e925";}
.iconDirec:before {content:"\e908";}
.iconFax:before {content:"\e90b";}
.iconEmailS:before {content:"\e906";}
.iconEmailH:before {content:"\e909";}
.iconTelefS:before {content:"\e907";}
.iconTelefH:before {content:"\e90a";}
.iconMovil:before {content:"\e917";}
.iconContacto:before {content:"\e926";}
.iconInfo:before {content:"\e947";}
.iconCamionS:before {content:"\e941";}
.iconCamionH:before {content:"\e940";}
.iconStarNormal:before {content:"\e918";}
.iconStarRound:before {content:"\e92e";}
.iconStarHueca:before {content:"\e92c";}
.iconStarBorde:before {content:"\e92d";}
.iconRedes:before {content:"\e916";}
.iconFecha:before {content:"\e919";}
.iconHorario:before {content:"\e93f";}
.iconContraste:before {content:"\e927";}
.iconConfigurar:before {content:"\e928";}
.iconOk:before {content:"\e93e";}
.iconSpinner1:before {content:"\e94d";}
.iconSpinner2:before {content:"\e94e";}
.iconSave:before {content:"\e94f";}
.iconEditar:before {content:"\e950";}
.iconCerrarBold:before {content:"\e90c";}
.iconCerrarMedi:before {content:"\e92f";}
.iconCerrarNorm:before {content:"\e930";}
.iconCerrarFino:before {content:"\e931";}
.iconFlechaTopBold:before {content:"\e901";}
.iconFlechaTopMedi:before {content:"\e932";}
.iconFlechaTopNorm:before {content:"\e933";}
.iconFlechaTopFina:before {content:"\e934";}
.iconFlechaDchaBold:before {content:"\e902";}
.iconFlechaDchaMedi:before {content:"\e935";}
.iconFlechaDchaNorm:before {content:"\e936";}
.iconFlechaDchaFina:before {content:"\e937";}
.iconFlechaBajoBold:before {content:"\e903";}
.iconFlechaBajoMedi:before {content:"\e938";}
.iconFlechaBajoNorm:before {content:"\e939";}
.iconFlechaBajoFina:before {content:"\e93a";}
.iconFlechaIzdaBold:before {content:"\e904";}
.iconFlechaIzdaMedi:before {content:"\e93b";}
.iconFlechaIzdaNorm:before {content:"\e93c";}
.iconFlechaIzdaFina:before {content:"\e93d";}
.iconFacebook:before {content:"\e90d";}
.iconTwitter:before {content:"\e90e";}
.iconWordpressH:before {content:"\e90f";}
.iconWordpressS:before {content:"\e94c";}
.iconBlog:before {content:"\e910";}
.iconInstagram:before {content:"\e911";}
.iconYoutube1:before {content:"\e912";}
.iconYoutube2:before {content:"\e920";}
.iconWhatsapp:before {content:"\e913";}
.iconWhatsappColor .whatPath1:before {content:"\e929"; color:#40a035;}
.iconWhatsappColor .whatPath2:before {content:"\e92a"; color:#ffffff; margin-left:-1em;}
.iconWhatsappColor .whatPath3:before {content:"\e92b"; color:#40a035; margin-left:-1em;}
.iconLinkedin:before {content:"\e914";}
.iconPinterest:before {content:"\e915";}
.iconGoogle .gooPath1:before {content:"\e948"; color:#d7282a;}
.iconGoogle .gooPath2:before {content:"\e949"; color:#45ac43; margin-left:-1em;}
.iconGoogle .gooPath3:before {content:"\e94a"; color:#5177b5; margin-left:-1em;}
.iconGoogle .gooPath4:before {content:"\e94b"; color:#f4c300; margin-left:-1em;}
/* ---------- Estilos de Colores ---------- */
.txtBlan {color:#fff;}
.txtNegr {color:#000;}
.txtOk {color:#0c9b60;}
.txtKo {color:#ba1717;}
.fondoBlanco {background:#fff;}
.fondoNegro {background:#000;}
.trans15 {opacity:0.15;}
.trans25 {opacity:0.25;}
.trans50 {opacity:0.50;}
.trans75 {opacity:0.75;}
.txtBorde {text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.txtFiloNeg1 {text-shadow:-1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 -1px 0 #000, 0 1px 0 #000;}
.txtFiloNeg2 {text-shadow:-2px -2px 0 #000, -2px 0 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, 2px 0 0 #000, 2px 2px 0 #000, 0 -2px 0 #000, 0 2px 0 #000;}
.txtFiloBco1 {text-shadow:-1px -1px 0 #fff, -1px 0 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff;}
.txtFiloBco2 {text-shadow:-2px -2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff;}
.sombraBlanc {text-shadow:0 0 10px #fff;}
.sombraNegra {text-shadow:0 0 10px #000;}
.sombraImagen img {margin:10px 0; box-shadow:0 0 15px rgba(0,0,0,.3);}
.franjaSombraSup {width:100%; height:40px; background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0)); background:-webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));}
.franjaSombraInf {width:100%; height:40px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2)); background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2));}
/* ----------------------------- ESTILOS UTILES VARIOS ----------------------------------------*/
.imags, .formas-pago-cont-item, .profile-items {text-align:center;}
.imags img, .formas-pago-cont-item img, .profile-items img {display:inline;}
.videoYoutube {position:relative; height:0; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_11-5 {padding-bottom:46%;}
.video_16-9 {padding-bottom:56.25%;}
.video_4-3 {padding-bottom:75%;}
.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.just {text-align:justify;}
.ital {font-style:italic;}
.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}
.listaTitular {margin:40px 0 20px 50px; font-weight:400;}
.listaTopos {list-style:disc;}
.listaTopos li, .listaOrdenada li {margin:10px auto 10px 30px;}
.pad-left {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}
.pad-lados {padding:0 20px;}
.flotaDcha {float:right;}
.flotaIzda, .flotar {float:left;}
.subrayado {padding-bottom:5px; border-bottom:solid 1px #999;}
[class^="ancho-"], [class*=" ancho-"] {margin:auto;}
.ancho-5 {width:5%;}
.ancho-10 {width:10%;}
.ancho-15 {width:15%;}
.ancho-20 {width:20%;}
.ancho-25 {width:25%;}
.ancho-30 {width:30%;}
.ancho-33 {width:33.33%;}
.ancho-35 {width:35%;}
.ancho-40 {width:40%;}
.ancho-45 {width:45%;}
.ancho-50 {width:50%;}
.ancho-55 {width:55%;}
.ancho-60 {width:60%;}
.ancho-65 {width:65%;}
.ancho-66 {width:66.66%;}
.ancho-70 {width:70%;}
.ancho-75 {width:75%;}
.ancho-80 {width:80%;}
.ancho-85 {width:85%;}
.ancho-90 {width:90%;}
.ancho-95 {width:95%;}
.ancho-100 {width:100%;}
.ancho100 {width:100%;}
.margen-5 {margin-top:5px;}
.margen-10 {margin-top:10px;}
.margen-15 {margin-top:15px;}
.margen-20 {margin-top:20px;}
.margen-25 {margin-top:25px;}
.margen-30 {margin-top:30px;}
.margen-35 {margin-top:35px;}
[class^="separa-"], [class*=" separa-"], .limpiar, .separar {width:100%; clear:both;}
.separa-01 {height:1px;}
.separa-02 {height:2px;}
.separa-03 {height:3px;}
.separa-05 {height:5px;}
.separa-10 {height:10px;}
.separa-15 {height:15px;}
.separa-20 {height:20px;}
.separa-25 {height:25px;}
.separa-30 {height:30px;}
.separa-40 {height:40px;}
.separa-50 {height:50px;}
.separa-60 {height:60px;}
.separa-70 {height:70px;}
.separa-80 {height:80px;}
.separa-90 {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}
/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/
.redondea {border-radius:8px;}
a, img, .sombra, .ampliaCapa, .carro-flotante, .efectos, input, textarea, #menu-fondo {transition:all 0.4s;}
.productos-contenedor, .productosImagen img, .fichaBotonera, .productos-botonera, .vista-rapida-ficha {transition:all 0.5s;}
.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.6;}
.respland img {box-shadow:0 0 0 #fff;}
.respland img:hover {box-shadow:0 0 5px #fff;}
.sombra {box-shadow:0 0 0 rgba(0,0,0,0);}
.sombra:hover {box-shadow:0 0 6px rgba(0,0,0,0.5);}
.ampliar img, .amplia2 img {transform:scale(1);}
.ampliar img:hover {transform:scale(1.18);}
.amplia2 img:hover {transform:scale(1.05);}
.ampliaCapa {transform:scale(1);}
.ampliaCapa:hover {transform:scale(1.18);}
.desplaza img, .ruleta img {margin-top:0; padding-bottom:0;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}
.ruleta img:hover {margin-top:-30px; padding-bottom:30px;}
.circulo img, .cuadrado img:hover {border:solid 2px #fff; border-radius:0;}
.circulo img:hover, .cuadrado img {border:solid 2px #fff; border-radius:50%;}
.grises img {filter:grayscale(100%);}
.grises img:hover {filter:none;}
/* ----------------------------- ESTILOS FORMULARIOS ------------------------------------*/
.seccion-form, .campos, .selector, .form-label-privacidad a {font:15px Arial, Helvetica; text-decoration:none;}
.form-container {width:100%; max-width:560px; margin:20px auto auto auto; background:rgba(255,255,255,.95); border:solid 1px #ddd;}
.form-container ul {margin:0; padding:20px;}
.campos {width:95%; max-width:95%; padding:10px; border-radius:5px; border:solid 1px rgba(0,0,0,.2); background:rgba(0,0,0,.02); box-shadow:0 0 5px rgba(0,0,0,.3);}
.campos:hover {border:solid 1px rgba(0,0,0,0.5); background:#fff; box-shadow:0 0 5px rgba(0,0,0,.6);}
.campos, .form-button button {transition:all 0.3s;}
.selector {min-width:50%; max-width:90%; padding:6px; border-radius:5px; border:solid 1px rgba(0,0,0,.3); box-shadow:0 0 5px rgba(0,0,0,.3);}
.form-ul {margin:0; padding:10px 25px; list-style:none;}
.form-ul li {clear:both; padding:0 0 20px 0;}
.form-label-text {width:90%; margin-left:8px; line-height:36px; text-align:left;}
.form-field-text, .form-field-area, .form-field-select {width:97%; height:40px; margin-left:10px;}
.form-field-area {height:105px;}
.form-field-area textarea {height:80px; max-height:80px;}
.form-field-select, .form-field-option, .form-field-check {margin-left:25px;}
.form-label-privacidad {width:65%; padding-top:2px; text-align:right; float:left; display:inline;}
.form-field-privacidad {margin-left:10px; float:left; display:inline;}
.form-button {width:100%; margin-top:10px; text-align:center;}
.form-button button {width:140px; height:35px; border:solid 1px rgba(0,0,0,0.4); border-radius:5px; background:rgba(0,0,0,0.5); color:#fff;}
.form-button button:hover {width:150px; background:rgba(0,0,0,0.7);}
.check {margin:5px 5px 0 0;}
.error {color:#FF0004;}
#formulario-seccion-recaptcha {text-align:center;}
#recaptcha_area {margin:30px auto auto auto;}
/* ----------------------------- ESTILOS RGPD ------------------------------------*/
.text-checkbox-privacidad, .text-checkbox-noticias, .text-checkbox-carrito {font-size:70%; padding:10px; border:solid 1px; margin:5px 0 20px 0;}
/*CSS_SECCION_FAQ*/
#seccion-faqs{width:100%; margin:0 0 5px 0;}
#seccion-faqs dt{cursor:pointer; font-weight:bold; font-size:110%; padding:10px; margin-top:15px;
border:solid 2px rgba(0,0,0,.4); background:rgba(0,0,0,0.05);border-radius:8px;}
#seccion-faqs dt.active{color:#818181;}
#seccion-faqs dt:hover{color:#818181;}
#seccion-faqs dd{height:0; overflow:hidden; position:relative; padding:10px; margin:-1px 10px 10px 10px; border:solid 1px rgba(0,0,0,.2); border-radius:0 0 8px 8px;}
/*CSS_DESCUENTOS_CANTIDADES_PRODUCTOS*/
#dtoCantidadProducto {width:100%; max-width:700px; margin:20px auto auto auto; padding:7px; text-align:center; font-family:Arial, Helvetica, sans-serif;
border-radius:10px; background:rgba(0,0,0,0.05); border:solid 1px #cccccc;}
#dtoCantidadProducto, .dtoTxtTitu, .dtoTxtNorm, .dtoTxtTitular {box-sizing:border-box;}
#dtoCantidadProducto table {width:100%; margin:auto; border-collapse:separate;}
#dtoCantidadProducto td {width:32.7%; margin:.15% .3%; border-radius:5px; text-align:center; vertical-align:middle;}
.dtoTxtTitu, .dtoTxtNorm, .dtoTxtTitular {padding:10px; font-size:16px; line-height:17px;}
.dtoTxtTitular {width:99.6%; margin:.15% .3%; color:#fff; font-weight:bold; font-size:18px; border-radius:5px; background:rgba(0,0,0,0.8); border:solid 1px #999999;}
.dtoTxtTitu {font-weight:bold; color:#fff; background:rgba(0,0,0,0.5); border:solid 1px #999999;}
.dtoTxtNorm {font-weight:normal; color:#000; background:#fff; border:solid 1px #cccccc;}
.dtoTxtVar {font-size:70%;}