/* 1 COLONNA ============================================================================================================================================================*/ /* 1 COLONNA: Conoscersi ================================================*/ #conoscersi { display:block; margin:0 0 10px 0; border:1px solid #ccc; float:left; width:160px; } html>body #conoscersi { width:158px;} .conoscersi a { display:block; background:#fff url("http://www.repubblica.it/sharedfiles/images/bg_conoscersi.gif") 5px 5px no-repeat; padding:5px 0 10px 65px; color:#000; font-size:11px; line-height:10px; text-decoration:none; } .conoscersi a:visited { text-decoration:none; } .conoscersi a:hover { text-decoration:none; background:#d9e6f0 url("http://www.repubblica.it/sharedfiles/images/bg_conoscersi.gif") 5px 5px no-repeat; padding:5px 0 10px 65px;} /* 1 COLONNA: KATAMAIL ================================================*/ #katamail {display:block; margin:10px;} #katamail form {font-size: 10px;} #katamail form dl { display:inline;float:left; } #katamail form dt { display:block; float:left;} #katamail form dd { float:left; margin:0 0 0 3px; width:35px; background-color:#FF3366} #katamail .kid, #katamail .kpw { width:137px; font:12px Arial, Helvetica, sans-serif; color:#000; height:16px; border:1px solid #ccc;} #katamail .inviacerca { float:left; text-indent:-9999px; width:47px; height:21px } #katamail .inviacerca a { display:block; width:100%; height:100%; text-decoration:none; background:transparent url("http://www.repubblica.it/sharedfiles/images/btn_vai.gif") top left no-repeat } #katamail .inviacerca a:hover { background:transparent url("http://www.repubblica.it/sharedfiles/images/btn_vai.gif") bottom left no-repeat } #katamail a { display:block; padding:0; margin:0; text-decoration:none; font-size:10px; font-weight:normal; } #katamail a:visited { text-decoration:none; } #katamail a:hover { text-decoration:none; background-color:#eee; } #katamail a:before { content: "\00BB \0020"; } #katamail a.kreg, #katamail a.kreg:visited, #katamail a.kreg:hover { color:#c00; font-weight:bold;} #katamail #klpw { margin:3px 0;} #katamail #linkext { margin:3px 0; width:91px; float:left;} #katamail #linkvai { margin:3px 0; width:47px; float:right;} /* 4 COLONNA ============================================================================================================================================================*/ /* 4 COLONNA: Definizioni ================================================*/ #ventiquattrore, #rrtg, #podcast, #streaming, #annunci, #shoppingall, #shoppingday, #gele, #vetrineup, #vetrinedown { display:block; margin:0 0 10px 0;} /*subcontainer right */ #podcast, #streaming, #annunci, #gele { border:1px solid #ccc; min-height: 45px; height: auto !important; height: 45px; } /* titoletti comuni */ #container #cright h4, #annunci h4 { display:block; padding:5px 5px 0 10px; color:#000; text-transform:uppercase; font-size:9px; font-weight:normal; text-align:right; } /* 4 COLONNA: 24ore ================================================*/ #ventiquattrore { border:1px solid #ccc; background-color:#fff; } #ventiquattrore h5 { display:block; padding:5px 0 5px 10px; background-color:#ecf5fa; color:#630; text-transform:uppercase; font-size:11px; } #ventiquattrore a { display:block; padding:5px 10px; text-decoration:none; font-size:11px; } #ventiquattrore a:visited { text-decoration:none; } #ventiquattrore a:hover { text-decoration:none; background-color:#ecf5fa; } /*#d9e6f0*/ #ventiquattrore a strong { color:#00386B; display:block;} #ventiquattrore p { display:block; text-transform:uppercase; /* background-color:#ecf5fa;*/} #ventiquattrore p a strong { text-transform:capitalize;} .opExt a { display:block; text-align:right; margin:0 3px 3px 0; padding:0; font-weight:normal; color:#069; text-decoration:none;} .opExt a:visited { font-weight:normal; color:#069; text-decoration:none;} .opExt a:hover { color:#000;text-decoration:none; } #ventiquattrore .opExt a { margin:0;} #blogLettori .opExt a { margin-top:3px;} /* 4 COLONNA: Diretta TG ================================================*/ #rrtgdiretta { border:1px solid #ccc; margin:0 0 10px 0; } #rrtgdiretta a { display:block; padding:10px; color:#c00; font-size:11px; line-height:10px; font-weight:bolder; text-decoration:none; word-spacing:-0.05em; } #rrtgdiretta a:visited { text-decoration:none; } #rrtgdiretta a:hover { text-decoration:none; background-color:#d9e6f0; } #rrtgdiretta a strong { display:block; color:#000;} #rrtg { border-top:1px solid #ccc; border-bottom: 1px solid #ccc; } #rrtg a { display:block; height:65px; background:#fff url("http://www.repubblica.it/sharedfiles/images/bg_logo_radio.gif") 5px 5px no-repeat; padding:12px 0 0 70px; color:#069; font-size:11px; line-height:10px; font-weight:bolder; text-decoration:none; word-spacing:-0.05em; } html>body #rrtg a {height:65px; } #rrtg a:visited { text-decoration:none; } #rrtg a:hover { text-decoration:none; background-color:#d9e6f0; background-position:5px -195px; } /* 4 COLONNA: Podcast ================================================*/ #podcast a { display:block; height:45px; background:#fff url("http://www.repubblica.it/sharedfiles/images/bg_logo_podcast.gif") 5px 5px no-repeat; padding:12px 0 0 50px; color:#069; font-size:11px; line-height:10px; font-weight:bolder; text-decoration:none; word-spacing:-0.05em; } html>body #podcast a {height:35px; } #podcast a:visited { text-decoration:none; } #podcast a:hover { text-decoration:none; background-color:#d9e6f0; background-position:5px -95px;} #rrtg strong, #podcast strong { color:#000;} .shared-content-vetrina, .shared-content-vetrina-hp {display:block; border:1px solid #ccc; } /* 4 COLONNA: Annunci ================================================*/ #annunci { background-color:#fff; } #annunci a { display:block; padding:5px 10px; text-decoration:none; border-bottom:1px dotted #888; } #annunci a:visited { text-decoration:none; } #annunci a:hover { text-decoration:none; background-color:#eee; } #annunci a strong { display:block; font-size:11px; color:#c00;} #annunci a span { display:block; color:#000; } #annunci .last { border:none; } /* 4 COLONNA: Trovacinema ================================================*/ #boxcinema { display:block; padding:5px 10px;} #boxcinema form {font-size: 10px;} #boxcinema form dl { margin:0; } #boxcinema form dt { margin:3px 0; } #boxcinema form dd { float:right; margin:3px 0; } #boxcinema .tcn { width:137px; font:11px Arial, Helvetica, sans-serif; color:#000; height:16px; border:1px solid #ccc;} #boxcinema .inviacerca { text-indent:-9999px; width:47px; height:21px; margin:0; padding:0; } #boxcinema .inviacerca a { display:block; width:100%; height:100%; text-decoration:none; background:transparent url("http://www.repubblica.it/sharedfiles/images/btn_vai.gif") top left no-repeat } #boxcinema .inviacerca a:hover { background:transparent url("http://www.repubblica.it/sharedfiles/images/btn_vai.gif") bottom left no-repeat } #boxcinema .selectcinema { font-size:10px; width:137px;} #boxcinema label { font-weight:bold;} /* Pubblicita ============================================================================================================================================================*/ /* manzoni base */ #adv160x75lup, #adv160x75ldown, #adv160x75rdown, #adv300x250, #adv160x75rup, #adv160x600r, #adv180x150r { display:block; text-align:center; margin:0 0 10px 0 } #adv180x150m { float:left; margin:0 5px 0 0 } #dettaglio #adv180x150m { float:left; margin:0 10px 0 0 } /* Manzoni Vetrine */ .shared-content-vetrina-hp { display: block; font: 10px Verdana, Arial, sans-serif; color: #CCC; text-align: right; margin-top: 1px; padding: 1px 2px 3px 2px; width: auto !important; width /**/: 100%; } .shared-content-vetrina { display: none; /*block*/ font: 10px; color: #CCC; text-align: right; padding: 3px 2px; width: auto !important; width /**/: 100%; margin-bottom:10px; } .shared-content-vetrina-whitebox a, .shared-content-vetrina-whitebox a:visited { display: block; font: 10px Verdana, Arial, sans-serif; color: #000; text-align: left; text-decoration: none; margin-top: 3px; padding: 3px; background-color: #fff; width: auto !important; width /**/: 100%; } .shared-content-vetrina-whitebox a:hover { display: block; font: 10px Verdana, Arial, sans-serif; color: #900; text-align: left; text-decoration: none; margin-top: 3px; padding: 3px; background-color: #fff; width: auto !important; width /**/: 100%; } img.shared-whitebox-left { float: left; margin-right: 3px; border: none; } /********************************** Hot Spot Overture **********************************/ #ovadsense, .ovadsenselabel, #ovadsensehs a, #ovadsensehs a:visited, #indici-overture #ovadsense, #indici-overture #ovadsensehs, #indici-overture #ovadsensehs a, #indici-overture #ovadsensehs a:visited { font-family: 'Lucida Grande','Lucida Sans Unicode','Lucida Sans', LucidaGrande, Geneva, Verdana, Arial, sans-serif; font-size: 10px; } #ovadsense { margin: 10px 0 10px 0; background-color: #fff; border:1px solid #98989E; color : #000; } .ovlink { padding: 0px 6px; } .ovlink a, .ovlink a:visited, .ovlink a:active { display: block; color: #676D7B; text-decoration: none; font-size : 9px; } .ovlink a:hover { text-decoration: underline; } .ovlinkcolonna { float:left; margin:0px; width:286px !important; width /**/:290px; padding:8px 4px 8px 0px; } a.ovtitle, a.ovtitle:visited, a.ovtitle:active, a.ovtitle:hover { display: block; font-size : 10px; color: #CC0000; font-weight: bold; text-decoration: underline; } .ovadsenselabel { padding: 3px 2px 3px 5px; font-weight: bold; font-size: 10px; color: #ffffff; background-color: #98989e; text-align:right; } .ovadsenselabel em { font-size: 10px; font-weight: normal; } .ovadsenselabel a, .ovadsenselabel a:visited, .ovadsenselabel a:hover { font-size: 9px; color: #ffffff; text-decoration: underline; } #ovadsensehs { background-color: #FFF; color : #676D7B; padding: 6px; } #ovadsensehs a, #ovadsensehs a:visited { display: inline; text-decoration: none; color : #676D7B; } #ovadsensehs a:hover { text-decoration: underline; } .ovbold { font-weight: bold; } .ovhsleft { float: left; } .ovhsright { float: right; } /*** INDICI ***/ #indici-overture #ovadsense { margin: 10px 0 10px 0; background-color: #FFF; border:1px solid #98989E; color : #000; width: 400px !important; width /**/: 410px; } #indici-overture .ovlink {padding: 0px 6px; } #indici-overture .ovlink a, #indici-overture .ovlink a:visited, #indici-overture .ovlink a:active { display: block; color: #676D7B; text-decoration: none; font-size : 9px; } #indici-overture .ovlink a:hover{ text-decoration: underline; } #indici-overture .ovlinkcolonna { float:left; margin:0px; width:150px !important; width /**/160px; padding:8px 4px 8px 0px; } #indici-overture a.ovtitle, #indici-overture a.ovtitle:visited, #indici-overture a.ovtitle:active, #indici-overture a.ovtitle:hover { display: block; font-size : 10px; color: #CC0000; font-weight: bold; text-decoration: underline; } #indici-overture .ovadsenselabel { padding: 3px 2px 3px 5px; font-weight: bold; font-size: 10px; color: #ffffff; background-color: #98989e; } #indici-overture .ovadsenselabel em { font-size: 10px; font-weight: normal; } #indici-overture .ovadsenselabel a, #indici-overture .ovadsenselabel a:visited, #indici-overture .ovadsenselabel a:hover { font-size: 9px; color: #ffffff; text-decoration: underline; } #indici-overture #ovadsensehs { background-color: #FFF; color : #676D7B; padding: 6px; } #indici-overture #ovadsensehs a, #indici-overture #ovadsensehs a:visited { display: inline; text-decoration: none; color : #676D7B; } #indici-overture #ovadsensehs a:hover { text-decoration: underline; } #indici-overture .ovbold { font-weight: bold; } /**/ .boxshp { font: 11px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:3px;} .boxshp a {font: 11px Arial, Helvetica, sans-serif; color:#000;} .boxshp a:visited {font: 11px Arial, Helvetica, sans-serif; color:#000;} .boxshp a:hover {font: 11px Arial, Helvetica, sans-serif; color:#000;} .shpcolor { color:#247cad;}