/* CSS - Impostazioni per il sito web lavitaintorno.it */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, menuDx, menuSx, linkDx, linkSx, section, time, mark, audio, video, separazione, rigavuota, riga_inc, riga_all, eventi { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-family: inherit; text-align: left; } body { line-height: 1; } ol, ul { list-style: none; } /* Remove possible quote marks (") from ,
. */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove annoying border on linked images. */ a img { border: none; } abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0); cursor : help; } body { position: relative; font: 12px/1.5 "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", tahoma, sans-serif; font-weight: normal; color: #848688; background: #F5F5F5; text-align: left; } p.skiplink { padding: 0; } a#skiptocontent { position: absolute; left: -9999px; z-index: 500; } a#skiptocontent:active, a#skiptocontent:focus { width: 100%; padding: 2px 0 4px; left: 0; top: 0; text-align: center; font-size: 1em; font-weight: bold; color: #000; border: none; background: #ff0; } /* Typography */ h1, h2, h3, h4 { font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; clear: left; margin-bottom: 0.5em; font-weight: normal; padding: 0; } h1 { font-size: 2em; } h2 { font-size: 1.8em; margin: 10px 0 4px 0; color: #535151; } h3 { font-size: 1.5em; line-height: 1.2; color: #949263; clear: none; -moz-box-shadow:1px 2px 2px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 2px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 2px rgba(205, 205, 205, 0.8); } h4 { font-size: 1.3em; line-height: 1.5; color: #949263; } p, li { font-size: 1.2em; margin-bottom: 12px; } ul { margin: 0 0 20px 10px; list-style-position: outside; list-style-type: none; list-style-image: url("/assets/img/layout/list.png"); } li { margin: 0; padding: 0; } .eventi h3 { clear:right; } ul.points li { padding: 0; list-style: square; list-style-position:outside; margin-left: 16px;} .eventi ul.points li { margin-left: 6px;} p.caption, p.caption-fb { font-style: italic; font-size: .95em; margin: 0 0 10px 0; padding: 0; float: left; } p.caption-fb { font-size: .95em; } .tleft { text-align:left; } .tright { text-align:right; } p.link { margin: -2px 0 20px 0 ; clear: left;} .price { font-size: 1.4em; color: #000; margin: 0; padding: 0;} .poesia { font-size: 1.4em; color: #000; margin: 0; padding: 0;} .pensiero { font-size: 1.2em; color: #000; margin: 0; padding: 0;} .storia { font-size: 1.1em; color: #000; margin: 0; padding: 0;} a:link, a:visited { text-decoration: none; color: #000; } a:visited:hover, a:hover, a:active { text-decoration: none; color: #000; } /* Main Divs */ #container, #containertransparent, #masthead, #content, #footer #bigImage { width: 980px; padding: 0; float: left; } #barratesta { width: 980px; padding: 0; float: !important ; } #container { width: 980px; margin: 0 auto 0 auto; float: none; } #transparent { width: auto; margin: 0 auto 0 auto; float: none; opacity:0.6; z-index:1; background: #ccc; overflow: auto; z-index: -999998; } #separazione { width: 980px; float: left; margin: 4px 20px 10px 20px; border: 5px solid #fff; -moz-box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); } #rigavuota { width: 980px; float: left; margin: 0 20px 8px 20px; clear: both; } #riga_inc { width: 940px; float: left; margin: 0 20px 0 20px; border: 1px solid #cccccc; clear: both; } #riga_all { width: 980px; float: left; margin: 0 20px 0 20px; border: 1px solid #cccccc; clear: both; } #masthead { padding-bottom: 20px; } #content { clear: left; margin-bottom: 10px; } #footer { margin-top: 10px; padding: 15px 0 30px 0; clear: both; border-top: 1px dotted; } #bigImage { margin-bottom: 5px; } #barratesta { margin-bottom: 5px; } .main { float: left; width: 680px; padding: 0; margin: 0; } .full { width: 980px; } .xeventi { float: left; width: 330px; margin: 0 20px 0 20px; padding: 5px 5px 5px 5px; background: #fff; } .xeventiDx { float: right; width: 400px; margin: 0 20px 0 20px; padding: 5px 5px 5px 5px; background: #fff; } .xevent2 { float: left; width: 330px; margin: 0 20px 0 20px; padding: 5px 5px 5px 5px; clear: right; background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); } .social { float: right; margin: 0 0 5px 10px; } /* Homepage specific */ .column { float: left; width: 320px; padding: 0; margin: 0; } .r { float: right; } .l { float: left; } .space { float: left; margin: 5px 0 0 0 } /* Profile */ #no-bg { background: none; } /* Img Styles */ img { vertical-align: middle; } #bigImage img { border: 20px solid #fff; -moz-box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); } .cornice { float: left; margin: 0 0 20px 0; border: 8px solid #fff; -moz-box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 8px rgba(205, 205, 205, 0.8); } .sr { margin-right: 20px; } .fr { float:right; margin-left: 20px; } .cornicetta { float: left; margin: 0 7px 11px 0; border: 7px solid #fff; -moz-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); } A:hover IMG.cornicetta { float: left; margin: 0 7px 11px 0; border: 7px solid #000; -moz-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); } .multiimage { float: left; margin: 10px 7px 20px 0; border: 5px solid #fff; -moz-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); } A:hover IMG.multiimage { float: left; margin: 10px 7px 20px 0; border: 5px solid #000; -moz-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 5px rgba(205, 205, 205, 0.8); } .rainimages { float: left; margin: 0 4px 9px 0; border: 7px solid #fff; -moz-box-shadow:1px 1px 3px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 1px 3px rgba(205, 205, 205, 0.8); box-shadow:1px 1px 3px rgba(205, 205, 205, 0.8); } A:hover IMG.rainimages { float: left; margin: 0 4px 9px 0; border: 7px solid #000; -moz-box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); } /* Logo */ h1.logo { width: 400px; height: 72px; margin: 12px 0 0 0; background: url(/assets/img/layout/ab-logo.png) 0 0 no-repeat; text-indent: -9999px; } /* RSS */ p.rsslink { float: left; margin-bottom: 14px } .rsslink a:link, .rsslink a:visited { text-decoration: none; color: #848688 ; padding: 2px 40px 0 24px; background: url(/assets/img/icons/rss.png) 0 0 no-repeat; } .rsslink a:hover, .rsslink a:visited:hover{ text-decoration: underline; color: #000 ; } /* Footer */ #footer, #footer p { font-size: 13px } #footer a:link, #footer a:visited { text-decoration: none; color: #848688; } #footer a:hover { color: #000; } #footer p.footerlinks { float: right; } /* Eventi Columns */ #eventi { float: left; width: 330px; height: auto; margin: 0 0 0 20px; padding: 5px 5px 5px 5px; background: #fff; } #eventiDx { float: left; width: 590px; height: auto; margin: 0 0 0 0; padding: 5px 5px 5px 5px } #event2 { float: left; width: 330px; height: auto; margin: 0 20px 0 20px; padding: 5px 5px 5px 5px; clear: right; background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); box-shadow:1px 2px 3px rgba(205, 205, 205, 0.8); } /* Basket header */ #basket { float: right; margin: 14px 0 20px 0; padding:5px 12px 5px 16px; background-color: #fff; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; } #basket .baskettitle { font-size: 1.5em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #basket p { margin: 0; padding: 0; text-align: right; line-height: 1.2; font-size: 1.2em;} #basket img { margin-top: -5px; } /* Box header */ #box_dx { width:auto; float:right ; margin: 3px 20px 0 0; padding:4px 4px 4px 4px; font-size: 1.3em; } #box_dx .box_dxtitle { font-size: 1.5em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #box_dx p { margin: 0; padding: 0; text-align: right; line-height: 1; font-size: 1.3em;} #box_dx img { margin-top: -5px; } #box_sx { width: auto; float: left; margin: 3px 0 0 20px; padding: 4px 4px 4px 4px; background-color: #fff; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; border: 2px dotted #666666; font-size: 1.3em; } #box_sx .box_sxtitle { font-size: 1.4em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #box_sx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.3em;} #box_sx img { margin-top: -5px; } .box_visible { color: #444; font-weight: bolder; padding-left: 4px; } #oldbox_sx { width:auto; float: left; margin: 3px 0 0 20px; padding: 4px 4px 4px 4px; background-color: #fff; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px outset #bbbbbb; font-size: 1.3em; -moz-box-shadow:2px 3px 8px rgba(205, 205, 205, 0.8); -webkit-box-shadow:2px 3px 8px rgba(205, 205, 205, 0.8); box-shadow:2px 3px 8px rgba(205, 205, 205, 0.8); } #oldbox_sx .box_sxtitle { font-size: 1.4em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #oldbox_sx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.3em;} #oldbox_sx img { margin-top: -5px; } /* Colonne Standard */ #col_dx { width:620px; float:right ; margin: 0 20px 0 0; padding:2px 2px 2px 2px; font-size: 1em; } #col_dx .col_dxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col_dx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #col_dx img { margin-top: -5px; } #frame_inDx { width:620px; float:right ; margin: 0 0 0 50px; padding:0 0 0 0; font-size: 1em; } #frame_inDx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #frame_inDefaultA { width: 590px; float: left; margin: 0 0 0 0; padding: 5px 5px 20px 5px; font-size: 1em; background: #FCFCFB; } #frame_inDefaultA p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #frame_inDefaultB { width:590px; float: left ; margin: 0 0 0 0; padding: 5px 5px 20px 5px; font-size: 1em; background: #F0F0E1; } #frame_inDefaultB p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #frame_inDefaultC { width: 590px; float: left; margin: 0 0 15px 0; padding: 5px 5px 20px 5px; font-size: 1em; background: #EEEEEE; border-top-width: 2px; border-top-style: solid; border-top-color: #FC0; } #frame_inDefaultC p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #col_sx { width:310px; float: left; margin: 0 0 0 20px; padding: 2px 2px 2px 2px; font-size: 1em; } #col_sx .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col_sx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #col_sx img { margin-top: -5px; } #larg_dx { width:530px; float:right ; margin: 0 20px 0 0; padding:2px 2px 2px 2px; font-size: 1em; } #larg_dx .col_dxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #larg_dx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #larg_dx img { margin-top: -5px; } #larg_sx { width:400px; float: left; margin: 0 0 0 20px; padding: 2px 2px 2px 2px; font-size: 1em; } #larg_sx .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #larg_sx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #larg_sx img { margin-top: -5px; } #work_dx { width:530px; float:right ; margin: 0 20px 0 0; padding:2px 2px 2px 2px; font-size: 1em; } #work_dx .col_dxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #work_dx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #work_dx img { margin-top: -5px; } #work_sx { width:350px; float: left; margin: 0 0 0 20px; padding: 2px 30px 2px 20px; font-size: 1em } #work_sx .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #work_sx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #work_sx img { margin-top: -5px; } #frame_inDx { width:620px; float:right ; margin: 0 0 0 50px; padding:0 0 0 0; font-size: 1em; } #frame_inDx p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #col_all { width:980px; float: left; margin: 0 20px 0 20px; padding: 0 0 0 0; font-size: 1em; } #col_all .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col_all p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #col_all img { margin-top: 0px; } #col_inc { width:940px; float: left; margin: margin: 0 auto 0 auto; padding: 0 20px 0 20px; font-size: 1em; } #col_inc .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col_inc p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #col_inc img { margin-top: 0px; } /* Corpo a 3 colonne OCCUPA TUTTI I 980 pixel */ #col001 { width:440px; float: left; margin: 15px 0 0 0; padding: 2px 2px 2px 2px; font-size: 1em; } #col001 .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col001 p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.2em;} #col001 img { margin-top: -5px; } #col002 { width:260px; float: left; margin: 15px 0 0 0; padding: 2px 0 0 2px; font-size: 1em; } #col002 .col_sxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col002 p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.2em;} #col002 img { margin-top: 0px; } #col003 { width:260px; float:right ; margin: 15px 0 0 0; padding:2px 2px 2px 2px; font-size: 1em; } #col003 .col_dxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #col003 p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.2em;} #col003 img { margin-top: -5px; } #boxint { width:290px; float:right ; margin: 5px 5px 0 0; padding:0 0 0 0; font-size: 1em; } #boxint .col_dxtitle { font-size: 1.3em; color: #333; font-style: normal; padding-bottom: 8px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; } #boxint p { margin: 0; padding: 0; text-align: left; line-height: 1; font-size: 1.1em;} #boxint img { margin-top: -5px; } /* Menu a Barra Orizzontale */ #menuSx { font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; font-size: 1.2em; padding: 2px 2px 2px 20px; } #menuSx ul { width: auto; margin: 0 0 0 0; padding: 0 0 0 0; float: left; list-style-image: none; border: 0px #dadada; border-style: dotted none; } #menuSx li { float: left; margin: 30px 2px 0px 2px; padding: 0 15px 0 0; } /* Menu a Barra Orizzontale DESTRA */ #menuDx { font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; font-size: 1.2em; padding: 2px 20px 2px 2px; } #menuDx ul { width: auto; margin: 0 0 0 0; padding: 0 0 0 0; float: right; list-style-image: none; border: 0px #dadada; border-style: dotted none; } #menuDx li { float: right; margin: 15px 2px 0px 2px; padding: 0 0 0 15px; } /* Link a Barra Orizzontale */ #linkSx { font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; font-size: 1em; } #linkSx ul { width: auto; margin: 0 0 0 0; padding: 0 0 0 0; float: left; list-style-image: none; border: 0px #dadada; border-style: dotted none; } #linkSx li { float: left; margin: 0px 2px 2px 2px; padding: 0px 2px 2px 20px; } /* Link a Barra Orizzontale DESTRA */ #linkDx { font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; font-size: 1em; } #linkDx ul { width: auto; margin: 0 0 0 0; padding: 0 0 0 0; float: right; list-style-image: none; border: 0px #dadada; border-style: dotted none; } #linkDx li { float: right; margin: 0px 2px 2px 2px; padding: 0px 20px 2px 2px; } /* Commercial */ .feature { float: left; margin: 20px 0; padding: 20px 20px 0 20px; background: #f2f2f2; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } ul.imagegrid { float: right; width: 480px; padding: 0; float: right; margin:0: } .imagegrid li { margin: 0 0 0 8px; float:right; height: 130px; padding: 0; } p.fb-pers { color: #494949; font-style: italic; font-size: 1.1em;} /* News and other articles */ .row { margin: 0 0 35px 0; float: left; width: 680px; } .dataEventoSuo { margin: 2px 10px 0 0; padding: 3px 0 8px 0; float: left; width: 40px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; text-transform: uppercase; text-align: center; color: #fff; background: #535353; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 1.1; font-size: 14px; -moz-box-shadow:2px 3px 3px rgba(205, 205, 205, 0.8); -webkit-box-shadow:2px 3px 3px rgba(205, 205, 205, 0.8); box-shadow:2px 3px 3px rgba(205, 205, 205, 0.8); } .dataEventoSuo span { font-size: 2em; padding-bottom: 2px; } .dataEventoMio { margin: 2px 10px 0 0; padding: 3px 0 8px 0; float: left; width: 40px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; text-transform: uppercase; text-align: center; color: #fff; background: #006DD9; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 1.1; font-size: 15px; -moz-box-shadow:2px 3px 3px rgba(205, 205, 205, 0.8); -webkit-box-shadow:2px 3px 3px rgba(205, 205, 205, 0.8); box-shadow:2px 3px 3px rgba(205, 205, 205, 0.8); } .dataEventoMio span { font-size: 2em; padding-bottom: 2px; } .miniEventoBreve { margin: 3px 2px 1px 1px; padding: 2px 2px 2px 2px; float: left; width: 70px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; text-transform: uppercase; text-align: center; color: #fff; background: #B22D00; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 1; font-size: 0.9em; -moz-box-shadow: 1px 1px 1px rgba(205, 205, 205, 0.8); -webkit-box-shadow: 1px 1px 1px rgba(205, 205, 205, 0.8); box-shadow: 1px 1px 1px rgba(205, 205, 205, 0.8); } .miniEventoBreve span { font-size: 1em; padding-bottom: 2px; } .miniEventoLungo { margin: 3px 2px 1px 1px; padding: 2px 2px 2px 2px; float: left; clear: both; width: 70px; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; text-transform: uppercase; text-align: center; color: #fff; background: #006DD9; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 1; font-size: 0.9em; -moz-box-shadow:1px 1px 1px rgba(205, 205, 205, 0.8); -webkit-box-shadow:1px 1px 1px rgba(205, 205, 205, 0.8); box-shadow:1px 1px 1px rgba(205, 205, 205, 0.8); } .miniEventoLungo span { font-size: 1em; padding-bottom: 2px; } .meta { margin: 6px 0 0 0; line-height: 1.2em } .row .intro, .row .t-intro { float: right; margin: 0; border-left: 2px dotted #dedede; } .row .intro { width: 610px; padding: 0 0 0 12px; } .row .t-intro { width: 420px; margin: 0; padding: 0 0 0 20px;} /* Side-panel list */ ul.arrows { margin:0 0 30px 0; padding: 0; } ul.arrows a { text-decoration: none; padding: 4px 0 2px 4px; color: #848688; display: block; border-bottom: 1px dotted #dadada; font-style: italic } ul.arrows li.active a, ul.arrows a:hover { text-decoration: none; color: #000; padding-left: 22px; background: #f4f4f4 url(/assets/img/icons/list.png) 2px 6px no-repeat; } /* Pagination */ .paginate { clear: both; margin-bottom: 20px; } /* Links */ #basket a:link, #basket a:visited {text-decoration: none; color: #848688; } #basket a:hover, #basket a:visited:hover {text-decoration: none; color: #000; } #box_dx a:link, #box_dx a:visited {text-decoration: none; color: #848688; } #box_dx a:hover, #box_dx a:visited:hover {text-decoration: none; color: #000; } #box_sx a:link, #box_sx a:visited {text-decoration: none; color: #848688; } #box_sx a:hover, #box_sx a:visited:hover {text-decoration: none; color: #000; } #col_dx a:link, #col_dx a:visited {text-decoration: none; color: #848688; } #col_dx a:hover, #col_dx a:visited:hover {text-decoration: none; color: #000; } #col_sx a:link, #col_sx a:visited {text-decoration: none; color: #848688; } #col_sx a:hover, #col_sx a:visited:hover {text-decoration: none; color: #000; } .link a:link, .link a:visited { border-bottom: 1px dotted; font-style: italic; font-size: 1em; text-decoration: none; } .link a:hover, .link a:visited:hover { border-bottom: 1px solid; } #menuSx li a:link, #menuSx li a:visited { color: #878686; text-decoration: none;} #menuSx li a:hover, #menuSx li a:visited:hover, #menuSx li.on a { color: #000; text-decoration: none; } #menuDx li a:link, #menuDx li a:visited { color: #878686; text-decoration: none;} #menuDx li a:hover, #menuDx li a:visited:hover, #menuDx li.on a { color: #000; text-decoration: none; } #linkSx li a:link, #linkSx li a:visited { color: #878686; text-decoration: none;} #linkSx li a:hover, #linkSx li a:visited:hover, #linkSx li.on a { color: #000; text-decoration: underline; } #linkDx li a:link { color: #878686; text-decoration: none;} #linkDx li a:visited { color: #878686; text-decoration: none;} #linkDx li a:hover { color: #AAA; text-decoration: none;} #linkDx li a:visited:hover, #linkDx li.on a { color: #F90; text-decoration: none; } #linkDx li.on a:hover { color: #06F; text-decoration: none; } .barrablack { COLOR: #333333; } .meta a:link, .meta a:visited { text-decoration: none; } .meta a:hover { text-decoration: underline; } .meta a.comments { padding-left: 20px; background: url(/assets/img/layout/comment-icon.gif) 0 3px no-repeat; } h2 a:link, h2 a:visited { text-decoration: none; color: #535151; } h2 a:visited:hover, h2 a:hover { text-decoration: none; color: #000; } h3 a:link, h3 a:visited { text-decoration: none; color: #949263; } h3 a:visited:hover, h3 a:hover { text-decoration: none; color: #000; } /* Tuition */ .tgrid, .tgrid-b { float: left; width: 300px; padding: 0; margin:10px 30px 0 0; } .tgrid { clear: left; } .t-info { float: left; width: 210px; padding: 0 20px 0 0; margin: 0; } .t-info img { float: left; margin-bottom: 10px; border: 4px solid #d5d5d5; } .t-info h3 { margin-top: 5px; margin-bottom: 0; } .t-book { float: left; margin: 10px 0 20px 0; padding: 0 0 0 6px; background-color: #f9f9f9; border: 1px #dedede; border-style: dotted none; width: 100%; } /* Comments */ #commentwrap { float: left; margin-bottom: 30px; } #commentwrap h3 { margin: 20px 0 10px 0; clear: left; float: left; width: 100%; } .commententry, .commententry_b { float: left; margin: 6px 0 10px 0; padding: 15px; width: 650px; } .commententry_b { background-color: #f9f9f9; border: 1px #dedede; border-style: dotted none } /* Grids */ .grid { float: left; width: 189px; height: 400px; margin: 10px 16px 20px 0; padding: 0 10px; background: #f0f0f0; } .grid img { margin: 0 0 10px -10px; display: block; } .grid h3 { font-size: 1.2em; margin-bottom: 3px;} .grid h3 a { color: #565650; } .grid h3 a:hover { color: #000; } .grid .meta { font-size: 1em; margin-bottom: 6px;} .grid .meta a { color: #949263; } .grid .meta a.comments { padding: 0 0 0 20px; } #perspective_images { float: right; width: 230px; padding: 0; margin: 0 0 20px 30px; } /* Gallery */ .gallery { height: 200px; margin-bottom: 10px; background: #f0f0f0; } .gallery h3 { padding: 0; margin: 0; } .gallery .meta { color: #949263; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: normal; font-style: italic; padding: 0; } .gallerygrid { float: left; margin: 20px 0 0 -10px; color: #949263; } .gallerygrid li { float: left; width: 220px; height: 212px; margin: 0 0 15px 10px; padding: 8px 0 0 0; text-align: center; background: url(/assets/img/layout/gitem-bg.png) 0 bottom no-repeat; } .gallerygrid li h3 { margin: 6px 0 3px 0; font-size: 1.1em; text-align: center; color: #565650; } .gallerygrid h3 a:link, .gallerygrid h3 a:visited { color: #565650; } .gallerygrid h3 a:hover, .gallerygrid h3 a:visited:hover { color: #000; } p.location { line-height: 1em; font-size: .9em; text-align: center; padding: 3px 0 0 0} .gallerygrid .frame { margin-bottom: 0px; float: none; border: 5px solid #fff; } .galleryitem { padding: 0; position: relative; margin: 12px 0 40px 0; float: left; z-index: 100; } .galleryitem .frame { margin: 0; border: 10px solid #fff; } .clickforlarge { float: right; padding:6px 0 0 0; margin: -40px 60px 20px 0px; background-color: #fff; width: 140px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 1px 1px 5px #dedede; -webkit-box-shadow: 1px 1px 5px #dedede; box-shadow: 1px 1px 5px #dedede; z-index: -10;} .clickforlarge p { font-style: italic; text-align: center; font-size: 1em; margin-bottom: 6px;} .port { float: right; margin-right: 130px; } .notes { position: relative; float: left; padding: 30px; background-color: #fff; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 1px 1px 5px #dedede; -webkit-box-shadow: 1px 1px 5px #dedede;} .lan { margin: -40px 0 40px 20px; width: 380px; padding-top: 20px; } .por { margin: 20px 0 40px -4px; width: 230px; } .notes h3 { margin: 0; color: #000; } .notes h4 { font-size: 1.2em; color: #949263; } .notes select { width: 240px; } #nextprev { float: left; margin: 0 0 0 25px; padding: 0; } #nextprev a:link { text-decoration: none; } span#pp { font-size: .85em; color: #848688; } /* Basket page */ #cartbuttons { float: right; width: 500px; margin-top: 10px; } table { margin-top: 10px; padding: 10px; font-size: 13px; width: 100%; text-align: left; } thead { color: #fff; background: #434343; } tr { } td { padding: 8px; text-align: left; } td img { padding: 0; margin; 0; } td .frame { border: 4px solid #fff; margin: 0; padding: 0; } tr.cart1, tr.cart2 { border-bottom: 1px solid #dedede; } tr.cart1 { background-color: #fff; } tr.cart2 { background-color: #f9f9f9; } td.delete { width: 24px; } td.quantity { width: 20px; } td.subtotal { width: 50px; } td.price { width: 50px; color: #fff; font-size: 13px; padding: 8px;} td.image { width: 90px; text-align: center; } td.ref { width: 70px; } td.totals p { text-align: right; font-size: 14px; line-height: 1.7em } td.total p { font-size: 14px; line-height: 1.7em } /* Regular clearing */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .floatr { float: right; } .floatl { float: left; } #floatr { float: right; } #floatl { float: left; } FORMS.CSS */ form { margin:0; padding: 0; } label { font-weight: normal; } em { color: #336699; } fieldset { padding: 0; margin: 0; } legend { font-size:1.3em; } /* Form fields */ input, input.text, input.title,textarea, select { padding:4px 2px; margin:0 0 6px 0; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 1em; background: #fff; border: 1px solid #d5d5d5; color: #333; float:left; } input.text:focus, input.title:focus, textarea:focus, select:focus { background-color: #fff; } input.text, input.title { } input.title { } textarea { } /* Success, notice and error boxes */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; } /* Contact form */ #contactform { width: 680px; float: left; margin: 15px 0 0 0; padding: 0; } #cform_left { float: left; width: 280px; } #contactform form input { width: 250px; margin: 4px 0 9px 0; } #contactform form textarea { width: 360px; height: 146px; margin: 4px 0 9px 0; } /* Contact form */ .checkoutform { float: left; margin: 10px 0 30px 0; padding:20px; width: 580px; background-color: #eee; border: 1px solid #ebebeb; } .checkoutform fieldset { float: left; margin-bottom: 30px; } .checkoutform legend { font-weight: normal; float: left; margin-bottom: 20px; color: #000; width: 100%; } .checkoutform label { width: 200px; float: left; } .checkoutform input { width: 340px; margin-bottom: 10px; } .checkoutform select { width: 346px; margin-bottom: 10px; } .checkoutform p input#butt_cart { float: left; margin-left: 0; } /*Comment Form*/ #commentform { float: left; width: 620px; margin: 0 0 40px 0; padding: 30px; background:#f5f5f5; } #commentform label { float: left; width: 350px; clear: left; margin-bottom: 2px; } #commentform input, #commentform textarea { float: left; width: 350px; background: #fff; clear: left; margin-bottom: 10px; } #comment_code { float: right; width: 200px; margin: 0; padding: 14px; background:#fff; border:1px #ddd; border-style: solid none; } #captcha img { float: left; clear: left; margin: 4px 0 10px 0; padding: 0;} #notify { float: left; clear: left;margin: 10px 0 10px 0; } #notify input.comment-cb { float: left; margin: 4px 0 0 0; padding: 0; width: 28px; } /* Inputs */ input.mailinglist { width: 200px; } input.codeinput { float: left; margin: 0; width: 220px; } input.searchbox { width: 200px; } select.workshopselect { margin: 0 0 10px 0; width: 200px; } select.itemprice { margin-top: 20px; margin-bottom: 10px; width: 240px; } select.postage { margin: 0; width: 180px; font-size: 13px; padding: 1px;} /* Form Buttons */ p input.button { float: left; font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: 400; border:0; padding:3px 5px 5px 5px; margin:0; font-size: 13px; cursor: pointer; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; background-color: #bec2c7; color: #fff; width: 100px; } p input#butt_addbasket { } p input#butt_cart { width: 110px; margin: 0 0 24px 6px; float: right; } p input#butt_code { width: 110px; margin: 10px 0 24px 0; } p input#butt_nexprev { margin-right: 6px; background: #e6e5e5; width: 90px; } p input#butt_addprint { clear: left; width: 136px; margin-top: 4px; } p input#butt_mailing { margin: 6px 0 30px 0; width: 130px; } p input#butt_search { margin: 6px 0 30px 0; width: 130px; } p input#butt_enquire { width: 134px; clear: left; margin-top: 10px } p input#butt_bookworkshop { width: 134px; clear: left; margin: 0 0 14px 0 } p input#butt_comment { margin: 6px 0 20px 0; width: 150px; background-color: #bec2c7; } p input.button:hover, button:hover { background-color: #000 !important; color: #fff; } a.butt_basket { font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", georgia, serif; font-weight: 400; float: right; border:0; padding:5px 14px 6px 14px; margin:0 0 0 6px; font-size: 13px; cursor: pointer; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; background-color: #bec2c7; color: #fff; } a.butt_basket:hover { background-color: #000; color: #fff; } .nextprev { float: right; clear: right; padding-right: 10px;}