div {box-sizing:border-box} /* HEADER */ header {text-align:center;background:black;} #header {height:54px; width:100%; max-width:1620px; margin:0px auto; position:relative; background-color: black;} /* #header .logosole {position:absolute; top:-10px; left:-17px; width:235px; height:70px; text-indent:-99999px; } #header .logosole a {display:block; width:235px; height:70px;} */ #header h2 { width: auto; height: auto; position:absolute; top:50%;left:50%;transform:translate(-50%, -50%);border-right:0px solid #e5e2de; line-height:1px; color: white; font-size: 28px;font-weight: 500; font-family: 'sole_headline'; font-style: italic; text-align: center; text-transform: none; margin-left: 20px; } #header .help {position:absolute; top:0px; right:0px; line-height:120%;} #header .help a {font-weight:bold;} #header .logosolewhite { width: 104px; height: 24px; float: left; margin-top: 13px; margin-left: 35px;} #header .accedi {width:115px;position:relative;float:none;} #header .accedi a {background:none; position:relative; color: #494949; display: block; float: left; font-family: "sole_serif_headlinebold","Times New Roman",serif; font-size: 18px; font-weight: normal; line-height: 39px; padding: 0 0 0 11px; width: 70px; } #header .accedi a.my24 {display:none;} #header .accedi a .accedi_label { position:absolute; top: 15px;color: white; width: 19px; font-family: "SoleSans"; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; margin:0px; cursor: pointer; } #header .accedi a.logged,#header .accedi a.not-logged {height:50px;left:auto;top:5px;right:0px;position:absolute;}/* 50px per facilitare il mouseover del box di login */ #header .accedi a.logged {right:35px;} #header .accedi a .icon { position:absolute; top:10px; left:57px;color: white; font-size: 24px; cursor: pointer; } /* Wrapper */ #wrapper1024 { width:100%; min-width: 1024px; margin:0px auto 0px auto; background:none; } .backgroundAdv #wrapper1024 {width:1024px;} #wrapper { width:100%; background: #3d3d3d; border-top: 0px solid #d9d4de; border-bottom: 0px solid #d9d4de; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px} #wrapper #body_top {text-align:center;background-color: #1a1a1a;} #wrapper #body_top #center_top {background-color: #1a1a1a;float: none;height: 510px;margin: 0px auto 0; width: 870px; } #wrapper #body_bottom { width: 870px; margin:24px auto; background-color: #3d3d3d;} #wrapper #caption {width:255px;height:510px;float:right;background:#416178; position:relative; margin-top:10px;} #wrapper #caption img { margin-left:-5px;} #wrapper #caption_top {background:url("../img2013/quotidiano_right.png") no-repeat; height:510px;} #wrapper #caption_bottom { margin-top:20px;} #wrapper #caption span {display:none; color:#FFF; font-family: 'sole_serif_headlineregular', 'Times New Roman', serif; font-size:20px; padding:0px 17px; text-align:left;} #wrapper #caption a.promo, #wrapper #caption a.promo2 {text-indent:-5000px;display:block;position:absolute;top:100px;left:0px;width:261px;height:195px;} #wrapper #caption a.promo2 {top:295px;height:215px;} #wrapper #caption .btn {width:159px;height:34px;display:block;text-align:center;line-height:36px;overflow:hidden;color:#9ba8ae;background:#FFFFFF;text-decoration:none; text-transform:uppercase; font-weight:bold;margin-left: 17px;} #wrapper #caption .btn.preview {margin-top:10px;} #wrapper #caption .btn:hover, #wrapper #caption .btn.red:hover {text-decoration:none;} #wrapper #caption .btn.preview {display:none;} /* n° Allegati nella lista */ #wrapper .content #archives #archives-listing .results .results-list .result .allegati { margin-right: 0px; font-family: 'SoleSans', 'Times New Roman', serif; font-size: 15px; border-bottom: none; padding-bottom: 0px; background: none; width: 170px; text-align: left; text-transform: none; font-weight: normal;cursor: text; color: white; opacity: 100;} /* Separatori - data pagine lista - padding tra le liste*/ #wrapper .content #archives #archives-listing .results .results-list .colwrap > .result {border-right: 1px solid #5f5f5f; color: white;} #wrapper .content #archives #archives-listing .results .results-list .result + .result{margin-right:0px; border-right: none;} #wrapper .content #archives #archives-listing .results .results-list .result img { width: 118px; float: left; margin: 0px 31px 0px 0px; cursor: pointer; height: 180px; } #wrapper .content #archives #archives-listing .results .results-list .result span { font-family:'SoleSans', 'Times New Roman', serif; font-size:18px; border-bottom:0; padding-bottom:0px;width: 142px; display: block;float: left;text-align: left; opacity: 0.6;} #wrapper .content #archives #archives-listing .results .results-list .result span:after{content: " "; border-bottom:1px solid white; opacity:0.3;width:24px;display:block;margin-top:5px;} #wrapper .content #archives #archives-listing .results .results-list .result span.allegati:after{content:""; border:0;} #wrapper .content #archives #archives-listing .results .results-list .result{position:relative;float:left;width:434px;padding:0px 0px 0px 87px;margin:64px 0px 0px;height:190px;overflow:visible;} /* Titolo e data articolo */ #title_prod { width: auto; height: 28px; padding-left: 0px; padding-right: 0px; } #title_prod .title { padding-right: 180px; padding-left: 180px; margin-top: 20px;} #title_prod .title .information_title{ font-family:'sole_headline'; font-size: 28px; font-weight: bold; text-align: center; height: 28px; color: white; } #title_prod .title .information_day{padding-left:14px; font-family:'SoleSans'; font-size: 24px; height: 28px; color: white; opacity: 0.6; line-height: 0.75;position:relative;} #title_prod .title .information_day:before{content:'•'; display:inline-block;width:4px;height:4px;font-size:12px;opacity:0.3;position:absolute;top:11px;left:3px;} #title_prod span+span{ float: none; } #title_prod span{width: 358px;} /* Paginazione */ #wrapper .content #archives #archives-listing .results ul.pagination { text-align: center; float: none; margin: 50px auto 35px; width: auto;height:20px;font-family: 'SoleSans'; } #wrapper .content #archives #archives-listing .results ul.pagination li{display:inline-block;width:20px;height:20px;margin:0px 2px;} #wrapper .content #archives #archives-listing .results ul.pagination li a {width: 20px; height: 20px;color:white;font-size:14px;display:block;float:left; text-decoration:none; line-height: 1.4em;text-align: center; } #wrapper .content #archives #archives-listing .results ul.pagination li.current a {color:white;font-weight: normal; background-color: #0075bf; border-radius: 16px;} /* Footer --> cambiata la disposizione dei tag HTML*/ .footer-wrapper {position: relative; height: 132px; width: auto;margin-bottom:0px; /*background: url("//i2.res.24o.it/img2013/landingAbbonamentiImage/bg_footer.png") top center no-repeat;*/} .footer-wrapper .footer { height: 150px; padding-top: 15px; background-color: #19171a; } .footer-wrapper .footer .footer-text { color: #fffbf8; opacity: 0.6; font-family: 'SoleSans'; } .footer-wrapper .footer .footer-text a { color: #fffbf8; opacity: 100; } .footer-wrapper .footer .footer-text + .footer-text { opacity: 0.6;} .footer-wrapper .footer .footer-text + .footer-text a { color: #fffbf8; opacity: 100;} .footer-wrapper .footer img { width: 158.4px; height: 36px; margin: 20px auto 20px auto; } /* Carousel*/ /* TODO: verificare il corretto funzionamento a, a:visited {color: white; opacity: 0.5; text-decoration:underline;} a:hover {color: white; opacity: 0.5;} #covercarousel .pagination li.current, #covercarousel .pagination li:hover.current { background: url(../img2013/bullets.png) no-repeat 0px -44px; } /* TODO: sostituire con background-color: white */ #covercarousel .prev {background-image: url(../img2020/arrow-prev.svg)} #covercarousel .next {background-image: url(../img2020/arrow-next.svg)} /* Area filtro */ #wrapper .content #archives #archives-listing .filter { height: 25px; position: relative; background: #3d3d3d; padding-top: 0px; border: 0px solid #ccc; border-top: 0px solid #fff; } /* titolo */ #wrapper .content #archives h4 a, #wrapper .content #faq h4 a, #wrapper .content .promo-listing h4 a {display:block;text-decoration: none;float: left; height:28px;width:76px;color:white;font-family:'sole_headline'; font-size: 24px; font-style: italic; line-height: 1.17; margin-left: 15px;} #wrapper .content #archives h4, #wrapper .content #faq h4, #wrapper .content .promo-listing h4 { border: 0px solid #ccc; background: none;font-weight: normal; font-size: 16px; color: #fff; height: 50px; line-height: 54px; padding: 5px 0px 0px 7px; margin: 0px 0px; background-color: #3d3d3d; } #wrapper .content #archives h4 {height:40px;} /* dropdown */ #wrapper .content #archives #archives-listing .filter .sceglitestata select.select, #wrapper .content #archives #archives-listing .filter .sceglitestata .ui-select{width:218px; height: 24px; border-radius: 12px; background-color: white;} #wrapper .content #archives #archives-listing .filter select.select, #wrapper .content #archives #archives-listing .filter .ui-select{position:relative;top:0px; font-family: 'SoleSans';font-size:15px;display:block;color:#000000;cursor:pointer;float: left; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal;} #wrapper .content #archives #archives-listing .filter .sceglitestata { width: 210px; position: relative; height: 31px; border-right: 0px dotted #333; float: left; padding-right: 12px; margin-right: 12px; } /* titolo filtra */ #wrapper .content #archives #archives-listing .filter span {white-space:nowrap;font-size: 14px; float: left; display: block; color: white; margin: 5px 0px 0px 100px; width: 64px; height: 18px; opacity: 0.3; font-family: 'SoleSans'; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal;} #wrapper .content #archives #archives-listing .filter select.select, #wrapper .content #archives #archives-listing .filter .ui-select { position: relative; top: 0px; font-size: 15px; width: 88px; height: 24px; display: block; color: #000000; line-height: normal; cursor: pointer; float: left; margin-left: 20px; font-family: 'SoleSans'; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; border-radius: 12px; } #wrapper .content #archives #archives-listing .filter select.select + select.select, #wrapper .content #archives #archives-listing .filter .ui-select + .ui-select { width: 120px; height: 24px; } #wrapper .content #archives #archives-listing .filter select.select + select.select + select.select, #wrapper .content #archives #archives-listing .filter .ui-select + .ui-select + .ui-select { width: 80px; height: 24px; } #wrapper .content #archives #archives-listing .filter .btn { display: block; width: 99px; height: 24px; position: relative; cursor: pointer; float: left; margin: 0px 0px 0px 20px; border-radius: 15px; background: none; background-color: #0075bf; text-decoration: none; text-indent: inherit;text-align:center;} #wrapper .content #archives #archives-listing .filter .btn:hover {opacity:0.7;} #wrapper .content #archives #archives-listing .filter .btn p { display:inline;font-size: 15px; line-height:24px; font-family:SoleSans; font-weight: 500; text-align: center; color: white; text-decoration: none; margin-top: 3px; } #wrapper .content #archives #archives-listing { clear: both; } #wrapper .content #archives, #wrapper .content #faq { width: 883px; margin: 20px auto; background-color: #3b3b3b; } #wrapper .content #archives {background-color:#3d3d3d;} #wrapper .content #archives #archives-listing .filter { height: 53px; position: relative; background: #3d3d3d; padding-top: 0px; border: 0px solid #ccc; border-top: 0px solid #fff; } #wrapper .content .results { width: 870px; height: auto; margin: 0px auto; background-color: #1a1a1a; border-radius: 16px; padding-bottom: 10px; } /* img carusell */ #covercarousel img.center{cursor:pointer;width:263px;height:400px;/*top:15px;left:225px;*/z-index:2;background:url(../img2012/ombra-big.png) bottom left no-repeat; padding-top: 14px;} #covercarousel img.center + img{width:192px; height:269px;/*top:79px;left:422px;*/z-index:1;background:url(../img2012/ombra-mid.png) no-repeat bottom left;} #covercarousel img.center + img + img{width:163px; height:228px;position:absolute;/*top:100px;left:536px;*/z-index:0;background:url(../img2012/ombra-small.png) no-repeat bottom left;} #body_bottom .content .results .results-list .colwrap { padding-left: 0px; } #wrapper .content #archives #archives-listing .results .results-list .edition-wrap {position:relative;border:0;background: url(../img2020/accordion-top.svg) #1a1a1a -596px 0px no-repeat;padding: 30px 0px; margin: 18px 16px 0; width:auto;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap.left { background: url('../img2020/accordion-top.svg') #1a1a1a -158px 0px no-repeat; margin-top: 20px;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap > a {z-index:10;width:21px; height:33px;margin:0px;position:absolute; top:50%;transform:translateY(-50%); } #wrapper .content #archives #archives-listing .results .results-list .edition-wrap > a.next {margin-top:0px;background-image:url(../img2020/arrow-next.svg);right:13px;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap > a.prev {margin-top:0px;background-image:url(../img2020/arrow-prev.svg);left:13px;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .paginazione-inserti { clear: both; display: block; text-align: center; overflow: hidden; padding-top: 10px; background-color: #12354B; } #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller-2{width:835px;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert {width:436px;padding-left:54px;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert h5 {width: 195px; border:0 none;display: block; margin:15px 0px 0px; padding: 0px; font-size: 16px; font-family: "sole_headline"; color: #FFF; text-align: left; line-height: 1em; float: left; font-size: 18px; font-weight: bold;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert h5:after {border-bottom:1px solid white;content: ""; opacity: 0.3;width:24px;height:8px;display:block;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert .btn{display:block;float:left;font-family: "SoleSans";} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert .btn span {font-family: 'SoleSans';text-align: left;line-height: 34px;cursor: pointer; border-bottom: none;font-size: 15px; font-weight: bold; color: #0075bf;background:none; } #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert .btn span:after {content:""; font-family:'icon24'; font-size:9px; display:inline;margin-left:5px;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .scroller .insert img { margin-right: 12px;width: 144px; height: 220px; cursor: pointer; float: left; margin-left: 0px; margin-top: 15px; max-width: 153px; } #wrapper .content #archives #archives-listing .results .results-list .result .issuelist {background:none;width:24px;height:24px;top:-13px;left:195px;} #wrapper .content #archives #archives-listing .results .results-list .result .issuelist:before {background-color:#0075bf; width:24px;height:24px;display:block;font-size:22px;content: "+";color:white; border-radius:12px;} #wrapper .content #archives #archives-listing .results p.notice {display: none;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .paginazione-inserti a:hover, #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .paginazione-inserti a {background: url(../img2020/bullet-accordion.svg) no-repeat 0 0;opacity:0.3;} #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .paginazione-inserti a.current:hover, #wrapper .content #archives #archives-listing .results .results-list .edition-wrap .paginazione-inserti a.current {background: url(../img2020/bullet-accordion.svg) no-repeat 0 0;opacity:1;} #wrapper .content #archives #archives-listing .results .no-result p{color:white;font-family:SoleSans;} #modalSubscription.modale-content header {background:#fff;} #modalSubscription header a {border:0px} #modalSubscription a#closeme:hover {background:none;color:#244357} #modalSubscription a#closeme:hover span {color: #244357;} #modalSubscription p,#modalSubscription a {font-family: 'SoleSans'} #modalSubscription h2 {font-family:'sole_headline';}