/* Theme Name: Mamut Store Template Theme URI: http://www.fijaciones.com/ Author: Mamut Description: Version: 2.0 */ /* CSS Document */ @font-face { font-family: "Lato"; src: url("font/Lato-Regular.ttf") format('truetype'); font-size:100%; } @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); * { border: 0; padding: 0; margin: 0; /*font-size: 0;*/ } /*body { background: #FFF url(images/bg-page.jpg) top center repeat-x; font-family: 'Source Sans Pro', sans-serif; }*/ body { background: #FFF url(images/bg-page.jpg) top center repeat-x; font-family: 'Lato', sans-serif; } .clear { clear: both; } p, a, li, span, label, b, strong { font-size: 11px; } h1, h2, h3, h4 { font-size: 12px; } .site, .site2, .footer { width: 960px; margin: 0 auto; } /*.site, .site2, .footer { width:960px !important; margin: 0 auto !important; }*/ .hide { display: none; } pre { font-size: 14px; color: #F00; } a { color: #757575; text-decoration: none; } /*#content a:hover {color: #FFB501 !important; text-decoration: none; } //#content a:hover { color: #000 !important; text-decoration: underline !important; }*/ #content a:hover {color: #FFB501; text-decoration: none; } //#content a:hover { color: #000 !important; text-decoration: underline !important; } /* COMMONS */ #content { padding-bottom: 40px; } .flo_l { float: left; } .flo_r { float: right; } .mar_l_20 { margin-left: 20px; } .mar_r_20 { margin-right: 20px; } .box-44 { width: 100%; margin: 0px 0; clear: both; display: block; } .box-14 { width: calc(30% - 20px) !important; margin: 0; display: block; vertical-align: top; } .box-24 { width: calc(50% - 20px); margin: 0; display: block; } .box-34 { width: calc(70% - 20px) ; margin: 0; display: block; } .linea { border-top: 1px solid #CCC; clear: both; } /* HEADER */ header h1 { width: 286px; height: 84px; background: url(images/logotipo.jpg) 0 0 no-repeat; float: left; } header h1 a { display: block; width: 286px; height: 84px; overflow: hidden; text-indent: -99999px; } header { height: 84px; } header .contact { display: table; float: right; } header .contact .phone { display: table-cell; vertical-align: middle; background: url(images/ico-telefono.jpg) left center no-repeat; padding-left: 40px; padding-right: 15px; } header .contact .mailto { display: table-cell; vertical-align: middle; background: url(images/ico-mail.jpg) left center no-repeat; padding-left: 40px; padding-right: 15px; } header .contact .iso9001 { display: table-cell; vertical-align: middle; } header .contact p { color: #818181; font-size: 14px; } header .contact a { color: #000; font-size: 14px; font-weight: 700; text-decoration: none; } nav { clear: both; height: 45px; } nav #primary-nav { float: right; display: table; } nav #primary-nav ul { display: block; } nav #primary-nav ul li { display: inline-block; } nav #primary-nav ul li a { display: table; padding-left: 10px; line-height: 45px; color: #FFF; font-size: 12px; text-decoration: none; } nav #primary-nav ul li a:hover {color: #FFB501 !important; } nav #secondary-nav { display: table; } nav #secondary-nav ul { display: block; } nav #secondary-nav ul li { display: inline-block; } nav #secondary-nav ul li a { display: table; padding-left: 10px; line-height: 45px; color: #FFF; font-size: 12px; text-decoration: none; text-transform: uppercase; } nav #secondary-nav ul li a:hover {color: #FFB501 !important; } #buscador-carro { clear: both; height: 40px; padding: 5px; } #buscador-carro form { display: table; float: left; } #buscador-carro form input[type="text"] { display: table; border: 0; padding: 10px; height: 20px; background-color: #FFF; color: #666; font-size: 16px; font-weight: 100; line-height: 20px; width: 380px; float: left; } #buscador-carro form input[type="submit"] { display: table; width: 40px; height: 40px; text-indent: -999px; overflow: hidden; cursor: pointer; background: #000 url(images/ico-lupa.jpg) center center no-repeat; margin-left: 10px; float: left; } #buscador-carro form a.btnBusqueda { display: table-cell; font-size: 12px; width: 100px; line-height: 14px; float: left; margin-left: 10px; margin-top: 6px; color: #333; text-decoration: none; } #buscador-carro #resumenCarro { display: table; float: right; width: 350px; } #buscador-carro #resumenCarro a.btnCheckout { display: table; cursor: pointer; background: #000 url(images/ico-carro.jpg) 10px center no-repeat; margin: 0 0 0 10px; float: right; padding: 0 10px 0 32px; line-height: 40px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; } #buscador-carro #resumenCarro a.btnCheckout hover { color: #FFB501 !important; text-decoration: none !important; } #buscador-carro #resumenCarro p { color: #333; font-size: 14px; line-height: 16px; text-align: right; padding-top: 4px; } #buscador-carro #resumenCarro h4 { color: #000; font-size: 14px; line-height: 16px; text-align: right; font-weight: bold; } /* sidebar { display: block; background-color: #F4F4F4; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; } sidebar h2 { line-height: 18px; font-size: 18px; margin-bottom: 10px; color: #212121; padding-left: 8px; } sidebar ul { list-style: none none; } sidebar > ul > li { margin: 15px 0 10px; padding-left: 8px; } sidebar > ul > li > a { color: #212121; text-decoration: none; line-height: 16px; font-size: 16px; display: block; background-color: #F4F4F4; padding-left: 8px; } sidebar > ul > ul { margin-top: -5px; } sidebar > ul > ul li { margin-left: 17px; margin-bottom: 6px; } sidebar > ul > ul li a { color: #212121; text-decoration: none; line-height: 16px; font-size: 14px; } sidebar > ul > ul > ul { margin-left: 10px; } sidebar > ul > ul > ul li a { color: #777; } sidebar li.select { font-weight: 700; } */ sidebar { display: block; background-color: /*#FFB501*/ #FFFFFF !important; border: #000000 0 solid; margin-top: -15px; margin-right: 1px; padding-top: 0px; padding-bottom: 0px; } /*sidebar h2 {background-color: #000000 !important; color:#FFFFFF; height:40px; line-height:40px; vertical-align:middle !important; text-align:center; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-style:normal !important; }*/ sidebar h2 {background-color: #000000 !important; color:#FFFFFF; height:40px; line-height:40px; vertical-align:middle !important; text-align:center; font-family: 'Lato', sans-serif; font-size: 12px; font-style:normal !important; } sidebar ul { list-style: none none; } sidebar > ul > li { margin: 1px 0 1px; padding-left: 8px; } sidebar > ul > li > a { color: #000000; text-decoration: none; line-height: 40px; font-size: 12px; display: block; background:rgba(0,0,0,0) !important; padding-left: 40px; } sidebar > ul > li > a:hover {color: #FFFFFF !important; text-decoration: none !important; } sidebar > ul > ul { margin-top: -5px; } sidebar > ul > ul li { margin-left: 17px; margin-bottom: 6px; } sidebar > ul > ul li a {color: #000000 !important; text-decoration: none !important; line-height: 16px; font-size: 12px; } sidebar > ul > ul li a:hover {color: #000000 !important; text-decoration: underline !important; } sidebar > ul > ul > ul { margin-left: 10px; } sidebar > ul > ul > ul li a color: #000000; text-decoration:none; } sidebar > ul > ul > ul li a:hover {color: #000000 !important; text-decoration: underline !important;} sidebar li.select { font-weight: 700; } #banner-home { background: url(images/img-pernos-home.jpg) top right no-repeat; height: 250px; margin-left: 40px; } #banner-home h1 { line-height: 28px; font-size: 22px; color: #212121; display: block; width: 200px; font-weight: 100; margin-top: 20px; } .btns { display: table; margin: 10px 0; border: 3px solid #FFCB02; padding: 5px 10px; text-transform: uppercase; color: #212121; font-size: 16px; line-height: 20px; text-decoration: none; } #productos-destacados { margin-left: 40px; } #productos-destacados ul { list-style: none none; display: block; } #productos-destacados ul li { display: inline-block; width: 221px; margin-right: 18px; text-align: center; } #productos-destacados ul li:last-child { margin-right: 0; } #productos-destacados ul li a { color: #777777; text-decoration: none; } h2.line { margin: 10px 0; } h2.line b { background-color: #FFF; display: table; padding-right: 10px; line-height: 26px; font-size: 18px; letter-spacing: 1px; } h2.line:before { content: ''; display: block; width: 100%; height: 10px; border-bottom: 1px solid #444; margin-bottom: -13px; } #ventajas { padding-top: 40px; } #ventajas div.box-14 { display: inline-block; width: calc(25% - 20px); margin-right: 20px; } #ventajas div.box-14:last-child { margin-right: 0; } #ventajas > div > a { width: 100%; display: block; text-align: center; margin: 20px 0; } #ventajas div p { color: #888888; font-size: 14px; line-height: 18px; } #ventajas div p a { color: #FFB501; text-decoration: none; font-size: 12px; } #mas-ventajas { width: calc(25% - 40px) !important; padding-left: 40px; } #mas-ventajas > ul { list-style: none none; } #mas-ventajas > ul > li { display: block; clear: both; height: 70px; padding-top: 20px; } #mas-ventajas > ul > li > a { float: left; margin-right: 10px; } #mas-ventajas > ul > li > h3 { width: 70px; float: left; color: #888888; font-size: 14px; font-weight: 100; padding-top: 10px; } /* #accesos-directos { display: block; height: 60px; padding: 20px 0; } #accesos-directos ul { list-style: none; display: block; } #accesos-directos ul li { display: inline; width:100%; height: 60px; float: left; } #accesos-directos ul li a { } #accesos-directos ul li h3 { width: 88px; color: #888888; font-size: 14px; font-weight: 100; padding-left: 6px; vertical-align: middle; line-height: 18px; display: table-cell; } */ #accesos-directos { display: block; height: 60px; padding: 20px 0; } #accesos-directos ul { list-style: none; display: block; } #accesos-directos ul li { display: inline; width:16%; height: 60px; float: left; } #accesos-directos ul li a { } #accesos-directos ul li h3 { width: 88px; color: #888888; font-size: 14px; font-weight: 100; padding-left: 6px; vertical-align: middle; line-height: 18px; display: table-cell; } #line-yellow { border-top: 5px solid #FFB501; } #mamut { margin: 35px 0px 30px; } #sucursales { width: 380px; float: left; padding-right: 20px; } #sucursales div { width: 150px; float: left; padding-left: 40px } #sucursales div h4 { font-size: 14px; color: #767676; } /*#sucursales div p { color: #A3A3A3; font-size: 11px; font-family: 'Open Sans', sans-serif; }*/ #sucursales div p { color: #A3A3A3; font-size: 11px; font-family: 'Lato', sans-serif; } #sucursales div#chile { background: url(images/flag-chile.jpg) 0 0 no-repeat; } #sucursales div#peru { background: url(images/flag-peru.jpg) 0 0 no-repeat; } #empresas { width: 380px; float: left; padding-right: 20px; } /*#empresas > h3 { margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #757575 }*/ #empresas > h3 { margin-bottom: 10px; font-family: 'Lato', sans-serif; font-size: 12px; color: #757575; text-transform: uppercase;} #empresas div { width: 160px; float: left; } /*#empresas div h4 { font-size: 14px; color: #757575; font-family: 'Open Sans', sans-serif; } #empresas div p { color: #A3A3A3; font-size: 11px; font-family: 'Open Sans', sans-serif; }*/ #empresas div h4 { font-size: 12px; color: #757575; font-family: 'Lato', sans-serif; } #empresas div p { color: #A3A3A3; font-size: 10px; font-family: 'Lato', sans-serif; } #formas-pago { width: 160px; float: left; } footer { clear: both; padding-top: 20px; display: block; } .menu-inferior-container { border-top: 1px solid #DFDFDF; padding: 20px 0; } .menu-inferior-container ul { list-style: none none; display: table; margin: 0 auto; } .menu-inferior-container ul li { display: table-cell; padding: 0 5px; border-right: 1px solid #DFDFDF; } .menu-inferior-container ul li:last-child { border-right: 0; } .menu-inferior-container ul li a { font-family: 'Lato', sans-serif; font-size: 12px; color: #888888; text-decoration: none; } #brium { text-align: center; margin-bottom: 30px; } #brium p { font-family: 'Lato', sans-serif; font-size: 12px; color: #888888; font-weight: 700; display: block; margin-bottom: 20px; } #breadcrumb { display: block; padding: 0 0 10px; margin-top: -10px; } #breadcrumb > span { display: inline-table; padding: 0 10px; border-right: 1px solid #ccc; } #breadcrumb > span:last-child { border-right: 0; } #breadcrumb > span:first-child { padding-left: 0; } #breadcrumb a { font-size: 12px; text-decoration: none; color: #858585; } #center { padding-left: 20px; width: 70%; } #center h1 { display: block; line-height: 28px; margin-left: -20px; font-size: 24px; font-weight: 100; padding: 0 20px 10px; color: #FFF; } #subcategorias { display:block; margin: 0 0; vertical-align: top; } /*#subcategorias div.sub { width: 220px; float: left; margin-right: 30px; }*/ #subcategorias div.sub { width: 205px; float: left; margin-right: 20px; vertical-align: top; } #subcategorias div.sub:nth-child(3n+0) { margin-right: 0; } #subcategorias div.sub:nth-child(3n+4) { clear: both; margin-top: 0px; } #subcategorias div.sub h2 { padding: 10px 0; } #subcategorias div.sub h2 a { font-size: 18px; font-weight: 100; color: #000; text-decoration: none; } #subcategorias div.sub p { color: #777777; font-size: 14px; line-height: 18px; display: block; margin-bottom: 15px; } #subcategorias div.sub ul { list-style: none none; } #subcategorias div.sub ul li { } #subcategorias div.sub ul li a { color: #777777; font-size: 14px; line-height: 22px; text-decoration: none; } #subcategorias div.sub a:hover { color: #FFB501; text-decoration: none; } #productos { display: block; margin: 20px 0; } #productos div.prds { width: 205px; float: left; margin-right: 20px; vertical-align: top; } #productos div.prds:nth-child(3n+0) { margin-right: 0; } #productos div.prds:nth-child(3n+4) { clear: both; margin-top: 0px; } #productos div.prds h2 { padding: 5px 0 10px; } #productos div.prds h2 a { font-size: 18px; font-weight: 100; color: #000; text-decoration: none; } #productos div.prds img { float: center; width: 100% !important; height: auto !important; } .producto h1 { color: #000 !important; } .producto .imagenes { height: 231px; font-size: 0; text-align:justify; } /*.producto .imagenes img { float: left; width: 360px; height: 231px; }*/ .producto .imagenes img { float: left; width: 50%; height: auto; } .producto table { width: 100%; border-width: 0 1px 1px 0; border-style: solid; border-color: #C9C9C9; } .producto table td { padding: 4px 5px; border-width: 1px 0 0 1px; border-style: solid; border-color: #C9C9C9; text-align: center; } .producto table thead td { font-size: 15px; color: #FFF; font-weight: 700; background-color: #000; line-height: 14px; } .producto table tbody td { font-size: 12px; color: #000; } .producto table tbody td.gris { background-color: #C9C9C9 !important; } /*.producto table tbody td input[type="number"] { border: 1px solid #C9C9C9; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 3px; line-height: 13px; float: left; width: 30px; font-size: 13px; text-align: center; } .producto table tbody td input[type="number"]::-moz-inner-spin-button, .producto table tbody td input[type="number"]::-moz-outer-spin-button, .producto table tbody td input[type="number"]::-webkit-inner-spin-button, .producto table tbody td input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }*/ /*.producto a.moreItem { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #D9D9D9; color: #000; font-size: 12px; padding: 3px 3px; float: left; line-height: 17px; cursor: pointer; } .producto a.minusItem { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #D9D9D9; color: #000; font-size: 12px; padding: 3px 4px; float: left; line-height: 17px; cursor: pointer; }*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .producto table tbody tr:hover td[rowspan] { background-color: white; } .producto table tbody tr:hover td { background-color: #F4F4F4; } .btnBlack { display: table; cursor: pointer; background-color: #000; margin-left: 10px; float: right; padding: 0 10px 0 36px; line-height: 40px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; } .btnBlack.verpdf { background: #000 url(images/ico-zoom.jpg) 10px center no-repeat; } .btnBlack.descarga { background: #000 url(images/ico-descarga.jpg) 10px center no-repeat; } .btnBlack.AddCarro { background: #000 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAgICAgICAgICAgMCAgICAwQDAwMDAwQFBAQEBAQEBQUFBQYFBQUHBwcHBwcJCQkJCQkJCQkJCQkJCQn/2wBDAQICAgQDBAcFBQcJCAcICQsKCgoKCwsJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQn/wAARCAAkACQDAREAAhEBAxEB/8QAGwAAAgMAAwAAAAAAAAAAAAAABwgEBQYACQr/xAAsEAABBQABAwMDAgcAAAAAAAADAQIEBQYHABESCBMhFCIxI0EWJSYyQlOh/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APP/ANAbvT3hK/dcz8O53V08yditjybUZO1VFkRgTBlkx0lxWSwqxzXoE7Vd4PR7Ue1fjui9AGywpoI0WaaJKDDne6kKWUTmhkewqNL7T1Txf4KvZ3b8fv0BC4/4g5B5QjXk3F0sSfAzZYMe7sbK3rKWHFNZodYYnSLWVFE4h0imVjGuVyoN69uyL0GT1OYuMZfWGa0AoYLercJswVfPh2kdqmEwzfCXAMeMT7Hp38CL2X7V7ORUQC1n/Tttb/HZrdP0fFObode2eTPLtN3QUEyWyslkgyXJEnyxGRGHGqfLfx2d/a5qqDX+mGPouCthVl1Wn9PO941bqanYWWQXl/JR5MS8oye7X3NRIdPX6aYD5G//AAOBzwF+Fa5gCrlLjnbcnX8ec/demvOZigrmZ3CYip5ayq1mboo7nOBBjedh5EcrnuLIO/8AUkHeQxFV716Cg5WycriL0/ccYSZb5a4teTOQb7lOzm466hX1aWnoY4s/ReE2AQoCOZMfdNd2d9q/b+fLoFK6Bj6b+tvTJrqZf1bfg/fw+QK1F+XtzG2aCju/n8owFrEqPFPx3kEX4VV8gXDoOdAxnqc/lG5zXHDPtFw/xhlOOzC/1W7IKW2hZ2/bxvrGcn/V+egXPoGM9LxZz+SLGmSBRWWX0fHmtreRo2nnS62rHk41WazsZh5MAEmWxa/6NkwXshIRxQjawbnKidA2Gm459F2Sh4+xt5+U+g3eWbscxLiXnIJxyq36+ZVvevjnfIbxzYEgL2PRHI5i/HZUVQvcBgfQzPafeWNjmRYTC6bNB2U5bTemMxlxLegQx4hc+z6ohBxTuRnw3sx3m5qdB1/c8R9VH5q5W/jdYjtbK5AvbPQFgH+qiGmWE0kp5o5uzfcEX3fMbuyKrVTuiL8dAJ+g02P2OlwGjrtZkLU1Lf1fvJEnCYMye3JC+NICUJ2kCcJwEeIwSscMg3OY9rmuVOgnbvkLXcl3Q7/ZWYrGfGrgU8AMKDDqq+vr4vkoYcCurgxoUMDFe5yCAJjPJzndvJyqoTuPuU9xxdKs5WNtIURt1EHCuK25qa2/q5wwFQ4FkVtxGmQivAVEeEjhK8bvuY5q9BlL++utTeW+l0dnMur++sZFvc29iRTSZkyU9SmMV7vlznvcqr0FR0H/2Q==) 10px center no-repeat; padding-left: 48px; } #archivosPdf a:hover { color: #FFB501 !important; text-decoration: none !important } button hover { color: #FFB501 !important; text-decoration: none !important } #content > #breadcrumb { margin: 5px; } content.page { } content.page h1, content.page h2, content.page h3, content.page h4 { display: block; font-weight: 100; line-height: 140%; margin-top: 10px; } content.page h1 { font-size: 20px; color: #000; } content.page h2 { font-size: 18px; color: #333; } content.page h3 { font-size: 15px; color: #444; } content.page h4 { font-size: 12px; color: #555; font-weight: 700 !important; } content.page ul, content.page { list-style-position: inside; font-size: 12px; line-height: 21px; } content.page p, content.page strong { font-size: 12px; line-height: 21px; } content.page p { padding-bottom: 10px; } content.page blockquote p { padding-bottom: 0; } blockquote { border-left: 10px solid #ccc; margin: 5px 0; padding: 5px 10px 5px 10px; background-color: #F2F2F2; } img.alignright { float: right; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; } img.alignleft { float: left; padding-right: 10px; padding-bottom: 10px; padding-top: 5px; } img.aligncenter { display: block; margin: 10px auto; } body.fixed { background-position: center 19px; } body.fixed .siteyellow { position: fixed; top: 0; z-index: 200; width: 100%; height: 50px; overflow: hidden; } body.fixed .site2 { margin-top: 70px; } .siteyellow { background-color: #FFCB02; } #buscador-carro { width: 960px; margin: 0 auto; } /*#buscador-carro { width:90% !important; margin: 0 auto !important; }*/ .carrito { width: 100%; } .carrito th, .carrito td { padding: 3px; } .carrito th { background-color: #CCC; color: #FFF; font-size: 15px; } .carrito td { color: #333; font-size: 14px; } .carrito th.stock { width: 75px; } .carrito td.mny { text-align: right; font-weight: bold; } /*.carrito tbody td input[type="number"] { -webkit-appearance: none; border: 1px solid #C9C9C9; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 3px; line-height: 13px; float: left; width: 30px; font-size: 13px; text-align: center; } .carrito tbody td input[type="number"]::-moz-inner-spin-button, .carrito tbody td input[type="number"]::-moz-outer-spin-button, .carrito tbody td input[type="number"]::-webkit-inner-spin-button, .carrito tbody td input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }*/ /*.carrito a.moreItem { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #D9D9D9; color: #000; font-size: 12px; padding: 3px 3px; float: left; line-height: 17px; cursor: pointer; } .carrito a.minusItem { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #D9D9D9; color: #000; font-size: 12px; padding: 3px 4px; float: left; line-height: 17px; cursor: pointer; }*/ .noCnr { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .AddCarro { float: right; } .delItem { padding: 2px 8px 4px; background-color: #C00; color: #FFF; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-decoration: none; font-weight: bold; } .oscuro { display: block; background-color: #ccc; text-align: center; padding: 80px 0; } .btnUpdate { cursor: pointer; background: #000 url(images/ico-carro.jpg) 10px center no-repeat; margin-left: 10px; float: right; padding: 0 10px 0 32px; line-height: 30px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; display: none; } #divCheckout { display: block; width: 100%; } #divCheckout > div { display: block; float: left; width: calc(33% - 31px); padding: 10px; margin-right: 20px; background-color: #F2F2F2; } #divCheckout > div:nth-child(3) { margin-right: 0 !important; } #divCheckout > div h2 { display: block; background-color: #555; color: #FFF; font-size: 22px; line-height: 40px; margin: -10px -10px 0; padding: 0 10px; } #divCheckout p { padding-bottom: 0; } #divCheckout label { font-size: 13px; line-height: 17px; display: block; padding-top: 5px; } #divCheckout div.info { display: table; width: 100%; } #divCheckout div.info p { display: table-cell; font-size: 14px; color: #444; } #divCheckout div.info p:nth-child(2), .tb_resumen td:nth-child(2) { text-align: right; } .line_dot { border-top: 1px dotted #ccc; margin: 5px -10px; } .tb_resumen { width: 100%; background-color: #F2F2F2; margin: 10px 0; } .tb_resumen td { font-size: 14px; padding: 3px 0; } #divCheckout input[type="text"], #divCheckout input[type="password"], .wppb-user-forms input[type="text"], .wppb-user-forms input[type="password"] { border: 1px solid #CCC; padding: 5px 8px; display: block; width: calc(100% - 20px); height: 24px; line-height: 14px; font-size: 14px; } #divCheckout select { border: 1px solid #CCC; display: block; width: calc(100% - 2px); height: 36px; font-size: 14px; } #divCheckout input[type="submit"], #divCheckout button, .wppb-user-forms input[type="submit"], .btnCheckout { display: table; cursor: pointer; background-color: #000; margin: 10px 0; padding: 0 10px; line-height: 30px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; } .btnCheckout.a hover { color: #FFB501 !important; text-decoration: none !important } #divCheckout > div h4 { font-size: 15px; color: #333; font-weight: 100; border-top: 1px dotted #ccc; padding: 5px 10px 0; line-height: 17px; margin: 5px -10px; } #divCheckout button.btnEditar { background-color: #888; } #divCheckout #paso_1 a.opcion { display: block; padding: 10px; background-color: #FFCB02; font-size: 18px; text-decoration: none; color: #333; margin: 0 -10px 1px; font-weight: 600; } #divCheckout #paso_1 a.opcion p { display: block; font-size: 14px; font-weight: 100; } .hideDiv { display: none; } .recordar { float: right; text-decoration: none; color: #333; } .ordenDetalle table { width: 100%; } .ordenDetalle table th { background-color: #CCC; color: #FFF; font-size: 16px; padding: 5px; } .ordenDetalle table tr:hover { background-color: #fff6ce; } .ordenDetalle table td { font-size: 15px; color: #222; padding: 5px; } td.rt { text-align: right; } td.ct { text-align: center; } .ordenDetalle h3 { color: #FFCB02 !important; background-color: #000; padding: 3px 8px; } div.mensaje { background-color: #fff6ce; padding: 12px; color: #000; font-size: 14px; line-height: 16px; } .wppb-user-forms { width: 60%; } .buscador content > article { padding-bottom: 20px; clear: both; } .buscador content > article > a { display: block; width: 200px; float: right; padding-left: 20px; } .buscador content > article > a > img { width: 180px; height: auto; } .buscador content > article > div { display: block; } .buscador content > article > div a { color: #000; text-decoration: none; } .servicio_cliente { display: block; } .servicio_cliente li { display: block; width: 25%; height: 300px; text-align: center; float: left; } .servicio_cliente li img { } .servicio_cliente li h4 { display: table; background-color: #FFCC02; color: #202020; padding: 3px 5px; margin: 15px auto 5px; font-size: 14px; font-weight: 100; } .servicio_cliente li a { display: block; text-decoration: none; color: #202020; line-height: 20px; } .unidad { position: relative; } .unidad p { display: none; position: absolute; background-color: #FFEFBF; border-color: 1px solid #888888; padding: 3px; font-size: 11px; margin-top: -1px; right: -35px; } .unidad:hover p { display: table; } #breadcrumb { background: #FFF url(images/home.png) 0 0px no-repeat; } #breadcrumb .home{ padding-left: 21px; } .producto table thead td span{ font-size: 15px; } .menuMobile { display: none; } .msjCarro { background-color: red; padding: 8px; display: table; font-size: 14px; line-height: 16px; color: white !important; } .noCnr.sinStock { border-color: red !important; } .moreItem.sinStock { background-color: red !important; color: white !important; } /*----------------------------------------------------------------------------*/ .box{ align-items: center; padding-left: 20px; display: flex; } .plusminus { display: inline-block; position: relative; font-size: 0; overflow: hidden; border-radius: 3px; width: 100px; height: 33px; } .plusminus a { display: block; width: 33px; height: 33px; position: absolute; margin: 0; padding: 0; border: 0; background: #000; color: #fff; font-size: 30.8px; font-family: bonds, sans-serif; cursor: pointer; -moz-transition: color 200ms; -o-transition: color 200ms; -webkit-transition: color 200ms; transition: color 200ms; text-align: center; } .plusminus a:focus { outline: none; color: #2bebaf; } .plusminus a:disabled { background: #999; color: #ccc; cursor: default; } .plusminus a:first-child { bottom: 0; } .plusminus a:first-child:before { content: "-"; } .plusminus a:last-child { top: 0; } .plusminus a:last-child:before { content: "+"; } .plusminus a:last-child:focus { color: #ff6367; } .plusminus input[type="number"] { left: 0px; position: absolute; width: 33px; height: 33px; top: 33px; margin: 0; border: 0; font-size: 17.6px; font-weight: bold; text-align: center; -moz-appearance: textfield; outline: none; } .plusminus input[type="number"]::-webkit-outer-spin-a, .plusminus input[type="number"]::-webkit-inner-spin-a { -webkit-appearance: none; margin: 0; } .plusminus:after { position: absolute; font-size: 9.68px; left: 0; right: 0; line-height: 1; padding: 3.52px 0 3.52px 0; width: 44px; margin: 0 auto; border-top: 1px solid #ccc; color: #888; text-align: center; bottom: 34%; } .plusminus.stacked { width: 88px; height: 88px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .plusminus.stacked:after { width: 100%; bottom: 50%; } .plusminus.stacked a { float: none; top: auto; bottom: 0; } .plusminus.stacked a:first-child { left: 0; } .plusminus.stacked a:last-child { right: 0; } .plusminus.stacked input[type="number"] { top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #eee; width: 100%; } .plusminus.stacked input[type="number"]:after { width: 100%; } .plusminus { width: 100px; height: 33px; } .plusminus a:first-child { left: 0; } .plusminus a:last-child { right: 0; } .plusminus:after { bottom: 0; } .plusminus input[type="number"] { position: absolute; top: 0; left: 33px; } @media screen and (max-width: 600px){ .plusminus { display: inline-block; position: relative; font-size: 0; overflow: hidden; border-radius: 3px; width: 33px; height: 100px; } .plusminus a { display: block; width: 33px; height: 33px; position: absolute; margin: 0; padding: 0; border: 0; background: #000; color: #fff; font-size: 30.8px; font-family: bonds, sans-serif; cursor: pointer; -moz-transition: color 200ms; -o-transition: color 200ms; -webkit-transition: color 200ms; transition: color 200ms; text-align: center; } .plusminus a:focus { outline: none; color: #2bebaf; } .plusminus a:disabled { background: #999; color: #ccc; cursor: default; } .plusminus a:first-child { bottom: 0; } .plusminus a:first-child:before { content: "-"; } .plusminus a:last-child { top: 0; } .plusminus a:last-child:before { content: "+"; } .plusminus a:last-child:focus { color: #ff6367; } .plusminus input[type="number"] { left: 0px; position: absolute; width: 33px; height: 33px; top: 33px; margin: 0; border: 0; font-size: 17.6px; font-weight: bold; text-align: center; -moz-appearance: textfield; outline: none; } .plusminus input[type="number"]::-webkit-outer-spin-a, .plusminus input[type="number"]::-webkit-inner-spin-a { -webkit-appearance: none; margin: 0; } .plusminus:after { position: absolute; font-size: 9.68px; left: 0; right: 0; line-height: 1; padding: 3.52px 0 3.52px 0; width: 44px; margin: 0 auto; border-top: 1px solid #ccc; color: #888; text-align: center; bottom: 34%; } .plusminus.stacked { width: 88px; height: 88px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .plusminus.stacked:after { width: 100%; bottom: 50%; } .plusminus.stacked a { float: none; top: auto; bottom: 0; } .plusminus.stacked a:first-child { left: 0; } .plusminus.stacked a:last-child { right: 0; } .plusminus.stacked input[type="number"] { top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #eee; width: 100%; } .plusminus.stacked input[type="number"]:after { width: 100%; } }