@charset UTF-8; @import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700); @import url(https://fonts.googleapis.com/css?family=Gudea:400,700,400italic); @media all and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'), url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'); font-weight: normal; font-style: normal } } @font-face { font-family:'Arial'; src: url('Arial.eot'); src: url('Arial.eot?#iefix') format('embedded-opentype'), url('Arial.woff2') format('woff2'), url('Arial.woff') format('woff'), url('Arial.svg#Arial') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-02DC; } @font-face { font-family:'Helvetica LT'; src: url('Helvetica LT.eot'); src: url('Helvetica LT.eot?#iefix') format('embedded-opentype'), url('Helvetica LT.woff2') format('woff2'), url('Helvetica LT.woff') format('woff'), url('Helvetica LT.svg#Helvetica LT') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'poppinsbold'; src: url('poppins-bold-webfont.eot'); src: url('poppins-bold-webfont.eot?#iefix') format('embedded-opentype'), url('poppins-bold-webfont.woff2') format('woff2'), url('poppins-bold-webfont.woff') format('woff'), url('poppins-bold-webfont.svg#poppinsbold') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'poppinssemibold'; src: url('poppins-semibold-webfont.eot'); src: url('poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('poppins-semibold-webfont.woff2') format('woff2'), url('poppins-semibold-webfont.woff') format('woff'), url('poppins-semibold-webfont.svg#poppinssemibold') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'poppinsmedium'; src: url('poppins-medium-webfont.eot'); src: url('poppins-medium-webfont.eot?#iefix') format('embedded-opentype'), url('poppins-medium-webfont.woff2') format('woff2'), url('poppins-medium-webfont.woff') format('woff'), url('poppins-medium-webfont.svg#poppinsmedium') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'poppinsregular'; src: url('poppins-regular-webfont.eot'); src: url('poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('poppins-regular-webfont.woff2') format('woff2'), url('poppins-regular-webfont.woff') format('woff'), url('poppins-regular-webfont.svg#poppinsregular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } /* Default Azul #1d4f80 Default Gris #e5e5e5 Default Gris claro #e7e7e7 Default Gris iconos #b1b1b1 Alojamiento #001499 Cultura/shows #ad0201 Clasificados #125E00 Deportes #1E97FF Ecologia #007524 Educación #CEB406 Gourmet #C80000 Juntas vecinales #006871 Mascotas #E2006E Medios #9C3AD4 Salud #62a403 Social #CA6400 TecnologÃa #7732B2 Turismo #00B4BB */ .logo { display: block; text-align: right; margin-top: 16px; /* 38px era como estaba*/ } .logo img { width: 84%; } .aviso-carrito:first-child { display: none; } .contenedor-foto { position: relative; } .ico-tiendaonline { position: absolute; z-index: 999; } .ico-tiendaonline img { width: 84px; height: auto; } .slick-dots li button:before { font-size: 7px; } .slick-dots li { width: 7px; height: 7px; margin: 0 3px; } .slick-slide h1 { padding: 0 10px; font-size: 24px; } .slick-slide h1 a, .slick-slide h2 a { /*color: #1d4f80;*/ color: black; } .slick-slide p { padding: 4px 10px 0 10px; color: black; } .tabla-tarifas { border: 1px solid #dddddd; border-collapse: collapse; border-spacing: 0; } .tabla-tarifas thead th { padding: 13px 20px 15px 20px; color: white; background-color: #00B4BB; } .tabla-tarifas tbody tr:nth-child(1) { border-top: 15px solid transparent; } .tabla-tarifas tbody tr:last-child td:last-child{ padding-bottom: 16px; } .tabla-tarifas tbody td { padding: 2px 16px; } .tabla-tarifas .btn-tarifario { border-radius: 12px; color: white; font-size: 13px; text-align: center; padding: 2px 10px; background-color: #ff8c00; } /* MERCADO PAGO */ .alerta-info { background-color: #d1ecf1; color: #0c5460; text-align: center; border:4px solid #bee5eb; } .alerta-aviso { background-color: #fff3cd; color: #856404; text-align: center; border:4px solid #ffeeba; } .alerta-error { background-color: #f8d7da; color: #721c24; text-align: center; border:4px solid #f5c6cb } .alerta-exitoso { background-color: #dff0d8; color: #3c763d; text-align: center; } .datos-personales { background-color: #e0e0e0; } /* MERCADO PAGO modal */ .mercado-modal { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } .mercado-modal b { color: red; } .mercado-modal h2 { font-weight: normal; } .mercado-modal label { display: block; } .mercado-modal .observacion { background-color: #dfdfdf; padding: 16px; margin: 16px 0; } .mercado-modal form select { color: #5e5e5e; padding: 8px 12px; } .boton-modal { display: inline-block; padding: 9px 13px; text-transform: uppercase; font-size: 12px; font-weight: bold; } .boton-mercadopago { position: relative; display: inline-block; border: 1px solid #232323; margin-top: -10px; margin-left: -4px; padding: 4px 13px; text-transform: uppercase; font-size: 12px; font-weight: bold; } .boton-mercadopago img, .boton-mercadopago span { display: inline-block; vertical-align: middle; } .boton-mercadopago img { width: 32px; height: 32px; } /* MERCADO PAGO CARRITO */ #formulario-pago #pasos { background-color: #ecebf0; padding-bottom: 3%; } #formulario-pago #pasos a { display: block; color: #7b7b7d; padding: 0 3%; text-align: center; } #formulario-pago #pasos span { display: block; padding-bottom: 1%; font-size: 22px; } #formulario-pago #pasos b { background-color: #7b7b7d; color: white; display: inline-block; width: 32px; height: 32px; border-radius:250px; text-align: center; line-height: 32px; } #formulario-pago #pasos hr { height: 2px; background-color: #7b7b7d; display: block; float: none; border: none; width: 250px; } #formulario-pago #pasos .activado { color: #004f87; } #formulario-pago #pasos .activado b, #formulario-pago #pasos .activado hr { background-color: #004f87; } #formulario-pago #pasos h1 { text-align: center; background-color: #e1e1e1; padding: 3% 0; margin-bottom: 3%; font-size: 64px; font-weight: normal; } #formulario-pago .precio { background-color: #e1e1e1; padding: 5%; } #formulario-pago .precio h1, #formulario-pago .precio h4, #formulario-pago .precio h3 { color: #4ba9df; } #formulario-pago table { width: 100%; margin-top: 5%; } #formulario-pago table td { padding: 8px 0; } #formulario-pago table thead td { font-size: 19px; border-bottom: 1px solid #e7e7e7; } #formulario-pago table tbody td { font-size: 13px; padding-top: 16px; } #formulario-pago table tbody button { background: none; border: none; color: #004f87; } #formulario-pago table td:first-child { width: 10%; } #formulario-pago table td:nth-child(2n) { width: 40%; } #formulario-pago table td:nth-child(3n) { width: 25%; } #formulario-pago table td:nth-child(4n) { width: 25%; } #formulario-pago table b { color: #004f87; } #formulario-pago label { display: block; } #formulario-pago label small { color: red; } #formulario-pago input.nombre, #formulario-pago input.apellido, #formulario-pago input.direccion, #formulario-pago input.tel, #formulario-pago input.email { width: 90%; margin-bottom: 2%; } .formulario-compra { margin-bottom: 32px; } .formulario-compra h3 { padding: 8px 0; } .formulario-compra select { padding: 8px; border:1px solid; color: #004f87; background-color: white; } .formulario-compra .alerta-info { margin-top: 8px; } .formulario-compra .alerta-info ul { font-size: 15px; text-align: left; list-style: circle; } .formulario-compra .alerta-info h4 { padding-bottom: 12px; } .formulario-compra .tarjetas { padding: 8px 0; } .icono-seguridad { text-align: center; } .tarjetas small, .icono-seguridad small { display: block; } #formulario-pago input.altura, #formulario-pago input.piso { width: 20%; margin-bottom: 2%; } #formulario-pago textarea.notas { width: 90%; height: 250px; } #formulario-pago .precio a { background-color: #004f87; color: white; display: block; width: 100%; text-align: center; font-size: 15px; padding: 3% 0; font-weight: bold; text-transform: uppercase; margin-top: 2%; } #formulario-pago #paso-dos .error { background-color: #f8d7da; color: #721c24; padding: 8px; font-size: 15px; font-style: italic; } .btn-mp-interno, .btn-mp-interno img, .btn-mp-interno span { display: inline-block; vertical-align: middle; } .btn-mp-interno img { width: 148px; height: auto; } .btn-mp-interno { padding: 2px 8px 3px 8px; font-weight: bold; font-size: 22px; text-align: center; border-radius: 2px; background: #ff8c00; color: white; border: 4px solid #ff8c00; border-bottom-color: #cc6600; } #btn-consultas { padding: 17px 16px 17px 16px; margin-top: 8px; } .tarjetas { text-align: center; } .pasos-instructivo img { width: 100%; } .pasos-instructivo p { padding: 2% 0; } .pasos-instructivo span { font-weight: bold; font-size: 22px; } #clima, #clima a, .usuario a, .usuario { } #clima h1 { margin-left: 4%; } div.banner img { width: 100%; } div.linea { height: 8px; background: transparent url('/img/linea.gif') center top repeat-x; } .flecha-top { position: fixed; bottom: 1%; right: 1%; text-align: center; z-index: 9999; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #5e5e5e; background: #efefef } h1, h2, h3, h4, h5, h6 { font-family: "Titillium Web", sans-serif; font-weight: normal; line-height: 120% font-size: 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit } p { font-family: 'Gudea', sans-serif; line-height: 140% } a { color: #353535; text-decoration: none; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s } a:hover { color: #2c3e50; text-decoration: none } a:focus { outline: 0 } .item-photo { display: block; overflow: hidden } .item-photo img { display: block; width: 100%; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; -ms-transition: all .7s ease; transition: all .7s ease } .item-photo:hover img { /* -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg)*/ } .clear-float { clear: both } .wrapper { width: 1200px; position: relative } .boxed:not(.active) { background: #fff!important; min-height: 100% } .active.boxed { margin: 0 auto; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); padding: 0; min-height: 100%; position: relative; z-index: 2; overflow: visible } .left { float: left } .right { float: right } i.fa { line-height: inherit; font-weight: normal } input { border: 1px solid #ccc; padding: 8px 12px; border-radius: 2px; -moz-border-radius: 2px } .header { display: block } .header-2-content { display: table; padding: 14px 0 4px 0; width: 100% } .header-1-content .header-weather, .header-1-content .header-search, .header-2-content .header-advert { display: none!important } .header-2-content .header-weather { display: table-cell; vertical-align: middle; width: 20%; text-align: left; color: #bbb } .header-2-content .header-logo { display: table-cell; vertical-align: middle; width: 60%; /*text-align: center*/ } .header-2-content .header-logo a { padding-left: 3%; } .header-2-content .header-search { display: table-cell; vertical-align: middle; width: 20%; text-align: right } .header-2-content .header-search input.search-box { width: 115px; border: 2px solid transparent; color: #757575; background: transparent; z-index: 2; position: relative; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s } .rtl .header-2-content .header-search { text-align: left } .header-2-content .header-search input.search-box:focus { border: 2px solid #ccc; background: #fff; width: 80% } .header-2-content .header-search .fa { display: block; float: right; font-size: 20px; position: absolute; color: #e2e2e2; right: 0; margin-top: 8px; z-index: 0 } .rtl .header-2-content .header-search .fa { right: auto; left: 0 } .header-2-content .header-weather .weather-icon { display: block; float: left; margin-right: 20px } .header-2-content .header-weather .small-title { display: block; margin-left: 84px; font-weight: bold; font-size: 11px; margin-top: 4px; margin-bottom: 3px } .header-2-content .header-weather strong { display: block; margin-left: 84px; font-weight: bold; font-size: 18px; margin-top: auto; margin-bottom: 5px; font-family: 'Titillium Web', sans-serif } .header-2-content .header-weather .default-title { display: block; margin-left: 84px; font-weight: bold; font-size: 13px } .header-1-content { display: table; padding: 25px 0; width: 100% } .header-1-content .header-logo { display: table-cell; vertical-align: middle } .header-1-content .header-advert { display: table-cell; vertical-align: middle; width: 728px } .header-topmenu { display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5 } .boxed.active .header .header-topmenu { margin-right: 20px; margin-left: 20px; position: relative; z-index: 1002 } .header-topmenu:after { display: block; content: ''; clear: both } .header-topmenu ul { display: block } .header-topmenu ul li { display: block; float: left } .header-topmenu ul.right li { margin-left: 15px } .header-topmenu ul.left li { margin-right: 15px } .header-topmenu ul li a { display: block; font-size: 14px; font-weight: 600; font-family: 'Titillium Web', sans-serif; color: #aaa } .header-topmenu ul li:hover>a { color: #7b7b7b } .topmenu-link .fa { color: #fff; background: #d1d1d1; display: inline-block; font-size: 10px; padding: 5px 0; font-weight: normal; margin-top: -4px; margin-bottom: -2px; border-radius: 1px; -moz-border-radius: 1px; position: relative; width: 21px; text-align: center } .topmenu-link .fa:after { display: block; content: ''; position: absolute; width: 5px; height: 5px; background: inherit; top: 7px; right: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg) } .topmenu-link .counter { display: inline-block; padding-left: 8px; font-family: Arial; font-weight: bold; font-size: 11px; line-height: 17px; margin-top: -2px; margin-bottom: -1px; color: #d1d1d1 } .rtl .topmenu-link .counter { float: right } .topmenu-link { position: relative } .topmenu-link:after { display: block; position: absolute; color: #fff; content: '\f0da'; font-family: 'FontAwesome'; top: -4px; left: 17px; font-size: 3px; line-height: 100%; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .topmenu-link.topmenu-facebook:hover .fa { background: #4c66a4 } .topmenu-link.topmenu-facebook:hover .counter { color: #4c66a4 } .topmenu-link.topmenu-twitter:hover .fa { background: #4cb6e2 } .topmenu-link.topmenu-twitter:hover .counter { color: #4cb6e2 } .topmenu-link.topmenu-google:hover .fa { background: #dd4b39 } .topmenu-link.topmenu-google:hover .counter { color: #dd4b39 } .topmenu-link.topmenu-linkedin:hover .fa { background: #0073b2 } .topmenu-link.topmenu-linkedin:hover .counter { color: #0073b2 } .header-topmenu .wrapper>ul li { position: relative; z-index: 1002 } .header-topmenu .wrapper>ul li:hover { z-index: 1003 } .header-topmenu .wrapper>ul>li a:not(.topmenu-link) span { display: block; position: relative; padding-right: 10px } .header-topmenu .wrapper>ul>li a:not(.topmenu-link) span:after { display: block; position: absolute; content: '\f0d7'; font-family: 'FontAwesome'; top: 0; right: 0; font-size: 8px; line-height: 16px } .header-topmenu .wrapper>ul>li ul a:not(.topmenu-link) span:after { content: '\f0da'; line-height: 14px } .header-topmenu .wrapper>ul>li ul { display: none; position: absolute; background: #fff; width: 150px; margin-left: -85px; left: 50%; border: 1px solid #d8d8d8; border-radius: 3px; -moz-border-radius: 3px; padding: 15px; margin-top: 10px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07); z-index: 100 } .header-topmenu .wrapper>ul>li ul:before { display: block; content: ''; background: transparent; position: absolute; top: -10px; left: 0; right: 0; height: 10px } .header-topmenu .wrapper>ul>li ul:after { display: block; background: inherit; width: 8px; height: 8px; top: -5px; left: 47%; position: absolute; content: ''; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8 } .header-topmenu .wrapper>ul li:hover>ul { display: block } .header-topmenu .wrapper>ul>li:hover>ul li { display: block; float: none; margin-left: 0 } .header-topmenu .wrapper>ul>li>ul li { display: block; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ccc; position: relative } .header-topmenu .wrapper>ul>li>ul li a { display: block } .header-topmenu .wrapper>ul>li>ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .header-topmenu .wrapper>ul>li>ul>li ul { position: absolute; left: 180px; top: 0; margin-left: 0; margin-top: -16px } .header-topmenu .wrapper>ul>li>ul>li ul:before { height: 100%; top: 0; left: -31px; width: 31px } .header-topmenu .wrapper>ul>li>ul>li ul:after { left: -5px; top: 15px; transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg) } .soc-pages { display: block; margin-bottom: 10px } .soc-pages a { display: inline-block; margin-left: 3px; width: 21px; background: #aaa; color: #fff; line-height: 21px; text-align: center; font-size: 10px; border-radius: 50%; -moz-border-radius: 50% } .soc-pages a:hover { background: #232323; color: #fff } .header #main-menu { display: block; margin-bottom: 4px; z-index: 1001; position: relative } .header-logo h1 { font-size: 60px; color: #232323; line-height: 110px } .header #main-menu .wrapper { background: inherit } .header #main-menu .wrapper>ul { display: block; border-top: 4px solid rgba(255, 255, 255, 0.09); background: inherit } .header #main-menu .wrapper>ul:after { display: block; clear: both; content: '' } .header #main-menu .wrapper>ul>li { display: block; float: left; border-top: 4px solid rgba(255, 255, 255, 0.09); margin-top: -4px; background: inherit; position: relative } .boxed.active .header #main-menu { margin-right: 20px; margin-left: 20px } .header #main-menu .wrapper>ul>li>a:after { display: block; content: ''; background: rgba(255, 255, 255, 0.06); position: absolute; width: 1px; height: 100%; top: 0; right: 0; z-index: 2 } .header #main-menu .wrapper>ul>li:hover:after { display: none } .header #main-menu .wrapper>ul>li>a { display: block; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 14px 19px; background: inherit; } .header #main-menu .wrapper>ul>li:hover>a { box-shadow: inset 0 -70px rgba(255, 255, 255, 0.05) } .header #main-menu .wrapper>ul>li>a span { display: block; padding-right: 15px; position: relative } .header #main-menu .wrapper>ul>li>a span:after { display: block; content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; line-height: 29px; font-size: 10px } .header #main-menu .wrapper>ul>li a i.fa { padding-right: 8px } .header #main-menu .wrapper>ul>li>a i:not(.fa) { display: block; font-style: normal; font-size: 10px; font-weight: 400; padding-top: 3px; opacity: .6; filter: alpha(opacity=60) } .header #main-menu .wrapper>ul>li>a i:not(.fa):empty { display: none!important } .header #main-menu .wrapper ul.menu>li.menu-single>a { line-height: 28px } .header #main-menu .wrapper ul>li.big-drop>ul, .header #main-menu .wrapper ul:not(.sub-menu)>li:not(.big-drop)>ul ul, .header #main-menu .wrapper ul:not(.sub-menu)>li:not(.big-drop)>ul { display: none; position: absolute; border: 1px solid #292929; border-top: 0; z-index: 3; background: #fff; border-radius: 0 0 3px 3px } .header #main-menu .wrapper ul>li>ul>li:first-child a:not(.switch-cat) { border-radius: 3px 3px 0 0 } .header #main-menu .wrapper ul>li>ul>li:last-child a { border-radius: 0 0 3px 3px } .header #main-menu .wrapper ul>li>ul>li:last-child a:after { display: none!important } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown ul { width: 280px } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul { box-shadow: 0 -1px 0 #000 } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul li:hover ul { display: block } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul { position: absolute; top: 0; left: 290px; border-top: 1px solid #292929; border-radius: 3px } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul:before { display: block; content: ''; position: absolute; width: 11px; left: -11px; top: 0; height: 100% } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul:after { display: block; position: absolute; content: ''; width: 8px; height: 8px; background: inherit; left: -5px; top: 17px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: inherit; border-bottom: inherit } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul li { position: relative; z-index: 2 } .header #main-menu .wrapper ul li { position: relative } .header #main-menu .wrapper ul li a { position: relative } .header #main-menu .wrapper>ul li.big-drop { position: inherit } .header #main-menu .wrapper>ul li.big-drop:hover { position: inherit } .header #main-menu .wrapper>ul>li.big-drop:hover>ul, .header #main-menu .wrapper>ul>li:hover>ul { display: block!important } .header #main-menu .wrapper>ul>li.big-drop>a { position: relative } .header #main-menu .wrapper>ul>li.big-drop:hover>a:before, .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown:hover>a:before { display: block; content: ''; position: absolute; background: #fff; top: -7px; left: 0; width: 100%; height: 7px; box-shadow: inset 1px 0 0 #292929, inset -1px 0 0 #292929, inset 0 1px 0 #292929; border-radius: 3px 3px 0 0 } .header #main-menu .wrapper>ul>li.big-drop:hover>a span:after, .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown:hover>a span:after { color: #232323 } .header #main-menu .wrapper>ul>li.big-drop>a, .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>a { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none } .header #main-menu .wrapper>ul>li.big-drop:hover>a, .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown:hover>a { background: #fff; color: #232323; box-shadow: inset 1px 0 0 #292929, inset -1px 0 0 #292929; z-index: 20 } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown li { display: block } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown li a { display: block; padding: 17px 20px; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; font-size: 13px; font-weight: 700; color: #232323; position: relative } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown li:hover>a { background: #f0f0f0 } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown li a:after { display: block; width: 100%; height: 1px; background: #f0f0f0; position: absolute; content: ''; left: 0; bottom: 0 } .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown li>a span:after { display: block; content: '\f0da'; font-family: 'FontAwesome'; position: absolute; line-height: 47px; top: 0; right: 20px; font-size: 11px } .header #main-menu .wrapper>ul>li.big-drop:hover { position: inherit } .header #main-menu .wrapper>ul>li.big-drop>ul .paragraph-row { position: relative } .header #main-menu .wrapper>ul>li.big-drop>ul>li:after { display: block; border-left: 1px dotted #ccc; width: 1px; top: 20px; bottom: 20px; left: 0; position: absolute; content: '' } .header #main-menu .wrapper>ul>li.big-drop>ul>li:first-child:after { display: none } .header #main-menu .wrapper>ul>li.big-drop>ul { width: 99.88%; left: 0 } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li ul { display: block } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>.faicon { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0 } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li:first-child>.faicon { left: 0 } .header #main-menu .wrapper>ul>li.big-drop-1>ul.sub-menu .fa { display: block; font-size: 160px; color: #f6f6f7; line-height: 100%; position: absolute; z-index: -1; left: -40px; top: 25%; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg) } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>strong { font-size: 19px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #232323; text-transform: uppercase; display: block; padding: 17px 20px 17px 20px } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>span { font-size: 11px; font-family: 'Titillium Web', sans-serif; font-weight: normal; color: #232323; text-transform: uppercase; display: block; padding: 0 20px 17px 20px; opacity: .7; margin-top: -12px } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>ul { display: block; padding: 20px 20px 17px 20px; margin-top: 0; position: relative; z-index: 1 } .header #main-menu .wrapper>ul>li.big-drop-1>ul.sub-menu>li>ul:before { display: block; position: absolute; content: ''; top: 0; left: 20px; right: 20px; height: 1px; border-top: 1px dotted #ccc } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>ul li { display: block; margin-bottom: 13px; padding-left: 20px; position: relative } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>ul li>a:hover { text-decoration: underline } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>ul li:last-child { margin-bottom: 5px } .header #main-menu .wrapper>ul>li.big-drop>ul.sub-menu>li>ul li:before { display: inline-block; font-family: 'FontAwesome'; content: '\f105'; position: absolute; left: 0; top: 0; font-size: 11px; line-height: 14px } .big-drop>ul.sub-menu-1 ul.sub-menu { display: none!important } .header #main-menu .wrapper>ul>li.big-drop div>ul li a { display: block; font-size: 13px; color: #232323 } .header #main-menu .wrapper>ul>li.big-drop div>ul li a:hover { text-decoration: underline } .header .big-drop .article-column { margin-right: 3%; width: 30.3%; float: left } .header .big-drop>ul.sub-menu>div:last-child .article-column { margin: 20px 20px 20px 10px } .header .big-drop .article-column img { max-width: 100%; height: auto; margin-bottom: 15px; width: 275px } .header .big-drop .article-column h3 { margin-bottom: 10px; font-size: 18px; color: #232323 } .header .big-drop .article-column p { font-size: 14px } .header .big-drop .menu-switcher { display: block; margin: 20px 10px 20px 20px; font-family: 'Titillium Web', sans-serif } .header .big-drop .menu-switcher .switch-cat { display: block; padding: 13px 15px; margin-bottom: 4px; font-size: 14px; font-weight: 600; position: relative } .header .big-drop .menu-switcher .switch-cat:hover { background: #f0f0f0 } .header .big-drop .menu-switcher .switch-cat.active { box-shadow: inset 3px 0 0 #232323; background: #f0f0f0 } .header .big-drop .menu-switcher .switch-cat.active:after { display: block; content: '\f0da'; font-family: 'FontAwesome', sans-serif; position: absolute; right: 15px; top: 0; line-height: 40px } .header #top-sub-menu { display: block; margin-top: -20px; background: #efefef; margin-bottom: 20px; min-height: 1px } .header #top-sub-menu .wrapper { background: inherit } .boxed.active .header #top-sub-menu { margin-right: 20px; margin-left: 20px } .header #top-sub-menu ul { overflow: hidden; display: block; background: inherit } .header #top-sub-menu ul:after { display: block; content: ''; clear: both } .header #top-sub-menu ul li { display: block; float: left; position: relative; background: inherit } .header #top-sub-menu ul li a { display: block; padding: 15px 25px 15px 20px; font-size: 14px; font-family: 'Titillium Web', sans-serif; font-weight: 600; position: relative; background: inherit; color: #797979 } .header #top-sub-menu ul li:hover a { background: #e6e6e6; color: #232323 } .header #top-sub-menu ul li:first-child a:before { display: none } .header #top-sub-menu ul li a:before { display: block; content: ''; position: absolute; background: inherit; width: 20px; height: 100%; top: 55%; left: -12px; border-left: 1px solid #e0e0e0; transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg) } .header #top-sub-menu ul li a:after { display: block; content: ''; position: absolute; background: inherit; width: 20px; height: 100%; top: -55%; left: -12px; border-left: 1px solid #e0e0e0; transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg) } .header #top-sub-menu ul li:last-child:before { display: block; content: ''; position: absolute; background: inherit; width: 20px; height: 100%; top: 55%; right: -8px; border-left: 1px solid #e0e0e0; transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); z-index: 2 } .header #top-sub-menu ul li:last-child:after { display: block; content: ''; position: absolute; background: inherit; width: 20px; height: 100%; top: -55%; right: -8px; border-left: 1px solid #e0e0e0; transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg) } body #main-menu li.big-drop-1:hover>ul.sub-menu { display: table!important } body #main-menu li.big-drop-1>ul.sub-menu>li { display: table-cell!important; float: none!important; width: auto!important; margin: 0!important; padding: 0!important } body #main-menu li.big-drop-2>ul.sub-menu>li { display: block!important; width: 25%!important; position: static!important } body #main-menu li.big-drop-2>ul.sub-menu>li>ul { position: static!important } body #main-menu li.big-drop-2>ul.sub-menu>li>ul li:before, body #main-menu li.big-drop-2>ul.sub-menu>li>ul:before { display: none!important } body #main-menu li.big-drop-2>ul.sub-menu>li>ul li { padding-left: 0!important; position: static!important; margin-bottom: 0!important } body #main-menu li.big-drop-2>ul.sub-menu>li>ul>li>a { display: block; padding: 13px 15px; margin-bottom: 4px; font-size: 14px; font-weight: 600; position: relative; border-radius: 0!important; -moz-border-radius: 0!important } body #main-menu li.big-drop-2>ul.sub-menu>li>ul>li>a i.fa { padding-right: 7px } body #main-menu li.big-drop-2>ul.sub-menu>li>ul>li.active>a { box-shadow: inset 3px 0 0 #232323; background: #f0f0f0; position: relative } body #main-menu li.big-drop-2>ul.sub-menu>li>ul>li.active>a:before { display: block!important; content: '\f0da'; font-family: 'FontAwesome', sans-serif; position: absolute; right: 15px; top: 0; line-height: 40px; font-size: 12px; color: #232323 } body #main-menu li.big-drop-2>ul.sub-menu>li>ul>li>a:hover { background: #f0f0f0 } body #main-menu li.big-drop-2>ul.sub-menu>li>ul li.active .menu-content-inner { display: block } body #main-menu li.big-drop-2>ul.sub-menu>li>ul li .menu-content-inner { display: none; position: absolute; top: 0; right: 0; width: 75%; padding: 20px 0 } #main-menu ul.menu>li.big-drop-1>ul.sub-menu>li>ul.sub-menu { display: none } .menu-overlay { display: none; position: fixed; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 1000 } .content .wrapper:after, .content-main:after { display: block; content: ''; clear: both } .content-main { display: block; float: none } .content-main.with-sidebar { width: 870px; float: left } .content-main.with-sidebar-both { width: 680px; float: left } .content-main.with-middle.left, .content-main.with-sidebar.left, .content-main.with-sidebar-both.left { float: left } .content-main.with-middle.right, .content-main.with-sidebar.right, .content-main.with-sidebar-both.right { float: right } .content-main.with-middle { width: 1010px; float: left } .breaking-news { display: block; margin-bottom: 20px; overflow: hidden; background: #f5f5f5 } .breaking-news .breaking-title { display: block; float: left; line-height: 37px; background: #2c3e50; color: #fff; padding: 0 8px 0 15px; font-size: 15px; position: relative } /*.breaking-news .breaking-title:after { display: block; position: absolute; content: ''; width: 27px; height: 27px; background: inherit; right: -13px; top: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 0 }*/ .breaking-news .breaking-title h3 { display: inline-block; font-weight: 600; padding-left: 6px; font-size: inherit; position: relative; z-index: 1; line-height: inherit } .breaking-news .breaking-block p, .breaking-news .breaking-block h4 { display: inline-block; line-height: inherit; margin-right: 10px } .breaking-news .breaking-block p { font-size: 14px } .breaking-news .breaking-block h4 { font-size: 14px; font-weight: 600 } .breaking-news .breaking-block h4 a { color: #232323 } .breaking-news .breaking-block { display: block; float: none; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 180px; height: 37px } .breaking-news .breaking-block ul { white-space: nowrap; width: 8000px; position: relative; font-size: 0 } .breaking-news .breaking-block ul li { display: inline-block; margin-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 37px; padding-right: 15px } .breaking-news .comment-link { display: inline-block; font-weight: normal; font-size: 11px; color: #686868 } .breaking-news .comment-link i.fa { padding-right: 5px } .strict-block { display: block; margin-bottom: 20px } .block-title { margin-bottom: 20px } .strict-block .block-title, .widget .block-title { display: block; margin-bottom: 0; color: #fff; padding: 12px 15px } .strict-block .block-title h1, .strict-block .block-title h2 { display: block; font-size: 38px; font-weight: 600 } .strict-block .block-title h3 { font-size: 18px; font-weight: 600 } .bloque-titulos h2 { padding: 12px 15px; font-size: 18px; font-weight: 600; color: white; line-height: 48px; } .strict-block .block-content { padding: 15px; background: #f5f5f5 } .blog-style { display: block } .blog-style .item { display: block; position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc } .blog-style .item.image-large .item-content, .blog-style .item.image-no .item-content { margin-left: 0 } .blog-style .item.image-large .item-content .item-comment, .blog-style .item.image-no .item-content .item-comment { position: relative; left: auto; top: auto; display: inline-block; margin-left: 30px; padding: 8 8px; line-height: 100%; vertical-align: bottom; margin-bottom: 3px } .blog-style .item.image-large .item-header { float: none; width: 100%; margin-bottom: 15px; display: block; height: auto } /* Rodrigo */ .blog-style .item.image-small { min-height: 260px; } .blog-style .item.image-small .item-header .item-photo{ /*height: 260px;*/ overflow: hidden; } .blog-style .item .item-header { display: block; float: left; position: relative; width: 40%; padding-right: 4%; } .blog-style .item .item-content { display: block; } .item-content.col1 { margin-left: 0 } /* colores enlaces personalizados */ .item-block-1 .product-content, .formato-uno h4 a, .article-split-block .item-content h2 a, .article-double-main .item-content h2 a, .item-content h3 a { /*color:#7b7b7b;*/ color: #5e5e5e; color: black; } .blog-style .item .item-content h3 { font-size: 26px; color: #232323; margin-bottom: 10px; font-weight: 600 } .blog-style .item .item-content h2 { font-size: 28px; color: #232323; margin-bottom: 10px; font-weight: 600 } .blog-style .item .item-content p { margin-bottom: 15px } .error-big-message { display: block; margin: 120px 0; text-align: center } .error-big-message h1 { font-size: 60px; color: #232323 } .error-big-message h2 { font-size: 24px; margin-bottom: 40px; font-weight: 600; text-transform: uppercase } .error-big-message p { margin-bottom: 10px } .error-big-message>a { display: inline-block; font-size: 13px; font-weight: bold } .error-big-message>a i.fa { padding-right: 8px } .item-block-4, .item-block-3, .item-block-2, .item-block-1 { display: block } .item-block-4 .item-block, .item-block-3 .item-block, .item-block-2 .item-block, .item-block-1 .item-block { display: block; background: #fff; box-shadow: inset 0 0 0 1px #e5e5e5, 0 1px 0 1px rgba(0, 0, 0, 0.02); position: relative } /* Margen bottom en la 2er columna*/ #sidebar .item-block-1 .item-block { margin-bottom: 8%; } .item-block .item-photo { display: block; width: 100%; position: relative; z-index: 0 } .item-block-2.blocks-4 .item-block .item-header, .blocks-4 .item-block .item-photo { } .blocks-4 .item-block .item-photo { height: 100% } .item-block .item-photo:before { display: block; position: absolute; content: ''; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: transparent; /* box-shadow: inset 0 -140px 70px -70px rgba(0, 0, 0, 0.4)*/ } .item-block .item-header { display: block; position: relative } .item-block .item-content { display: block; padding: 20px } .item-block .item-content h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #2b2b2b } .item-block .item-content h3 a:hover { text-decoration: underline } .item-block .item-content .item-author { margin-top: 10px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ececec } .item-block .item-content .item-author .author-name { line-height: 20px; display: inline-block; /*margin-left: 10px;*/ font-weight: bold; font-size: 16px; color: #1d4f80; color:black; margin-top: 4px; font-family: 'Titillium Web', sans-serif } .item-block .item-content .item-author .author-name:hover { text-decoration: underline } .item-block .item-content .item-author .author-photo { display: inline-block; vertical-align: top; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; } .contenedor-logo { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ececec } .contenedor-logo div { vertical-align: middle; } .clasificados-home h3 img, .clasificados-home h3 small { vertical-align: bottom; } .clasificados-home .ver-mas { /*display: block; position: absolute; right: 0px; top: 0px; color: #fff; padding: 16px; font-size: 14px; font-weight: 600; font-family: 'Titillium Web', sans-serif*/ position: absolute; right: 16px; bottom: 12px; color: #fff; font-size: 14px; font-weight: 600; font-family: 'Titillium Web', sans-serif } .contenedor-logo div.logo-suplemento { display: inline-block; width: 48px; height: 48px; overflow: hidden; margin-left: 8px; border-radius: 50%; } .contenedor-logo div.logo-suplemento img { width: 48px; height: auto; } .contenedor-logo div.nombre-suplemento { display: inline-block; } .contenedor-logo div.nombre-suplemento a { font-weight: bold; } .item-comment { display: block; position: absolute; top: -5px; right: 10px; z-index: 5; padding: 5px 10px; border-radius: 2px; -moz-border-radius: 2px; background: #2c3e50; color: #fff; font-size: 12px; font-weight: bold } .item-comment:hover { color: #fff } .item-block:hover .item-comment { top: -10px } .item-comment span { display: block; position: relative; z-index: 2 } .item-comment i { display: block; position: absolute; bottom: -3px; right: 36%; width: 8px; height: 8px; background: inherit; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg) } .item-block .item-category { display: block; position: absolute; left: 20px; bottom: 20px; z-index: 2; color: #fff; font-weight: bold; font-size: 15px; text-shadow: 0 0 2px #000 } .item-block .item-date { display: block; position: absolute; right: 20px; bottom: 20px; z-index: 2; color: #fff; font-weight: bold; font-size: 12px; text-shadow: 0 0 2px #000; opacity: .6; filter: alpha(opacity=60) } .item-block .item-date i.fa { display: inline-block; padding-right: 7px } .item-block .header-content .item-category:hover, .item-block .item-date:hover { opacity: 1; filter: alpha(opacity=100) } .item-block .header-content { position: relative; border-bottom: 1px solid #ececec; padding-bottom: 18px; margin-bottom: 16px } .item-block .header-content .item-category { position: relative; left: 0; color: #aaa; text-shadow: none; opacity: .6; filter: alpha(opacity=60); bottom: 0 } .item-block .header-content .item-date { position: absolute; right: 0; bottom: 18px; color: #aaa; text-shadow: none } .rtl .item-block .header-content .item-date { display: none } .block-title { display: block; position: relative } .block-title .panel-title-right { display: block; position: absolute; right: 0px; top: 0px; color: #fff; padding: 16px; font-size: 14px; font-weight: 600; font-family: 'Titillium Web', sans-serif } .rtl .block-title .panel-title-right { right: auto; left: 15px } .item-block-2 .item-block .item-content h3 a:hover, .item-block-2 .item-block .item-content p, .item-block-2 .item-block .item-content h3 { color: #fff } .item-block-2 .item-block .item-header { box-shadow: inset 0 -140px 70px -70px rgba(0, 0, 0, 0.5) } .item-block-2 .item-block .item-content { position: relative; background: rgba(0, 0, 0, 0.5) } .item-block-2 .item-block .item-content:before { display: block; position: absolute; content: ''; left: 20px; right: 20px; top: 0; height: 1px; background: rgba(255, 255, 255, 0.5); opacity: 0; filter: alpha(opacity=0); transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s } .item-block-2 .item-block .item-content .item-author .author-name { color: #fff } .item-block-2 .item-block .item-content p { opacity: .8; filter: alpha(opacity=80) } .item-block-2 .item-block .item-content .item-author { border-top: 1px solid rgba(255, 255, 255, 0.5) } .item-block-2 .item-block { background-size: cover!important; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.02) } .item-block-2 .item-block .item-date, .item-block-2 .item-block .item-category { bottom: 0; opacity: 0; filter: alpha(opacity=0) } .item-block-2 .item-block:hover .item-date, .item-block-2 .item-block:hover .item-category { bottom: 20px; opacity: 1; filter: alpha(opacity=100) } .item-block-2 .item-block .item-content .item-author { opacity: .5; filter: alpha(opacity=50); transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s } .item-block-2 .item-block:hover .item-content .item-author, .item-block-2 .item-block:hover .item-content:before { opacity: 1; filter: alpha(opacity=100) } /*GUIAS*/ .buscador { } .buscador input { width: 204px; } .buscador button { padding: 8px 16px; background-color: #1d4f80; border: none; } .buscador button i { color: white; } /* esto es para ponerle un alto fijo al contenido*/ .with-sidebar-both .item-block-1 .item-content { height: 300px; overflow: hidden; } .item-block-4 .item-header { display: block; position: relative; margin-bottom: -20px; background: #000; overflow: hidden; text-align: center } .item-block-4 .item-header:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 20px; background: rgba(255, 255, 255, 0.7); box-shadow: inset 0 -45px 30px -30px #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5 } .item-block-4 .item-header img { position: relative; z-index: 0; opacity: .6; filter: alpha(opacity=60); transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s } .item-block-4 .item-header:hover img { opacity: 1; filter: alpha(opacity=100) } .item-block-4 .item-header strong { position: absolute; z-index: 2; color: #fff; text-shadow: 0 0 3px #000; font-size: 25px; text-transform: uppercase; font-weight: 300; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; width: 100%; top: 38%; left: 0; text-align: center; opacity: 1; filter: alpha(opacity=100); transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s } .item-block-4 .item-header:hover strong { opacity: .8; filter: alpha(opacity=80); top: 20px; font-size: 20px } .item-block-4 .item-content ul { display: block } .item-block-4 .item-content ul li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ececec } .item-block-4 .item-content ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .item-block-4 .item-content ul li a { display: block; font-family: 'Gudea', sans-serif; font-size: 16px; font-weight: 300; line-height: 120% } .item-block-4 .item-content ul li a:hover { text-decoration: underline } .article-split-block, .article-double-main { display: block } .article-split-block .item-photo, .article-double-main .item-photo { display: block; width: 100%; margin-bottom: 15px } .article-split-block .item-content h2, .article-double-main .item-content h2 { display: block; width: 100%; margin-bottom: 15px; font-weight: 600; font-size: 24px } .article-split-block .item-content p, .article-double-main .item-content p { display: block; margin-bottom: 15px } .blog-style .item-icons, .article-split-block .item-content .item-icons, .article-double-main .item-content .item-icons { display: block; margin-bottom: 15px; line-height: 150% } .blog-style .item-icons>span, .blog-style .item-icons>a, .article-split-block .item-content .item-icons>span, .article-split-block .item-content .item-icons>a, .article-double-main .item-content .item-icons>span, .article-double-main .item-content .item-icons>a { display: inline-block; margin-right: 8px; /*opacity: .6; filter: alpha(opacity=60)*/ } .blog-style .item-icons>a:hover, .article-split-block .item-content .item-icons>a:hover, .article-double-main .item-content .item-icons>a:hover { opacity: 1; filter: alpha(opacity=100) } .blog-style .item-icons i.fa, .article-split-block .item-content .item-icons i.fa, .article-double-main .item-content .item-icons i.fa { padding-right: 6px } .article-double-side { display: block } .article-double-side .item { display: block; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #ececec } .article-double-side .item:last-child { margin-bottom: 0; border-bottom: 0 } .article-double-side .item:after { display: block; content: ''; clear: both } .article-double-side .item-photo { display: block; width: 96px; height: 63px; margin-bottom: 15px; float: left } .article-double-side .item-content { display: block; margin-left: 110px; margin-bottom: 15px } .article-double-side .item-content h3 { font-size: 16px; font-weight: 600; /* margin-bottom: 10px;*/ color: #2b2b2b } h2 .comment-link, h3 .comment-link, .item-links .comment-link, .comment-link.cat { font-size: 60%; font-weight: 600; margin-bottom: 2px; background: #8c8c8c; color: #fff!important; padding: 3px 6px; border-radius: 2px; -moz-border-radius: 2px; margin-left: 8px; display: inline-block; float: right; line-height: 100%; vertical-align: bottom } .article-double-side .item-content .item-links { display: block; font-size: 13px } .article-double-side .item-content .item-links>a { display: inline-block; margin-right: 8px; /*opacity: .6; filter: alpha(opacity=60)*/ } .comment-link.cat { vertical-align: middle; font-size: 15px } .article-double-side .item-content .item-links>a:hover { opacity: 1; filter: alpha(opacity=100) } .article-double-side .item-content .item-links i.fa { padding-right: 6px } .article-double-side .item-content .item-links>a.comment-link { opacity: 1; filter: alpha(opacity=100); font-size: 9px } .article-split-block { display: block; position: relative } .article-split-second { display: block } .article-split-second:after { display: block; clear: both; content: '' } .article-split-second .item { float: left; display: block; width: 31.3%; margin-left: 3%; margin-bottom: 3%; position: relative } .article-split-second .item .item-comment { font-size: 10px } .article-split-second .item .item-photo { display: block; margin-bottom: 7px } .article-split-second .item .item-photo img { width: 100%; height: auto } .article-split-second .item:nth-child(3n+1) { margin-left: 0; clear: both } .article-split-second .item h3 { color: #232323; font-size: 14px; font-weight: 600 } .main-article p { display: block; margin-bottom: 15px } .main-article h1 { display: block; margin-bottom: 15px; font-size: 42px; color: #232323; font-weight: 600 } .main-article .article-header { display: block; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8 } .main-article .article-header .article-photo { width: 100%; height: auto; margin-top: -21px; margin-bottom: 20px } .main-article .article-header .article-meta { display: block } .article-meta.no-author .meta-date .date, .article-meta.no-author .meta-date .month { font-size: 23px; padding: 9px 0 } .article-meta.no-date .meta-date .author { font-size: 23px; padding: 9px 0 } .article-meta.no-author.no-date .meta-tools { float: none!important; border-left: 0!important; padding-left: 0!important } .main-article .article-header .article-meta:after { display: block; clear: both; content: '' } .main-article .article-header .article-meta .meta-date { display: block; float: left; font-family: 'Gudea', serif; font-size: 14px } .main-article hr { display: block; background: #e7e7e7; margin-bottom: 20px; border: 0; width: 100%; height: 1px } .main-article .contenido img { width: 100%; } .main-article .tag-cloud, .main-article .social-article { display: block; margin-bottom: 20px; clear: both; margin-top: 30px } .meta-date .date { display: block; float: left; font-size: 40px; font-weight: bold; margin-right: 8px } .meta-date .month { display: block; padding-top: 5px; white-space: nowrap; font-weight: bold } .meta-date .author { display: block; padding-top: 2px; white-space: nowrap; font-weight: bold } .main-article .article-header .article-meta .meta-tools { display: block; float: right; border-left: 1px solid #e8e8e8; padding-left: 20px } .meta-tools.no-print { padding-top: 10px; padding-bottom: 10px } .main-article .article-header .article-meta .meta-tools>span, .main-article .article-header .article-meta .meta-tools>a { display: block; line-height: 150% } .meta-tools .fa { padding-right: 8px } .meta-tools .f-size a { display: inline-block; padding: 0; background: #ccc; line-height: 100%; margin: 0 4px; border-radius: 2px; -moz-border-radius: 2px; color: #fff; width: 15px; text-align: center } .meta-tools .f-size a:hover { background: #232323 } .social-article .socialize-icon { display: inline-block; margin-right: 10px; line-height: 25px } .social-article .socialize-icon i.fa { background: rgba(0, 0, 0, 0.2); width: 30px; text-align: center; color: #fff; border-radius: 1px; -moz-border-radius: 1px; position: relative; margin-right: 8px } .social-article .socialize-icon strong { display: inline-block; background: #aaa; padding-right: 10px; border-radius: 2px; -moz-border-radius: 2px; color: #fff; font-size: 12px; position: relative } .social-article .socialize-icon span { display: inline-block; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; margin-left: 4px; font-size: 12px; font-weight: bold; padding: 0 8px; color: #aaa; background: #fff; position: relative; line-height: 23px } .social-article .socialize-icon span:before { display: block; content: ''; width: 6px; height: 6px; border-left: inherit; border-bottom: inherit; position: absolute; left: -4px; top: 8px; background: inherit; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg) } .social-article .socialize-icon:hover span { border: 1px solid #aaa } .social-article .socialize-icon.facebook:hover strong { background: #4c66a4 } .social-article .socialize-icon.twitter:hover strong { background: #4cb6e2 } .social-article .socialize-icon.google:hover strong { background: #dd4b39 } .social-article .socialize-icon.linkedin:hover strong { background: #0073b2 } .about-author { display: block; margin-bottom: 20px; border-top: 3px solid #2c3e50; padding-top: 20px; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin-top: 30px } .about-author:after { display: block; clear: both; content: '' } .about-author .about-avatar { display: block; float: left; width: 100px; height: 100px } .about-author .about-content { display: block; margin-left: 120px } .about-author .about-content h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; color: #232323 } .about-author .about-content p { margin-bottom: 0 } .main-banner { text-align: center } .main-banner img { max-width: 100%; height: auto } .custom-title { display: block; margin-bottom: 15px; color: #aaa; cursor: default } div:hover>.custom-title { color: #858585 } .split-stuff { display: block } .split-stuff:after { display: block; content: ''; clear: both } .split-stuff>div { display: block; float: left } .split-stuff.blocks-2>div { width: 49%; margin-right: 2% } .split-stuff.blocks-2>div:nth-child(2){ margin-right: 0; } .split-stuff.blocks-3>div { width: 32%; margin-right: 2% } .split-stuff.blocks-3>div:nth-child(3n) { margin-right: 0 } .split-stuff.blocks-3>div:nth-child(1n+4) { margin-top: 2% } .split-stuff.blocks-3>div:nth-child(3n+1) { clear: both } .split-stuff.blocks-4>div { width: 23.5%; margin-right: 2% } .split-stuff.blocks-4>div:nth-child(4n) { margin-right: 0 } .split-stuff.blocks-4>div:nth-child(1n+5) { margin-top: 2% } .split-stuff.blocks-4>div:nth-child(4n+1) { clear: both } .menu-dropy { display: none } .ot-jumplist { display: block; position: fixed; top: 25%; margin-left: 0; right: 0; z-index: 4000; width: 40px } .ot-jumplist>a { position: relative } .ot-jumplist>a:hover:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1) } .ot-jumplist .open-jumplist { display: block; background: #2c3e50; color: #fff; padding: 12px 19px 12px 19px; font-size: 17px; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); white-space: nowrap; width: 100px; position: absolute; left: -49px; top: -89px; text-transform: uppercase; } .ot-jumplist .jumplist-facebook { display: block; font-size: 15px; background: #496cb4; color: #fff; width: 40px; text-align: center; padding: 10px 0 } .ot-jumplist .jumplist-twitter { display: block; font-size: 15px; background: #3cbcd7; color: #fff; width: 40px; text-align: center; padding: 10px 0 } .ot-jumplist .jumplist-google { display: block; font-size: 15px; background: #dd4b39; color: #fff; width: 40px; text-align: center; padding: 10px 0 } .ot-jumplist .actual-list { display: none; position: absolute; right: -212px; width: 180px; padding: 16px; background: #2c3e50; z-index: 4; color: #fff; top: -158px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s } .ot-jumplist.active .actual-list { right: 0; display: block; transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s } .ot-jumplist.active .jumplist-facebook, .ot-jumplist.active .jumplist-twitter, .ot-jumplist.active .jumplist-google, .ot-jumplist.active .open-jumplist { display: none; } .ot-jumplist .actual-list a { color: #fff } .ot-jumplist .actual-list ul { display: block; padding: 10px 15px } .ot-jumplist .actual-list ul li { display: block; position: relative } .ot-jumplist .actual-list ul li a { display: block; font-size: 13px; line-height: 22px } .ot-jumplist .actual-list ul li a:hover { text-decoration: underline } .ot-jumplist .actual-list ul li a:before { display: inline-block; font-family: 'FontAwesome'; content: '\f101'; padding-right: 8px } .ot-jumplist .actual-list .close-jumplist { display: block; padding: 10px; background: rgba(0, 0, 0, 0.2); text-transform: uppercase } .ot-jumplist .actual-list .close-jumplist strong { font-weight: 300 } .ot-jumplist .actual-list .close-jumplist i.fa { display: block; float: right; font-size: 12px; line-height: 15px } .ot-jumplist>a { position: relative; left: 0 } .ot-jumplist.active>a { left: 40px } .ot-jumplist.active>a.open-jumplist { left: -19px } .ot-jumplist>a:nth-child(2) { transition-delay: .05s; -moz-transition-delay: .05s; -webkit-transition-delay: .05s; -o-transition-delay: .05s } .ot-jumplist>a:nth-child(3) { transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s } .ot-jumplist>a:nth-child(4) { transition-delay: .15s; -moz-transition-delay: .15s; -webkit-transition-delay: .15s; -o-transition-delay: .15s } .ot-jumplist>a:nth-child(5) { transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s } #comments { display: block } #comments .commment-content { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #aaa } #comments .commment-content:after { display: block; content: ''; clear: both } #comments .commment-content .user-avatar { display: block; float: left; width: 48px; height: 48px } #comments .commment-content .user-avatar img { width: 48px; height: 48px } #comments .commment-content .comment-text { display: block; margin-left: 65px } #comments .commment-content .comment-text p { font-size: 14px; width: 100%; display: block; padding-top: 27px; margin-bottom: 15px } #comments .commment-content .comment-text .user-nick { font-size: 17px; margin-bottom: 0; display: block } #comments li li .commment-content { padding-left: 50px; background: #ededed; margin-top: -20px; padding-top: 20px; padding-right: 15px; position: relative } #comments .commment-content .time-stamp { color: #ccc; line-height: 19px; padding-left: 10px } .user-nick .user-author { display: inline-block; margin-left: 10px; font-size: 12px; vertical-align: baseline; background: #232323; color: #fff; border-radius: 2px; -moz-border-radius: 2px; padding: 0 7px; line-height: 150% } #comments li li:first-child .commment-content:before { position: absolute; content: ''; width: 10px; height: 10px; top: -6px; left: 70px; background: inherit; border-right: 1px dotted #aaa; border-top: 1px dotted #aaa; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } #comments .commment-content:hover .time-stamp { color: #aaa } #comments>li:last-child .commment-content { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 } .reply-button { display: inline-block; font-weight: bold; font-size: 13px } .reply-button i.fa { padding-right: 8px } .comment #respond { border-top: 1px dotted #ccc; background: #ededed; margin-top: -21px } #comments>li:last-child #respond { margin-top: 20px } .comment #respond form { display: block; margin: 0 auto; width: 430px; max-width: 90%; margin-bottom: 30px; padding-top: 20px } .comment .comment-reply-title { margin-top: 20px; float: right; color: red; font-size: 14px; margin-right: 20px } #writecomment { display: block; margin: 0 32px; /* 0 auto para que quede centrado el form*/ width: 430px; max-width: 90%; margin-bottom: 30px; padding-top: 20px } .comment #respond .contact-info, #writecomment .contact-info { margin-bottom: 20px; font-size: 13px; font-size: 12px; font-family: Arial; padding: 10px 11px 10px 30px; position: relative; line-height: 130%; border-radius: 3px; margin-top: 7px; border: 1px solid #dadada; color: #5e5e5e; text-shadow: none; background: #f1f1f1; width: 390px } .comment #respond .contact-info .fa, #writecomment .contact-info .fa { display: inline-block; width: 12px; text-align: center; height: 12px; font-size: 14px; position: absolute; margin-left: -18px } .comment #respond .required, #writecomment .required { display: inline-block; font-size: 16px; line-height: 14px; vertical-align: bottom; padding-left: 5px; color: #e94525 } .comment #respond p, #writecomment p { margin-bottom: 5px } .comment #respond textarea, .comment #respond input[type=text], #writecomment textarea, #writecomment input[type=text] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .comment #respond label, #writecomment label { display: block; font-size: 14px; color: #727272; padding-bottom: 3px; font-weight: normal!important; position: relative!important; left: auto!important } .comment #respond { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ccc } textarea { border: 1px solid #ccc; padding: 8px 12px; border-radius: 2px; -moz-border-radius: 2px; min-height: 90px; font-family: Arial } .coloralert { display: block; margin-bottom: 15px; border-radius: 3px; color: #fff; text-shadow: none; font-size: 13px; font-family: Arial; padding: 9px 13px; position: relative; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) } .coloralert a, .coloralert p { color: #fff; font-family: Arial; margin-bottom: 0!important } input.error { border: 1px solid #a12717 } .coloralert p { padding-right: 30px } .coloralert a[href='#close-alert'] { position: absolute; display: block; right: 13px; top: 11px; font-size: 14px } #writecomment .error-msg { background: #a12717; display: block; text-shadow: none; color: #fff; font-size: 12px; font-family: Arial; padding: 10px 11px 10px 30px; position: relative; line-height: 100%; border-radius: 3px; margin-top: 7px } #writecomment .error-msg:before { display: block; content: ''; position: absolute; width: 6px; height: 6px; top: -3px; left: 15px; background: inherit; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg) } #writecomment .error-msg .fa { display: inline-block; width: 12px; text-align: center; height: 12px; font-size: 14px; position: absolute; margin-left: -18px } .big-message { display: block; padding: 50px 0 } .big-message>div { margin: 0 auto; width: 340px } .big-message .fa { display: block; float: left; margin-right: 20px; font-size: 47px } .big-message strong { display: block; margin-left: 70px; font-size: 20px; padding-top: 5px; padding-bottom: 3px } .big-message span { display: block; margin-left: 70px } .photo-gallery-grid { display: block; margin-bottom: 15px } .photo-gallery-grid:after { display: block; content: ''; clear: both } .photo-gallery-grid .item { display: block; float: left; width: 18.4%; margin-left: 2%; margin-top: 2% } .photo-gallery-grid .item.nuevo { display: block; float: left; width: 31%; margin-left: 2%; margin-top: 2%; min-height: 150px; } .photo-gallery-grid .item.nuevo .item-header a, .photo-gallery-grid .item.nuevo .item-header { min-height: 80px; } .photo-gallery-grid .item .item-header { display: block; position: relative; margin-bottom: 12px } .photo-gallery-grid .item .item-header a { box-shadow: inherit; display: block; width: 100%; position: relative } .photo-gallery-grid .item:hover .item-header a:before { z-index: 10; display: block; position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; box-shadow: inherit } .photo-gallery-grid .item .item-header a img { position: relative; z-index: 1; width: 100%; height: auto } .photo-gallery-grid .item .category-photo { display: block; margin-bottom: 6px; font-weight: bold; text-transform: uppercase; font-size: 15px; font-family: 'Titillium Web', sans-serif } .photo-gallery-grid .nuevo .category-photo { display: block; margin-bottom: 6px; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: 'Titillium Web', sans-serif } .photo-gallery-grid .item h3 { font-size: 18px; font-weight: 600; color: #232323 } .photo-gallery-grid .item h3 span { font-size: 80%; color: #cd3920; padding-left: 10px; line-height: 22px } .photo-gallery-grid .item h3 span i.fa { display: inline-block; font-size: 70%; padding-right: 5px } /*.photo-gallery-grid .item:nth-child(5n+1) { margin-left: 0; clear: both }*/ .photo-gallery-full { display: block; margin-top: 15px; background: #f2f2f2 } .photo-gallery-full .photo-gallery-desc { display: block; padding: 20px } .photo-gallery-full .full-photo { display: block; text-align: center; background: rgba(0, 0, 0, 0.03) } .photo-gallery-full .full-photo .inner-photo { display: inline-block; position: relative; max-width: 100%; height: auto } .photo-gallery-full .full-photo .inner-photo img { max-width: 100%; height: auto; z-index: 0 } .photo-gallery-full .full-photo .photo-arrow { display: block; position: absolute; z-index: 2; top: 46% } .photo-gallery-full .full-photo .photo-arrow.left { left: 0; opacity: 0; filter: alpha(opacity=0) } .photo-gallery-full .full-photo:hover .photo-arrow.left { left: 30px; opacity: 1; filter: alpha(opacity=100) } .photo-gallery-full .full-photo .photo-arrow.right { right: 0; opacity: 0; filter: alpha(opacity=0) } .photo-gallery-full .full-photo:hover .photo-arrow.right { right: 30px; opacity: 1; filter: alpha(opacity=100) } .photo-gallery-full .full-photo .photo-num-count { display: block; position: absolute; text-align: right; bottom: 20px; right: 20px; font-size: 0; z-index: 2 } .photo-gallery-full .full-photo .photo-num-count .photo-num { display: inline-block; margin-left: 6px; padding: 5px 9px; border: 1px solid #fff; color: #fff; font-weight: bold; font-size: 13px; line-height: 100% } .photo-gallery-full .full-photo .photo-num-count .photo-num.current, .photo-gallery-full .full-photo .photo-num-count .photo-num:hover { background: #fff; color: #232323 } .photo-gallery-full .photo-gallery-desc h2 { display: block; margin-bottom: 15px; color: #232323; font-size: 27px; font-weight: 600 } .pagination { clear: both; display: block; padding-top: 30px; text-align: center; } .pagination .page-numbers.current { cursor: default } .pagination .page-numbers, .pagination .page-item { display: inline-block; color: #969696; text-shadow: none; font-weight: bold; font-size: 13px; line-height: 100%; padding: 7px 10px; border-radius: 30px; background: transparent; border: 1px solid #969696; margin: 0 3px } .pagination .page-numbers.current, .pagination .page-item.active, .pagination .page-numbers:hover, .pagination .page-item:hover { background: #b1b1b1; color: #fff } .pagination .page-numbers.next, .pagination .page-numbers.prev { padding: 7px 11px; margin: 0 10px } .content .mini-sidebar { display: block; width: 160px; float: left; margin-left: 30px } .content .mini-sidebar .widget .widget-top-b { display: none } .content .mini-sidebar .w-news-list { padding: 20px 0 0 0; background: transparent } .content .mini-sidebar .w-news-list h4 { font-size: 14px!important; font-weight: 600 } .content .mini-sidebar .w-news-list p, .content .mini-sidebar .w-news-list .item-foot { display: none } .content .mini-sidebar.left { margin-left: 0; margin-right: 30px } .content #sidebar.left { margin-right: 30px } .mini-sidebar .widget { display: block; width: 160px; font-size: 14px; margin-bottom: 15px } .mini-sidebar .widget p { font-size: 14px } .mini-sidebar .widget>div { margin-top: 15px } .mini-sidebar .widget>h3 { display: block; padding: 10px 15px; color: #fff; background: #2c3e50; font-size: 15px; font-weight: 600 } .middle-articles { display: block; background: transparent!important; padding: 20px 0 0 0!important } .with-sidebar-both .item-block .item-content .item-author .author-name { font-size: 13px } .with-sidebar-both .item-block-2 .item-block .item-content p { display: none } .with-sidebar-both .item-block-2.blocks-3 .item-block .item-header { height: 100px } .side-banner { text-align: center } .mini-sidebar .side-banner { padding: 0!important; background: transparent!important } .side-banner img { max-width: 100%; height: auto } .middle-articles .item { display: block; margin-bottom: 15px; position: relative; border-bottom: 1px dotted #ccc; padding-bottom: 15px } .middle-articles .item .item-comment { font-size: 10px; padding: 4px 8px } .middle-articles .item:hover .item-comment { font-size: 10px; padding: 4px 8px; margin-top: -4px } .middle-articles .item .item-foto { height: 128px; display: block; overflow: hidden; text-align: center; } .middle-articles .item img { width: 100%; height: auto; } .middle-articles h4 { font-size: 14px; font-weight: 600 } .content #sidebar { display: block; width: 300px; float: right } .content #sidebar.right { float: right } .content #sidebar.left { float: left } .widget { display: block; position: relative; } .widget .socialize-tool { display: block; text-align: center; margin-bottom: 15px } .socialize-tool .socialize-icon { display: inline-block; margin: 0 7px; color: #d1d1d1; text-align: center } .socialize-tool .socialize-icon:hover { color: #232323 } .socialize-tool .socialize-icon:hover i.fa { background: #232323 } .socialize-tool .socialize-icon i.fa { display: block; font-size: 16px; background: #d1d1d1; color: #fff; width: 38px; margin-left: auto; margin-right: auto; padding: 8px 0; border-radius: 1px; -moz-border-radius: 1px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; position: relative } .socialize-tool .socialize-icon i.fa:after { display: block; position: absolute; bottom: -3px; left: 46%; width: 6px; height: 6px; background: inherit; content: ''; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg) } .socialize-tool .socialize-icon span { display: block; font-size: 20px; font-family: 'Titillium Web', sans-serif; padding-top: 10px } .socialize-tool .socialize-icon.facebook:hover { color: #4c66a4 } .socialize-tool .socialize-icon.facebook:hover i.fa { background: #4c66a4 } .socialize-tool .socialize-icon.twitter:hover { color: #4cb6e2 } .socialize-tool .socialize-icon.twitter:hover i.fa { background: #4cb6e2 } .socialize-tool .socialize-icon.google:hover { color: #dd4b39 } .socialize-tool .socialize-icon.google:hover i.fa { background: #dd4b39 } .socialize-tool .socialize-icon.linkedin:hover { color: #0073b2 } .socialize-tool .socialize-icon.linkedin:hover i.fa { background: #0073b2 } .widget hr { display: block; height: 1px; background: #e8e8e8; border: 0; width: 100%; margin-bottom: 15px } .widget-contact { display: block; margin-bottom: 20px } .widget-contact li { display: block; margin-bottom: 15px; position: relative } .widget-contact li i.fa { display: block; float: left; width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #c4c4c4; text-align: center; line-height: 30px; color: #c4c4c4 } .widget-contact li strong { display: block; margin-left: 45px; font-size: 16px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #434343 } .widget-contact li span { display: block; margin-left: 45px; color: #888; font-size: 13px; padding-top: 2px } .sidebar-banner embed, .sidebar-banner iframe, .sidebar-banner img { display: inline-block; height: auto; max-width: 100% } #sidebar .widget { display: block; margin-bottom: 20px } #sidebar .widget p { font-size: 14px; color: #434343 } #sidebar .widget>h3, .widget>h3 { display: block; padding: 10px 15px; color: #fff; background: #2c3e50; font-size: 18px; font-weight: 600 } #sidebar .widget .widget-top-b { display: block; color: #fff; line-height: 24px; right: 15px; font-size: 11px } .mini-sidebar .widget>form, .mini-sidebar .widget>ul, .mini-sidebar .widget>div { margin-top: 0 } .mini-sidebar .widget>form, .mini-sidebar .widget>ul, .mini-sidebar .widget>div, #sidebar .widget>dl, #sidebar .widget>form, #sidebar .widget>div, .ficha .widget>div{ display: block; padding: 18px 20px; background: #f5f5f5 } #sidebar .widget>ul { display: block; padding: 18px 20px!important; background: #f5f5f5 } #sidebar .widget>form label { display: none } .mini-sidebar .widget .menu-quadrum-main-menu-container ul li, .mini-sidebar .widget>ul li, #sidebar .widget .menu-quadrum-main-menu-container ul li, #sidebar .widget>ul li { margin-top: 12px; line-height: 130% } .mini-sidebar .widget .menu-quadrum-main-menu-container>ul>li:first-child, .mini-sidebar .widget>ul>li:first-child, #sidebar .widget .menu-quadrum-main-menu-container>ul>li:first-child, #sidebar .widget>ul>li:first-child { margin-top: 0 } body .sidebar-banner { text-align: center; background: transparent!important; padding: 0!important } .mini-sidebar .tagcloud>a { font-size: 12px!important; line-height: 14px; padding-top: 7px; padding-bottom: 7px } .mini-sidebar .screen-reader-text { display: none } .mini-sidebar input.search { width: auto; display: block; margin-bottom: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .widget .widget-top-b { display: block; position: absolute; top: 8px; right: 0; font-size: 13px } #sidebar .w-news-list .item-content h4 { font-size: 16px } #sidebar .widget .w-news-list .item .item-foot { font-size: 12px; white-space: nowrap } #sidebar .widget .w-news-list .item.no-image .item-content { margin-left: 0 } .mini-sidebar .widget .w-news-list .item .item-photo { float: none; margin-bottom: 10px; width: 100%; height: auto; } .mini-sidebar .item-foot a { margin-right: 0!important; margin-bottom: 5px } .mini-sidebar .widget-contact li strong, .mini-sidebar .widget-contact li span, .mini-sidebar .widget .w-comment-list .item .item-content, .mini-sidebar .widget .w-news-list .item .item-content { margin-left: 0 } .mini-sidebar .widget .subscribe-feed p { padding: 0 } .mini-sidebar .widget-contact li i.fa, .mini-sidebar .widget .w-comment-list .item .item-photo { display: none } body #sidebar .coloralert p { color: #fff; padding-left: 0 } .widget .subscribe-feed { display: block; margin-bottom: 15px } .widget .subscribe-feed p { display: block; padding: 0 20px; margin-bottom: 10px } .subscribe-feed textarea { color: #5e5e5e; } input[type=submit] { background: #2c3e50; color: #fff; font-weight: bold; border: 1px solid transparent; cursor: pointer } .widget .w-photo-gallery .item { display: block; margin-bottom: 17px; padding-bottom: 17px; border-bottom: 1px solid #e7e7e7 } .widget .w-photo-gallery .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .widget .w-photo-gallery .item .item-photos { display: block; margin-bottom: 15px; position: relative } .widget .w-photo-gallery .item .item-photos:after { display: block; content: ''; clear: both } .widget .w-photo-gallery .item .item-photos img { display: block; float: left; width: 24.2%; margin-right: 1%; margin-bottom: 1% } .mini-sidebar .widget .w-photo-gallery .item .item-photos img { width: 48.2% } #sidebar .widget .w-photo-gallery .item .item-photos a:nth-child(4n) img { margin-right: 0 } .mini-sidebar .widget .w-photo-gallery .item .item-photos a:nth-child(2n) img { margin-right: 0 } .widget .w-photo-gallery .item .item-content h4 { display: block; font-size: 16px; font-weight: 600; margin-bottom: 9px; color: #353535 } .widget .w-news-list { display: block } .widget .w-news-list .item { display: block; margin-bottom: 17px; padding-bottom: 17px; border-bottom: 1px solid #e7e7e7 } .widget .w-news-list .item.no-image .item-content { margin-left: 0 } .widget .w-news-list .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .widget .w-news-list .item .item-photo { display: block; float: left; width: 68px; height: 51px } .widget .w-news-list .item .item-content { display: block; margin-left: 82px } .widget .w-news-list .item .item-content h4 { display: block; font-size: 18px; font-weight: 600; margin-bottom: 9px; color: #353535 } .widget .w-news-list .item .item-content p { margin-bottom: 12px; font-size: 14px } .widget .w-news-list .item .item-foot { font-size: 13px } .widget .w-news-list .item .item-foot a { display: inline-block; margin-right: 10px } .widget .w-news-list .item .item-foot a .fa { padding-right: 7px } .widget .w-comment-list { display: block } .widget .w-comment-list .item { display: block; margin-bottom: 17px; padding-bottom: 17px; border-bottom: 1px solid #e7e7e7 } .widget .w-comment-list .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .widget .w-comment-list .item .item-photo { display: block; float: left; width: 48px; height: 48px } .widget .w-comment-list .item .item-content { display: block; margin-left: 65px } .widget .w-comment-list .item .item-content h4 { display: block; font-size: 16px; font-weight: 600; margin-bottom: 9px; color: #353535 } .widget .w-comment-list .item .item-content p { margin-bottom: 12px; font-size: 14px } .widget .w-comment-list .item .item-foot { font-size: 13px } .widget .w-comment-list .item .item-foot a { display: inline-block; margin-right: 10px } .widget .w-comment-list .item .item-foot a .fa { padding-right: 7px } .tagcloud, .tag-cloud { display: block } .tag-cloud i.fa-star { } .tagcloud a, .tag-cloud a { display: inline-block; font-size: 14px; /*!important*/ line-height: 28px; margin: 0 4px 7px 0; background: #2c3e50; color: #fff; padding: 0 10px 2px 10px; border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2) } .btn-agenda { display: block; font-size: 14px; /*!important*/ line-height: 28px; margin: 0 4px 7px 0; background: white; padding: 0 10px 2px 10px; border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2) } .tag-cloud a.clasificados { background-color: #1d4f80; } .tagcloud a:hover, .tag-cloud a:hover { color: #fff; background: #232323 } /* Este es el botón de clasificados en el header */ .usuario .tag-cloud { margin-left: 0px; } .usuario .tag-cloud a { line-height: 40px; } /* RADIOS */ .radios { text-align: center; } .tag-cloud.radios a { height: 60px; overflow: hidden; } .tag-cloud.radios a:hover img{ margin-top: -56px; } #calendar_wrap { display: block; width: 100%; position: relative; padding: 0!important } #wp-calendar { width: 100% } #wp-calendar caption { text-align: center; color: #fff; font-size: 14px; margin-top: 0; font-weight: bold; background: #2c3e50; padding: 15px 0; box-shadow: inset 0 100px 0 rgba(0, 0, 0, 0.2) } #wp-calendar thead { font-size: 13px; background: #2c3e50; color: #fff } #wp-calendar thead th { padding: 13px 0 } #wp-calendar tbody { color: #434343 } #wp-calendar tbody tr { border-bottom: 1px solid #e3e3e3 } #wp-calendar tbody td { border-right: 1px solid #e3e3e3; text-align: center; padding: 12px 8px } #wp-calendar tbody td#today a { box-shadow: inset 0 -1px 0 3px #2c3e50, inset 0 0 0 3px #2c3e50 } #wp-calendar tbody td#today { box-shadow: inset 1px 1px 0 1px #fff, inset 1px 0 0 1px #fff, inset 1px 1px 0 3px #2c3e50, inset 1px 0 0 3px #2c3e50 } #wp-calendar tbody td a { display: block; line-height: 39px; margin: -12px -8px -13px -8px; background: #f0f0f0 } #wp-calendar tbody td:hover a { background: #f5f5f5 } #wp-calendar tbody tr:last-child, #wp-calendar tbody td:last-child { border: 0 } #wp-calendar tbody .pad { background: none } #wp-calendar tfoot .pad { display: none } #wp-calendar tfoot a { color: #fff } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; padding-top: 10px; text-align: right; position: absolute; display: block; top: 7px; right: 0; z-index: 2; padding-right: 15px } #wp-calendar tfoot #prev { font-size: 11px; text-transform: uppercase; padding-top: 10px; position: absolute; display: block; top: 7px; left: 0; z-index: 2; padding-left: 15px } .mini-sidebar #wp-calendar tbody td { padding: 6px 3px; font-size: 10px } .mini-sidebar #wp-calendar tfoot { width: 100%; border-top: 1px dotted #ccc } .mini-sidebar #wp-calendar tfoot td { padding-bottom: 10px } .mini-sidebar #wp-calendar tfoot a { color: #232323; font-weight: bold } .mini-sidebar #wp-calendar tfoot #prev { padding-top: 10px; position: relative; display: table-cell; top: auto; left: auto; margin-bottom: 20px } .mini-sidebar #wp-calendar tfoot #next { padding-top: 10px; position: relative; display: table-cell; top: auto; left: auto; margin-bottom: 20px } .footer { display: block; margin-top: 50px } .footer .widget { width: 32%; margin-bottom: 20px; margin-right: 2%; float: left } .footer .widget:nth-child(3n) { margin-right: 0 } .footer .widget>h3 { display: block; border-bottom: 3px solid #2c3e50; position: relative; padding-bottom: 10px; width: 100%; font-size: 24px; text-transform: uppercase; color: #353535; font-family: 'Gudea', sans-serif; font-weight: 400; margin-bottom: 15px } .footer .widget .widget-top-b { display: block; position: absolute; text-transform: uppercase; font-weight: 400; font-family: 'Gudea', sans-serif } .footer .widget>h3:before { display: block; content: ''; width: 100%; height: 1px; left: 0; right: 0; bottom: -2px; background: #fff; position: absolute; z-index: 2 } .pie { background-color: #1d4f80; color: white; } .pie .logotipo { text-align: center; } .pie a { color: white; } .pie .contacto a, .pie .enlaces a { display: block; padding: 2px; } .boxed.active .footer .footer-blocks { margin-right: 20px; margin-left: 20px } .footer .footer-blocks { display: block; margin-top: 20px; position: relative; border-top: 3px solid #696969; border-bottom: 3px solid #696969; padding: 20px 0 5px 0; margin-bottom: 20px } .footer-much { display: block; font-size: 12px; line-height: 150%; padding-bottom: 20px } .footer-much p { font-size: 13px } .footer-much ul { display: block; line-height: 30px } .footer-much ul li { display: inline-block; position: relative; margin-left: 25px } .footer-much ul li:nth-child(1n+2):before { display: block; position: absolute; content: '/'; left: -17px; top: 0; opacity: .4 } .footer-much ul li a { display: block; font-size: 13px; font-weight: bold } .ot-slider { display: block; overflow: hidden; position: relative; color: #fff; height: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s } .ot-slider .ot-slides img { width: 100%; height: auto } .ot-slider .page-move { display: block; background: #000; position: absolute; top: 47%; padding: 10px; z-index: 10; font-size: 31px; font-family: 'Gudea', sans-serif; font-weight: 500; text-transform: uppercase; opacity: 0; filter: alpha(opacity=0); padding: 12px 20px; border-radius: 50% } .ot-slider:hover .page-move { opacity: .3; filter: alpha(opacity=30); margin: 0!important } .ot-slider .page-move:hover { opacity: 1; filter: alpha(opacity=100); margin: 0!important } .ot-slider .page-move.move-left { left: 3%; margin-left: 20px } .ot-slider .page-move.move-left i.fa { padding-right: 3px } .ot-slider .page-move.move-right { right: 3%; margin-right: 20px } .ot-slider .page-move.move-right i.fa { padding-left: 3px } .ot-slider a { color: #fff } .ot-slider .ot-slides { display: block; position: relative; z-index: 1 } .ot-slider .ot-slides .ot-slide { position: absolute; z-index: 1; display: block; opacity: 0; top: 0; left: 0; z-index: 1; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s } .ot-slider .ot-slides .ot-slide.active { display: block; opacity: 1; z-index: 2 } .ot-slider .ot-slides .ot-slide-overlay { display: block; position: absolute; z-index: 2; font-family: 'Gudea', sans-serif; text-shadow: 0 0 2px rgba(0, 0, 0, 0.9); top: 48%; left: 10%; width: 37%; height: 0; font-size: 20px; text-align: left; margin-top: -100px; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s } .ot-slider .ot-slides .active .ot-slide-overlay { margin: 0 } .ot-slider .ot-slides .ot-slide-overlay>strong { font-size: 37px; font-weight: 300; text-transform: uppercase; margin-bottom: 15px; display: block } .ot-slider .ot-slides .ot-slide-overlay p { display: block; font-size: 20px; margin-bottom: 18px } .ot-slider .ot-slides .ot-slide-overlay>a { position: relative; z-index: 1; display: inline-block; padding: 11px 16px; border: 1px solid #fff; text-transform: uppercase; font-size: 16px; font-weight: 500 } .ot-slider .ot-slides .ot-slide-overlay>a:hover { background: #fff; text-shadow: none; color: #232323 } .ot-slider .ot-slides .ot-slide-overlay>a i.fa { padding-right: 8px } .ot-slider .ot-slides .ot-slide>img { position: relative; z-index: 1; max-width: 100%; height: auto } .ot-slider .ot-slider-thumbs { position: absolute; z-index: 2; bottom: 30px; left: 0; text-align: center; right: 0 } .ot-slider .ot-slider-thumbs a { display: inline-block; margin: 0 4px } .ot-slider .ot-slider-thumbs a img { display: block; padding: 3px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); opacity: .4; filter: alpha(opacity=40) } .ot-slider .ot-slider-thumbs a.active img, .ot-slider .ot-slider-thumbs a:hover img { opacity: 1; filter: alpha(opacity=100) } .lightbox hr { margin: 20px 0 } .lightbox p, .lightbox span, .lightbox h2, .lightbox h3 { color: #232323; text-shadow: none } .lightbox .loading-box { padding: 50px 0; line-height: 24px } .startlightbox { overflow: hidden } .startlightbox .lightbox { display: block } .lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; z-index: 200; display: none; overflow-y: scroll!important } .lightbox .main-black-block { box-shadow: none; background: #212121; color: #ccc; font-size: 11.5px; line-height: 20px; font-weight: 300; padding-bottom: 5px; color: #8a8a8a } .lightbox .lightcontent .light-close span, .lightbox .lightcontent-loading .light-close span { font-family: 'Entypo'; font-size: 14px; display: inline-block; margin-top: -2px; margin-right: 6px; color: inherit } .lightbox .lightcontent .light-close:hover, .lightbox .lightcontent-loading .light-close:hover { color: #db2727 } .lightbox .lightcontent .light-close:active, .lightbox .lightcontent-loading .light-close:active { color: #b01e1e } .lightbox .lightcontent .light-close, .lightbox .lightcontent-loading .light-close { display: block; right: 0; top: -30px; font-family: Arial; position: absolute; font-size: 12px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) } .lightbox .lightcontent, .lightbox .lightcontent-loading { background: #f4f4f4; width: 1200px; max-width: 100%; margin: 100px auto 70px auto; position: relative; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); text-align: left } .lightbox .light-title { display: block; position: absolute; top: -33px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); height: 23px; width: 780px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .lightbox .gallery-thumbs { margin-right: auto; margin-left: auto; margin-bottom: 30px; width: 95% } .lightbox .thacontent { padding: 0 25px 20px 25px } .loading-box { display: block; text-align: center } .loading-box .loading-image { display: block; text-align: center; padding-top: 20px } .lightbox .carousel-left { left: 8px } .lightbox .carousel-right { right: 8px } .lightbox blockquote { padding-bottom: 30px } .lightbox .article-main-content { padding: 0 55px; width: auto } .loading-message { display: block; background: #f0f0f0; padding: 10px 15px; font-size: 11px; line-height: 140% } .loading-message img { display: block; float: left; width: 34px; padding-right: 15px } .main-content-split .loading-message img { display: none } .loading-message:before { display: block; content: ''; clear: both } .loading-message b { font-size: 18px; display: block; padding-bottom: 4px } .ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { z-index: 20px } .ls-fullwidth .ls-nav-next { right: 50px!important } .ls-fullwidth .ls-nav-prev { left: 50px!important } .light-close i.fa { padding-right: 6px } .lightbox .big-photo-block .the-image { box-shadow: none; text-align: center; padding-top: 10px; background-color: transparent } .lightbox .big-photo-block .the-image img { max-width: 98% } .lightbox .big-photo-block .the-thumbs { margin-left: 1%; margin-right: 1%; overflow: hidden } .lightbox .lightbox-content { display: block; padding: 0 2% 8px 2% } .the-image img { max-width: 100% } .lightbox .photo-gallery-full { box-shadow: none } .photo-categories { display: block; margin-top: 20px } .photo-categories a:not(.active):not(:hover) { background: #aaa!important } .photo-categories a:hover { color: #fff } .photo-categories a { display: inline-block; background: #232323; color: #fff; line-height: 28px; font-size: 13px; font-weight: bold; padding: 0 10px; margin-right: 4px; margin-bottom: 8px } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important } .product a.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { /* background: #48c738!important;*/ background: #125E00!important; border: 0!important; box-shadow: none!important; text-shadow: none!important; color: #fff!important; box-shadow: inset 0 -40px 30px -30px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.2)!important; border: 1px solid rgba(0, 0, 0, 0.14)!important; border-bottom: 1px solid rgba(0, 0, 0, 0.4)!important } .product a.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover { box-shadow: inset 0 -40px 30px -30px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 30px 20px -20px rgba(255, 255, 255, 0.2)!important } .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active { box-shadow: inset 0 -40px 30px -30px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 50px 0 0 rgba(0, 0, 0, 0.1)!important; margin-top: -1px!important } .main-content .woocommerce-block.bx-loading { display: block; width: 48.4%!important; float: left; margin-bottom: 20px } .main-content .woocommerce-block.bx-loading ul { margin: 0; padding: 0; width: 98%; padding: 4px; box-shadow: inset 0 0 0 1px #ccc; display: block; margin-bottom: 10px } .main-content .woocommerce-block.bx-loading ul li { margin: 0; padding: 0; display: none; background: transparent } .main-content .woocommerce-block.bx-loading ul li.active { display: block } .main-content .woocommerce-block.bx-loading ul li img { width: 100%; height: auto } .woocommerce-pager { display: block } .woocommerce-pager a:nth-child(4n) img { margin-right: 0 } .woocommerce-pager img { padding: 4px; box-shadow: inset 0 0 0 1px #ccc; margin-right: 6px; margin-bottom: 6px } div.product form.cart .button { padding: 8px 16px } .woocommerce div.product form.cart div.quantity { margin-right: 10px!important } .added_to_cart { position: absolute; display: inline-block; margin-left: 20px; margin-top: 3px } .more-link.loading i:after { display: block; position: absolute; content: ''; background: url(../../../plugins/woocommerce/assets/images/ajax-loader.gif) center no-repeat; width: 20px; height: 20px; z-index: 10; top: 0; left: -30px } .more-link.added i:after { display: block; position: absolute; content: ''; background: url(../../../plugins/woocommerce/assets/images/success.png) center no-repeat; width: 20px; height: 20px; z-index: 10; top: 0; left: -30px } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: #f0f0f0!important; box-shadow: none!important } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { display: none!important } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background: #fff!important } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price { font-size: 1.5em!important } .product span.onsale, .woocommerce span.onsale, .woocommerce-page span.onsale { background: white!important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3)!important; overflow:hidden; width: 32px; height: 32px; } .product span.onsale img { margin-top: -4px; margin-left: -4px; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { color: #e68911 } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price { color: #2c5e00!important } .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product { width: 30.8%!important; margin-right: 3.8%!important } .woocommerce .related ul.products li.product:nth-child(3n), .woocommerce .related ul li.product:nth-child(3n), .woocommerce .upsells.products ul.products li.product:nth-child(3n), .woocommerce .upsells.products ul li.product:nth-child(3n), .woocommerce-page .related ul.products li.product:nth-child(3n), .woocommerce-page .related ul li.product:nth-child(3n), .woocommerce-page .upsells.products ul.products li.product:nth-child(3n), .woocommerce-page .upsells.products ul li.product:nth-child(3n) { margin-right: 0!important } h1.page-title { display: block; padding: 10px 15px; color: #fff; background: #2c3e50; font-size: 18px; font-weight: 600; margin-bottom: 25px } .woocommerce-result-count { margin-bottom: 13px } .ui-slider-handle { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-widget-header { background: #68a117; color: #222; font-weight: bold } .ui-widget-content { color: #222; margin: 0; background: rgba(0, 0, 0, 0.09) } .ui-slider-horizontal { height: .6em } .ui-slider { position: relative; text-align: left } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #68a117; font-weight: normal; color: #555 } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.6em; border-radius: 50%; box-shadow: inset 0 0 0 4px #fff, 0px 0 2px rgba(0, 0, 0, 0.5) } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: default } .price-range-content { display: block; padding-top: 15px; font-size: 12px } .price-range-content #amount { display: block; padding-top: 4px; font-size: 18px; color: #f4edd4; font-weight: normal } .woocommerce .price_slider_wrapper button.button { float: right } .price_slider_amount { padding-top: 20px } .price_slider_wrapper .price_label { display: block; vertical-align: baseline; font-size: 0 } .price_slider_wrapper .price_label:before { display: block; content: 'Price Range'; font-size: 12px } .price_slider_wrapper .price_label .to:before { content: '-'; padding-left: 5px; padding-right: 5px } .price_slider_wrapper .price_label .to, .price_slider_wrapper .price_label .from { display: inline-block; padding-top: 4px; font-size: 18px; font-weight: normal; vertical-align: baseline } body .price_slider_amount .button:active, .price_slider_amount .button:hover, .price_slider_amount .button { padding: 10px 17px!important; margin-top: 5px!important } #searchform label { display: none } #searchform #searchsubmit { padding: 5px 10px } .widget .product-categories .cat-item { display: block; padding-bottom: 4px; font-size: 13px } .widget .product-categories .cat-item a { font-weight: bold; padding-right: 5px } .product_list_widget li { margin-bottom: 7px!important; padding-bottom: 10px!important; border-bottom: 1px dashed #ccc } .product_list_widget li:last-child { border-bottom: 0; margin-bottom: 0!important; padding-bottom: 0!important } .product_list_widget del, .product_list_widget del .amount { color: #939393!important; font-weight: normal } .product_list_widget .amount, .product_list_widget ins { color: #2c5e00; font-weight: bold } ul.cart_list li img, ul.product_list_widget li img, ul.cart_list li img, ul.product_list_widget li img { box-shadow: none!important } .widget_shopping_cart_content .total { display: block; font-size: 16px; padding-top: 15px; margin-top: 15px; border-top: 1px dashed #ccc; padding-bottom: 8px } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { color: #939393; margin-top: 10px } ul.cart_list li .star-rating, ul.product_list_widget li .star-rating, ul.cart_list li .star-rating, ul.product_list_widget li .star-rating { color: #e68911; margin: 5px 0 } .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td { padding-top: 8px!important } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { padding: 5px 9px; border-radius: 2px; border: 1px solid #ccc; color: #232323; cursor: pointer; box-shadow: inset 0 0 0 1px #fff, inset 0 2px 10px rgba(0, 0, 0, 0.05); margin-right: 0 } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li, .woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist { list-style: none!important } .comment-respond .stars { display: block; margin-left: 150px } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul { border: 0!important; background: transparent!important } .woocommerce-pagination .page-numbers span.page-numbers, .woocommerce-pagination .page-numbers a.page-numbers { display: block!important; line-height: 100%!important; height: auto!important; width: auto!important; padding: 10px 12px!important; margin: 0 2px!important } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { width: 100% } body .payment_methods li { background-image: none!important; padding-left: 0!important } .chzn-container .chzn-results .active-result { background-image: none!important } .products .product .added_to_cart { position: relative!important; padding: 4px 0 0 1px!important; margin-left: 8px!important; margin-top: 0!important; font-weight: bold; font-size: 12px } .widget ul#menu-main-menu, .widget>ul { margin: 0!important } .widget ul#menu-main-menu ul, .widget>ul ul { padding-top: 10px; padding-left: 0!important; margin-bottom: 0!important; margin-left: 10px } .widget p a { font-weight: bold } .widget ul#menu-main-menu li, .widget>ul li { padding-bottom: 5px; padding-left: 0!important; background: transparent!important } .tagcloud { line-height: 18px!important } .tagcloud a { display: inline-block; font-size: 12px!important; margin-bottom: 3px } .tagcloud a:last-child:after { display: none } .widget .screen-reader-text { display: none } .widget #searchsubmit { margin-left: 5px; padding: 4px 8px } .widget input.search { width: 134px } .menu-display-1-wrapper .more-link.loading i:after { left: 95px!important } .menu-display-1-wrapper .more-link.added i:after { display: none!important } .menu-display-1-wrapper .item:nth-child(3n+1) { clear: both } hr { display: block; height: 0; border: 0; border-top: 1px dashed rgba(0, 0, 0, 0.2); border-bottom: 1px dashed rgba(255, 255, 255, 0.2); margin-bottom: 15px } .mailing-list .sub-submit { display: inline-block; margin-right: 76px } .mailing-list .subscribe-block { display: block; text-align: center } .latest-activity .activity-item.no-image .text { margin-left: 0 } .widget .coloralert h4 { padding: 15px 20px 15px 20px; margin-bottom: 0 } .widget .coloralert p { margin-top: -5px; padding: 0 20px 15px 20px } .widget .coloralert p:empty { display: none } .widget .footer-map-link { display: block; margin-top: 10px } .widget .footer-map-link i.fa { padding-right: 6px } .footer .widget .footer-map-link { color: rgba(255, 255, 255, 0.7) } .footer .widget .footer-map-link:hover { color: #fff } .error-page { display: block; text-align: center; padding: 50px 0 100px } .error-page h1 { font-size: 50px; line-height: 100%; margin-bottom: 10px } .error-page h2 { font-size: 25px; margin-bottom: 30px } .error-page a i.fa { padding-right: 8px } .product span.onsale, .woocommerce span.onsale, .woocommerce-page span.onsale { background: #b10700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) } .product span.onsale, .woocommerce span.onsale, .woocommerce-page span.onsale { min-height: 32px; min-width: 32px; padding: 4px; font-size: 12px; font-weight: bold; position: absolute; text-align: center; line-height: 32px; top: 6px; left: 6px; margin: 0; -webkit-border-radius: 20px; border-radius: 20px; background: #a1c094; background: -webkit-gradient(linear, left top, left bottom, from(#a1c094), to(#85ad74)); background: -webkit-linear-gradient(#a1c094, #85ad74); background: -moz-linear-gradient(center top, #a1c094 0, #85ad74 100%); background: -moz-gradient(center top, #a1c094 0, #85ad74 100%); text-shadow: 0 -1px 0 #85ad74; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2) } .woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product { margin-bottom: 0; position: relative } .main-content .woocommerce-block.bx-loading { display: block; width: 290px; float: left; margin-bottom: 20px } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { margin-bottom: 2em } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 48% } .woocommerce img, .woocommerce-page img { height: auto; max-width: 100% } .woocommerce-main-image img { width: 100% } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { clear: both } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0 } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #dfdbdf; z-index: 1 } .woocommerce #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs:after { clear: both } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { border: 1px solid #dfdbdf; background: #f7f6f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#dfdbdf)); background: -webkit-linear-gradient(#f7f6f7, #dfdbdf); background: -moz-linear-gradient(center top, #f7f6f7 0, #dfdbdf 100%); background: -moz-gradient(center top, #f7f6f7 0, #dfdbdf 100%); display: inline-block; position: relative; z-index: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6); margin: 0 -5px; padding: 0 1em } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background: #fff; z-index: 2; border-bottom-color: #fff } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 1em 0; font-weight: bold; color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); text-decoration: none } .woocommerce-product-rating, .woocommerce-product-rating { line-height: 2em; display: block } .woocommerce-product-rating .star-rating, .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0; float: left } .star-rating, .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; letter-spacing: 2px; width: 5.4em; font-family: 'FontAwesome' } .star-rating:before, .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #dfdbdf; float: left; top: 0; left: 0; position: absolute } .star-rating span, .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .star-rating span:before, .star-rating span:before { content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0 } div.product form.cart .button { -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; font-weight: bold; margin-top: 0!important; font-size: 12px } .woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart { margin-bottom: 2em } .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del { font-size: .67em; color: rgba(145, 145, 145, 0.5) } .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes { border: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 1.618em; width: 100% } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { width: 150px; font-weight: bold; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5em } .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td { padding-top: 8px!important } .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5em } .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th, .woocommerce-page table.shop_attributes .alt td, .woocommerce-page table.shop_attributes .alt th { background: rgba(0, 0, 0, 0.025) } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li, .woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist { list-style: none!important } .woocommerce #reviews #comments ol.commentlist:before, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce-page #reviews #comments ol.commentlist:before, .woocommerce-page #reviews #comments ol.commentlist:after { content: " "; display: table } .woocommerce #reviews #comments ol.commentlist:after, .woocommerce-page #reviews #comments ol.commentlist:after { clear: both } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0 } .woocommerce #reviews #comments .commentlist>li:before, .woocommerce-page #reviews #comments .commentlist>li:before { content: "" } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #f7f6f7; border: 1px solid #f0eef0; margin: 0; line-height: 1 } #sidebar .product-categories li>ul { padding-top: 8px!important } .product_list_widget .quantity { white-space: nowrap; overflow: visible!important; float: none } .product_list_widget .quantity span { display: inline-block } #sidebar .product-categories li { margin-top: 3px!important } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #f0eef0; -webkit-border-radius: 4px; border-radius: 4px; padding: 1em 1em 0 } #review_form #respond p { margin: 0 0 10px } .comment #respond p label, .add-comment p label { display: block; position: absolute; left: 0; font-weight: bold } #review_form #respond p { margin: 0 0 10px } #review_form label { display: block; float: left; width: 120px } #review_form .form-submit { margin-left: 120px!important; display: block; width: auto } p.stars a.star-1 { width: 2em } .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5, .woocommerce-page p.stars a.star-1, .woocommerce-page p.stars a.star-2, .woocommerce-page p.stars a.star-3, .woocommerce-page p.stars a.star-4, .woocommerce-page p.stars a.star-5 { border-right: 1px solid #ccc } .woocommerce p.stars a, .woocommerce-page p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative } .woocommerce p.stars, .woocommerce-page p.stars { font-size: 1em } .woocommerce p.stars a.star-2, .woocommerce-page p.stars a.star-2 { width: 3em } .woocommerce p.stars a.star-3, .woocommerce-page p.stars a.star-3 { width: 4em } .woocommerce p.stars a.star-4, .woocommerce-page p.stars a.star-4 { width: 5em } .woocommerce p.stars a.star-5, .woocommerce-page p.stars a.star-5 { width: 6em; border: 0 } .woocommerce p.stars a.star-1:after, .woocommerce-page p.stars a.star-1:after { content: "\f006" } .woocommerce p.stars a.star-2:after, .woocommerce-page p.stars a.star-2:after { content: "\f006\f006" } .woocommerce p.stars a.star-3:after, .woocommerce-page p.stars a.star-3:after { content: "\f006\f006\f006" } .woocommerce p.stars a.star-4:after, .woocommerce-page p.stars a.star-4:after { content: "\f006\f006\f006\f006" } .woocommerce p.stars a.star-5:after, .woocommerce-page p.stars a.star-5:after { content: "\f006\f006\f006\f006\f006" } .woocommerce p.stars a.star-1:hover:after, .woocommerce p.stars a.star-1.active:after, .woocommerce-page p.stars a.star-1:hover:after, .woocommerce-page p.stars a.star-1.active:after { content: "\f005" } .woocommerce p.stars a.star-2:hover:after, .woocommerce p.stars a.star-2.active:after, .woocommerce-page p.stars a.star-2:hover:after, .woocommerce-page p.stars a.star-2.active:after { content: "\f005\f005" } .woocommerce p.stars a.star-3:hover:after, .woocommerce p.stars a.star-3.active:after, .woocommerce-page p.stars a.star-3:hover:after, .woocommerce-page p.stars a.star-3.active:after { content: "\f005\f005\f005" } .woocommerce p.stars a.star-4:hover:after, .woocommerce p.stars a.star-4.active:after, .woocommerce-page p.stars a.star-4:hover:after, .woocommerce-page p.stars a.star-4.active:after { content: "\f005\f005\f005\f005" } .woocommerce p.stars a.star-5:hover:after, .woocommerce p.stars a.star-5.active:after, .woocommerce-page p.stars a.star-5:hover:after, .woocommerce-page p.stars a.star-5.active:after { content: "\f005\f005\f005\f005\f005" } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after, .woocommerce-page p.stars a.star-1:after, .woocommerce-page p.stars a.star-2:after, .woocommerce-page p.stars a.star-3:after, .woocommerce-page p.stars a.star-4:after, .woocommerce-page p.stars a.star-5:after { font-family: "FontAwesome"; text-indent: 0; position: absolute; top: 0; left: 0; padding-right: 1em; letter-spacing: 1px } .comment-form-rating>.stars { display: block; width: 100%; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .form-submit #submit { -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; font-weight: bold; margin-top: 0!important; margin-bottom: 0!important; font-size: 12px; padding: 7px 17px } .woocommerce .related:after, .woocommerce .related:before, .woocommerce .upsells.products:after, .woocommerce .upsells.products:before, .woocommerce-page .related:after, .woocommerce-page .related:before, .woocommerce-page .upsells.products:after, .woocommerce-page .upsells.products:before { content: " "; display: table } .woocommerce .related:after, .woocommerce .upsells.products:after, .woocommerce-page .related:after, .woocommerce-page .upsells.products:after { clear: both } .woocommerce .related ul, .woocommerce .related ul.products, .woocommerce .upsells.products ul, .woocommerce .upsells.products ul.products, .woocommerce-page .related ul, .woocommerce-page .related ul.products, .woocommerce-page .upsells.products ul, .woocommerce-page .upsells.products ul.products { float: none } .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both } .woocommerce .products ul li, .woocommerce ul.products li, .woocommerce-page .products ul li, .woocommerce-page ul.products li { list-style: none outside } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; margin-left: 0; background: transparent } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: -6px -6px 0 0 } .woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img { width: 100%; height: auto } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 8px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 1em } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #85ad74; display: block; font-weight: bold; margin-bottom: .8em } .woocommerce div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { float: left; margin: 0 4px 0 0 } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { width: 40px; height: 28px; float: left; padding: 0; text-align: center; border: 1px solid #c7c0c7; border-right: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: inset 0 0 2px 0 #f7f6f7; -webkit-box-shadow: inset 0 0 2px 0 #f7f6f7; -moz-box-shadow: inset 0 0 2px 0 #f7f6f7; font-weight: bold; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px } .woocommerce .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce-page #content .quantity .plus { top: 0; right: 0; border-bottom: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 2 } .woocommerce .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .minus { bottom: 0; right: 0; border-bottom: 0; border-radius: 0 0 2px 0; -moz-border-radius: 0 0 2px 0!important; z-index: 2 } .woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus { display: block; padding: 0; margin: 0; position: absolute; text-align: center; vertical-align: text-top; width: 20px; height: 15px; text-decoration: none; overflow: visible; text-decoration: none; font-weight: bold; cursor: pointer; line-height: 13px; font-size: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c7c0c7; background: #f7f6f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#dfdbdf)); background: -webkit-linear-gradient(#f7f6f7, #dfdbdf); background: -moz-linear-gradient(center top, #f7f6f7 0, #dfdbdf 100%); background: -moz-gradient(center top, #f7f6f7 0, #dfdbdf 100%); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1) } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { width: 46px; position: relative; margin: 0 auto; overflow: hidden; zoom: 1; -webkit-appearance: none } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { zoom: 1 } .quantity .plus { top: 0!important; -webkit-border-top-right-radius: .327em; -webkit-border-bottom-right-radius: .327em; border-top-right-radius: .327em; border-bottom-right-radius: .327em; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .quantity .minus { bottom: 0!important; -webkit-border-top-right-radius: .327em; -webkit-border-bottom-right-radius: .327em; border-top-right-radius: .327em; border-bottom-right-radius: .327em; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .product_meta .sku_wrapper, .product_meta .tagged_as { display: block } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { border-top: 3px solid #8fae1b } .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info { padding: 1em 1em 1em 3.5em!important; margin: 0 0 2em!important; position: relative; -webkit-border-radius: 4px; border-radius: 4px; background: #fcfbfc; background: -webkit-gradient(linear, left top, left bottom, from(#fcfbfc), to(#f7f6f7)); background: -webkit-linear-gradient(#fcfbfc, #f7f6f7); background: -moz-linear-gradient(center top, #fcfbfc 0, #f7f6f7 100%); background: -moz-gradient(center top, #fcfbfc 0, #f7f6f7 100%); color: #5e5e5e; text-shadow: 0 1px 0 #fff; list-style: none outside!important; width: auto; -webkit-box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.05), inset 0 -2px 30px rgba(0, 0, 0, 0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.05), inset 0 -2px 30px rgba(0, 0, 0, 0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0, 0, 0, 0.3) } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before { content: ""; height: 1.5em; width: 1.5em; display: block; position: absolute; top: 0; left: 1em; font-family: sans-serif; font-size: 1em; line-height: 1.5; text-align: center; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); padding-top: 1em; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1) } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { background-color: #8fae1b; content: "\2713" } .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after, .woocommerce-page .woocommerce-message:after, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-info:after { clear: both; display: block; content: '' } .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button { float: right; margin-top: 0!important } .product a.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { font-size: 100%; margin: 0; line-height: 1em; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; padding: 6px 10px; text-decoration: none; font-weight: bold; -webkit-border-radius: 2px; border-radius: 2px; left: auto; text-shadow: 0 1px 0 #fff; color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c7c0c7; background: #f7f6f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#dfdbdf)); background: -webkit-linear-gradient(#f7f6f7, #dfdbdf); background: -moz-linear-gradient(center top, #f7f6f7 0, #dfdbdf 100%); background: -moz-gradient(center top, #f7f6f7 0, #dfdbdf 100%); white-space: nowrap; display: inline-block; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1) } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; -webkit-border-radius: 5px; border-radius: 5px } .woocommerce table.shop_table, .woocommerce-page table.shop_table { text-align: left; border-collapse: separate } .woocommerce table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart th, .woocommerce #content table.cart td, .woocommerce-page table.cart th, .woocommerce-page table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page #content table.cart td { vertical-align: middle } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-weight: bold; line-height: 18px; padding: 9px 12px } .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { min-width: 32px } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 6px 12px; vertical-align: middle } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width: 32px } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; -webkit-border-radius: 100%; border-radius: 100%; color: red; text-decoration: none; font-weight: bold } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { background-color: red; color: #fff } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: right } .woocommerce #content table.cart td.actions .coupon label, .woocommerce table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label { display: none } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); border: 1px solid #dfdbdf; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: 0; line-height: 1em } .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart .button, .woocommerce-page .cart input.button { float: none } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt { background: #ad74a2; background: -webkit-gradient(linear, left top, left bottom, from(#ad74a2), to(#96588a)); background: -webkit-linear-gradient(#ad74a2, #96588a); background: -moz-linear-gradient(center top, #ad74a2 0, #96588a 100%); background: -moz-gradient(center top, #ad74a2 0, #96588a 100%); border-color: #76456c; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) } .woocommerce .cart-collaterals:after, .woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:after, .woocommerce-page .cart-collaterals:before { content: " "; display: table } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48%; text-align: right } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { width: 100% } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { border-collapse: separate; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 6px; padding: 0 } .woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 } .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { border-top: 1px solid #f7f6f7 } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table th { vertical-align: top } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding: 6px 0 } body .country_to_state { background: #fff; border: 1px solid #c8c8c8; box-shadow: inset 0 0 0 1px #fff, 0px 0 0 1px #fff, inset 0 5px 15px #f0f0f0; border-radius: 3px; padding: 6px 10px } .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top: 3px solid #1e85be } .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background-color: #1e85be; content: "i"; font-family: Times, Georgia, serif; font-style: italic } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100% } .woocommerce .col2-set:after, .woocommerce-page .col2-set:after { clear: both; display: block; content: '' } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48% } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48% } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 3px; margin: 0 0 6px } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 3px; margin: 0 0 6px } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: left; width: 47%; overflow: visible } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: right } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block } .woocommerce form .form-row .required, .woocommerce-page form .form-row .required { color: red; font-weight: bold; border: 0 } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: 1em } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { height: 4em; line-height: 1.5em; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .chosen-container .chosen-results li { background-image: none!important } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { font-weight: bold; border-top: 1px solid rgba(0, 0, 0, 0.1) } .woocommerce #payment, .woocommerce-page #payment { background: #f7f6f7; -webkit-border-radius: 5px; border-radius: 5px } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #dfdbdf; margin: 0; list-style: none outside } .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { padding: 1em; border-top: 1px solid #fff } .woocommerce form .form-row:after, .woocommerce-page form .form-row:after, .clear { clear: both; display: block; content: '' } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right } .woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { margin: 0 1em 0 0 } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { position: relative; width: 96%; padding: 1em 2%; margin: 1em 0 1em 0; font-size: .92em; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1.5em; background: #ebe9eb; background: -webkit-gradient(linear, left top, left bottom, from(#ebe9eb), to(#dfdbdf)); background: -webkit-linear-gradient(#ebe9eb, #dfdbdf); background: -moz-linear-gradient(center top, #ebe9eb 0, #dfdbdf 100%); background: -moz-gradient(center top, #ebe9eb 0, #dfdbdf 100%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { content: ""; display: block; border: 8px solid #ebe9eb; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em } .woocommerce #payment div.payment_box p:last-child, .woocommerce-page #payment div.payment_box p:last-child { margin-bottom: 0 } .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { line-height: 2em; text-align: left; margin: 0; font-weight: normal } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; position: relative } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin: 0 0 1em } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; margin-top: -40px; z-index: 10; margin-bottom: 20px } .woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last { margin-right: 0 } .woocommerce ul.products li.product.first, .woocommerce-page ul.products li.product.first { clear: both; content: '' } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { text-align: center } .woocommerce .woocommerce-pagination ul.page-numbers:after, .woocommerce-page .woocommerce-pagination ul.page-numbers:after, .woocommerce .products ul:after, .woocommerce ul.products:after, .woocommerce-page .products ul:after, .woocommerce-page ul.products:after { display: block; content: ''; clear: both } .woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #dfdbdf; border-right: 0; margin: 1px } .woocommerce .woocommerce-pagination ul.page-numbers:after, .woocommerce .woocommerce-pagination ul.page-numbers:before, .woocommerce-page .woocommerce-pagination ul.page-numbers:after, .woocommerce-page .woocommerce-pagination ul.page-numbers:before { content: " "; display: table } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; padding: 0 } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span { margin: 0 } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget, .woocommerce-page ul.cart_list, .woocommerce-page ul.product_list_widget { list-style: none outside; padding: 0; margin: 0 } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 4px 0; margin: 0; list-style: none } .woocommerce ul.cart_list li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:before, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.cart_list li:before, .woocommerce-page ul.cart_list li:after, .woocommerce-page ul.product_list_widget li:before, .woocommerce-page ul.product_list_widget li:after { content: " "; display: table } .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.cart_list li:after, .woocommerce-page ul.product_list_widget li:after { clear: both; content: '' } ul.cart_list li a, ul.product_list_widget li a, ul.cart_list li a, ul.product_list_widget li a { display: block; font-weight: bold; margin-bottom: 8px } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { zoom: 1 } ul.cart_list li img, ul.product_list_widget li img, ul.cart_list li img, ul.product_list_widget li img { box-shadow: none!important } ul.cart_list li img, ul.product_list_widget li img, ul.cart_list li img, ul.product_list_widget li img { float: right; margin-left: 4px; width: 32px; height: auto; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) } ul.cart_list li .star-rating, ul.product_list_widget li .star-rating, ul.cart_list li .star-rating, ul.product_list_widget li .star-rating { float: none } .woocommerce-error li { background-image: none!important } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { border-top: 3px solid #b81c23 } .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before { background-color: #b81c23; content: "\00d7"; font-weight: 700 } .woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button { margin-top: 5px!important } .woocommerce-pagination .page-numbers span.page-numbers, .woocommerce-pagination .page-numbers a.page-numbers { display: inline-block; color: #969696; text-shadow: none; font-weight: bold; font-size: 13px; line-height: 13px; padding: 7px 10px!important; border-radius: 30px; background: transparent; border: 1px solid #969696; margin: 0 3px } .woocommerce-pagination .page-numbers span.page-numbers:hover, .woocommerce-pagination .page-numbers a.page-numbers:hover, .woocommerce-pagination .page-numbers span.page-numbers.current, .woocommerce-pagination .page-numbers a.page-numbers.current { background: #969696; color: #fff } .product>.images { float: left; width: 48%; margin-bottom: 1.618em } .product>.summary { float: right; clear: none; width: 50%; margin-bottom: 1.618em } .single-product .quantity { display: block!important; width: 50px!important; float: left!important; margin: 0 1em 0 0!important } .summary .quantity { width: 5.20em!important; position: relative!important; float: left!important; margin-right: 10px!important } .product_meta { display: block!important; margin-top: 20px!important } .quantity .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 3em!important; height: 31px!important; position: relative!important; z-index: 1!important; background-color: #faf9f3!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)!important; font-size: 12px!important; padding: 6px 13px 6px 13px!important; border: 1px solid #fff!important; border-radius: 2px!important; -moz-border-radius: 2px!important; -webkit-appearance: none!important; border: 1px solid #c7c0c7!important } .images .thumbnails { display: block; margin-top: 15px } .images .thumbnails a { display: inline-block; box-shadow: 0 0 0 3px #fff, 0px 1px 2px 3px rgba(0, 0, 0, 0.2); background: #fff; margin-right: 12px } .images .thumbnails a:nth-child(n+4) { margin-top: 15px } .images .thumbnails a:nth-child(3n) { margin-right: 0 } .summary p { margin-bottom: 15px } h1.product_title { font-size: 23px; margin-bottom: 12px } .product_meta>span { display: block; margin-bottom: 5px } .related.products>h2 { display: block; padding: 10px 15px; color: #fff; background: #2c3e50; font-size: 18px; font-weight: 600; margin-bottom: 20px } .woocommerce-tabs>.panel h2 { display: block; margin-bottom: 20px } .review_form_wrapper { display: block; background: #f5f5f5 } #review_form .comment-reply-title { display: block; margin-bottom: 25px } .product p { margin-bottom: 15px } #review_form_wrapper { border: 1px solid #f0eef0; background: rgba(0, 0, 0, 0.03); padding: 40px!important; margin-top: 20px } #review_form { position: relative } .summary p.price { font-family: Arial } body input[type=submit].button { font-size: 13px!important } .cart-collaterals>form>section { width: 30% } .cart-collaterals>form>section .form-row.form-row-wide:after { display: none } .avatar-block .item-avatar { display: block; float: left; width: 50px; height: 50px; margin-left: 12px; margin-bottom: 12px } .avatar-block .item-avatar:nth-child(4n+1) { clear: both; margin-left: 0 } .avatar-block:after { display: block; clear: both; content: '' } .widget .bbp-login-form input[type=password], .widget .bbp-login-form input[type=text], #sidebar .widget #bp-login-widget-form input[type=password], #sidebar .widget #bp-login-widget-form input[type=text] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px } .widget .bbp-login-form input[type=password], .widget .bbp-login-form input[type=text] { padding: 8px; margin-bottom: 5px } #sidebar .widget #bp-login-widget-form input[type=text] { margin-bottom: 5px } #sidebar .widget #bp-login-widget-form label { display: block; margin-bottom: 5px } .forgetmenot { margin-bottom: 15px } .widget dl:after { display: block; clear: both; content: '' } .widget dl dd { display: block!important; width: auto!important; float: right!important; padding-bottom: 8px } .widget dl dt { display: block!important; width: auto!important; padding-right: 10px; float: left!important; clear: both; padding-bottom: 8px } .price del { font-size: 80%; vertical-align: bottom } .widget .bbp-login-form label { display: block!important; margin-bottom: 5px } .widget .bbp-remember-me label { display: inline-block!important; width: auto!important } .widget .bbp-login-links { margin-top: 10px; line-height: 130%; font-size: 12px!important } .widget .item-list>li { display: block } .widget .item-list>li:after { display: block; clear: both; content: '' } .widget .item-list>li .item-avatar { float: left; width: 50px; height: 50px } .widget .item-list>li .item { display: block; margin-left: 65px } .widget .item-list>li .item .item-title { font-weight: bold } .widget .item-options { display: block; background: rgba(0, 0, 0, 0.07)!important; font-size: 0; padding: 7px!important } .widget .item-options:after { display: block; clear: both; content: '' } .widget .item-options a { display: block; float: left; font-size: 13px; text-align: center; width: 33.33%; padding: 7px 0 } .widget .item-options a:hover { background: rgba(0, 0, 0, 0.05) } .widget .item-options a.selected { background: rgba(0, 0, 0, 0.1) } #buddypress div#message p, #sitewide-notice p { border: 0; font-weight: normal; margin-top: 3px; text-decoration: none; padding: 15px 20px; color: #8a6d3b; background-color: #fdfaec; border-left: 3px solid #faebcc } #buddypress .item-list-tabs, #buddypress #item-nav { background: rgba(0, 0, 0, 0.03)!important; padding: 10px } #buddypress #item-nav li { text-align: center } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span { color: #aaa } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { padding: 8px 12px } #buddypress .activity-list .activity-content .activity-inner p { font-size: 14px } #buddypress #item-nav #user-activity:before { display: block; content: '\f021'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress form#whats-new-form #whats-new-options select { margin-top: 8px } #whats-new-post-in-box { line-height: 35px } #buddypress #item-nav #user-xprofile:before { display: block; content: '\f007'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress #item-nav #user-friends:before { display: block; content: '\f0c0'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress #item-nav #user-groups:before { display: block; content: '\f115'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress #item-nav #user-forums:before { display: block; content: '\f0e6'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress #item-nav #user-notifications:before { display: block; content: '\f0a1'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress #item-nav #user-messages:before { display: block; content: '\f075'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress #item-nav #user-settings:before { display: block; content: '\f013'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { font-size: 13px; color: #232323 } #buddypress div.item-list-tabs ul li.last select { border-radius: 2px; -moz-border-radius: 2px; padding: 3px 5px; border: 1px solid #ccc } #buddypress div.item-list-tabs#subnav ul li.last { margin-top: 0 } #activity-filter-select label, #members-order-select label, #groups-order-select label, .activity-filter-select label { line-height: 29px!important } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { font-size: 15px } #buddypress #item-header { background: rgba(0, 0, 0, 0.054); padding: 20px 20px 4px 20px } #buddypress div#item-header div#item-meta, #buddypress span.activity { font-size: 100% } #item-header-content { display: block; margin-left: 170px!important; float: none!important; line-height: 150% } #buddypress div.item-list-tabs#subnav { margin-bottom: 30px } .wpf_wrapper .print_link, #bbp_search_submit, #buddypress a.button, #buddypress div.activity-meta a { padding: 5px 10px; line-height: 100%; font-size: 13px!important; color: #aaa!important; font-weight: bold; background: #fff!important; border: 1px solid #ccc!important; box-shadow: none; border-radius: 3px; -moz-border-radius: 3px } .wpf_wrapper .print_link:hover, #bbp_search_submit:hover, #buddypress a.button:hover, #buddypress div.activity-meta a:hover { background: #f0f0f0!important } .activity-header p { margin-top: 0!important } #buddypress #activity-stream p { margin: 0!important } #buddypress .activity-list .activity-avatar { padding-top: 5px } .bbp-search-form { margin-bottom: 17px } #buddypress div.dir-search input[type=text], .bbp-search-form #bbp_search, #buddypress input[type=text] { padding: 4px 8px; background: #fff; border-radius: 3px; -moz-border-radius: 3px } #buddypress ul.item-list li div.item-title span { line-height: 130% } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { margin-bottom: 8px; font-weight: bold } #buddypress div.pagination { background: #f6f6f6 } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #eaeaea } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { border-top: 1px solid #eaeaea } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { padding: 14px } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { margin-top: 7px; margin-bottom: 0 } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { font-size: 15px } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 13px; color: #aaa } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #f2f7ff!important } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { margin-bottom: 10px } #bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code, #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { padding: 15px 20px; font-size: 14px } div.bbp-reply-header { padding: 15px 15px } #bbpress-forums div.reply { width: auto } #buddypress .standard-form label, #buddypress .standard-form span.label { margin-top: 20px; margin-bottom: 10px } #buddypress table.notification-settings { width: 100% } #buddypress table.notification-settings tbody tr td { background: rgba(0, 0, 0, 0.05) } #buddypress table.notification-settings tbody tr:nth-child(odd) td { background: rgba(0, 0, 0, 0.02) } #buddypress table.notification-settings th { padding: 10px 10px; background: rgba(0, 0, 0, 0.1) } #buddypress table.notification-settings td { padding: 10px 10px } .bp-login-widget-user-links { padding-top: 0!important; line-height: 150% } #buddypress div.messages-options-nav { line-height: 24px } div.bbp-template-notice.info { border: 0; font-weight: normal; margin-top: 3px; text-decoration: none; padding: 6px 20px; color: #527085; background-color: #f0f8ff; border-left: 3px solid #cee1ef; border-radius: 0; font-size: 14px } div.bbp-template-notice p { font-size: 14px; line-height: 18px } #bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p { font-size: 13px; font-weight: bold } #bbpress-forums div.wp-editor-container { border: 1px solid #ccc } button.button { border: 0; cursor: pointer } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { font-weight: bold } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 14px; line-height: 130% } #bbpress-forums li .bbp-forum-title { font-weight: bold; font-size: 15px } #buddypress div.dir-search { margin: auto 0 -50px 0; padding: 10px } .hover-effect img { width: 100%; height: auto } .wpf_wrapper { display: block; margin: 30px 0; padding-bottom: 10px } .main-article .hover-effect { margin-bottom: 15px } .bbp-meta a, .bbp-meta { color: #575757!important; font-size: 80% } .bbp-topic-title-meta { float: right; margin-top: -20px; color: #aaa } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { font-size: 13px; line-height: 150% } .widget>ul>li>div { color: #aaa } .contact-info .fa-stack { position: absolute } .the-error-msg { display: block; text-align: center; padding: 30px 0 } .the-error-msg strong { font-size: 40px; font-family: "Titillium Web", sans-serif; color: #232323; margin-bottom: 20px; display: block } .the-error-msg p { margin-bottom: 15px } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { width: 51px!important; padding-right: 12px!important; background: #fff!important } #bbpress-forums .status-closed, #bbpress-forums .status-closed a { color: #232323 } .bbp-body .type-topic.status-closed, .bbp-body .type-topic.status-closed a { color: #aaa!important } .bbp-header .bbp-reply-author, .bbp-footer .bbp-reply-author { font-size: 13px; line-height: 150% } #bbpress-forums>#subscription-toggle { float: right; line-height: 150% } div.bbp-breadcrumb { margin-bottom: 10px } #bbpress-forums, #bbpress-forums p { font-family: Arial, sans-serif!important } .bbp-topic-permalink { font-size: 14px } .sticky .bbp-topic-permalink, .super-sticky .bbp-topic-permalink { font-weight: bold } #bbpress-forums div.bbp-forum-content p, #bbpress-forums div.bbp-topic-content p, #bbpress-forums div.bbp-reply-content p { font-size: 14px } .post.sticky { padding: 16px!important; margin-top: -20px } .post.sticky:first-child { padding: 16px!important; margin-top: 0 } .strict-block>.about-author { margin-top: 0; border-top: 0 } .about-author .item-foot { margin-top: 15px } .about-author .item-foot a:hover { color: #232323 } .about-author .item-foot a { font-weight: bold; font-size: 13px; color: #aaa } .about-author .item-foot a i.fa { padding-right: 8px } .admin-bar .subset { margin-top: 32px!important } #main-menu.thisisfixed { height: 60px } #main-menu.floatingmainmenu .subset { display: block; position: fixed; top: 0; left: 0; margin: 0; width: 100%; z-index: 20000; background: inherit; box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.09) } .ot-star-rating { display: inline-block; margin-bottom: 15px; position: relative; font-size: 0; height: 16px; width: 83px; white-space: nowrap; overflow: hidden } .ot-star-rating>span { display: block; height: inherit; font-size: inherit; overflow: hidden; position: absolute; top: 0; left: 0 } .ot-star-rating:after { display: block; position: absolute; z-index: 2; content: '\f005\f005\f005\f005\f005'; top: 0; left: 0; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.1); font-family: 'FontAwesome'; letter-spacing: 2px } .ot-star-rating>span:after { display: block; position: absolute; z-index: 5; content: '\f005\f005\f005\f005\f005'; top: 0; left: 0; font-size: 16px; line-height: 16px; color: orange; font-family: 'FontAwesome'; letter-spacing: 2px } .ot-star-text { display: inline-block; padding: 1px 7px; color: #aaa } .article-split-second .ot-star-rating, .widget .ot-star-rating { margin-bottom: 11px; width: 74px } .article-split-second .ot-star-rating>span:after, .article-split-second .ot-star-rating:after, .widget .ot-star-rating>span:after, .widget .ot-star-rating:after { font-size: 14px; line-height: 14px } .item-block-2 .ot-star-rating:after { color: rgba(255, 255, 255, 0.2) } .article-split-second .ot-star-rating { margin-bottom: 0; margin-top: 7px } .rating-panel { display: block; margin-bottom: 20px; border-top: 3px solid #2c3e50; padding-top: 20px; margin-top: 30px; background: #f7f7f7 } .rating-panel .rating-option { display: table; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin-bottom: 20px; width: 100% } .rating-panel .rating-option>div { display: table-cell; text-align: left; vertical-align: top } .rating-panel .rating-option .rating-info { width: 68%; font-size: 16px; font-weight: bold; padding-left: 2% } .rating-panel .rating-option .rating-info p { font-weight: normal } .rating-panel .rating-option .rating-stars { width: 25%; padding-left: 5%; text-align: center } .rating-panel .rating-option .rating-stars .ot-star-rating { margin-bottom: 0 } .rating-panel .rating-textual { display: block; padding-top: 10px; font-size: 15px; text-transform: uppercase; color: #aaa } .rating-panel h2 { font-size: 50px!important; margin-bottom: 10px!important } .main-article .social-article { margin-bottom: 10px } .main-article .social-article .socialize-icon { margin-bottom: 10px } .ot-rating-wrapper { margin-bottom: 15px; overflow: hidden; height: 16px } #main-menu { min-height: 8px } body .menu-dropy { display: none!important } .block-rating { display: block; border-top: 1px solid #f0f0f0; margin-bottom: -21px } .block-rating .ot-star-rating { margin-bottom: 0 } .rate-line { display: block; padding-top: 12px; padding-bottom: 14px; border-bottom: 1px solid #f0f0f0 } .rate-line.total-rating { background: #fff; color: #5c5c5c; text-align: center } .total-rating-num { display: block; font-size: 36px; margin-top: -5px; margin-bottom: 5px } .product .item-foto img { width: 32px; height: auto; object-fit: cover; } .product .author-photo { width: 32px; height: 32px; } .item-block.product span.onsale { top: 0!important; right: 0!important; left: auto!important; margin: -6px -6px 0 0!important } .item-block.product h3 { padding-left: 15px; padding-top: 15px; float: none; display: block; font-size: 18px } .item-block.product .price { display: block; margin-left: 15px; margin-top: 10px; color: #85ad74; font-weight: bold } .item-block.product .star-rating { color: #e68911; margin-right: 15px; margin-top: 10px } .item-block.product .button { clear: both; margin-left: 15px; margin-bottom: 15px } .item-block.product .product-content { display: block; margin-bottom: 15px; } .item-block.product .item-foto { } .item-block.product .item-foto img { width: 100%; height: 256px; object-fit: cover; } .item-block.clasificado div { height: 64px; } .video-frame { position: relative; padding-bottom: 56.25%; margin-bottom: 20px; height: 0; overflow: hidden } .video-frame iframe, .video-frame object, .video-frame embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .aspect-px { background-size: cover; background-position: center; width: 100%!important } .rtl .header #main-menu .wrapper>ul>li { float: right } .rtl .header #main-menu .wrapper>ul>li a i.fa { padding-left: 8px; padding-right: 0 } .rtl .left { float: right } .rtl .right { float: left } .rtl .block-rating .rate-line:not(.total-rating) .ot-star-rating { margin-top: -16px } .rtl .about-author .item-foot a i.fa, .rtl .meta-tools .fa, .rtl .trans-button i.fa { padding-right: 0; padding-left: 8px } .rtl .widget .w-news-list .item .item-foot a .fa { padding-right: 0; padding-left: 7px } .rtl .article-double-side .item-content .item-links i.fa, .rtl .blog-style .item-icons i.fa, .rtl .article-split-block .item-content .item-icons i.fa, .rtl .article-double-main .item-content .item-icons i.fa { padding-left: 6px; padding-right: 0 } .rtl .social-article .socialize-icon strong, .rtl .social-article .socialize-icon i.fa { float: left } .rtl .accordion>div>a:after { right: auto; left: 13px } .rtl .accordion>div>a:before { right: auto; left: 17px } body.rtl #main-menu li.big-drop-2>ul.sub-menu>li>ul>li.active>a:before { right: auto; left: 15px } .rtl .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown li>a span:after { right: auto; left: 20px; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg) } .rtl .gallery-preview .preview-options a i.fa { padding-right: auto; padding-left: 4px } .rtl .main-article .article-header .article-meta .meta-date { position: relative } .rtl .meta-date .date { position: absolute; left: 100%; margin-left: 15px } .rtl .f-size { display: inline-block } .rtl .contact-info .fa-stack { text-align: left; left: 30px } .rtl #writecomment .error-msg .fa { left: 30px } .rtl .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul { left: auto; right: 290px } .rtl .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul:after { left: auto; right: -5px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg) } .rtl .header #main-menu .wrapper>ul>li.normal-drop.ot-dropdown>ul ul:before { left: auto; right: -11px } .woocommerce .cart_item .quantity { width: 73px; margin: 0 } /* ************************************* */ /* SLIDER OFERTAS /* ************************************* */ .slider-oferta-titulo { color: #1d4f80; font-size: 34px; font-weight: bold; padding: 4px 0 8px 0; } .item-slider { display: block; position: relative; } .item-slider p { padding: 0; margin: 0; } .item-slider a { color: grey; } .item-contenedor { margin: 0 4px; height: 256px; transition: box-shadow .3s; border-radius:10px; border: 1px solid #ccc; background: #fff; overflow: hidden; } .item-contenedor:hover { box-shadow: 0 0 11px rgba(33,33,33,.2); } .item-slider .item-foto { } .item-slider .item-titulo { padding: 8px 8px 2px 8px; color: #1d4f80; font-size: 19px; } .item-slider .item-contenido { padding: 4px; } .item-slider .item-contenido strong { font-size: 23px; display: inline-block; color: #1d4f80; background-color: #f5f5f5; padding: 8px 4px; } .item-slider .item-contenido small { font-size: 11px; display: block; color: #1d4f80; position: absolute; bottom: 8px; } .item-slider .item-foto img { width: 100%; height: 128px; object-fit: cover; } .slider-oferta .slick-prev, .slider-oferta .slick-next { top: 45%; background-color: grey; } .slider-oferta .slick-prev:hover, .slider-oferta .slick-prev:focus, .slider-oferta .slick-next:hover, .slider-oferta .slick-next:focus { background-color: grey; } .alert { padding: 15px; padding-right: 15px; margin-bottom: 20px; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger a { color: #a94442; font-weight: bold; }