html { width:100%; margin:auto; } body{ width:100%; color:#000000; text-align:left; margin:auto; height:100%; font-family:'Lato', sans-serif; font-size:15px; padding-top:45px; } #hoverTopBar { width:100%; background-color:#228848; height:40px; -webkit-box-shadow: 0 3px 4px #b4b4b4; box-shadow: 0 3px 4px #b4b4b4; line-height:40px; position:fixed; top:0; color:#FFFFFF; font-size:85%; z-index:8; } #hoverTopBar a { color:#FFFFFF; } #hoverTopBarContent { width:1000px; margin:0 auto; padding:0 5px; box-sizing:border-box; } #hoverTopBarContent .boxContent { float:right; padding:0 5px; border-left:2px solid white; } #hoverLogo { width:270px; height:40px; overflow:hidden; float:left; } #hoverLogo img { display:block; } .hiddenMenu { display:none; position:absolute; right:-5px; background-color:#228848; width:215px; top:40px; text-align:center; padding:10px; box-sizing:border-box; border-radius:3px; box-shadow:0 3px 10px rgba(0,0,0,0.3); } #userMenu { position:relative; } #userMenu a { margin-left:5px; } #userMenu #hiddenMenu { display:none; position: absolute; right: 0; background-color: #228848; /*width: 315px;*/ top: 40px; text-align:right; padding:10px; box-sizing:border-box; line-height:15px; } #hiddenMenu .margin_high{ margin:0 0 12px 0; } #hiddenMenu .etichetta { font-weight:bold; padding:1px 3px; margin:10px 0 0 0; width: 98%; text-align: right; background-color: #fff;color: #228848; } #hiddenMenu .bordo-generale { border-top:2px solid #fff; } #userMenu .hiddenMenu { min-width:250px; } #userMenu .hiddenMenu a img { width:215px; } #boxCerca { border:0 !important; } #boxCerca form { height:95%; position:relative; } #boxCerca form input { height:25px; padding:2px 4px; border:0; font-size:100%; box-sizing:border-box; width:200px; } #boxCerca form button { background:transparent; border:0; vertical-align:middle; margin-left:4px; } #boxCerca .hiddenMenu { min-width:265px; } #networkCittanet { position:relative; border:0 !important; font-size:120%; } #networkCittanet a { font-size:80%; text-transform:uppercase; } #networkCittanet ul { list-style:none; } #networkCittanet ul li { width:120px; text-align:center; } #networkCittanet .hiddenMenu { width:270px; } #networkCittanet .hiddenMenu ul.second { width:230px; margin:0 auto; } #networkCittanet .hiddenMenu ul.second li { width:90%; border-top:1px inset white; text-align:left; padding-bottom:10px; } #networkCittanet .hiddenMenu ul.second p { font-size:90%; font-style:italic; line-height:20px; } #container { width:1000px; margin:0px auto 30px auto; position:relative; background-color:#FFFFFF; z-index:1; padding-left:5px; padding-right:5px; } /* HEADER */ header { text-align:center; color:#FFFFFF; } header #logo { width:540px; margin:0 auto; } header #logo p { padding:3px 0; /*background-color:#cc1c0f;*/ color:#cc1c0f; font-size:80%; margin-top:20px; } header #logo p a { /*color:#fff;*/ } .yesprint { display:none; } /* CITTANET BANNER */ #bannerCittanet { position:relative; width:100%; height:100px; padding-top:5px; background:url(http://www.cittanet.it/services/images/bg-cittanet.jpg) no-repeat bottom left; } #bannerCittanet #descr { position:absolute; top:20px; left:20px; } #bannerCittanet ul.territorio { position:absolute; bottom:15px; left:20px; list-style: none; padding-top:6px; font-size:95%; } #bannerCittanet ul.territorio li { display:inline-block; position:relative; width:auto; padding:4px 0; text-transform:uppercase; } #bannerCittanet ul.territorio li a { color:#4f4f4f; display:block; text-transform:uppercase; margin-left:10px; text-align:left; text-decoration:none; } #bannerCittanet ul.territorio li a:hover { color:#000000; text-decoration:underline; } /* MENU PRINCIPALE */ nav { width:100%; } #mainNavWrapper { } #mainNav { background-color:#cfcfcf; z-index:8; border-bottom:5px solid #ffffff; } .stick { position:fixed; top:41px; width:1000px; } nav ul.mainMenu { float:left; background:#cfcfcf; list-style: none; } nav ul.mainMenu li { display:inline-block; position:relative; width:auto; padding:2px 0; } nav ul.mainMenu a { color:#4f4f4f; display:block; text-transform:uppercase; padding:10px; text-align:center; text-decoration:none; border-right:2px solid #FFFFFF; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; margin-right:-4px; } nav ul.mainMenu li:last-child a { border:0; } nav ul.mainMenu li a:hover, nav ul.mainMenu li a.active { color:#000000; } nav ul.mainMenu li a.active { font-weight:bold; } nav ul.mainMenu li ul.submenu { left: 0; opacity: 0; position: absolute; top: 40px; display:none; z-index: 4; background-color:#cfcfcf; width:250px; } nav ul.mainMenu li:hover ul.submenu {opacity: 1; display:block; } nav ul.mainMenu li ul.submenu li { display:block; } nav ul.mainMenu li ul.submenu a:hover { text-decoration:underline; } nav ul.mainMenu li ul.submenu a { color:#000000; padding:7px 10px; border:0; font-size:90%; text-align:left; } nav ul.mainMenuSocials { float:right; list-style: none; box-sizing:border-box; } nav ul.mainMenuSocials li { display:inline-block; position:relative; width:auto; padding:0px 0; } nav ul.mainMenuSocials a { display:block; padding:8px 10px; text-align:center; text-decoration:none; border-left:2px solid #FFFFFF; margin-right:-4px; height:100%; } nav ul.mainMenuSocials a:hover { background-color:#808080; } /*nav #categoryMenu { background-color:#cfcfcf; margin:0; color:#000; font-size:80%; padding:5px; } nav #categoryMenu li { display:inline-block; position:relative; width:auto;text-transform:uppercase; } nav #categoryMenu a { color:#000; padding:3px; text-align:center; text-decoration:underline; margin-right:-4px; } nav #categoryMenu li:last-child a { } nav #categoryMenu li a:hover, nav #categoryMenu li a.active { color:#000; text-decoration:none; }*/ nav #categoryMenu { margin:0 0 0 0; background-color:#ffffff; color:#000; font-size:80%; padding:5px; } nav #categoryMenu li.primoLabel { color: #228848; font-weight:bold; text-align:left; } nav #categoryMenu li { -webkit-font-smoothing: antialiased; display:inline-block; font-size: 14px; list-style: none; text-transform: uppercase; font-weight:bold; margin-bottom:5px;} nav #categoryMenu a { color: black; text-decoration: none; padding-left: 17px; padding-right: 16px; border-right: 1px solid #000; } nav #categoryMenu li:last-child a { border:0; } nav #categoryMenu a:hover { color: #228848; } /* LIKE US ON FACEBOOK */ #facebooklike { position:relative; background-color:#ECECEC; display:none; margin-bottom:8px; } #facebooklike #scrittefbov { text-align:center; font-weight:bold; float:left; line-height:45px; margin:0 25px; } #chiudifacebooklike { position:absolute; right:8px; top:8px; } /* CONTENT */ #content { margin-top:15px; box-sizing:border-box; } article p { margin-bottom:15px; } #content ul, #content ol { margin-left:30px; } #colonnaContenuti { width:660px; margin:0 0 20px 0px; float:left; } #colonnaAdv { width:300px; margin:0 0px 20px 0; float:right; } #evidenze { width:440px; float:left; } #spazioAperto { width:200px; float:right; } /* PAGINAZIONE */ ul.paginazione { border:0; margin-bottom:20px; margin-left:0px !important; padding:0; } ul.paginazione li { border:0; margin:0 2px 0 0; padding:0; font-size:16px; list-style:none; } ul.paginazione a { border:solid 1px #0e509e; margin-right:7px; } ul.paginazione .dietro-off, ul.paginazione .avanti-off { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:7px; padding:3px 4px; } ul.paginazione .avanti a, ul.paginazione .dietro a { font-weight:bold; } ul.paginazione .attuale { background:#CC1C0F; color:#FFFFFF; font-weight:bold; display:block; float:left; margin-right:7px; padding:4px 6px; } ul.paginazione a:link, ul.paginazione a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; } ul.paginazione a:hover {border:solid 1px #CC1C0F; color:#FFFFFF; background-color:#CC1C0F; } /* ARTICOLI HOME PAGE */ article h1 a { color:#000000; font-size:120%; text-decoration:none; } article h1 a:hover { text-decoration:underline; } article h2 a { color:#696868; font-style:italic; font-size:75%; text-decoration:none; font-weight:normal; } article h2 a:hover { text-decoration:underline; } article .etichetta { display:inline-block; font-size:12px; margin:0; position:relative; color:#FFFFFF; padding:6px 10px 4px 10px; text-transform:uppercase; text-align:center; } .evidenza { width:440px; text-align:left; margin-bottom:20px; position:relative; } .evidenza .anteprima-wrapper { overflow:hidden; height:247px; width:440px; margin-bottom:10px; } .superevidenza { width:660px; text-align:left; margin-bottom:20px; position:relative; } .superevidenza h1 a { font-size:130%; } .superevidenza .anteprima-wrapper { overflow:hidden; height:360px; width:660px; margin-bottom:10px; } .spazioAperto { width:196px; text-align:left; margin:0 auto 20px auto; position:relative; } .spazioAperto .anteprima-wrapper { overflow:hidden; height:112px; width:196px; margin-bottom:5px; } .spazioAperto h1 a { font-size:90%; } .homeArticleBox { margin-top:15px; } .adsBox { margin-bottom:20px; } .adsBox .etichetta, .advBox .etichetta, .homeArticleBox .etichetta { display:inline-block; font-size:12px; margin:0; position:relative; color:#FFFFFF; padding:6px 10px 4px 10px; text-transform:uppercase; text-align:center; } .homeArticleBoxItem { margin-top:8px; } .banner_9 { margin-top:6px; } .articleBoxMezzo article { width:320px; text-align:left; margin-bottom:20px; position:relative; } .articleBoxMezzo .anteprima-wrapper { overflow:hidden; height:180px; width:320px; margin-bottom:10px; } .articleBoxMezzo figcaption { font-size:90%; } .articleBoxMezzo article h1 a { font-size:110%; } .articleBoxTerzo article { width:210px; float:left; margin-right:15px; } .articleBoxTerzo .anteprima-wrapper { overflow:hidden; height:120px; width:210px; margin-bottom:5px; } .articleBoxTerzo article.nomargin { margin-right:0; } .articleBoxTerzo article h2 { line-height:80%; } .articleBoxTerzo article h1 a { font-size:100%; } .articleBoxTerzo article h2 a { font-size:70%; } .articleBoxQuarto article { width:150px; float:left; margin-right:20px; } .articleBoxQuarto .anteprima-wrapper { overflow:hidden; width:150px; height:200px; margin-bottom:5px; } .articleBoxQuarto article.nomargin { margin-right:0; } .articleBoxQuarto article h1, .articleBoxQuarto article h2 { font-size:100%; } .advBox article { width:300px; text-align:left; margin-bottom:20px; position:relative; } .advBox .anteprima-wrapper { overflow:hidden; height:168px; width:300px; margin-bottom:10px; } .advBox figcaption { font-size:90%; } /* LISTA ARTICOLI ARCHIVIO */ .listaArticoli article { margin-bottom:20px; } .listaArticoli article .anteprima-wrapper { overflow:hidden; height:177px; width:320px; } .listaArticoli article header { float:left; width:325px; text-align:left; } .listaArticoli article header time, .listaArticoli article header address, .listaArticoli article header span.time { color:#000000; font-size:85%; font-style:italic; text-decoration:none; float:left; margin-top:2px; margin-left:3px; } .listaArticoli article header address { margin-left:5px; } .listaArticoli article header h1 { margin-top:5px; } .listaArticoli article header h2 a { color:#000000; font-weight:normal; } .listaArticoli article header h2 { font-size: 1.3em; line-height: 1.1em; } .listaArticoli-necrologi article { float:left; width:206px; margin-right:21px; } .listaArticoli-necrologi article.last-child { margin-right:0px; } .listaArticoli-necrologi article .anteprima-wrapper { overflow:hidden; height:177px; width:auto; } /* DETTAGLIO ARTICOLO */ article.dettaglio { } /**/aside.articleSocialsAside { position:fixed; transform:translateX(-115%); text-align:center; top:120px; background-color:#CCCCCC; } aside.articleAsideBox ul { list-style:none; } aside.articleAsideBox ul li { /*display:inline-block;*/ margin-bottom:15px;} aside.articleAsideBottomBar { display:none; position:fixed; bottom:0px; background-color:#fff; width:660px; box-sizing:border-box; z-index:11; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25); box-shadow: 0 0 9px rgba(0, 0, 0, 0.25); left:50%; margin-left:-500px; padding-bottom:1px; } aside.articleAsideBottomBar .condivisioni { margin:0; } aside.articleAsideBottomBar .condivisioni td { padding:3px 0; } article.dettaglio .galleryCaption { width:660px; background-color:#000000; color:#FFFFFF; box-sizing:border-box; padding: 3px 12px; margin-bottom:8px; } article.dettaglio header { margin-bottom:20px; } article.dettaglio header time, article.dettaglio header address, article.dettaglio header span.time, article.dettaglio header span.categoria { color:#000000; font-size:85%; font-style:italic; text-decoration:none; float:left; margin-top:2px; margin-left:3px; } article.dettaglio header address { margin-left:5px; } article.dettaglio header h1 { color:#000000; font-size:240%; text-align:left; margin:10px 0 15px 0; } article.dettaglio header h2 { color:#696868; font-size:160%; text-align:left; font-style:italic; font-weight:normal; margin-bottom:25px; } article.dettaglio p.firma { text-align:right; font-size:80%; font-style:italic; } article.dettaglio div.articoloTesto { font-size:106%; line-height:200%; padding:6px; } article.dettaglio div.articoloTesto h1, article.dettaglio div.articoloTesto h2, article.dettaglio div.articoloTesto h3, article.dettaglio div.articoloTesto h4 { margin-bottom:15px; } article.dettaglio .anteprima { width:660px; padding:2px; box-sizing:border-box; border:0px solid red; } article.dettaglio .anteprima figure img { width:100%; } article.dettaglio .anteprima .didascalia { padding: 0 5px; font-size: 85%; background-color: lavender; margin-bottom:7px; font-style:italic; } #articoloCorrelati .homeArticleBoxItem { margin-bottom:20px; } #articoloCorrelati .articleBoxTerzo article h1 a { font-size:16px; font-weight:400; } #articoloCorrelati .articleBoxTerzo article h2 a { font-size:70%; } blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; font-style:italic; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } /*blockquote p { display: inline; }*/ .prec-succ { cursor:pointer; display:block; position:fixed; background:#fff; width:130px; bottom: 65px; height:100px; overflow: hidden; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25); box-shadow: 0 0 9px rgba(0, 0, 0, 0.25); -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; z-index: 111; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .prec-succ:hover { background-color:#c9c9c9; } .articoloSuccessivo { padding-left:5px; padding-right:10px; left: auto; right:-15px; margin-left: 21px; } .articoloPrecedente { padding-right:5px; padding-left:10px; left:-15px; right: auto; margin-right: 21px; text-align:right; } .prec-succ h1 { font-size:18px; } .prec-succ a { font-size:15px; } .articoloSuccessivo div.chiudi { position:absolute; top:1px; left:1px; z-index:10; } .articoloPrecedente div.chiudi { position:absolute; top:1px; right:1px; z-index:10; } .prec-succ .item { display:none; } .articoloSuccessivo h1 { padding-left:25px; } .articoloPrecedente h1 { padding-right:25px; } div.gallery { margin-bottom:20px; width:660px; height:495px; } div.floatGallery { margin-bottom:10px; width:336px; height:448px; } div.percorsiLastPhoto { width:660px; height:350px; margin-bottom:0; } h3.percorsiLastPhotoH3 { background-color:#000000; color:#FFFFFF; box-sizing:border-box; padding: 3px 12px; } /* INVIA SEGNALAZIONE */ #inviaSegnalazione .setBox { margin-bottom:35px; } /* CERCANELSITO */ #cercanelsito { box-sizing:border-box; } #cercanelsito input, #cercanelsito select { padding:5px; font-size:15px; } /* FOOTER */ .footer-section-title { border-bottom:0px solid white; margin-bottom:15px; padding-bottom:5px; } footer section { float:left; margin-left:8px; width:170px; } footer ul.mainMenuSocials { list-style: none; box-sizing:border-box; margin-top:20px; } footer ul.mainMenuSocials li { display:inline-block; position:relative; width:auto; padding:0px 0; } footer ul.mainMenuSocials a { display:block; padding:9px; text-align:center; text-decoration:none; height:100%; } footer ul.mainMenuSocials a:hover { background-color:#62c186; } #backtotop { display:none; position:fixed; left:50%; bottom:-20px; border:0px solid #c9c9c9; margin-left:500px; margin-top:-50px; width:60px; height:60px; -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } #backtotop:hover { bottom:-10px; } /* SFONDI e BORDI .bg-generale { background-color:#CC1C0F; } .bordo-generale { border-top:2px solid #CC1C0F; } .bg-evidenza { background-color:#A40909; } .bordo-evidenza { border-top:2px solid #A40909; } .bg-spazioAperto { background-color:#679c2a; } .bordo-spazioAperto { border-top:2px solid #679c2a; } .bg-territorio { background-color:#fe5722; } .bordo-territorio { border-top:2px solid #fe5722; } .bg-nazionale { background-color:#1d79de; } .bordo-nazionale { border-top:2px solid #1d79de; } .bg-altrenews { background-color:#324aff; } .bordo-altrenews { border-top:2px solid #324aff; } .bg-focus { background-color:#07928d; } .bordo-focus { border-top:2px solid #07928d; } .bg-agenda { background-color:#283033; } .bordo-agenda { border-top:2px solid #283033; } .bg-gallerie { background-color:#7d3287; } .bordo-gallerie { border-top:2px solid #7d3287; } .bg-fashion { background-color:#e91385; } .bordo-fashion { border-top:2px solid #e91385; } .bg-letterario { background-color:#7d4bff; } .bordo-letterario { border-top:2px solid #7d4bff; } .bg-cronacastorica { background-color:#a07735; } .bordo-cronacastorica { border-top:2px solid #a07735; } .bg-viverecongusto { background-color:#c35a16; } .bordo-viverecongusto { border-top:2px solid #c35a16; } .bg-pubblicitaria { background-color:#B99D2C; } .bordo-pubblicitaria { border-top:2px solid #B99D2C; } .bg-rubriche { background-color:#969696; } .bordo-rubriche { border-bottom:2px solid #969696; } .bg-necrologi { background-color:#A7A7A7; } .bordo-necrologi { border-bottom:2px solid #A7A7A7; } .bg-nero { background-color:#000; } .bordo-nero { border-bottom:2px solid #000; } */