/* STILI GENERALI */ body { font: 300 11pt "Signika Negative",sans-serif; color: black; background-color: #eee; margin: 0; line-height: 140%; text-align: center;} p, td { font: 300 11pt "Signika Negative",sans-serif; color: black; line-height: 140%;} dl { font-size: 10pt; line-height: 130%;} a { color: #03c; text-decoration: underline; } a:hover { color: #cc0000; } strong { font-weight: bold; color: #990000; } em { font-weight: bold; font-style: normal; color: #000099; } td.dida { font-size: 10pt; color: black; } form { margin: 0; } acronym { font-style: normal; } br.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; } button { cursor: pointer; } .button { display: block; display: inline-block; } button, .button { padding: 5px 10px; font-size: 10.5pt; background: #03C url(/layout/img/header/fondi.png) left -180px no-repeat; border: 1px solid #09F; border-radius: 4px; color: white; text-decoration: none;} button:hover, .button:hover { box-shadow: inset 0 0 5px black; color:white; } button:active, .button:active { box-shadow: inset 0 0 15px black; color:white; } .download-button { left: 0; width: 80px; padding: 3px 5px; margin-bottom: 5px; } .download-pdf { left: 0; width: 80px; padding: 3px 5px; margin-bottom: 5px; } .download-buy { left: 0; width: 80px; padding: 3px 5px; margin-bottom: 5px; } .download-dropbox { left: 0; width: 80px; padding: 3px 5px; margin-bottom: 5px; } .download-gdrive { left: 0; width: 90px; padding: 0; margin-bottom: 5px; } .download-gdrive div { width: 80px; margin-bottom: 5px; } .download-kindle { left: 0; width: 80px; padding: 3px 5px; margin-bottom: 5px; } /*button i, .button i { font-size: 130%; margin-right: 5px; position: relative; top: 2px; }*/ /* LAYOUT */ #page { position: relative; width: 990px; margin: 0 auto; background: white; padding-top: 182px; clear: both; min-height: 600px; text-align: left; } #wrapper { padding-top: 20px; clear: both; min-height: 600px; } #content { width: 700px; margin: 0 15px 25px 15px; float: left; background: white; } #right { width: 260px; margin: 0; padding: 0; float: left; background-color: #f0f6ff; } #right .right-box ul, #right .right-box ul li { list-style: none; display: block; margin: 0; padding: 0; } #right .right-box > div { padding: 0 20px; margin-bottom: 20px; } #right .right-box > ul { padding: 0 20px; margin-bottom: 20px; } #right .right-box > p { padding: 0 20px; margin-bottom: 10px; } #right .right-box > h3 { background: #38c url(/layout/img/header/fondi.png) left -60px no-repeat; font-size: 12pt; color: white; padding: 5px 20px; margin: 0 0 10px 0; } /* HEADER */ #header, #wrapper, footer { box-shadow: 0 0 10px #666; } footer { z-index: 10; } header { margin: 0; position: absolute; top:0; left: 0; height: 182px; width: 100%; text-align: center; } #header { margin: 0 auto; position: relative; height: 182px; width: 990px; background: url(/layout/img/header/bg.png) left top no-repeat; border-radius: 5px 5px 0 0; text-align: left; } #promo { padding: 10px 0; text-align: center; height: 60px; } #promo a { margin: 0 4px; } #promo .promo { float: left; } #logo { width: 200px; height: 100px; position: absolute; top: 0; left: 0; background: url(/layout/img/header/logo-delosstore.png) left top no-repeat;} #nav, #nav li { list-style: none; display: block; margin: 0; padding: 0; } #nav { height: 50px; border-top: 1px solid #369; position: absolute; top: 100px; left: 0; width: 990px; background: white; } #nav li { float: left; } #nav li a { display: block; padding: 0 20px; text-decoration: none; font: normal 13pt "Signika Negative",serif; line-height: 50px; color: #38c; border-right: 1px solid #369; } #nav li:last-child a { border-right: none; } #user { position: absolute; padding: 9px 15px; color: white; top: 0; right: 0; font-size: 10pt; } #user > div { margin: 0 10px; float: left; } #user a { color: white; text-decoration: none; } #user a:hover { text-decoration: underline; } #user .user { font-weight: 700; font-size: 12pt; } #user .piggy a { background: url(/layout/img/common/sprite.png) left -60px no-repeat; padding-left: 26px; } #user .user-cart a { background: url(/layout/img/header/user-cart.png) left top no-repeat; padding-left: 26px; } #user .conto { position: relative; background: url(/layout/img/header/dropdown.png) right 6px no-repeat; padding-right: 18px; } #user .conto-menu { display: none; position: absolute; top: 20px; left: 0; } #user .conto:hover .conto-menu { display: block; width: 140px; padding: 10px; background-color: #07c; box-shadow: 0 3px 6px #036; z-index: 10;} .conto-menu, .conto-menu li { list-style: none; display: block; margin: 0; padding: 3px 0; } #user .user-dl { margin-left: 5px; background: rgba(0,0,90,0.3); padding: 3px 4px; border-radius: 50%; } #user .user-dl-new { background: #900 } #user > div.indicator-deloscard { margin-left: -2px; } #user > div.indicator-deloscard img { vertical-align: -3px; } #main-search { position: absolute; top: 50px; left: 250px; width: 600px; } #main-search #dropdown { position: absolute; top: 11px; right: 410px; height: 10px; width: 12px; display: block; background: url(/layout/img/header/dropdown.png) left top no-repeat;} #main-search label, #main-search select, #main-search input, #main-search button { position: absolute; height: 30px; line-height: 30px; border: none; padding: 0; margin: 0; } #main-search label { right: 550px; color: white; width: 90px; text-align: right; padding-right: 10px; } #main-search select { right: 380px; width: 170px; color: white; border-radius: 5px 0 0 5px; background: #006 url(/layout/img/header/fondi.png) left -120px no-repeat; color: white; font-weight: 700; padding: 0 0 0 15px; } #main-search select { -moz-appearance: button; -webkit-appearance: button; appearance: button; } #main-search input { right: 50px; width: 330px; height: 20px; line-height: 20px; background-color: white; margin: 0; box-shadow: inset 0 0 5px #666; padding: 5px 10px; font-size: 12pt; font-weight: normal;} #main-search button { right: 0; width: 50px; border-radius: 0 5px 5px 0; background: #006 url(/layout/img/header/fondi.png) left -120px no-repeat; color: white; font-weight: 700; } #browsers { background: #f0f6ff; height: 30px; line-height: 30px; padding: 0 15px; position: absolute; top: 150px; width: 960px; border-top: 2px solid #abc; border-bottom: 1px solid #666; } #browsers:hover { background: #e0e6ee; } #browsers .browse { float: left; padding: 0 10px; font-size: 10pt; color: #aabbcc; position: relative; } #browsers .browse:hover { background: #f0f6ff; } #browsers .browse a { color: #369; text-decoration: none; } #browsers .browse > a { font-weight: 400; font-size: 11pt; } #browsers .browse-form { font-weight: normal; position: absolute; top: 26px; left: 0; display: none; width: 240px; background: #f0f6ff; padding: 10px; height: 45px; text-align: right; border-radius: 0 0 5px 5px; box-shadow: 0 5px 5px #666; z-index: 10; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } #browsers .browse:hover .browse-form { display: block; opacity: 1;} #browsers .browse-form a { font-size: 9pt; font-weight: normal; text-decoration: underline; } #browsers .browse-form select { font-size: 9pt; font-weight: normal; max-width: 180px; } #browsers .dropdown { font-weight: normal; position: absolute; top: 29px; left: 0; display: none; width: 300px; background: #f0f6ff; padding: 10px; border-radius: 0 0 5px 5px; box-shadow: 0 5px 5px #666; z-index: 10; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; transition: opacity .3s ease-in; opacity: 0; margin: 0; padding: 10px 0 0px 0; } #browsers .browse .dropdown ul { list-style-type: none; margin: 0; padding: 0; text-align: left; line-height: 18px; max-height: 430px; overflow: auto; } #browsers .browse ul li { list-style-type: none; margin: 0; } #browsers .browse ul li a { display: block; width: 280px; padding: 2px 10px; font-weight: normal; } #browsers .browse ul li a span { color: #aabbcc!important; font-size: 80%; } #browsers .browse ul li a.livello-2 { text-indent: 10px; } #browsers .browse ul li a.livello-3 { text-indent: 20px; } #browsers .browse ul li a.livello-4 { text-indent: 30px; } #browsers .browse ul li.scroller { height: 1px; } #browsers .browse ul li.scroller a { display: block; padding: 0; position: absolute; width: 300px; line-height: 24px; height: 24px; text-align: center; background: #f0f6ff; opacity: 0.8; } #browsers .browse ul li.scroller-up a { top: 10px; } #browsers .browse ul li.scroller-down a { bottom: 0; } #browsers .browse ul li a:hover { background: #aabbcc!important; color: white!important; } #browsers .browse ul li a:hover span { color: #cde!important; font-size: 80%; } #browsers .browse:hover .dropdown { display: block; opacity: 1;} /* #following-header { height: 64px; } #following-header #logo { display: none; } #following-header #nav { height: 30px; border-top: 1px solid #369; position: absolute; top: 0; left: 0; width: 580px; background: white; } #following-header #nav li a { display: block; padding: 0 10px; text-decoration: none; font: normal 12pt "Signika Negative",serif; line-height: 30px; color: #38c; border-right: 1px solid #369; } #following-header #main-search { position: absolute; top: 0; right: 0; left: auto; width: 400px; } #following-header #main-search #dropdown { position: absolute; top: 11px; right: 210px; height: 10px; width: 12px; display: block; background: url(/layout/img/header/dropdown.png) left top no-repeat;} #following-header #main-search label, #following-header #main-search select, #following-header #main-search input, #following-header #main-search button { position: absolute; height: 30px; line-height: 30px; border: none; padding: 0; margin: 0; } #following-header #main-search label { right: 350px; color: white; width: 90px; text-align: right; padding-right: 10px; } #following-header #main-search select { right: 180px; width: 170px; color: white; border-radius: 5px 0 0 5px; background: #006 url(/layout/img/header/fondi.png) left -120px no-repeat; color: white; font-weight: 700; padding: 0 0 0 15px; } #following-header #main-search select { -moz-appearance: button; -webkit-appearance: button; appearance: button; } #following-header #main-search input { right: 50px; width: 130px; height: 20px; line-height: 20px; background-color: white; padding: 0; margin: 0; box-shadow: inset 0 0 5px #666; padding: 5px 10px; font-size: 12pt; font-weight: normal;} #following-header #main-search button { right: 0; width: 50px; border-radius: 0 5px 5px 0; background: #006 url(/layout/img/header/fondi.png) left -120px no-repeat; color: white; font-weight: 700; } #following-header #browsers { top: 30px; } */ /* FOOTER */ footer { width: 990px; margin: 0 auto; background: #036; border-radius: 0 0 5px 5px; margin-bottom: 20px; } footer #help { font-size: 12pt; padding: 10px; text-align: center; background: #e0e8ef; } footer #credits { padding: 15px 0 15px 120px; } footer #credits p { margin: 3px 0; color: #f0f6ff; font-size: 10pt; line-height: 120%; } footer #credits a { color: white; text-decoration: none; } footer #credits a:hover { text-decoration: underline; } footer #banner { text-align: center; padding: 15px 0; } footer #credits .credits { width: 150px; float: left; margin-right: 20px; } footer #credits .credits#credits-network { margin-right: 0; } footer #credits .credits#credits-copyright { width: 250px; } p.testo12 { font-size: 12pt; color: black; } /* NUOVO HEADER */ td.welcome { font-size: 10pt; } table.service td { font-size: 10pt; background-image: url(../img/header/service_bg.gif); } table.service a { color: black; text-decoration: none; } table.service a:hover { color: #3366cc; text-decoration: underline; } /* MENU PRINCIPALE */ ul.mainmenu, .mainmenu li { list-style: none; display: block; margin: 0; padding: 0; } ul.mainmenu { padding: 10px; font-size: 10pt; color: #333; line-height: 200%; } ul.mainmenu a { color: #03C; text-decoration: none; font-weight: bold; } ul.mainmenu a:hover { background-color: white; color: #cc0000; text-decoration: none; padding: 2px;} /* #view-lista { float: left; width: 85%; } #view-menu { float: left; width: 15%; } ul.mainmenu { margin-right: 10px; background: #cde; margin-top: 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } */ div.breadcrumbs { padding: 0 0 2px 0; margin: 0 0 20px 0; font: normal normal 9pt "Signika Negative",sans-serif; color: #abc; text-transform: uppercase; border-bottom: 1px solid #abc; height: 18px; } div.breadcrumbs b { color: #38c; } div.breadcrumbs a { color: #abc; text-decoration: none; font-weight: bold;} div.breadcrumbs a:hover { background-color: white; color: #cc0000; text-decoration: none; } div.breadcrumbs .root { font-size: 12pt; } td.mainmenuleft { font-size: 10pt; color: white; } td.mainmenuleft a { color: white; text-decoration: none;} td.mainmenuleft a:hover { color: #cc0000; text-decoration: underline;} td.colophonmenu { font: bold 10pt "Signika Negative",sans-serif; color: black; } td.colophon { font-size: 10pt; color: black; } td.colophonmenu a { color: black; text-decoration: none; } td.colophonmenu a:hover { color: red; text-decoration: underline; } /* PAGE TITLE */ td.pageTitle { font: normal 14pt "Signika Negative",serif; color: #aabbcc; } td.pageSubTitle { font: normal 12pt "Signika Negative",serif;; color: white; } td.pageSubTitle a { color: white; text-decoration: none; } td.pageSubTitle a:hover { color: white; text-decoration: underline; } h1,h2,h3,h4,summary.h2 { font-family: "Signika Negative",serif; font-weight: 400; line-height: 150%; } h1 { font: 600 24pt "Signika Negative",serif; color: #CC0000; margin:0; } h1 a { color: #CC0000; } h4 { font-size: 16pt; } h2,summary.h2 { font-size: 16pt; color: #3366cc; } h3 { font-size: 14pt; font-weight: 400; color: #3366cc;} p.abstract { font-size: 14pt; font-weight: 300; font-family: "Signika Negative",serif; } .info h1 { margin: 30px 0 20px 0; } span.h2 { font-family: "Signika Negative",serif; font-weight: 400; font-size: 12pt; color: #3366cc; } label { font: bold 11pt "Signika Negative",sans-serif; color: #3366cc; } td.spalla, td.pulsante { border-left: 1px dashed #dddddd; width: 160px; } h3.section { clear: left; background: #38c url(/layout/img/header/fondi-lunghi.png) left 0px no-repeat; color: white; padding: 2px 15px; margin: 0 0 10px 0; font-size: 11pt; margin: 3px 0; text-shadow: 1px 1px #38c; border-radius: 4px; } /* LEFT MENU */ td.leftMenuTitle { font: bold 10pt "Signika Negative",sans-serif; color: white; } td.leftMenuTitle a { color: white; text-decoration: none;} td.leftMenuTitle a:hover { color: red; text-decoration: underline;} td.leftMenu { font-size: 10pt; color: #000040; } td.leftMenuSelected { font-size: 10pt; color: black; background-color: #ddeeee; } td.leftMenu a { color: #000040; text-decoration: none; } td.leftMenu a:hover { color: red; text-decoration: underline; } td.leftMenuSection { font-size: 10pt; color: #000040; background-color: white; } td.leftMenuSection a { color: #000040; text-decoration: none; font-weight: bold; } td.leftMenuSection a:hover { color: red; text-decoration: underline; } /* TABELLA */ table.tabella-dati { border-collapse: collapse; width: 100%; margin: 10px 0; } table.tabella-dati td, table.tabella-dati th { border-collapse: collapse; border: 1px solid #ccc; padding: 10px; font-family: "Signika Negative",sans-serif; font-size: 11pt; vertical-align: top; line-height: 120%; } table.tabella-dati td { font-weight: normal; color: black; } table.tabella-dati th { font-weight: normal; background-color: #ccc; color: white; text-transform: uppercase; text-align: left; } table.tabella-dati .right { text-align: right; white-space: nowrap; } table.tabella-dati .center { text-align: center; white-space: nowrap; } table.tabella-dati td td { border: none; vertical-align: middle; } table.tabella-dati.riepilogo-carrello td { vertical-align: middle; } table.tabella-dati.riepilogo-carrello th { vertical-align: bottom; } table.tabella-dati td.somtotal { font-size: 12pt; } table.tabella-dati .cart-quantity-table td { border: none; padding: 4px; } table.tabella-dati .cartbutton { text-decoration: none; color: #999; } table.tabella-dati .cartbutton:hover { color: #c00; } /* FORM */ input { font: bold 10pt "Signika Negative",sans-serif; color: #000040; text-decoration: none; padding: 2px; margin: 2px; } input.text { font: bold 10pt "Signika Negative",sans-serif; color: #000040; background-color: #e5eaf0; text-decoration: none; padding: 2px; margin: 2px; } input[type=password] { font-family: "Arial" !important; } select { font: bold 10pt "Signika Negative",sans-serif; color: #000040; background-color: #e5eaf0; text-decoration: none; } textarea { font: normal 11pt "Signika Negative",sans-serif; color: #000040; background-color: #e5eaf0; text-decoration: none; padding: 1px; margin: 2px; } input.submit { font: bold 9pt "Signika Negative",sans-serif; color: white; background-color: #FF8000; text-decoration: none; padding: 1px; } input.img { background-color: transparent; } input.rightbox { font: bold 10pt "Signika Negative",sans-serif; color: #666666; padding: 1px; } h3.box { font: bold 12pt "Signika Negative",sans-serif; color: #FF8000; } p.box { font-size: 10pt; color: black; } .error { font-weight: bold; color: red; } /* LISTE */ table.lista td.linkbar b { font-size: 10pt; } table.lista td.abstract p.abstract { font-style: italic; margin: 2px 0px; } table.lista td.abstract p.abstract i { font-style: normal; } tr.sublista tr { background: #3366cc url(../img/box/hdm.gif) top left repeat-x; height: 24;} tr.sublista td { color: white; padding: 4px; } tr.sublista td a { color: white; padding: 2px 4px 4px 4px; } tr.sublista td a:hover { color: white; background-color: #14a; } tr.sublista h2 { color: white; } tr.sublista td.hdl { background: white url(../img/box/hdl.gif) top left no-repeat; padding-left: 10px; } tr.sublista td.hdr { background: white url(../img/box/hdr.gif) top right no-repeat; padding-right: 10px; text-align: right; } /* h2.sublist { background: #38c url(../img/header/fondi-lunghi.png) left top no-repeat; color: white; padding: 6px 12px; margin-top: 20px; margin-bottom: 5px; font-size: 14pt; text-shadow: 2px 2px #36C;; font-weight: 600; clear: both; } h2.sublist { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } */ h2.sublist { background: #8BE; color: white; padding: 12px 15px; margin: 0 -15px 5px -15px; font-size: 14pt; font-weight: 300; text-transform: uppercase;} p.findall { margin-top: 5px; margin-bottom: 15px; font-size: 10pt; color: #38c; } table.lista-titolo { margin-bottom: 5px; } p.sort { text-align: right; margin: 0px; margin-bottom: 10px; } div.sort-placeholder { margin-bottom: 10px; } dl.lista-elementi { margin: 0px 0px 20px 0px; line-height: 140%; } dl.lista-elementi dt { margin: 0px; margin-bottom: 2px; position: relative; } dl.lista-elementi dt, dl.lista-elementi dd p { font-size: 10pt; } dl.lista-elementi dd { margin: 0px; margin-bottom: 10px; padding-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5eaf0; } dl.lista-elementi p { margin: 0; font-size: 10pt; } dl.lista-elementi img.thmb { float: left; margin: 0px 10px 10px 0px; padding: 1px; border-width: 1px; border-color: #3366cc; border-style: solid; width: 100px; height: auto; position: relative; background: white; } dl.lista-elementi dd a { color: #333; } dl.lista-elementi dd a:hover { color: #900; } dl.lista-elementi dt h4 { font-size: 16pt; margin-bottom: 0.8em; } dl.lista-elementi dt h4 a { text-decoration: none; } p.abstract { margin: 5px 10px 0px 0px; } div.lkbar { float: right; width: 200px; text-align: right; margin-left: 15px; border-left: 1px solid #e5eaf0; line-height: 120%; } div.lkbar div.shop { font-size: 8pt; margin-top: 10px; clear: right; } div.lkbar a { text-decoration: none; color: #039; } div.lkbar a:hover { color: #900; } div.lkbar a img.cart { margin: 5px; border: none; background: url(../img/frecce/cart50.gif) left 0 no-repeat;} div.lkbar a:hover img.cart { background-position: left -60px; } div.lkbar a:active img.cart { background-position: left -120px; } .checkofferta { width: 30px; height: 30px; } div.lkbar-esaurito { float: right; width: 140px; height: 32px; text-align: right; margin-left: 10px; background: url(../img/frecce/esauritobg.gif) top right no-repeat; } div.lkbar-esaurito div.price { font-size: xx-small; font-weight: bold; display: block; padding: 10px 3px; line-height: 130%;} div.lkbar-esaurito img.cart { float: right; margin-left: 3px; padding: 3px; border: none; background: url(../img/frecce/cartbgon.gif) top left; } div.lkbar-arrivo { float: right; width: 140px; height: 32px; text-align: right; margin-left: 10px; background: url(../img/frecce/prepbg.gif) top right no-repeat; } div.lkbar-arrivo div.price { font-size: xx-small; display: block; font-weight: bold; border: none; padding: 10px 3px; line-height: 130%;} div.lkbar-arrivo img.cart { float: right; margin-left: 3px; padding: 3px; border: none; background: url(../img/frecce/cartbgon.gif) top left; } dl.minilista div.lkbar { float: right; width: 110px; height: 24px; text-align: right; margin-left: 0px; background: none; } dl.minilista div.lkbar div.price { font-size: xx-small; display: block; border: none; padding: 4px 3px; line-height: 130%; } dl.minilista div.lkbar div.uprice { font-size: xx-small; display: block; border: none; padding: 10px 3px; line-height: 130%; } dl.minilista div.lkbar div.price span.soci { font-weight: bold; } dl.minilista div.lkbar img.cart { float: right; margin-left: 3px; } dl.minilista div.lkbar a { text-decoration: none; color: #039; } dl.minilista div.lkbar a:hover { color: #900; } dl.minilista div.lkbar a img.cart { padding: 2px; border: none; background: url(../img/frecce/cartminibgon.gif) top left;} dl.minilista div.lkbar a:hover img.cart { border: none; padding: 2px; background: url(../img/frecce/cartminibgover.gif) top left; } div.condizioni-env { text-align: right; font-size: 8pt; margin-top: 5px; clear: right; } div.condizioni { width: 75px; height: 15px; background: url(../img/frecce/condizioni.gif) left -135px no-repeat; text-indent: -999px; overflow: hidden; } div.condizioni-nuovo { background-position: left 0; } div.condizioni-mint { background-position: left -15px; } div.condizioni-near-mint { background-position: left -30px; } div.condizioni-very-fine { background-position: left -45px; } div.condizioni-fine { background-position: left -60px; } div.condizioni-very-good { background-position: left -75px; } div.condizioni-good { background-position: left -90px; } div.condizioni-fair { background-position: left -105px; } div.condizioni-poor { background-position: left -120px; } a.dettagli { font-size: 7.5pt; text-decoration: underline !important; } /* PAGER */ table.pager { width: 100%; height: 30px; padding: 0px; border: 0px; margin: 5px 0px; } table.pager td.open { width: 14px; background: url(../img/dspager/open.gif) left; color: #abc2db; } table.pager td.close { width: 14px; background: url(../img/dspager/close.gif) right; color: white; } table.pager td.sep { width: 12px; background: url(../img/dspager/sep.gif) center; color: #abc2db; } table.pager td.pagine { background: url(../img/dspager/bg_pagine.gif); width: 92px; font: bold 11px "Signika Negative",sans-serif; color: white; } table.pager td.lista { background: url(../img/dspager/bg_lista.gif); padding-left: 10px; font: normal 11px "Signika Negative",sans-serif; color: #666;} table.pager td.pn { background: url(../img/dspager/bg_lista.gif); font: bold 11px "Signika Negative",sans-serif; color: #666; text-align: right; } p.autoreCopertina { margin: 4px 0px; font: italic normal 10pt "Signika Negative",sans-serif; color: #89A; } .copy { font: normal normal 10px "Signika Negative",sans-serif; color: #999; } table.editoricollane td { border: 0px; padding: 0px; } table.editoricollane td.editori { border-right: 1px solid #ddd; padding: 0px; } table.editori { width: 200px; } table.editori th { padding: 4px 10px 4px 4px; text-align: left; font-size: 11px; border-bottom: 2px solid #ddd; margin-bottom: 10px; } table.collane th { padding: 4px 4px 4px 10px; text-align: left; font-size: 11px; border-bottom: 2px solid #ddd; margin-bottom: 10px; } table.editori td { background: white; padding: 4px 10px 4px 4px; color: #666; } table.editori td.open { background: #ddd; text-align: right; font-weight: bold; } table.collane td { background: white; padding: 4px 4px 4px 10px; } /* COLLANE */ table.formcollana { background-color: #cde; padding: 0; margin: 5px; } table.formcollana td { padding: 5px; font: normal 12pt "Signika Negative",sans-serif; color: #000040; } table.formcollana td.tr { background: url(../img/box/tr.gif) top right no-repeat; } table.formcollana td.tl { background: url(../img/box/tl.gif) top left no-repeat; } table.formcollana td.br { background: url(../img/box/br.gif) bottom right no-repeat; } table.formcollana td.bl { background: url(../img/box/bl.gif) bottom left no-repeat; } div.lista-altro { margin: 0px 0px 20px 0px; } div.lista-altro p { margin: 0px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e5eaf0; clear: both; } div.lista-altro img.thmb { float: left; margin: 0px 6px 4px 0px; border-width: 1px; } /* MINILISTA */ br.clearer { clear: both; } dl.minilista dt { clear: right; margin: 0px; margin-top: 10px; margin-bottom: 2px; } dl.minilista img.thmb { float: left; margin: 0px 6px 4px 0px; border-width: 1px; } dl.minilista dd { margin: 0px; margin-bottom: 2px; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #e5eaf0; } div.minilistadb div.item { float: left; width: 48%; padding-right: 5px; padding-bottom: 10px; } div.minilistadb div.item img.thmb { float: left; margin: 0px 6px 4px 0px; } p.homemenu { clear: both; margin: 0px; margin-bottom: 3px; margin-top: 0px; } p.homemenu img { margin-right: 2px; } p.homenew { margin: 0px; margin-bottom: 20px; } p.homesep { margin: 0px; margin-bottom: 3px; border-bottom: 1px solid #cde; } /* MODULO RICERCA */ table.ricerca { background-color: #cde; padding: 0; margin: 0px; margin-bottom: 5px; } table.ricerca td { padding: 0px; font: normal 11pt "Signika Negative",sans-serif; color: #000040; } table.ricerca td.tr { background: url(../img/box/tr.gif) top right no-repeat; } table.ricerca td.tl { background: url(../img/box/tl.gif) top left no-repeat; } table.ricerca td.br { background: url(../img/box/br.gif) bottom right no-repeat; } table.ricerca td.bl { background: url(../img/box/bl.gif) bottom left no-repeat; } table.ricerca label { font-weight: normal; color: #000040; } table.ricerca td.nota { font-size: 10pt; color: black; } /* MODULO NAVIGAZIONE */ table.nav { background-color: white; padding: 0; margin: 0px; margin-bottom: 5px; } table.nav td { padding: 0px; font: normal 11px "Signika Negative",sans-serif; color: #000040; } table.nav td.tr2 { width: 10px; height: 10px; background: url(../img/box/tr2.gif) top right no-repeat; } table.nav td.tl2 { width: 10px; height: 10px; background: url(../img/box/tl2.gif) top left no-repeat; } table.nav td.br2 { width: 10px; height: 10px; background: url(../img/box/br2.gif) bottom right no-repeat; } table.nav td.bl2 { width: 10px; height: 10px; background: url(../img/box/bl2.gif) bottom left no-repeat; } table.nav td.t2 { height: 10px; background: url(../img/box/t2.gif) top right repeat-x; } table.nav td.l2 { width: 10px; background: url(../img/box/l2.gif) top left repeat-y; } table.nav td.r2 { width: 10px; background: url(../img/box/r2.gif) bottom right repeat-y; } table.nav td.b2 { background: url(../img/box/b2.gif) bottom left repeat-x; } table.nav label { font-weight: normal; color: #000040; } table.nav table td { padding: 3px; } table.nav a.block { display: block; width: 140px; font-weight: bold; float: left; margin: 0px 2px 4px 0px; padding-top: 4px; border-top: 1px solid #dee; } /* EVIDENZA */ div.evidenza img.thmb { float: left; margin: 0px 0 10px 0px; padding: 1px; border-width: 1px; border-color: #3366cc; border-style: solid; width: 120px; height: auto; } div.evidenza1 { float: left; width: 48%; border-right: 1px solid #e5eaf0; padding-right: 10px; } div.evidenza2 { float: left; width: 48%; padding-left: 10px; } div.evidenza p.autore { font-size: 12pt; margin-top: 2px; } div.evidenza p.dati { font-size: 10pt; font-weight: bold; color: #666; margin-top: 5px; } .evidenza h3 { font-size: 18pt; margin: 0; } .evidenza h3 a { text-decoration: none; } .evidenza .lkbar { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px; margin-left: 5px; } /*.evidenza1 .lkbar, .evidenza2 .lkbar { width: 100%; float: none; border-left: none; border-top: 1px solid #e5eaf0; margin-left: 0; margin-top: 10px; }*/ /* ABBONATI */ div.abbonati { margin-top: 20px; padding: 10px; border: 3px solid #e5eaf0; border-radius: 4px; } div.abbonati h3 { margin-top: 0px; } /* CONTO */ table.riepilogoconto { font: normal normal 10pt "Signika Negative",sans-serif; color: black; border: solid 1px #666;} table.riepilogoconto tr { vertical-align: top; } table.riepilogoconto td { padding: 2px 8px; background-color: white; } table.riepilogoconto td.header { background-color: #eee; font-size: 12pt; color: #666; font-weight: bold; border-top: solid 1px #666; margin-top: 10px; } table.riepilogoconto td.rheader { background-color: #eee; font-size: 12pt; color: #666; font-weight: bold; border-top: solid 1px #666; margin-top: 10px; text-align: right; } table.riepilogoconto td.label { border-top: dashed 1px #ccc; } table.riepilogoconto td.price { border-top: dashed 1px #ccc; font-weight: bold; text-align: right; } table.riepilogoconto td.total { font-weight: bold; border-bottom: dotted 1px #666; } table.riepilogoconto td.undefined { color: #999; font-style: italic; } table.riepilogoconto td.datalabel { color: black; border-top: dashed 1px #ccc; font-style: italic; } table.riepilogoconto td.datadata { color: black; border-top: dashed 1px #ccc; text-align: right; } /* COLLEZIONI */ .elenco-prodotto-collezione { margin: 20px 0; } .prodotto-collezione { width: 90px; height: 270px; margin: 0 0 10px 0; float: left; text-align: center; padding: 0 10px 10px 0; border-bottom: 1px solid #ccc; } .prodotto-collezione-cover img { width: 90px; margin-bottom: 10px; } .prodotto-collezione-dati p, .prodotto-collezione-dati h4 { margin: 0; } .prodotto-collezione h3 { text-align: left; margin: 10px 0 3px 0; } /* EBOOK LINK */ .linkebook { margin-top: 30px; padding: 10px; border: 1px solid #38c; } .linkebook h3 { margin-top: 0px; } .ebookstore { float: left; width: 130px; height: 40px; border: 1px solid #ccc; padding: 1px; margin: 1px 3px 2px 0; } .ebookstore a { display: block; width: 130px; height: 40px; } .ebookstore a.ultimabooksit { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -0px; no-repeat; } .ebookstore a.bookrepublicit { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -40px; no-repeat; } .ebookstore a.cubolibriit { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -80px; no-repeat; } .ebookstore a.amazonit { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -120px; no-repeat; } .ebookstore a.itunesapplecom { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -160px; no-repeat; } .ebookstore a.itunes { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -160px; no-repeat; } .ebookstore a.netebookit { overflow: hidden; text-indent: -999px; background: url(/layout/img/ebook/ebookstores.png) left -200px; no-repeat; } /* RIVISTE */ div.rivista { width: 152px; height: 310px; overflow: hidden; margin: 20px 20px 0 0; float: left; } div.rivista a { text-decoration: none; font-weight: bold; font-size: 9pt; line-height: 120%; } div.rivista img { margin-bottom: 5px; border: 1px solid #999; } a.abb-P { position: relative; display: block; float: left; margin: 0px 6px 4px 0px; width: 140px; height: 150px; border-width: 0; background: url(/layout/img/abbonamenti/abbonamenti-sprite.jpg) 0 top no-repeat; } a.abb-P .abb-cover { position: absolute; top: 19px; left: 36px; width: 80px; height: 112px; } a.abb-D { position: relative; display: block; float: left; margin: 0px 6px 4px 0px; width: 140px; height: 150px; border-width: 0; background: url(/layout/img/abbonamenti/abbonamenti-sprite.jpg) -150px top no-repeat; } a.abb-D .abb-mask { position: absolute; top: 0; left: 0; z-index: 0; } a.abb-D .abb-cover { position: absolute; top: 19px; left: 26px; width: 80px; height: 112px; } a.abb-PD { position: relative; display: block; float: left; margin: 0px 6px 4px 0px; width: 140px; height: 150px; border-width: 0; background: url(/layout/img/abbonamenti/abbonamenti-sprite.jpg) -300px top no-repeat; } a.abb-PD .abb-mask { position: absolute; top: 0; left: 0; z-index: 0; } a.abb-PD .abb-cover { position: absolute; top: 19px; left: 25px; width: 80px; height: 112px; } a img.abb-cover { border: none; } .condizioni { float: right; clear: both; background: #39F; color: white; font-weight: 400; font-family: "Signika Negative"; font-size: 7pt; padding: 0px 3px; line-height: 9pt; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} #correlati .correlati { width: 150px; padding: 15px; border: 2px solid #bcd; border-radius: 10px; margin: 0 15px 15px 0; float: left; height: 235px; } #correlati .correlati .correlati-info { font-size: 9pt; line-height: 12pt; } #correlati .correlati .correlati-info a { font-size: 10pt; } #correlati .correlati .correlati-cover { text-align: center; height: 150px; margin-bottom: 10px; } #correlati .correlati .correlati-cover img { max-width: 150px; max-height: 150px; } /* NEW CART */ a.cart-button-add { display: block; font-family: "Signika Negative",serif; font-weight: 400; width: 166px; color: white; background: #03C url(../img/frecce/cart50-long.png) right -4px no-repeat; height: 44px; line-height: 44px; text-align: center; padding: 0 44px 0 10px; border-radius: 30px; font-size: 12pt; text-decoration: none; box-shadow: 2px 2px 10px #999; border:1px solid #03C; } a.cart-button-add:hover { background-position: right -64px; } a.cart-button-add:active { background-position: right -124px; } .cart-button { display: block; font-family: "Signika Negative",serif; font-weight: 400; width: 200px; color: #999; background: white; line-height: 1em; text-align: center; border: 2px dashed #ccc; padding: 10px 10px; border-radius: 30px; font-size: 12pt; text-decoration: none; } .cart-button-esaurito { color: #c00; } .lkbar .cart-button { width: 150px; font-size: 10pt; height: 34px; line-height: 34px; float: right; } #checkout-breadcrumbs { background: #ccd6e1; padding: 0px; border-radius: 10px; margin-bottom: 15px; color: white; font-size: 11pt; } #checkout-breadcrumbs span { display: block; font-family: "Signika Negative",serif; font-weight: 400; float: left; line-height: 30px; padding: 0 15px; border-left: 1px solid white; } #checkout-breadcrumbs span:first-child { border: none; border-radius: 10px 0 0 10px; } #checkout-breadcrumbs span a { color: white; text-decoration: none;} #checkout-breadcrumbs span.checkout-phase-inactive { } #checkout-breadcrumbs span.checkout-phase-active { background-color: #acbdcd; } #checkout-breadcrumbs span.checkout-current { background-color: #3366cc; } .formcassabordo .toggler { display: block; font-family: "Signika Negative",serif; font-weight: 400; font-size: 11pt; text-decoration: none; margin: 15px 0; } /* CART WIDGET */ .cartwidget a { text-decoration: none; line-height: 110%; } .cartwidget a.cw-remove, .cartwidget a.cw-quantity, .cartwidget a.cw-go { color: #ccc; } .cartwidget:hover a.cw-remove, .cartwidget:hover a.cw-quantity, .cartwidget:hover a.cw-go { color: #666; } .cartwidget:hover a.cw-remove:hover, .cartwidget:hover a.cw-quantity:hover, .cartwidget:hover a.cw-go:hover { color: #c00; } .cartwidget .pricetag-members .price-value{ font-weight: bold; } .cartwidget .pricetag-special .price-value { font-size: 120%; color: red } .cartwidget .prezzo-originale { color: #333; position: relative; margin-right: 5px; } .cartwidget .prezzo-originale span { position: absolute; right: 0; width: 34px; height: 14px; background: url(/layout/img/cart/prezzo-originale.png) no-repeat; } .cartwidget .sconto-speciale { font-weight: bold; font-size: 120%; color: red } .cartwidget .disclaimer { display: block; font-size: 8pt; color: #999; text-align: right; line-height: 8pt; margin: 3px 10px 0 0; } .cw-variant-env { display: none; } .cw-variant-env-selected { display: block; } .cw-set-varianti { clear: both; padding-top:5px; } /* -- lista --*/ .cartwidget-lista { text-align: right; height: 70px; padding: 1px 0; position: relative; width: 180px; float: right; margin-bottom: 5px; } .cartwidget-lista .cw-button { display: block; width: 50px; height: 50px; text-align: left; overflow: hidden; text-indent: -999px; border: none; border-radius: none; box-shadow: none; background: url(/layout/img/cart/cart-list.png) -60px top no-repeat; position:absolute; right:0; top: 0;} .cartwidget-lista .cw-button:hover { border: none; } .cartwidget-lista .cw-go { background-position: -120px 0; } .cartwidget-lista .cw-go:hover { background-position: -120px -60px; } .cartwidget-lista .cw-go:active { background-position: -120px -120px; } .cartwidget-lista .cw-add { background-position: -60px 0; } .cartwidget-lista .cw-add:hover { background-position: -60px -60px; } .cartwidget-lista .cw-add:active { background-position: -60px -120px; } .cartwidget-lista .disclaimer { display: none; } .cartwidget-lista h6 { margin: 0; font-size: 10pt; margin-bottom: 2px;} .cartwidget-lista .cw-tools { font-size: 9pt; line-height: 110%; } .cartwidget-lista .cw-tools span { font-size: 12pt; line-height: 10pt; } .cartwidget-lista .waitingcart { position: absolute; top: 6px; right: 5px; opacity: 0.5; } .cartwidget-lista .cw-remove { display: block; } .cartwidget-lista .cw-quantity { margin-left: 5px; } .cartwidget-lista .cw-side { display: table-cell; height: 50px; vertical-align: middle; padding:0px; margin-right:55px; width: 120px; } .cartwidget-lista .pricetag { display: block; font-size: 10pt; border: none; line-height: 130%; margin: 0; } .cartwidget-lista .cw-otherstatus { background: url(/layout/img/cart/cart-list.png) 130px top no-repeat; height: 50px; width: 120px; color: #999; padding-right: 60px; display: table-cell; vertical-align: middle; height: 50px; line-height: 110%; font-size: 11pt; } .cartwidget-lista .cw-side-otherstatus { display: none; } .cartwidget-lista .cw-status-in-arrivo { background-position: 130px -60px; } .cartwidget-lista .cw-status-esaurito { font-size: 11pt; color: #c00; background-position: 130px -120px; } .cartwidget-lista .cw-status-temporaneamente-non-disponibile { font-size: 10pt; background-position: 130px -60px; } .cartwidget-lista .cw-varianti { background: #eee; border: 1px solid #666; color: #666; font-size: 8pt; padding: 3px; font-weight: normal; text-transform: uppercase; margin: 3px 0; } .cw-set-varianti { margin-bottom: 10px; } .cw-set-varianti label { font-size: 8pt; text-transform: uppercase; font-weight: normal; color: black; margin: 5px; } /* -- scheda --*/ .cartwidget-scheda { text-align: center; padding: 1px 0; position: relative; width: 224px; line-height: 110%; margin: 0; float: right; margin-left: 20px; } .cartwidget-scheda .cw-add { background-position: 0 0; } .cartwidget-scheda .cw-add:hover { background-position: 0 -60px; } .cartwidget-scheda .cw-add:active { background-position: 0 -120px; } .cartwidget-scheda .cw-add { display: block; font-family: "Signika Negative",serif; font-weight: 400; width: 160px; color: white; background: #3784EA url(/layout/img/cart/cart-item.png) right -4px no-repeat; height: 44px; line-height: 44px; text-align: center; padding: 0 44px 0 10px; border-radius: 30px; font-size: 12pt; text-decoration: none; box-shadow: 2px 2px 10px #999; border:1px solid #03C; margin-bottom: 10px; } .cartwidget-scheda button.cw-add { width: 220px; height: 46px; } .cartwidget-scheda .cw-add:hover { background-position: right -64px; } .cartwidget-scheda .cw-add:active { background-position: right -124px; } #scheda-form-abbonamento .cartwidget-scheda { float: none; margin-left: 0; width: auto; } #scheda-form-abbonamento .cartwidget-scheda .cw-add { width: 224px; } .cartwidget-scheda h6 { font-family: "Signika Negative",serif; font-weight: 700; width: 198px; color: #696; height: 24px; line-height: 24px; text-align: center; padding: 0 10px 18px 10px; border-radius: 30px; font-size: 12pt; text-decoration: none; border: 2px dotted #696; margin-bottom: 5px; margin-top: 0; } .cartwidget-scheda .cw-tools { font-size: 11pt; line-height: 110%; } .cartwidget-scheda .cw-tools span { font-size: 12pt; line-height: 10pt; } .cartwidget-scheda .waitingcart { position: absolute; top: 6px; right: 5px; opacity: 0.5; } .cartwidget-scheda .cw-quantity { margin-left: 10px; } .cartwidget-scheda .cw-side { } .cartwidget-scheda .cw-side-otherstatus { margin-top: 10px; color: #999; font-size: 9pt!important; } .cartwidget-scheda .pricetags { display: block; font-size: 10pt; border: none; line-height: 130%; margin: 0; } .cartwidget-scheda .pricetag { margin: 0 5px; white-space: nowrap;} .cartwidget-scheda .price-value { font-size: 11pt; } .cartwidget-scheda .cw-go { position: relative; top: -42px; margin-top: 10px; text-decoration: underline; text-align: center;font-weight: 300; font-size: small; padding-right: 10px; background: url(../img/common/sprite.png) right -236px no-repeat; text-decoration: none; } .cartwidget-scheda .cw-otherstatus { font-family: "Signika Negative",serif; font-weight: 400; width: 198px; color: #999; height: 42px; text-align: center; padding: 0 10px 0 10px; border-radius: 30px; font-size: 12pt; text-decoration: none; border: 1px dashed #999; margin-bottom: 5px; display: table-cell; vertical-align: middle; } .cartwidget-scheda .cw-status-esaurito { color: #c00; } .cartwidget-scheda .cw-status-temporaneamente-non-disponibile { font-size: 10pt; line-height: 110%; } .cartwidget .waitingcart { position: absolute; top: 0px; right: 0px; opacity: 0.5; } /* fine cart widget --*/ #riassunto-carrello h6 { font-family: "Signika Negative",serif; font-weight: 400; font-size: 11pt; margin: 10px 0; } #riassunto-carrello ul, #riassunto-carrello li { list-style: none; display: block; margin: 0; padding: 0; } #riassunto-carrello ul { border-bottom: 1px solid #bbd; max-height: 300px; overflow-y: auto; } #right #riassunto-carrello li { padding: 6px 0; font-size: 9pt; line-height: 110%; border-top: 1px solid #bbd; } #riassunto-carrello p { margin: 3px 0; font-size: 10pt; line-height: 120%; } #riassunto-carrello p.totale { margin-top: 10px; } #riassunto-carrello .cw-remove { display: block; float: right; color: #ccc; text-decoration: none; font-size: 12pt;} #riassunto-carrello li:hover .cw-remove { color: #666; } #riassunto-carrello li:hover .cw-remove:hover { color: #c00; } .box-titoli li { margin: 0; background: url(../img/common/sprite.png) right -235px no-repeat; } .box-titoli li a { text-decoration: none; display: block; padding: 3px 10px 3px 0; } .box-titoli li a:hover { text-decoration: underline; } #box-piuvenduti li a { float: left; width: 170px; } #box-piuvenduti li .posizione { background: url(../img/common/sprite.png) left -530px no-repeat; color: white; padding: 0 3px; text-align: center; width: 24px; font-weight: bold; margin-right: 10px; display: block; float: left; clear: left; font-size: 10pt; border-radius: 4px; } #box-piuvenduti li .posizione[data-trend="+"] { background-position: left -500px; } #box-piuvenduti li .posizione[data-trend="-"] { background-position: left -470px; } #box-piuvenduti li .posizione[data-trend="N"] { background-position: left -560px; } .cover { border: 6px solid #cde; box-shadow: 0 3px 6px #999; max-width: 150px; } .ebook .cover { border-color: #eee; border-radius: 6px;} #box-novita li a { padding: 0 0 0 0; line-height: 16px; margin: 14px 0; text-indent: -24px; padding-left: 24px; } #box-novita li a .fas { display: inline-box; width:20px; } /* CASSA - RIEPILOGO */ #checkout-summary { font: normal normal 10pt "Signika Negative",sans-serif; color: black; background: #f0f6ff; margin-bottom: 20px; } #checkout-summary h4 { clear: left; background: #38c url(/layout/img/header/fondi.png) left -180px no-repeat; color: white; padding: 2px 15px; margin: 0 0 10px 0; font-size: 11pt; margin: 3px 0; text-shadow: 1px 1px #38c; } #checkout-summary h5 { clear: left; font-family: "Signika Negative",serif; font-weight: 400; font-size: 11pt; margin: 10px 0; color: #38c; padding: 2px 15px; } #checkout-summary h4 a { display: block; float: right; padding: 3px 6px; font-size: 9pt; background: #03C url(/layout/img/header/fondi.png) left -120px no-repeat; border: 1px solid #03C; border-radius: 4px; color: white; text-decoration: none; line-height: 10pt; margin: 1px 0 0 0; } #checkout-summary h4 a:hover { border-color: #abc; } #checkout-summary p { clear: left; padding: 2px 15px; margin: 0; font-size: 10pt; } #checkout-summary .right { text-align: right; } #checkout-summary .undefined { color: #999; } #checkout-summary dl { margin: 5px 0; } #checkout-summary dl:after { display: block; clear: both; margin-bottom: 2px; content: ' '; font-size: 1px; line-height: 1px; } #checkout-summary dl dt { clear: left; display: block; padding: 2px 15px; margin: 0; font-size: 10pt; border-top: 1px solid #abc; } #checkout-summary dl dt:first-of-type { border: none; padding-top: 0; } #checkout-summary dl dd:first-of-type { border: none; padding-top: 0; } #checkout-summary dl dd { display: block; float: left; width: 30%; padding: 2px 15px; margin: 0; font-size: 10pt; border-top: 1px solid #abc; text-align: right; } #checkout-summary dl dt.label { float: left; width: 45%; } #checkout-summary dl dd span.riepilogo-nome-sconto { font-size:8pt; } #checkout-summary.account-summary { width: 50%; float: left; } .instructions { float: left; width: 45%; margin-left: 5%; margin-top: 0; } .instructions p, .instructions .payment-body { font-size: 9.5pt; } .instructions h3 { clear: left; background: #38c url(/layout/img/header/fondi.png) left -180px no-repeat; color: white; padding: 2px 15px; margin: 0 0 10px 0; font-size: 11pt; margin: 3px 0; text-shadow: 1px 1px #38c; } .instructions h4 { font-size: 12pt; margin: 15px 0 5px 0; color: #38c; } #payment-instructions { margin-bottom: 15px; } .payment-gateway { margin: 10px 0; } td .payment-gateway { margin: 4px 0 0 0; } /*.payment-gateway a { padding: 3px 6px; font-size: 10pt; background: #03C url(/layout/img/header/fondi.png) left -180px no-repeat; border: 1px solid #03C; border-radius: 4px; color: white; text-decoration: none; } .payment-gateway a:before { content:url("/layout/img/carte/visa.gif"); position: relative; top: 3px; margin-right: 8px; }*/ .print { text-align: right; } #browsers.checkout { background-color: #fd3; color: #630; } #browsers.checkout .browse { margin-right: 20px; font-size: 11pt; color: #963; border-color: #c96; } #browsers.checkout .browse a { color: #630; } #browsers.checkout .phase { font-size: 11pt; margin-right: 5px; } #browsers.checkout .phase:after { content: ':'; } #browsers.checkout .checkout-current { color: #630; font-weight: 700; } #browsers.checkout .checkout-inactive { color: #C96; font-weight: 700; } /* CASSA - FORM */ /* #checkout-form { border: solid 2px #38c; border-radius: 5px; padding: 10px; } #checkout-form h2 { clear: left; background: #38c url(../img/header/fondi-lunghi.png) left top no-repeat; color: white; padding: 3px 6px; margin-top: 0px; margin-bottom: 10px; font-size: 12pt; text-shadow: 1px 1px #333; letter-spacing: 1px; font-weight: 700; border-radius: 4px; } */ #checkout-form { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 15px 15px 0; margin-left: 15px; margin-bottom: 15px;} #checkout-form h2 { background: #8BE; color: white; padding: 12px 30px; margin: 0 -15px 30px -30px; font-size: 14pt; font-weight: 300; text-transform: uppercase;} #checkout-form h3 { clear: left; font-size: 14pt; margin: 20px 0 10px 0; } #checkout-form p { clear: left; margin: 5px 0; } #checkout-form fieldset { border: none; margin: 15px 0; } #checkout-form p.field-wrap { margin: 5px 10px; } #checkout-form p.field-wrap .error { display: block; margin-left: 215px; } #checkout-form p.field-checkbox .error { display: block; margin-left: 40px; } #checkout-form p.field-radio .error { display: block; margin-left: 40px; } #checkout-form p.field-wrap label { display: block; float: left; clear: left; width: 200px; font-weight: normal; text-align: right; margin-right: 15px; padding: 7px 0; } #checkout-form p.field-wrap label.set { display: inline; float: none; width: auto; text-align: left; line-height: 40px; } #checkout-form p.field-wrap label.set input { margin-right: 10px; } #checkout-form p.field-wrap .text { background: #f0f6ff; border: 1px solid #666; box-shadow: inset 1px 1px 3px #abc; font-size: 12pt; padding: 5px; font-weight: 400; width: 300px; } #checkout-form p.field-wrap select { background: #f0f6ff; border: 1px solid #666; box-shadow: inset 1px 1px 3px #abc; font-size: 12pt; padding: 5px; font-weight: 400;} #checkout-form p.field-wrap.field-checkbox, #checkout-form p.field-radio { margin-top: 15px; } #checkout-form p.field-wrap.field-checkbox label, #checkout-form p.field-radio label { float: none; width: auto; text-align: left; margin-right: 0; padding: 0; } #checkout-form p.field-wrap.field-checkbox input, #checkout-form p.field-radio input { } #checkout-form p.field-wrap.field-checkbox span.input, #checkout-form p.field-radio span.input { display: block; float: left; width: 20px; margin-right: 10px; } #checkout-form p.info { margin: 5px 10px 5px 40px; font-size: 10pt; color: #666; } #checkout-form p.info.text { margin-left: 225px; } #checkout-form p.info.important { font-weight: 700; } #checkout-form p.subfield { margin-left: 40px; } #checkout-form p.subfield label { width: auto; padding: 5px 0; } #checkout-form p.subfield .text { font-size: 11pt; padding: 3px; length: 200px; } #checkout-form p.submit { text-align: right; } #checkout-form button { padding: 5px 10px; font-size: 11pt; background: #03C url(/layout/img/header/fondi.png) left -180px no-repeat; border: 1px solid #03C; border-radius: 4px; color: white; } #checkout-form button.inviaordine { background: #c00; } #checkout-form button.copiadati { padding: 3px 6px; font-size: 9pt; } .abbandona button { padding: 0 6px 2px 6px; font-size: 9pt; background: #03C url(/layout/img/header/fondi.png) left -120px no-repeat; border: 1px solid #03C; border-radius: 4px; color: white; margin-left: 15px; } .abbandona button span.x { font-size: 11pt; color: red; margin-right: 5px; } a.vai { display: block; padding: 4px 6px; font-size: 10pt; background: #03C url(/layout/img/header/fondi.png) left -180px no-repeat; border: 1px solid #03C; border-radius: 4px; color: white; text-decoration: none; width: 90px; float: left; margin: 10px 0 0 0 ; } a#vai-cassa { margin-left: 10px; } /* #account-contents section { border: 3px #abc solid; border-radius: 5px; padding: 0; margin-bottom: 20px; } #account-contents section h2 { background: #38c url(../img/header/fondi-lunghi.png) left top no-repeat; color: white; padding: 6px 12px; margin-top: 0; margin-bottom: 5px; font-size: 14pt; text-shadow: 1px 1px 2px #336; font-weight: 700; } #account-contents section .content { padding: 10px 15px; } #account-contents section .content h2 { clear: left; background: #38c url(/layout/img/header/fondi-lunghi.png) left 0 no-repeat; color: white; padding: 2px 15px; margin: 0 0 10px 0; font-size: 11pt; margin: 3px 0; text-shadow: 1px 1px 1px #669; border-radius: 4px; } */ #account-contents { border-right: 1px solid #ccc; } #account-contents section { padding: 0; margin-bottom: 20px; } #account-contents section h2 { background: #8BE; color: white; padding: 12px 27px; margin: 0 0 5px -15px; font-size: 14pt; font-weight: 300; text-transform: uppercase;} #account-contents section .content { padding: 10px 15px; } #account-contents section .content h2 { clear: left; background: #38c url(/layout/img/header/fondi-lunghi.png) left 0 no-repeat; color: white; padding: 2px 15px; margin: 0 0 10px 0; font-size: 11pt; margin: 3px 0; text-shadow: 1px 1px 1px #669; border-radius: 4px; } /* HOME */ #reel-wrapper { position: relative; width: 700px; overflow: hidden;} #slider { width: 700px; height: 300px; } .nivoSlider { position:relative; background:url(../img/loading.gif) no-repeat 50% 50%; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } .thumbs-big { height: 200px; } .thumbs-big a { display: block; width: 150px; margin: 10px 0; text-align: center;} .thumbs-big a img { max-height: 180px; max-width: 145px; border: none; } .thumbs-small { height: 140px; } .thumbs-small a { display: block; width: 100px; margin: 10px 0; text-align: center;} .thumbs-small a img { max-height: 120px; max-width: 95px; border: none; } .thumbs-square { height: 140px; } .thumbs-square a { display: block; width: 120px; margin: 10px 0; text-align: center;} .thumbs-square a img { max-height: 120px; max-width: 115px; border: none; } .thumbs-big-label { height: 250px; } .thumbs-big-label .thumb-info { display: block; width: 150px; margin: 10px 0; text-align: center; } .thumbs-big-label .thumb-info > a { display: block; } .thumbs-big-label img { max-height: 180px; max-width: 145px; border: none; } /* LIGHTGALLERY */ .lightGallery-show { border: 1px solid #999; border-radius: 4px; } .lightGallery-left-tools { background: url(../img/header/lightGallery.png) left 50% no-repeat; } .lightGallery-right-tools { background: url(../img/header/lightGallery.png) -150px 50% no-repeat; } .theme-light.slider-wrapper { padding: 0; } .carousel-wrapper { margin: 20px 10px 0 10px; } .carousel-wrapper h2 { margin: 10px 0 0 0; } .carousel-wrapper h2 a { text-decoration: none; } .carousel-wrapper h2 a span { font-size: 75%; margin-left: 10px; padding-left: 10px; font-family: "Signika Negative",sans-serif; border-left: 1px solid #999 } .carousel-wrapper h2 a:hover { text-decoration: underline; } .carousel-wrapper h2 a span:after { content: " ยป"; } .thumb-info p { font-size: small; font-weight: 300; margin: 0 10px; white-space: normal; text-align: center; line-height: 110%;} .thumb-info a.thumb-titolo { display: block; font-weight: 400; font-size: small; margin: 0; margin-bottom: 3px;} .thumbs-big-label .thumb-info > a.thumb-image { display: table-cell; text-align: center; width: 145px; vertical-align: bottom; height: 180px; overflow: hidden; padding-bottom: 3px; } /* NUOVA SCHEDA */ #scheda-header { min-height: 10em; position: relative; } #scheda-titolo { margin-bottom: 30px; } #scheda-left, #scheda-main { float: left; } #scheda-left { width: 170px; margin-right: 20px; } #scheda-main { width: 500px; } #scheda-full { width: 100%; } dl#scheda-classificazione { font-size: medium; border-bottom: 1px solid #ccc; margin: 0; margin-bottom: 20px; } dl#scheda-classificazione dt, dl#scheda-classificazione dd { margin: 0; padding: 5px 0; border-top: 1px solid #ccc; } dl#scheda-classificazione dt { float: left; clear: left; width: 25%; color: #999; font-weight: 400; } dl#scheda-classificazione dd { float: left; width: 75%; } dl#scheda-classificazione .isbn { font-size: 80%; } dl#scheda-form-abbonamento { font-size: medium; border-bottom: 1px solid #ccc; margin: 0 0 30px 0; } dl#scheda-form-abbonamento dt { margin: 0; padding: 10px 0 5px 0; border-top: 1px solid #ccc; color: #666; font-weight: 300; } dl#scheda-form-abbonamento dd { margin: 0; padding: 0 0 10px 0; } dl#scheda-form-abbonamento dt h4 { font-size: medium; margin: 0; color: black; } dl#scheda-dati-commerciali { font-size: small; border-bottom: 1px solid #ccc; } dl#scheda-dati-commerciali dt, dl#scheda-dati-commerciali dd { display: block; margin: 0; padding: 3px 0; } dl#scheda-dati-commerciali dt { color: #999; font-weight: 400; margin-right: 5px; margin-top: 6px; } span.titolo-rivista { display: block; font: 400 12pt "Signika Negative",sans-serif; line-height: 120%; } span.supporti-rivista { display: block; font: 300 9pt "Signika Negative",sans-serif; line-height: 120%; text-transform: uppercase;} #abstract { font-size: large; color: #38c; margin: 0; margin-bottom: 20px; } #descrizione { font-size: medium; margin: 0; margin-bottom: 20px; } #social { position: absolute; left: 0; bottom: 15px; margin: 0; height: 20px; display: none; } #social .fb-like { position: relative; top: -3px; margin-right: 30px; } #scheda-commercial { float: right; margin-left: 20px; } .sort-button { margin-left: 5px; padding-left: 5px; border-left: 1px solid #ccc; } .sort-button:first-child { border: none; margin-left: 0; } .sort-button.sort-selected { font-weight: 600; text-decoration: none; padding-right: 15px; } .sort-button.sort-selected.sort-desc { background: url(../img/common/sprite.png) right -84px no-repeat; } .sort-button.sort-selected.sort-asc { background: url(../img/common/sprite.png) right -114px no-repeat; } .pager { text-align: right; margin: 15px 0; font-size: small; } .pager a { text-decoration: none; } .pager-next { padding-right: 10px; background: url(../img/common/sprite.png) right -236px no-repeat; margin: 0 0 0 10px; } .pager-prev { padding-left: 10px; background: url(../img/common/sprite.png) left -206px no-repeat; margin: 0 0 0 10px; } .pager-list a, .pager-this-page { padding: 0 5px; } .pager-this-page { border: 1px solid #999; margin: 0 5px; } .pager-current { margin-right: 10px; color: #999; } #media-gallery { margin: 10px 0; } #media-gallery img { float: left; margin: 0 5px 5px 0; width: 40px; border: 2px solid #cde; } #media-video a { position: relative; display: block; margin-top: 15px; } #media-video img.preview { margin: 0 5px 5px 0; width: 120px; border: 4px solid #cde; } #media-video img.play-button { position: absolute; top: 20px; left: 35px; } #scheda-header .personal { position: absolute; right: 0; bottom: 10px; text-align: right; line-height: 100%; background: url(../img/common/sprite.png) right -680px no-repeat; padding-right: 40px;} #scheda-header .personal span { display: block; font-size: small; font-weight: 400; margin: 0; } #scheda-header .personal a { font-size: small; } #scheda-header .personal.own { background-position: right -600px; } #scheda-header .personal.want { background-position: right -640px; } #scheda-header .personal.miss { background-position: right -680px; } .lista-elementi .personal { display: none; height: 20px; line-height: 20px; text-align: left; margin-top: 10px; background: url(../img/common/sprite.png) left -780px no-repeat; padding-left: 20px; } .lista-elementi .personal span { font-size: small; font-weight: 400; margin-right: 10px; } .lista-elementi .personal a { font-size: small; } .lista-elementi .personal.own { background-position: left -720px; display: inline-block; } .lista-elementi .personal.want { background-position: left -750px; display: inline-block; } .lista-elementi .personal.miss { background-position: left -780px; display: inline-block; } #scheda-copertina figure { margin: 0; } .no-cover-150 { display: block; width: 100px; height: 175px; margin: 0; padding: 25px; background: #ccd8ec url(/layout/img/dummy/no-cover-150.png) top left no-repeat; } .no-cover-150 span { display: block; width: 90px; margin: 0; max-height: 109px; overflow: hidden; color: #8c9ebf; text-size: 6pt; line-height: 120%; padding: 5px; padding-bottom: 0; text-align: center; background: #e0e8f4; border-bottom: 6px solid #e0e8f4; } .no-cover-100 { display: block; width: 70px; height: 120px; margin: 0; padding: 15px; background: #ccd8ec url(/layout/img/dummy/no-cover-100.png) top left no-repeat; } .no-cover-100 span { display: block; width: 60px; margin: 0; max-height: 90px; overflow: hidden; color: #8c9ebf; text-size: 5pt; line-height: 120%; padding: 5px; padding-bottom: 0; text-align: center; background: #e0e8f4; border-bottom: 6px solid #e0e8f4; } a.dummy-tmb { text-decoration: none; float: left; margin: 0px 10px 10px 0px; padding: 1px; border-width: 1px; border-color: #3366cc; border-style: solid; } .ui-autocomplete { text-align: left; font-size: 10pt; box-shadow: 0 0 5px #666; max-height: 400px; overflow-y: auto; } .errormsg { border: 2px dashed #f90; background: #ffe; color: black; padding: 15px; margin-bottom: 20px;} .errormsg h3 { margin: 0; margin-bottom: 5px; color: #f00; } .errormsg p { margin: 0; } .cw-offerta { border: 5px solid #9Cf; padding: 15px; padding-bottom: 5px; margin-bottom: 15px; border-radius: 6px; } .cw-offerta.cw-offerta-with-logo { background-repeat: no-repeat !important; background-position: right top !important; } .cw-offerta-label { color: #999; position: relative; top: -10px; left: -10px; font-size: 10pt; text-transform: uppercase; font-style: italic; } .cw-offerta-with-logo .cw-offerta-titolo { display: none !important; } .cw-offerta-prezzo { font-weight: bold; font-size: 12pt; } .cw-offerta-prezzo .price-value { color: #c00; font-size: 14pt; } .cw-offerta-avvertenza { color: #999; text-transform: uppercase; font-style: italic;margin-top: 10px; text-align: right; font-size: 10pt;} .cw-autografo { border: 5px solid #9Cf; padding: 15px; padding-bottom: 5px; margin-bottom: 15px; border-radius: 6px; } .cw-autografo-label { color: #666; font-size: 15pt; font-weight: bold; margin-top: 0; } .cw-autografo-data { font-weight: bold; color: #38c; } .cw-autografo .cartwidget-scheda { width: auto; } .cw-autografo .cartwidget-scheda .cw-add { width: 200px; } .mostra-classe { position: absolute; top: -15px; left: 10px; text-transform: uppercase; background: #8c9ebf; color: white; padding: 0px 15px 15px 4px; font-size: 8pt; -webkit-transform: rotate(5deg); } .lkbar-offerta { display: block; background: #9Cf; border-radius: 4px; padding: 4px; margin-bottom: 5px; float: right; color: #fff!important; font-size: 9pt; } .lkbar-offerta b { font-size: 120%; } .lkbar-offerta:hover { text-decoration: underline; } .lkbar-offerta-prezzo { font-size: 120%; } summary { margin-top: -10px; margin-bottom: 10px; color: #999; } #info-offerta h3 { color: #999; text-transform: uppercase; font-style: italic; margin: 0 0 15px 0; } #info-offerta { display: none; margin: 0; width: 800px; background: white; text-align: left; padding: 15px; } #regalo-wrapper { background: white; text-align: left; width: 400px; padding: 25px; } #regalo-wrapper h3 { margin-top: 0; } #regalo-wrapper p { margin: 1em 0; } #regalo-wrapper label { display: block; margin: 0; margin-bottom: 3px; } #regalo-wrapper input, #regalo-wrapper textarea { width: 386px; padding: 5px; } #regalo-wrapper textarea { height: 4em; } #regalo-wrapper .submit { text-align: right; margin-bottom: 0; } /* .card-container { position: relative; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .card-100-140 { width: 100px; height: 140px; } .card { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .card:hover { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card .card-front-face, .card .card-back-face { display: block; width: 100%; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .card .card-back-face { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card-100-140 .card-back-face { min-height: 140px; border:1px solid #ccc; background: #eef0f8; } .card .nuovo { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } */ /* LIBRARY */ #library { } #library h2 { margin-bottom: 15px!important; } #library h2 { background: #8BE; color: white; padding: 0 27px; margin: 0 0 5px -15px; font-size: 14pt; line-height: 54px; font-weight: 300; text-transform: uppercase;} .library-item { float: left; width: 120px; height: 160px; position: relative; margin-right: 15px;} .library-item-right { margin-right: 0; } /*div.library-item .ebook-cover-info { overflow: hidden; top: 0; left: 0; height: 180px; width: 110px; } div.library-item .ebook-cover-info .ebook-cover { position: relative; top: 0; left: 0; height: 180px; width: 105px; background: white; } div.library-item .ebook-cover-info .ebook-cover { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; } div.library-item .ebook-cover-info .ebook-info { position: absolute; top: 1px; left: 2px; width: 80px; padding: 10px; line-height: 100%!important; border:1px solid #ccc; } div.library-item .ebook-cover-info:hover .ebook-cover { left: -105px; } */ .library-item .ebook-info p { margin: 0; padding: 5px 0; line-height: 100%!important; } .library-item img { border: none; } .library-item a { text-decoration: none; } .library-item img.cover { max-width: 100px; max-height: 140px; } .library-item a img.cover { border: 1px solid #333; } .library-item img.nuovo { position: absolute; top: 0; left: 0; } .library-item span.titolo { font-size: 10pt; font-weight: normal; color: #000; } .library-item small { display: block; margin-top: 5px; font-size: 8pt; color: #000; } .library-item .plugins { margin: 3px 0; } .library-item { position: relative; } .library-item .ebook-cover { position: relative; } .library-item .ebook-tools-info { position: absolute; top: -5px; left: -5px; width: 120px; height: 160px; background: #fff; border: #fff; padding: 0; box-shadow: 0; } .library-item .ebook-tools-info, .library-item .ebook-tools-info section { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; } .library-item .ebook-tools-info:hover, .library-item .ebook-tools-info.open { width: 240px; height: 250px; z-index: 5; background: #f8f8ff; border: #99c; box-shadow: 0 0 5px #666; } .library-item .ebook-tools-info section { display: none; opacity: 0; } .library-item .ebook-tools-info:hover section, .library-item .ebook-tools-info.open section { display: block; opacity: 1; } .library-item .ebook-tools-info .ebook-cover { display: block; opacity: 1; position: absolute; top: 10px; left: 10px; } .library-item .ebook-tools-info .ebook-info { position: absolute; top: 150px; left: 0; background: #f8f8ff; padding: 10px; width: 220px } .library-item .ebook-tools-info .ebook-tools { position: absolute; top: 10px; left: 130px; } .library-item .ebook-tools-info .ebook-tools p { width: 120px; line-height: 120%!important; margin: 0; } .library-item .ebook-info { line-height: 100%!important; } .library-item.manca { opacity: 0.3; } .library-item.manca:hover { opacity: 1; } article.vedi-tutti { float: left; width: 120px; height: 140px; position: relative; margin-right: 15px; background: #eeeef8; border: 1px solid #cce; border-radius: 6px;} article.vedi-tutti a { display: block; text-decoration: none; padding: 20px 10px 10px 10px; text-align: center; font-size: 14pt; color: #8BE;} article.vedi-tutti a:hover { color: #c00; } article.vedi-tutti div { display: block; padding: 10px; text-align: center; font-size: 11pt; color: #999; } article.vedi-tutti span.vedi-tutti-numero { font-weight: bold; } #library h2 > a, #library h2 > span, #library h2 > div { display: block; float: left; margin: 0 15px 0 0; } #library h2 span { font-weight: 600; } #library h2 a { color: #def; text-decoration: none;} #library h2 a:hover { color: white; } #library .menu-collana { position: relative; } #library .menu-collana ul { display: none; position: absolute; top: 50px; left: 0; padding: 15px; background: #8BE; z-index: 20; margin: 0; width: 300px; } #library .menu-collana:hover ul { display: block; } #library .menu-collana ul, #library .menu-collana ul li { list-style: none; font-size: 12pt; line-height: 30px; } #library .menu-collana ul li { display: block; } .banner-offerta-home { margin: 10px 0; } .banner-offerta-home img { width: 100%; } .offerte-header { position: absolute; top: 10px; left: 242px; font-weight: bold; background-color: white; text-decoration: none; font-size: 15px; color: #38c; display: block; border-radius: 4px; padding: 3px 6px; } .autografabile { margin-top: 20px; height: 20px; } .autografabile a { display: block; border: 1px solid #8BE; position: absolute; padding: 3px 6px; bottom: -7px; right: 0; font-weight: bold;} .fas.fa-lg:before { vertical-align: -3px !important; } h3 .fa-shopping-cart.fa-lg:before { vertical-align: -4px !important; } h3 img { vertical-align: -4px !important; margin-left: -2px; margin-right: 5px; } #right .right-box ul.lista li { list-style: square; display: list-item; } #right b { color: #36c; } .big { font-size: 150%; } .deloscard-rinnovo { width: 25%; float: left; border:4px solid #36c; padding: 10px 10px; text-align: center; border-radius: 15px; margin-right: 15px; background: #def; } .deloscard-rinnovo h4 { margin: 0; } .deloscard-rinnovo h6 { margin: 5px; font-size: 10pt; } .deloscard-rinnovo p { margin: 5px; } .deloscard-rinnovo .pricetag { display: none; } .deloscard-rinnovo .cartwidget .cw-add { display: block; margin: 10px auto; font-family: "Signika Negative",serif; font-weight: 400; width: 150px; color: white; background: #3784EA; height: 30px; line-height: 30px; text-align: center; padding: 0 5px 0 5px; border-radius: 30px; font-size: 11pt; text-decoration: none; box-shadow: 2px 2px 10px #999; border:1px solid #03C; margin-bottom: 10px; } img.avatar { width: 70px; height: 70px; border-radius: 50%; position: absolute; top: -10px; left: 20px; border: solid 5px #8be; background: white; } #account-contents section.user h2 { padding-left: 110px; position: relative; }