@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap'); body, html{margin:0;padding:0;height:100%;} body{ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px; background:#fff; } .debugDiv{ background-color: #000; color: #FFF; position: fixed; height: 30%; overflow: auto; width: 100%; bottom: 0; left: 0; z-index: 1000000000000000; } .debugDiv pre{ background-color: #000; color: #FFF; } .focusQuote{ width: 70%; border-top: 1px solid #FB2850; } .quoteSubtitle{ width: 70%; text-align: center; font-style: italic; padding-left: 15% !important; } .sticky { position: fixed; top: 0; width: 100% } nav.sticky{ height: 50px; } a, a:link, a:visited, a:hover, a:focus{ text-decoration: none; color: inherit; -webkit-tap-highlight-color: rgba(0,0,0,0.2); } a.inline{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /*For some Androids*/ } .newsblogOpen .lh-h{ margin-top: -55px; } #consoleHandle{ height: 25px; text-align: center; background-color: #1b1b1b; width: 130px; color: #FFF; position: fixed; bottom: 0px; cursor: pointer; z-index: 999999999; padding-top: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; font-size: 14px; } #console{ height: 150px; position: fixed; bottom: -150px; overflow: auto; width: calc(100% - 10px); background-color: #424242; border-top: 5px solid #1b1b1b; color: #FFF; z-index: 999999999; padding-left: 10px; } .consolePre{ overflow: auto; max-height: 100px; } .debugOverlay{ position: absolute; z-index: 999999998; min-width: 100px; min-height: 50px; } .debugOverlayHandle{ position: absolute; bottom: 0; background-color: #1b1b1b; color: #FFFFFF; cursor: pointer; padding: 5px; } .closeModal{ cursor: pointer; } /*a:active{ opacity:https://www.cmstest.tio.ch/ticino/cronaca/1381832/brucia-il-capannone-di-una-fattoria-ad-iragna 0.5; }*/ .video_strip .fa{ color: #eeeeee; } .video_strip .fa-video-camera{ display: none; } .marmellata{ display: none !important; } .thumbsdown,.thumbsup{ display: none; } .box-subsections{ display: none; } a:not([data-link]){ text-decoration:none; color:#225588; display:inline-block; } h1, h2, h3, h4, h5, h6, button{ margin:0; padding:0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .h1, .h2, .h3, .h4, .h5, .h6, button{ margin:0; padding:0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .h1{ font-weight: 400; font-size:28px; line-height:32px; margin-bottom:16px; } .h2{ font-weight: 300; font-size:22px; line-height:25px; } .h4{ font-weight: 700; font-size:16px; line-height:22px; } button, .button{ padding:8px; background:#42b179; color:#fff; border:none; border-radius:0; text-transform:uppercase; font-size:12px; border-radius:15px; outline:none; } .button .loading{ border-color:#fff; } .button .loading:after{ border-bottom-color:#fff; } button .fa, .button .fa{ color:#fff; } button.btn-low, .button.btn-low{background:#c8c8c8;color:#fff;} button.btn-disabled, .button.btn-disabled{background:#c8c8c8;color:#fff;opacity:0.5;} button.btn-agenda, .button.agenda{background:#fff;color:#000;opacity:0.7;position:absolute;right:4px;padding:2px;} .agenda-item .section{ overflow: hidden; } .rtool-ico{ vertical-align: text-top; /*padding-top:8px;*/ } .social-ico-img{ vertical-align: text-top; padding-top:8px; } .actionbox{ float:left; width:100%; text-align:center; font-size:18px; } .actionbox .slogo{ margin:8px; padding-top:12px; background-color:#e0e0e0; margin-bottom:-10px; } .signature{ text-transform:uppercase; font-size:14px; margin-top:8px; } pre{ background:#eee; color:#333; font-size:12px; font-family:"courier"; font-weight:bold; padding:20px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } #c{ display:none; position:fixed; left:0; right:0; bottom:0; top:0; background:#000; opacity:0; display:none; z-index:1500; } #swipecover{ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; position:fixed; left:0; right:0; height:50px; white-space:nowrap; text-transform:uppercase; top:0; background:#993333; color:#fff; opacity:0; z-index:99999; text-align: center; font-size:14px; overflow:hidden; display:none; } #swipecover div{ float:left; } #swipecover img { height:50px; } .article > .h1{ margin-top: 10px; margin-bottom: 10px; } .article > .h4{ margin-bottom: 20px; } #n{ background:#303030; position:fixed; left:-260px; top:0; bottom:0; z-index:1599; width:260px; color:#222; -webkit-box-shadow: inset -15px 0px 50px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset -15px 0px 50px 0px rgba(0, 0, 0, 0.4); box-shadow: inset -15px 0px 50px 0px rgba(0, 0, 0, 0.4); } #n .nav-item{ line-height: 22px; float:left; width:100%; border-bottom: 1px solid #282828; overflow:hidden; color:#fff; } #n .nav-item.special{ background-color:#101010; } #n .nav-item.subitem{ border-left:10px solid #202020; } #n .nav-item-half{ width: 50%; } #n .nav-item-half-r{ width: 50%; border-left: 1px solid #222; margin-left: -1px; } #n .nav-item img{ height:50px; float:left; } #n .nav-item-header{ /*border-bottom:none;*/ width:100%; } #n .nav-item > div, #n .nav-item > a{ padding:14px; padding-left:24px; padding-right:0; font-size:16px; text-transform:uppercase; } #n .nav-label{ /*margin:8px; margin-left:12px;*/ font-size:14px; font-weight:bold; float:left; width:100%; color:#7b7b7b; background-color:#202020; } #n .nav-label div, #n .nav-label a{ margin:4px; margin-left:24px; } #n .search-input{ width:180px; border-radius:0; border-top-left-radius:15px; border-bottom-left-radius:15px; float:left; margin:10px; margin-right:0; height:16px; border:none; padding:7px; padding-top:8px; padding-left:16px; font-size:16px; background:#404040; outline:none; box-sizing:content-box; } #n .search-btn{ width:30px; border-radius:0; border-top-right-radius:15px; border-bottom-right-radius:15px; margin-top:10px; padding:7px; } #n .search-input:focus{ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.5); background:#fff; } #n .scrollable{ overflow:auto; position:absolute; top:50px; bottom:0; left:0; width:100%; float:left; padding-bottom: 10px; -webkit-overflow-scrolling: touch; } #h{ position:fixed; margin-top: 0; top:0; left: 0; width:100%; background:#24456f; /*background:#173050;*/ height:50px; overflow:hidden; z-index:1499; -webkit-transition: margin .2s ease-in-out; -moz-transition: margin .2s ease-in-out; -o-transition: margin .2s ease-in-out; transition: margin .2s ease-in-out; } #appref{ width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #a80805 transparent transparent transparent; position:absolute; top:0;left:0; float:left; z-index:1499; padding:0 !important; } #h .h-item{ text-transform:uppercase; } #h .h-item img{ margin:-10px; z-index:-1; height:50px; } #h .h-item i{ color:#f0f0f0; margin:5px; } #h .h-item a{ color:#f0f0f0; } #f{ float:left; background:#fff; width:100%; overflow:auto; text-align:center; -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.3); font-size:14px; } #f .fa{ font-size:36px; } #f a{ width:100px; height:80px; overflow:hidden; text-align:center; display:inline-block; color:#2b3f58; margin:4px; background:#fff; line-height:20px; padding-top:6px; } #f .copy{ background:#102846; width:100%; overflow:auto; height:38px; padding-top:16px; } #f .copy span{ color:#c0c0c0; } p{margin-top:0;} #p { background:#bb0000; top:50px; opacity:0.7; position:fixed; height:3px; left:0; width:0; z-index:9999999; } #h *{ float:left; } #h div, #h a{ padding:10px; color:#f0f0f0; font-size:22px; } #h img{ height:100%; } #h .nav-index{ padding-left: 2px; padding-right: 2px; } #h .nav-right{ padding-left: 2px; padding-right: 2px; } #h .nav-left{ padding-left: 2px; padding-right: 2px; } #h .nav-title{ width: 50%; width: calc(100% - 280px); overflow: hidden; height: 20px; padding-left: 2px; padding-right: 2px; } #h .nav-title > span{ display: inline-flex; flex-flow:row nowrap; max-width:100%; } #h .nav-title > span > span{ flex: 1; white-space:pre; overflow: hidden; text-overflow: ellipsis; } #h .h-button{ background: -moz-linear-gradient(-45deg, rgba(43,105,171,0) 29%, rgba(43,105,171,1) 30%, rgba(43,105,171,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(43,105,171,0) 29%,rgba(43,105,171,1) 30%,rgba(43,105,171,1) 100%); background: linear-gradient(135deg, rgba(43,105,171,0) 29%,rgba(43,105,171,1) 30%,rgba(43,105,171,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b69ab', endColorstr='#2b69ab',GradientType=1 ); height:32px; width:95px; font-size:18px; position:absolute; right:0; top:0; overflow:hidden; } #h .h-button.on{ background:rgba(43,105,171,1); width:100%; left:0; } #h .h-button span{ color:#fff; margin-top:4px; margin-right:4px; float:right; } #h .h-button i{ margin-top:4px; margin-right:2px; color:#fff; } #h .h-menu{ background: -moz-linear-gradient(-45deg, rgba(210,210,210,0) 29%, rgba(11, 36, 68,1) 30%, rgba(11, 36, 68,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(210,210,210,0) 29%,rgba(11, 36, 68,1) 30%,rgba(11, 36, 68,1) 100%); background: linear-gradient(135deg, rgba(210,210,210,0) 29%,rgba(11, 36, 68,1) 30%,rgba(11, 36, 68,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b2444', endColorstr='#0b2444',GradientType=1 ); } #h .h-menu span{ color:#f0f0f0; font-weight:bold; } .lock-progress-container{ position:absolute; width:100px; top:50%; left:50%; margin-left:-50px; margin-top:80px; } .lock-progressbar{ position: relative; background: #0b1b30; width: 100px; height: 1px; margin: 0 auto; border: 1px inset #132133; } .lock-progress{ position:absolute; overflow:hidden; background:#fff; width:0px; height:1px; margin:0 auto; -webkit-transition: width .25s linear; -moz-transition: width .25s linear; -o-transition: width .25s linear; transition: width .25s linear; -webkit-box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.62); -moz-box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.62); -o-box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.62); box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.62); z-index:10; } .submenu{ display:none; background-color:#0b2444; width:100%; overflow:hidden; position:fixed; width:100%; z-index:99; -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.5); } .submenu div,.submenu a{ padding:6px; border-bottom:1px dotted #24456f; text-align:center; color:#f0f0f0; width: 100%; display: block; } #b { margin-top:50px; z-index:1; float:left; width:100%; background:#fff; top:50px; -webkit-transition: margin .2s ease-in-out; -moz-transition: margin .2s ease-in-out; -o-transition: margin .2s ease-in-out; transition: margin .2s ease-in-out; } #n{ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #t{ float:left; width:100%; overflow:auto; -webkit-transition: margin .2s ease-in-out; -moz-transition: margin .2s ease-in-out; -o-transition: margin .2s ease-in-out; transition: margin .2s ease-in-out; } .ad{ text-align:center; display:none; /*float:left;*/ overflow:hidden; color:#333; font-size:0px; font-weight:bold; width:100%; overflow:auto; z-index:1490; /* background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px); */ } .ad-complete{ border-bottom:1px dotted #c0c0c0; border-top:1px dotted #c0c0c0; padding-top:10px; padding-bottom:10px; } .home-small .ad-complete, .com-vertical .ad-complete{ border: 0; padding: 0; } .com-vertical .ad-complete{ margin: 10px; max-width: calc(100% - 20px); border: 1px solid #ccc; } .ad:after { content: ""; display: table; clear: both; } .ad.interstitial{ border:none !important; padding:0 !important; } .ad.wideboard{ background-color:#202020; border:none; } .ad.rectangle{ background:url('https://m.tio.ch/img/pubblicita.png') no-repeat center 2px; padding-top:16px; } .ad.rectangle img, .ad.rectangle iframe, .ad.rectangle div, .ad.rectangle a { margin:0 auto; } .ad.halfpage.ad-complete{ display: block; float: right; width: 300px; padding: 10px; margin: 10px; border: 1px dotted #c0c0c0; } .custom-toolbar{ width:100%; height:50px; overflow:hidden; background-color:#fff; -webkit-transform: translate3d(0px,0px,0px); top: 50px; -webkit-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); z-index:1498; position:fixed; } .custom-toolbar.fix{ position:fixed; top:50px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .audioplayer{ display:none; position: fixed; width: 150px; height: 50px; left: 50%; margin-left:-75px; top:100px; font-size:18px; background:#e0e0e0; border-radius:10px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.7); opacity:0.9; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #f4f4f4 50%, #ededed 51%, #e8e8e8 100%); background: -webkit-linear-gradient(top, #ffffff 1%,#f4f4f4 50%,#ededed 51%,#e8e8e8 100%); background: linear-gradient(to bottom, #ffffff 1%,#f4f4f4 50%,#ededed 51%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); } .audioplayer div{ width:50px; height:50px; overflow:hidden; float:left; text-align:center; } .audioplayer div .fa{ margin-top:16px; float:none; color:#202020; font-weight:bold; } .audioplayer .bl{ border-left:1px solid #c0c0c0; width:49px; } .audioactiveitem{ -webkit-box-shadow: inset 0px 0px 300px 0px rgba(255,153,0,0.5); -moz-box-shadow: inset 0px 0px 300px 0px rgba(255,153,0,0.5); box-shadow: inset 0px 0px 300px 0px rgba(255,153,0,0.5); } .social-toolbar{ width:100%; height:50px; overflow:hidden; background-color:#fff; -webkit-transform: translate3d(0px,0px,0px); top: 50px; -webkit-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); z-index:1498; -webkit-transition: margin .2s ease-in-out; -moz-transition: margin .2s ease-in-out; -o-transition: margin .2s ease-in-out; transition: margin .2s ease-in-out; } .social-toolbar.fix{ position:fixed; top:50px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .social-toolbar-spacer{ float:left; width:100%; height:0px; overflow:auto; background-color:#fff; } .social-toolbar .litem{ height:50px; width:49px; float:left; overflow:hidden; white-space:nowrap; border-right:1px solid #e8e8e8; text-align:center; } .social-toolbar .litem i, .social-toolbar .litem a, .social-toolbar .litem span{ margin:13px; font-size:24px; padding: 0; } .social-share-icon i{ padding:0; } .social-share-icon .socialShareBox{ width:100% !important; } .social-toolbar .wa{ width:auto; padding-right:8px; min-width:41px; } .social-toolbar .wh{ width:74px; } .social-toolbar .litem.ritem{ border-left:1px solid #e8e8e8; border-right:none; float:right; } .social-toolbar .litem.ritem.rlast{ border-left:none; } .social-toolbar .w2{ width:99px; } .social-toolbar .read{ text-align:left; margin-top:2px; border-right:0; } .social-toolbar .read span{ float:left; font-size:14px; } .social-toolbar .wa i{ float:left; margin-left:12px; margin-right:4px; color:#222; } .social-toolbar .wa span { float:left; margin:0; font-size:14px; margin-top:16px; } .fa.on{ color:#4e9bef !important; } .jx{margin-top:-50px;} table{ border-collapse:collapse; width:100%; } table tr td{ padding:10px; vertical-align:top; } .rcontent table{ border-collapse:collapse; width:100%; border-top: 1px solid #000000; } .rcontent table td p{ line-height: 5px; } .rcontent table strong{ color: #646464; } .rcontent table th{ font-weight: bold; color: #000000; } .rcontent table tr{ border-bottom: 1px solid #000000; } .rcontent table tr td{ padding:5px; padding-top: 10px; vertical-align:top; } .m{ opacity:0; background-color:#fff; position:fixed; top:0; left:20px; right:20px; max-width:768px; margin:0 auto; overflow:auto; box-shadow: 0 5px 10px #000; z-index:999999999; padding:20px; max-height: calc(100% - 80px); } .m .mcontent{ float:left; width:100%; } .m .mtitle{ float:left; width:100%; border-bottom:2px solid #cc6666; height:30px; overflow:hidden; z-index:2; padding-bottom:10px; margin-bottom:10px; } .m .mtitle img{ width:30px; height:30px; float:right; background-color:#ccc; } .m .mtitletext{ padding-top:5px; color:#333; font-size:18px; font-weight:700; } .hiddenfile { width:0; height:0; overflow: hidden; } .imageuploadthumb{width:80px;float:left;margin:8px;border:1px solid #c0c0c0;background-color:#fff;padding:4px;} .btn{font-size:14px;padding:6px;} #uploadimagepreview{text-align:center;margin-bottom:6px;float:left;width:100%;overflow:auto;} a[data-link]{ pointer-events: none; } a[data-processed="1"]{ pointer-events: auto ; } .block{ float:left; width:100%; overflow:auto; } .center{text-align:center;} .dock-item{ } .dock-item.clone{ -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); position:fixed; top:50px; left:0; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -px 1px 0px rgba(0, 0, 0, 0.3); overflow:hidden; } input, textarea, select{ width: 100%; padding:6px; font-size:14px; border-radius:3px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border:1px solid #b4b4b4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; outline:none; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } input:required, textarea:required, select:required{ border-left:4px solid #42b179; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus , select:focus{ box-shadow: inset 0px 0 4px #42b179; border-color:#42b179; } .invalid{ border-left:4px solid #cc0000 !important; border-color:#cc0000 !important; box-shadow: inset 0 0 4px #cc0000 !important; } #autosuggest{ float:left; position:absolute; background:#fff; border:1px solid #42b179; border-bottom:none; left:0; right:0; top:0; overflow:hidden; z-index:9000; } #autosuggest div{ padding:10px; padding-top:6px; padding-bottom:7px; white-space:nowrap; border-bottom:1px solid #c8c8c8; text-align:left; } #autosuggest div.active{ background:#42b179; color:#fff; } .custom_social{ width:100%; float:left; } .custom_social div{ float:left; } .iphone, .android{ display:none; } .custom_social .fa{ float:left; width:78px; overflow:hidden; height:56px; padding:5px; margin-right:2px; margin-bottom:2px; background:#eee; text-align:center; } .custom_social .fa .txt{ font-size:11px; display:block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; /*color:#222;*/ } .b{ font-weight:bold; } .bt{ border-top:1px solid #e8e8e8; } .sp{border-top:4px solid #e0e0e0;} .bb{ border-bottom:1px solid #e8e8e8; } .bb-smallscreen{border-bottom:1px solid #e8e8e8;} .topnews{background-color:#eaeae2;} .topnews .bb, .topnews .bb-smallscreen{border-color:#fff;} .topnews.ad{ background-color:#ffffff; } .agenda{background-color:#ffd885;} .agenda .fa{color:#000000;} .agenda-img-small{float:left;margin-top:5px;margin-right:10px;border-radius:5px} .agenda-img-big{border-radius:5px;margin-bottom:10px;} .agenda-box{color:#163352;background:#e8e8e8;padding:16px;font-style:normal;border:1px solid #fff;border-bottom:0;} .agenda-date{ background-color:#eae2d1; text-transform:uppercase; color:#24456f; } .agenda-form-location{} .agenda-form-location .block{background-color:#d3dace;} .agenda-date .fa{ margin-top:6px; margin-bottom:5px; color:#24456f; text-transform:uppercase; } .picker{} .picker button{color:#000;} .section{ margin:10px; max-width: calc(100% - 20px); } .fieldname{ color:#707070; font-size:14px; display:inline; text-transform:uppercase; border-top-left-radius:3px; border-top-right-radius:3px; } .agenda-item{ font-size:16px; } .agenda-title{ font-weight:bold; } .agenda-info{ } .agenda-infotable{border-bottom:2px solid #163352;font-style:normal;font-size:14px;} .agenda-infotable tr td{border:1px solid #fff;padding:3px;padding-left:6px;padding-right:6px;background-color:#e8e8e8;} .agenda-infotable .aif{font-weight:bold;white-space:nowrap;background-color:#e0e0e0;color:#163352;} .agenda-weekday{font-weight:bold;font-size:11px;text-transform:uppercase;background:#d6d6d6;color:#a5a5a5;border-radius:3px;padding:4px;padding-left:6px;padding-right:6px;} .agenda-weekday-active{background:#42b179;color:#fff;} .agenda-detail{ display:none; font-size:18px; line-height:24px; margin-top:11px; font-style:italic; } .list-item{ overflow:hidden; display: table-row; width:100%; } .li-l{ display: table-cell; text-align:left; vertical-align:top; } .li-l img{ float:left; margin-right:10px; width:100px; height:100px; } .li-l-noimg{ width:5px;float:left; margin-right:10px; margin-left:0px; background:#c0c0c0; height:100px; } .li-r{ text-align:left; display: table-cell; vertical-align:top; width:100%; } .list-item-heading{ width:100%; font-size:14px; margin-bottom:4px; overflow:hidden; text-transform:uppercase; white-space: nowrap; text-overflow: ellipsis; /*display: flex;*/ } .vertical .com-vertical{ float: left; width: 50%; } .vertical .com-vertical .list-item-heading .lh-l{ max-width: calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; } .vertical .com-vertical .list-item-heading .lh-r{ max-width: 60px; overflow: hidden; text-overflow: ellipsis; } .vertical .com-vertical .section{ border: 1px solid #ccc; } .vertical .com-vertical .rel_box{ height: 114px; background-color: #FFFFFF; border-top: 0; padding: 5px; overflow: hidden; font-size: 16px; } .com-vertical img{ width: 100%; display: block; } .com-item-small .list-item-heading{ white-space: normal; } .list-item-heading .lh-l{ float:left; height:22px; font-weight:bold; } .list-item-heading .lh-r{ float:right; /*width: 100%;*/ text-align:right; height:20px; } .list-item-heading .lh-rh{ float:right; clear: both; font-size: 12px; display: none; } .lh-h{ padding: 4px; background-color: rgba(0,0,0,0.7); color: #FFFFFF; width: auto; float: left; border-radius: 0; position: relative; margin-top: -45px; margin-left: 5px; } .list-item-heading .lh-h-left{ padding: 4px; background-color: #000000; color: #FFFFFF; width: auto; float: left; border-radius: 0; position: absolute; opacity: 0.7; left: 15px; margin-top: 5px; max-width: 80px; overflow: hidden; text-overflow: ellipsis; } .list-item-title{ float:left; width:100%; font-size:18px; } .list-item-title img{ float:left; width:80px; height:80px; margin-right:10px; } nav{ font-family: arial,georgia; } .sub-header{ font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; float:left; overflow:auto; font-size:16px; margin:10px; margin-top:4px; margin-bottom:3px; text-transform:uppercase; color:#303030; font-weight:bold; } .sub-cl-agenda{ display: none; } #widget_eventi_jx a.inagenda_link{ display: none; } .sub-desc{ display: none; } .block.alternate-1{background:#9C2919;color:#fff;} .block.alternate-2{background:#cadae4;color:#163856;} .block.alternate-3{background:#e4caca;color:#561616;} .block.alternate-4{background:#e4e4e4;color:#444;} .block.alternate-1 > .sub-header{color:#fff;} .block.alternate-1 > .block-item{background:#ffe4e0;color:#220000;border-bottom:2px solid #ffcccc;} .block.alternate-1 > .slick-list{background:#ffe4e0;color:#220000;} .home-big > div > img{ margin-bottom: 5px; } .home-spotlight > div > img{ margin-bottom: 5px; } .home-small > div > img{ margin-bottom: 2px; } .alternate-1 > .fa{ margin: 10px; margin-top: 7px; margin-bottom: 3px; color: #FFFFFF; } .slick{overflow:visible;} .slick-dots{background:none;bottom:0;} .slick-dots li{font-size: 36px;} .slick-dotted.slick-slider{margin-bottom:0;} .gallerythumbs{text-align:center;background:#fff;} .gallerythumbs img{width:150px;height:150px;margin:10px;} .thumbs { } .thumbs img{ width: 100%;} .cl-lightgray, .cl-lightgray:link{background-color:#ececec;} .cl-gray{background-color:#808080;color:#fff;} .cl-gold{background-color:#e3d7a8;} .cl-green{background-color:#66cc66;} .cl-white{background-color:#fff;} .cl-agenda{background-color:#eae2d1} .cl-empty{ margin: 0; } .cl-empty >div{ margin: 0; } .-header, .cl-topnews, a.-header, a.cl-topnews{ background-color: #24456f; font-size: 22px; font-weight: normal; color: #FFFFFF; } .cl-topnews,a.cl-topnews{background-color:#e0e0d6;} .-header > .sub-header{ font-size: 22px; font-weight: normal; color: #FFFFFF; } .cl-topnews > .sub-header{ font-size: 22px; font-weight: normal; color: #000000; } .-header > .fa,.cl-green > .fa{ margin: 10px; margin-top: 7px; margin-bottom: 3px; color: #FFFFFF; } .cl-agenda > .fa{ margin: 10px; margin-top: 7px; margin-bottom: 3px; color: #000000; } .cl-white > .fa,.cl-lightgray > .fa,.cl-gray > .fa,.cl-gold > .fa, .newsblog-header > .fa, .gallery-header > .fa, .speciale-header > .fa, .publired-header > .fa, .partner-header > .fa, .info-app > .fa, .debug-mode > .fa, .dev-mode > .fa, .videobox-header > .fa{ margin: 10px; margin-top: 7px; margin-bottom: 3px; color: #000000; } .cl-topnews > .fa{ margin: 10px; margin-top: 7px; margin-bottom: 3px; color: #000000; } .clearfix:after { content: ''; visibility: hidden; display: block; font-size: 0; clear: both; height: 0; } .ad img{ max-width: 100%; height: auto; } .publired, .partner { margin-bottom: 10px !important; } .smallscreen{display:inline-block;} .largescreen{display:none;} .rcontent { word-wrap: break-word; overflow: hidden; width: 100%; font-weight: 400;} .rcontent .top-image{width:100%;float: left;} .notify{ display:block; background-color:#222; color:#fff; width:100%; overflow:hidden; position:fixed; bottom:0; font-size:16px; right:0; float:left; z-index:9999; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5); cursor:pointer; } .notify div{ margin-left:10px; margin-top:14px; margin-bottom:14px; } .notify .boxclose{ display:none; float:right; cursor:pointer; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; line-height: 0px; padding: 13px 8px; } .notify img{ float:right; height:50px; margin-top: 7px; } .notify.breakingnews{ background-color:#B31D1F; color:#FFF; } .notify.error{ background-color:#ff0000; color:#fff; } .notify.info{ background-color:#0070ff; color:#fff; } .notify.warning{ background-color:#e07e19; color:#fff; } .notify.success{ background-color:#22b148; color:#fff; } .com-item-small{ float:left; color:#333; width:100%; overflow:hidden; margin-bottom:1px; min-height:54px; } .com-item-small .section{ display: flex; align-self: center; width: calc(100% - 10px); } .com-item-small .section img{ flex-shrink: 0; } .com-item-small { margin-top: 20px; } .com-item-small img{ height:30px; width:30px; float:left; margin-right:10px; } .com-item-small .rel_date{ font-weight:normal; } .com-item-small .rel_box{ font-size:14px; font-weight:bold; float: left; width: 100%; } .related{ width: 100%; float: left; clear: both; margin-bottom: 20px; } .related .home-med{ margin: 0; width: 100%; } .related .home-med .li-l{ width: auto !important; } .related .home-med .li-r{ line-height: normal; } .related .home-med .list-item-title{ font-size: 14px; } .related .list-item-subtitle{ display: none; } .related-more{ background-color:#dde2e8; } .home-open{/*background: #2b69ab;color:#fff;*/} .home-open img{} .hform{} .imgwrap{ position:relative; float:left; overflow:hidden; width:100%; } .imgwrap img{ width: 100%; } .imgwrap .fa{ color:#fff; opacity:.4; font-size:80px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-shadow: 0px 0px 1px rgba(0, 0, 0, 1); } .menu-scroller{ width:240px; background:#b0b0b0; height:50px; text-align:center; overflow:hidden; position:fixed; left:0;bottom:50px; } .menu-scroller i{ color:#fff; font-size:26px; margin-top:10px; } #h .nav-left > i.fa,#h .nav-right > i.fa{ font-size: 35px; margin-top: -3px; } .header_addon{ margin-top: 5px; margin-bottom: 0px; width: 100%; } .header_addon > a, .header_addon img{ width: 100%; height: auto; } @media only screen and (max-width: 768px) and (min-height: 400px) { .google-responsive, .email-responsive, .sms-responsive, .linkedin-responsive{display:none;} .story .social-toolbar .litem.google-responsive, .story .social-toolbar .litem.email-responsive, .story .social-toolbar .litem.sms-responsive, .story .social-toolbar .litem.linkedin-responsive{display:none;} } @media only screen and (max-width: 450px) { .google-responsive, .twitter-responsive, .email-responsive, .sms-responsive, .linkedin-responsive{display:none;} .story .social-toolbar .litem.google-responsive, .story .social-toolbar .litem.twitter-responsive, .story .social-toolbar .litem.email-responsive, .story .social-toolbar .litem.sms-responsive, .story .social-toolbar .litem.linkedin-responsive{display:none;} } /*@media only screen and (max-width: 450px) { .mail-responsive{display:none;} }*/ @media only screen and (max-width: 400px) { .google-responsive, .facebook-responsive, .email-responsive, .sms-responsive, .twitter-responsive, .linkedin-responsive{display:none;} .story .social-toolbar .litem.facebook-responsive, .story .social-toolbar .litem.google-responsive, .story .social-toolbar .litem.email-responsive, .story .social-toolbar .litem.sms-responsive, .story .social-toolbar .litem.twitter-responsive, .story .social-toolbar .litem.linkedin-responsive{display:none;} } @media only screen and (max-width: 350px) { .google-responsive, .twitter-responsive, .linkedin-responsive, .facebook-responsive, .whatsapp-responsive, .email-responsive, .sms-responsive{display:none;} .story .social-toolbar .litem.google-responsive, .story .social-toolbar .litem.twitter-responsive, .story .social-toolbar .litem.linkedin-responsive, .story .social-toolbar .litem.facebook-responsive, .story .social-toolbar .litem.whatsapp-responsive, .story .social-toolbar .litem.email-responsive, .story .social-toolbar .litem.sms-responsive{display:none;} #h .nav-title{ width: 30%; width: calc(100% - 220px); } #h .nav-index{ display: none; } } @media only screen and (min-width: 769px) and (min-height: 400px) { .share-expand-responsive{ display: none; } .story .social-toolbar .litem.share-expand-responsive{ display: none; } } @media only screen and (min-width: 768px) and (min-height: 400px) { #h img { margin-left: 10px !important; } #h .nav-title{ width: 60%; width: calc(100% - 300px); } #h .nav-right img{ margin-left: -10px !important; } #t { padding-bottom: 50px; } #n { background: #ececec; position: fixed; left: 0px; top: 50px; bottom: 0; width: 240px; color: #222; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; /*border-right:1px solid #e8e8e8;*/ z-index:1499; /*margin-top:50px;*/ } #n .scrollable{ top:0; } #n .nav-item { border-bottom: 1px solid #fff; color: #333; margin-right:20px; } #n .nav-label { color: #a80805; background-color: #fff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } #n .nav-label div, #n .nav-label a{ margin: 12px; margin-left: 24px; font-size:19px; text-transform:uppercase; font-weight:normal; } #t{ position:absolute; left:240px; right:0; overflow:hidden; width:auto; } #n .nav-item-half{ width:100%;} #n .nav-item-half-r { width: 100%; border-left: none; } #n .nav-item.special{ color:#fff; background-color:#712a2a; } #n{ bottom:100px; } #n .search-input{ width:150px; background:#fff; } #n .search-btn{ } #n .search-input:focus{ } #f { position:fixed; bottom:0; left:0; right:0; height:50px; z-index:1499; } #f .largescreen > a{ font-size:14px; display:inline; color:#f0f0f0; background:none; } #f .copy{ padding-top:12px; overflow:hidden; } .ad.wideboard{ background-color:#d8d8d8; border:none; } .smallscreen{display:none;} .largescreen{display:inline-block;} .section, .lg-margin {margin:20px;} .com-vertical .ad-complete{margin:20px;width: calc(100% - 40px)} /*.rcontent img{width:100%;float:left;margin-right:20px;} .rcontent .list-item-heading {float:left;} .rcontent .list-item-heading .lh-l{width:auto;} .rcontent .list-item-heading .lh-r{width:auto;}*/ .li-l-noimg{height:140px;} .li-l img{margin-right:20px;width:140px;height:140px;} .list-item{border-bottom:none;} .list-item-title{font-size:24px;} .h1{ font-size:36px; line-height:45px; } .home-open img{} .sub-header{ margin:20px; margin-top:14px; margin-bottom:14px; } table tr td{ padding:20px; } .bb-smallscreen{border-bottom:none;} /*.gallerythumbs img{width:150px;height:150px;margin:20px;}*/ /*.imgwrap{ float:none; width:auto; overflow:visible; }*/ .dock-item .section{ margin:10px; } .dock-item.clone{ left:240px; } .list-item-heading .lh-h-left{ left: 25px; max-width: 120px; } .submenu{ right: 0; width: 500px; width: calc(100% - 240px); } .header_addon{ text-align: right; width: 528px; width: calc(100% - 240px); margin-left: 240px; } .header_addon > a{ width: 500px; width: calc(100% - 240px); } .tutti_widget { margin-left: 240px; } .xscores-liveDiv{ margin-left: 240px; } } .r-video { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .r-video iframe, .r-video object, .r-video embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .swipegallery { width: 100%; float: left; } .swipegallery img { width: 100%; height: auto; } .swipegallery figure { display: block; float: left; margin: 0 5px 5px 0; width: 150px; } .swipegallery figcaption { display: none; } .fa {color:#2b69ab;color:#787878;} #commentlist{ } .comment{min-height:60px;margin-bottom:5px;clear:both;overflow:auto;} .comment.highlight{ border-radius: 10px; /*border: 2px solid #c6dacf;*/ background-color: #e9eceb; padding:10px;} .comment .fa {color:#d7dbe0;} .comment-header{ font-size:12px; color:#606060; margin-bottom:0px; margin-top:4px; line-height:14px; } .comment-nickname{ font-weight:bold; color:#333; } .comment-reply-tool{ margin:0px; border-radius: 10px; background: #c6dacf; padding:10px; margin-top:10px; } .comment-picture{ float:left; width:50px; height:50px; margin-top:6px; margin-bottom:5px; max-height:80px; overflow:hidden; -webkit-border-radius:10px; background:#fff; color:#000; font-size:12px; word-wrap:break-word; font-weight:bold; text-align:center; box-shadow: inset 0px 0px 1px rgba(0,0,0,0.7); } .comment-picture img{ max-height:80px; width:50px; } .comment-reply{ margin-left:60px; } #usercommentbox{ } .comment-reply .comment-text{ margin-left:60px; font-size:13px; font-weight: 400; } .comment-text{ margin-left:60px; font-size:14px; line-height:1.6em; min-height: 80px; } .comment-text textarea{width:90%;height:50px;} #replyinfo{ font-size:12px; font-weight:bold; float: left; width: 100%; color:#909090; } .replytoname{color:#909090;font-style:italic;font-weight:bold;} .fa-whatsapp{ color:#42b179; } .fa-amazon{ color: #ff9900; } .fa-mobile{ color:#f5935c; } .fa-twitter{ color:#1da1f2; } .fa-youtube-play{ color: #ff0000; } .fa-facebook{ color:#3b5998 !important; } .fa-linkedin{ color: #2b69ab; } .fa-linkedin-square{ color: #2b69ab; } .fa-twitter-square{ color:#1da1f2; } .fa-facebook-square{ color:#3b5998 !important; } .fa-instagram{ color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; } .fa-envelope-o{ color:#dd4b39; } .fa-share-alt{ color:#222; } .fa-industry{ color:#605050; } .fa-comments-o{ color:#808080; } .fa-key{ color:#fff; } .fa-level-down{ color:#fff; } .fa-play{ color:#808080; } .fa-pause{ color:#808080; } .fa-check{ color:#42b179; } .ico-text{ border-radius:2px; background-color:#333; font-size:11px; color:#fff; padding-left:6px; padding-right:6px; padding-top:0; margin-right:2px; } .ico-live{ background-color:#951315; } .ico-fotogallery{ background-color:#225599; } .loading { display: inline-block; float:left; width: 15px; height: 15px; margin: 0; margin-right: 5px; position: relative; border: 2px solid rgba(0,0,0,0.5); border-top-color: transparent; border-radius: 100%; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .loading-lock { margin-left:-50px; margin-top:-50px; height:100px; width:100px; border-color:#fff; border-top-color: transparent; position:absolute; left:50%; top:50%; } .meteoContainer { background:#f0f0f0; font-size: 14px; float:left; width:100%; } .meteoContainer b{ font-size: 16px; display: block; } .meteoBox { text-align:center; float: left; width: 30%; margin: 1%; margin-bottom:16px; margin-top:16px; } .meteoLeft{ margin-left: 3%; } .meteoright{ margin-right: 3%; } .horoscopeContainer { font-size: 16px; float:left; width:100%; overflow:auto; text-align:center; } .horoscopeContainer .horoscopeBox{ float:left; width:33.3%; height:90px; overflow:hidden; position:relative; text-align:center; margin-bottom:10px; } .horoscopeContainer .horoscopeBox img{ margin-top:10px; } .horoscopeContainer .horoscopeBox div,.horoscopeContainer .horoscopeBox a{ position:absolute; bottom:0; width:100%; text-align:center; } .loading:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: -5px; left: 0px; border: 4px solid transparent; border-bottom-color: rgba(0,0,0,0.5); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { to { -moz-transform: rotate(360deg); } } @-o-keyframes spin { to { -o-transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } .timeline-header {margin-bottom:20px;width:100%;height:50px;overflow:hidden; background: #e8e8e8; } .timeline-header-left {width:100%;color:#fff;font-weight:bold;background:#951315;font-family:arial;font-size:30px;padding:0;padding-top:6px;padding-bottom:6px;text-align:center;float:left;overflow:hidden;} .timeline-header-dot {background:#cc0000;border-radius:50%;width:24px;height:24px;float:left;border:4px solid #fff;margin-top:20px;margin-left:-16px;} .timeline-header-right {font-size:50px;padding:4px;font-weight:bold;padding-left:12px;float:left;} .timeline { float:left;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;width:100%;overflow-y:auto;min-height:50px;} .timeline-item { float:left;width:100%;overflow:hidden;} .timeline-item-time { float:left;margin-top:10px;margin-bottom:10px;text-align:right;margin-left:16px;font-weight:bold;font-size:14px;background-color:#e0e0e0;width:62px;padding-right:10px;border-radius:3px} .timeline-item-dot { margin-left:10px;float:left;z-index:100;position:absolute;left:0;margin-top:-5px;background:#cc0000;border-radius:50%;width:20px;height:20px;border:4px solid #e0e0e0} .timeline-item-content { float:left;width:100%;} .timeline-item-tools { } .shake-eff { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .img404{ text-align: center; } .img404 img{ max-width: 100%; width: 300px; height: auto; } .text404{ font-size: 18px; padding: 10px; } .sostegno{ width: 100%; float: left; clear: both; } .poll{ border: 3px solid #f8a025; padding: 10px; margin: 10px; float: left; width: auto; width: calc(100% - 46px); } #sportLive{ display: none; background-color: #E6E9ED; height: auto !important; } #cons{ position:fixed; bottom:0; z-index:9999999; background:#fff; font-size:12px; border-top:3px solid #003399; color:#222; left:0; right:0; height:200px; overflow:auto; } #cons table{ border-collapse:collapse; } #cons table tr th{ text-align:left; background:#2752a9; color:#fff; font-size:11px; padding:4px; } #cons table tr td{ padding:2px; border-bottom:1px dotted #999; border-left:1px dotted #999; } .video-fix{ transform: scale(1) !important; } .hidden{display:none;} .widget-arrow-next{ position: absolute; } .widget-arrow-prev{ position: absolute; } .widget-agenda-biglietteria-logo{ float:right;position:relative; margin-right: 10px;margin-top: 80px; } .agenda-biglietteria-logo{ float:right;right:10px;margin-top:-3px; } .radio{ font-family: 'Roboto', sans-serif; position:fixed; bottom:0; left:0; right:0; height:50px; color:#fff; background: #76c7ff; /* Old browsers */ background: -moz-linear-gradient(left, #76c7ff 0%, #05a6fe 26%, #76c7ff 72%, #05a6fe 100%, #7db9e8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #76c7ff 0%,#05a6fe 26%,#76c7ff 72%,#05a6fe 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #76c7ff 0%,#05a6fe 26%,#76c7ff 72%,#05a6fe 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ overflow: hidden; z-index:1498; display:none; } .radio .fa{ color:#fff; } .radio-button { float:left; position:fixed; display:none; border-radius: 50%; width: 38px; height: 38px; background: #254a89; background: -moz-linear-gradient(45deg, #254a89 1%, #009fe3 100%); background: -webkit-linear-gradient(45deg, #254a89 1%,#009fe3 100%); background: linear-gradient(45deg, #254a89 1%,#009fe3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254a89', endColorstr='#009fe3',GradientType=1 ); border: 2px solid #fff; margin:4px; margin-left:10px; z-index:1499; bottom:0px; left:0px; } .radio-button.active { background: #009fe3; background: -moz-linear-gradient(45deg, #009fe3 0%, #254a89 99%); background: -webkit-linear-gradient(45deg, #009fe3 0%,#254a89 99%); background: linear-gradient(45deg, #009fe3 0%,#254a89 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fe3', endColorstr='#254a89',GradientType=1 ); } .radio-button .fa { margin-top:10px; font-size:21px; margin:9px; margin-left:13px; color:#fff; } .radio-button .fa.fa-stop{ margin-left:10px; } .radio .radio-content{ /*float:left;*/ margin-left:60px; position:relative; } .radio .radio-playing{ display:none; } .radio .radio-title{ margin-top:7px; margin-left:3px; font-size:15px; font-weight:bold; } .radio .radio-artist{ margin-top:2px; margin-left:3px; font-size:14px; } .radio .radio-likes{ display:none; float:right; position:absolute; right:0; top:0; } .radio .radio-likes .fa{ font-size:24px; margin-top:4px; } .radio .voted{ opacity:0.5; } .radio .rtupcount, .radio .rtdowncount{ margin-right:8px; margin-left:2px; font-size:10px; } .interstitialh, .interstitialv, .interstitial, .prestitial, .prestitialv, .prestitialh{ /* position: fixed; width: 100%; height: 100%; background-color: #9fa5ab; z-index: 9999999; top: 50px; left: 0; text-align: center; padding-top:10px;*/ } .interstitial-close{ /*display:none; position:fixed; right:0; top:0; width:200px; outline:none; background: -moz-linear-gradient(-45deg, rgba(159,165,171,0) 29%, rgba(159,165,171,1) 30%, rgba(159,165,171,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(159,165,171,0) 29%,rgba(159,165,171,1) 30%,rgba(159,165,171,1) 100%); background: linear-gradient(135deg, rgba(159,165,171,0) 29%,rgba(159,165,171,1) 30%,rgba(159,165,171,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fa5ab', endColorstr='#9fa5ab',GradientType=1 ); color: #fff;*/ } .interstitial-close .fa{ /* float:right !important; margin-top:4px; color: #fff;*/ } #widget_eventi_jx{ float:none; width:100%; /*max-height:110px;*/ overflow: hidden; } #widget_eventi_jx .widget-agenda-container{ float:left; width:100%; height:70px; background-color: #f1ede6; /*overflow:hidden;*/ cursor:pointer; } #widget_eventi_jx .widget-agenda-container .slick-track{ height:70px; } #widget_eventi_jx{ /*height: 138px; float: left; overflow: hidden; margin-top: 15px;*/ /*margin-bottom: 10px;*/ } #widget_eventi_jx > #b { margin-top:0; background:none; } #widget_eventi_jx > .widget-agenda-box { /* width: 50000px; float: left; clear: both;*/ } #widget_eventi_jx .li-l-noimg{ width:5px;float:left; margin-right:10px; margin-left:0px; height:100px; background-color: transparent; } #widget_eventi_jx .list-item{ overflow: hidden; display: table; table-layout: fixed; width: 100%; } #agenda_eventi_jx .section { margin-left:0; margin-right:0; } #widget_eventi_jx .block { overflow:hidden; } #widget_eventi_jx > #t { /*position: inherit; left:0; right: 0; overflow: hidden;*/ } #widget_eventi_jx .jx { margin-top: 0px; } #widget_eventi_jx .agenda-img-small { margin-right: 8px; float: left; } #widget_eventi_jx button.btn-agenda,#widget_eventi_jx .button.agenda { cursor: pointer; position:relative; margin-left: 200px; font-size: 16px; line-height: 24px; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid transparent; } #widget_eventi_jx .agenda-title { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 24px; font-weight:normal; font-size:18px; overflow:hidden; } #widget_eventi_jx .agenda-info { max-width: 270px; height: 22px; text-overflow: ellipsis; font-size:16px; overflow: hidden; line-height:24px; } #widget_eventi_jx .agenda-item { cursor: pointer; outline:none; overflow:hidden; float: left; width: 300px; /*margin-right:3px; margin-left:3px;*/ background-color: #eae2d1; } #widget_eventi_jx .agenda-item:hover { background-color: #ebebeb; } #widget_eventi_jx .agenda-infotable { /* border: 2px solid #163352; display: inline; float: right; width: 400px; margin: 20px; margin-top: 0px;*/ } #widget_eventi_jx a { text-decoration: inherit; color: inherit; display: inline-block; } #widget_eventi_jx .sub-header > .fa { /*display: none;*/ } #widget_eventi_jx .sub-header { /*font-size: 24px;*/ overflow: hidden; /*height: 540; line-height: 35px;*/ } #widget_eventi_jx .agenda { border-radius:5px; background-color: #e6e6e6; } #widget_eventi_jx .agenda-date { background-color: #FFFFFF; font-weight:bold; font-size:18px; } #widget_eventi_jx .slick-prev{ padding:0; background:none; top:-14px; border:none; z-index: 1600; right: 35px; position: absolute; left: auto; } #widget_eventi_jx .slick-next{ padding:0; background:none; top:-14px; border:none; z-index: 1600; right: 10px; position: absolute; left: auto; } #widget_eventi_jx .slick-next:before, #widget_eventi_jx .slick-prev:before{ color:#000; opacity:0.5; } /* #widget_eventi_jx .widget-arrow-prev { position: absolute; margin-top: 65px; margin-left: 5px; z-index: 1600; } #widget_eventi_jx .widget-arrow-next { position: absolute; margin-top: 65px; margin-left: 270px; z-index: 1600; } */ #widget_eventi_jx .widget-arrow-next > i.fa ,#widget_eventi_jx .widget-arrow-prev > i.fa { background-color: #FFFFFF; font-size: 28px; } #widget_eventi_jx .fa-stack { font-size: 14px; } #widget_eventi_jx .fa { color: #333333; } #widget_eventi_jx .fa-circle { color: #FFFFFF; } #widget_eventi_jx .widget-arrow-next:hover > span >.fa-arrow-circle-right,#widget_eventi_jx .widget-arrow-prev:hover > span >.fa-arrow-circle-left { color: #24456f; } #agenda_eventi_jx > #b { margin-top:0; } #agenda_eventi_jx > #t { position: inherit; left:0; right: 0; overflow: hidden; } #agenda_eventi_jx .jx { margin-top: 0px; } #agenda_eventi_jx button.btn-agenda,#agenda_eventi_jx .button.agenda { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; margin-right:30px; font-size: 16px; line-height: 24px; float:right; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid transparent; } #agenda_eventi_jx button.btn-agenda:hover,#agenda_eventi_jx .button.agenda:hover { border: 1px solid transparent; /*background-color: #6C7A89;*/ color: #eaeaea; } #agenda_eventi_jx .agenda-item { cursor: pointer; } #agenda_eventi_jx .agenda-item:hover { background-color: #e5e5e5; } #agenda_eventi_jx .agenda-infotable { /* border: 2px solid #163352; display: inline; float: right; width: 400px; margin: 20px; margin-top: 0px;*/ } #agenda_eventi_jx .fa { color: inherit; } #agenda_eventi_jx a { text-decoration: inherit; color: inherit; display: inline-block; } #agenda_eventi_jx .sub-header > .fa { display: none; } #agenda_eventi_jx .sub-header { font-size: 24px; overflow: hidden; height: 540; line-height: 35px; } #agenda_eventi_jx .agenda { background-color: #E0E0E0; /*font-family: \"20Minuten\";*/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 10px; } #agenda_eventi_jx .agenda-date { background-color: #E0E0E0; /*font-family: \"20Minuten\";*/ font-size: 14px; line-height: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 10px; } #agenda_eventi_jx .btnEventi { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff; background-color: #25d366; border-color: transparent; } #agenda_eventi_jx .eventiBoxHeader{ border-top: solid 8px; border-left: solid 8px; border-right: solid 8px; margin-left: 8px; margin-top: 8px; margin-right: 8px; border-color: #e0e0e0; background-color: #e0e0e0;; text-align: center; padding: 0; padding-top: 8px; width: auto; } #agenda_eventi_jx .boxEventi{ position: fixed; z-index: 100000; overflow: hidden; background-color: #FFFFFF; border: 4px solid #000000; } #agenda_eventi_jx .boxeventiHeader{ height: 30px; padding: 10px; background-color: #e0e0e0; border-bottom: 2px solid #000000; position: relative; } #agenda_eventi_jx .closeButton{ float: right; margin-right: 10px; color: #FFFFFF; background-color: #DA4453; border: 1px solid transparent; border-radius: 4px; cursor: pointer; } #agenda_eventi_jx > #iframeeventi { margin-top: -33px; } img.appimgloading{ background-image: url('https://m.tio.ch/img/loading.gif'); background-repeat: no-repeat; background-position: center; background-size: 100px 100px; } .help-overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; z-index: 2000; display: none; } .help-overlay-text{ position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100%; color: #FFFFFF; font-size: 30px; z-index: 2001; display: none; } .help-overlay-text > div{ float: left; clear: both; width: 100%; text-align: center; } .help-overlay-text > div.help-tap{ width: 120px; height: 100px; } .permission-overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; z-index: 2000; display: none; text-align: center; } .permission-overlay-text{ position: fixed; text-align: center; width: 100%; height: 100%; color: #FFFFFF; max-width: 450px; width: 100%; font-size: 30px; z-index: 2001; margin: 5% auto; left: 0; right: 0; top: 0; } .permission-overlay-text > div{ float: left; clear: both; text-align: center; width: 100%; } .permission-overlay-text > div.permission-overlay-text > div.permission-tap{ width: 120px; height: 100px; } .permission-overlay-text > div.permission-title{ color: #FFFFFF; font-size: 30px; font-weight: bold; text-shadow: 2px 2px #000000; padding: 20px; width: calc(100% - 30px); text-transform: uppercase; font-family:'20 Minuten'; } .permission-overlay-text > div.permission-text{ background-color: #FFFFFF; color: #000000; font-size: 17px; padding: 20px; width: calc(100% - 40px); margin-top: 20px; } .permission-overlay-text > div.permission-link{ font-size: 12px; text-shadow: 2px 2px #000000; margin-top: 10px; margin-bottom: 10px; } .permission-overlay-text > div.permission-link a{ color:#FFFFFF; text-decoration: underline; } .permission-decline{ font-size: 20px; background-color: #e3e3e3; opacity: 0.6; color: #333; float: left; margin-left: 20px; } .permission-accept{ font-size: 20px; margin-right: 20px; float: right; } @media only screen and (max-height: 500px) { .permission-overlay-text > div.permission-title{ font-size: 24px; } .permission-overlay-text > div.permission-text{ font-size: 14px; padding: 20px; } .permission-decline{ font-size: 16px; } .permission-accept{ font-size: 16px; } } @media only screen and (max-height: 400px) { .permission-overlay-text > div.permission-title{ font-size: 20px; } .permission-overlay-text > div.permission-text{ font-size: 12px; padding: 20px; } .permission-decline{ font-size: 14px; } .permission-accept{ font-size: 14px; } } @media only screen and (max-height: 350px) { .permission-overlay-text > div.permission-title{ font-size: 12px; } .permission-overlay-text > div.permission-text{ font-size: 10px; padding: 20px; } .permission-decline{ font-size: 12px; } .permission-accept{ font-size: 12px; } } .bookmark{ float: right; width: 25px; height: 25px; text-align: center; } .bookmark-article{ float: right; width: 50px; height: 40px; font-size: 26px; text-align: center; margin-top: 0px; position: absolute; margin-left: calc(100% - 70px); } .fa-bookmark{ color: #2b69ab; } .iframe_box{ width: calc(100% - 20px); padding: 10px; } a.inline{ padding: 0 !important; margin: 0 !important; display: inline !important; } .galleryWarning { display: table; position: absolute; width: 100%; height: 160px; background-color: #000000; opacity: 0.95; color: #fff; z-index: 2; text-align: center; font-size: 20px; line-height: 26px; } .galleryWarning>.text { display: table-cell; vertical-align: middle; line-height: normal; } .warningButton { font-size: 16px; cursor: pointer; background-color: #000; border: 1px solid red; color: #fff; padding: 5px; } .xscoresRisultatiDate { font-weight:bold; text-align:right; padding-right:5px; } .xscoresRisultatiChampionship { background-color:#E9E9E9; font-weight:bold;text-align:center; } .xscoresRisultatiMatch { display:table; width:100%; margin-bottom:5px; /*border-bottom:1px solid #CCC;*/ padding-top:5px; padding-bottom:5px; } .xscoresRisultatiMatchTime { width:15%; min-width:45px; overflow:hidden; float:left; padding-top:3px; text-align:center; } .xscoresRisultatiMatchTeam { width:35%; overflow:hidden; float:left; } .xscoresRisultatiMatchResu { width:15%; overflow:hidden; float:left; text-align:right; } .xscoresRisultatiLive { background-color:#ED5565; text-align:center; padding:2px; border-radius:4px; } .xscoresRisultatiLastPeriod { text-align:center; } .xscoresRisultatiLastPeriodLive { text-align:center; } .xscoresBtn { padding:5px; border:1px solid #CCC; border-radius:5px; font-weight:bold; } .xscoresMotori { width:945px; } .sosBox { float:left; width:240px; height:150px; margin-bottom:16px; margin-left:8px; margin-right:8px; padding:20px; border:1px solid #c6c6c6; border-radius:5px; position:relative; } .sosBoxTitleDiv { margin-top:20px; font-size:18px; line-height:22px; font-weight:bold; } .sosBoxTitle { display:table; float:left; padding-top:25px; padding-left:25px; font-size:18px; line-height:22px; font-weight:bold; } .sosBoxSubTitle { font-weight: normal; font-size:10px; } .sosBoxEmail { margin-top:5px; font-weight: normal; font-size:14px; } .sosBoxImg { float:left; } .sosBoxTel { position:absolute; top:130px; color:#954131; font-size:30px; font-weight:bold; font-family:arial; width:240px; text-align:center; } .boxDiv { margin-top:5px; margin-bottom:15px; } blockquote { padding: 10px; margin: 10px 20px 10px 20px; background-color: #e6e6e6; border-radius: 10px; } .related-arrow{ float: left; } .containerHomeMeteoOroscopo { display:table; width:300px; background-color:#F1EDE6; margin-bottom:5px; margin-top: 10px; } .containerHomeMeteoOroscopo a{ color: #232323 !important; } .containerHomeMeteo { float:left; width:200px; padding-top:12px; } .containerHomeOroscopo { float:right; width:80px; padding-top:10px; } .divHomeMeteo { display:table;width:100%;padding:5px;overflow:hidden; } .divHomeMeteoIcon { float:left; } .divHomeMeteoLuogo { float:left;font-weight:bold;padding-top:15px;padding-left:5px; } .sub-label { float: left; width: 100%; } .sub-label > div{ background-color: #202020; color: #FFFFFF; text-align: center; padding-top: 2px; padding-bottom: 2px; } #n .scrollable{ overflow-x: hidden; } .tuttojobFinanza { padding:10px; width: 350px; width: calc(100% - 20px); } /*Force Classes*/ .margintop30{ margin-top: 30px !important; } .clearLeft{ clear: left; } .nav-item .fa-angle-left{ font-size: 30px; margin-left: 20px; margin-top: 10px; } .fa-white { color:#FFFFFF; } .home-special >.section{ margin-top: 0; } .submenu_2 { background-color:#1F4788; } .home-special { width: 100%; float: left; margin-top: 10px; margin-bottom: 20px; } .newsblogLogoBox { display:none; } .server_infos{ display: none; } .swisslos { display:table; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #CCC; width:100%; } .swisslosLeft { /*width:170px;*/ width:100%; } .swisslosRight { font-size:12px; line-height: 14px; /*width: 419px;*/ width:100%; } .swisslosDesc { font-size:12px; line-height: 14px; margin-top:10px; } .swisslosPallineNormali { display: block; float: left; width: 40px; height: 40px; background-color: #e6e6e6; border: 2px solid #666; border-radius: 40px; line-height: 40px; text-align: center; margin: 2px; } .swisslosPallineSpeciali { display: block; float: left; width: 40px; height: 40px; background-color: #f6df75; border: 2px solid #d9b83f; border-radius: 40px; line-height: 40px; text-align: center; margin: 2px; } .swisslosPallineReplay { display: block; float: left; width: 40px; height: 40px; background-color: #bd203d; border: 2px solid #af1e39; color: #fff; border-radius: 40px; line-height: 40px; text-align: center; margin: 2px; } .swisslosReplayLogo { margin-left: 5px; float: left; width: 30px; height: auto; } .swisslosPallineStelline { display: block; float: left; width: 44px; height: 44px; line-height: 40px; text-align: center; margin: 2px; background-image: url('https://media.tio.ch/static/img/2013/swisslos/star.png'); background-size: 44px; background-repeat: no-repeat; } .related .section{ margin: 5px; } .related .section >i{ margin-top: 4px; margin-right: 5px; } .pswp__caption__center{ text-align: center; } .content_imgdesc{ padding: 10px; float: left; font-size: 13px; } .content_imgtext{ padding: 10px; float: left; clear: left; font-size: 14px; } .rel_date{ float: left; padding-right: 5px; border-right: 1px solid #787878; margin-right: 5px; } .rel_box img{ display: none !important; } .rcontent .suggeriti .section{ margin-top: 0; } .suggeriti .com-item-small{ position: relative; } .suggeriti{ width: 100%; float: left; } .fillperc{ width: 100%; height: 16px; display: block; visibility: hidden; } .perc{ padding-left: 7px; font-size: 14px; margin-top: 5px; background-color: #24456f; color: #FFFFFF; float: right; line-height: 16px; } .perc i{ color: #FFFFFF; margin-left: 5px; } .tag{ float: left; padding: 5px; margin: 5px; line-height: 14px; font-size: 14px; background-color: #24456f; color: #FFFFFF; } .content-subheader{ margin-top: 10px; } .content-subheader .h2{ font-size: 28px; } .tokenval_0 { background-color: #aab2bd; color: #fff } .tokenval_1 { background-color: #f6bb42; color: #fff } .tokenval_2 { background-color: #8cc152; color: #fff } .tokenval_3 { background-color: #3bafda; color: #fff } .tokenval_4 { background-color: #4a89dc; color: #fff } .tokenval_5 { background-color: #967adc; color: #fff } .tokenval_6 { background-color: #9b59b6; color: #fff } #banAdBreak table tr td { padding:0; vertical-align: middle; font-weight:normal; } .story{ font-size: 18px; line-height: 26px; color: #000000; word-wrap: break-word; } .story .boxContent{ float: left; clear: both; font-size: 18px; line-height: 26px; } .story .boxContent strong{ font-size: 20px; line-height: 28px; } .story .signature a{ color: #FFFFFF; text-shadow: 0 3px 4px rgba(0,0,0,1) } .story .signature .fa{ color: #FFFFFF; text-shadow: 0 3px 4px rgba(0,0,0,1) } .story .signature:hover,.story .signature:hover .fa{ opacity: 0.5; } .cover{ margin-top: 20px; float: left; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 250px; color: #FFFFFF; text-shadow: 0 3px 4px rgba(0,0,0,1) } .private_box { padding: 15px; float: left; width: 100%; width: calc(100% - 40px); background-color: #da4453; color: #fff; font-size: 20px; } .private_box a { float: right; color: #fff; font-size: 12px; } .private_box a .fa-circle{ color: #fff; } .private_box a .fa-times { color: #da4453; } .story .h1{ font-size: 45px; line-height: 50px; } .story .h2{ font-size: 22px; line-height: 30px; } .h2.capitolo{ font-family: "20Minuten"; font-size: 30px; line-height: 50px; width: 100%; clear: both; text-align: center; } .h2.capitolo:before{ content: ""; margin: auto; display: block; border-top: 1px solid #696969; width: 80%; margin-top: 20px; } h2.story-titolo{ width: 100%; text-align: center; font-size: 35px; line-height: 50px; } h2.story-titolo:after{ content: ""; margin: auto; display: block; border-bottom: 1px solid #696969; width: 80%; margin-bottom: 20px; } .story .correlati{ width: 100%; } .h2.appendix-titolo{ width: 100%; text-align: center; font-size: 30px; line-height: 50px; } .h2.appendix-titolo:after{ content: ""; margin: auto; display: block; border-bottom: 1px solid #696969; width: 80%; margin-bottom: 20px; } .indexToggle{ position: fixed; right: 20px; bottom: 20px; z-index: 10001; font-size: 30px; cursor: pointer; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.8); padding: 15px; border-radius: 40px; } .indexToggle .fa{ color: #FFFFFF; } .index{ display: none; position: fixed; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF; padding: 20px; height: 100%; overflow-y: auto; padding-top: 0; padding-bottom: 0; width: 200px; z-index: 10000; } .index[data-link]{ cursor: auto; } .index .h1{ font-size: 30px; line-height: 35px; margin-top: 20px; } .index span{ margin-left: 15px; font-size: 18px; display: block; } .index li:hover{ background-color: rgba(255, 255, 255, 0.8); color: #000000; } .index li.active{ background-color: rgba(255, 255, 255, 0.8); color: #000000; } .index ul{ padding: 0; margin: 0; margin-top: 20px; margin-bottom: 20px; list-style-type: ''; } .index li{ padding: 5px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; } .index li .h2{ font-size: 25px; line-height: 32px; } .story .social-toolbar{ box-shadow: none; text-align: center; } .story .social-toolbar .litem{ border: 0; display: inline-block; } .story-share{ width: 100%; text-align: center; } .allegati{ margin: 10px; float: left; clear: both; } .allegati a{ float: left; clear: both; } .allegati a:hover{ text-decoration: underline; } .allegati .fa{ margin-right: 5px; } .comment-reply-tool .fwdlink{ height: 50px; margin-left: 20px; margin-top: 20px; } .image-center{ width: 100%; text-align: center; margin-bottom: 10px; } .image-center img{ width: 100%; max-width: 100%; } .image-right img{ width: 100%; max-width: 500px; } .image-left img{ width: 100%; max-width: 500px; } .img_by{ display: inline-block; width: 100%; max-width: 100%; background-color: #696969; color: #FFFFFF; font-size: 14px; font-style: italic; text-align: center; } .img_desc{ display: inline-block; width: calc(100% - 20px); max-width: calc(100% - 20px); font-size: 14px; text-align: left; padding: 10px; background-color: #E6E9ED; } .image-right .img_desc, .image-left .img_desc{ max-width: 500px; } .fonti{ background-color: #E6E9ED; padding: 10px; width: calc(100% - 20px); } .story-fonti{ display: none; } .focus-logo{ float: left; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; width: calc(100% - 20px); } .cover .quotes{ border-radius: 10px; padding: 5px; /* margin-top: 10px; */ font-size: 13px; text-align: right; background-color: #FFFFFF; background-color: rgba(255,255,255,0.7); color: #000000; width: auto; float: right; margin-bottom: 10px; } .adsBoxPubliRedazionale {width:100%;overflow:hidden;text-align:left} .adsBoxPubliText {overflow:hidden;padding:5px 10px 5px 10px;font-family:"Open Sans"; font-family:"Open Sans";} .adsPubliTitle {border-left:5px #AAB2BD solid;padding-left:10px;margin-top:5px;font-size:18px;font-weight:normal;min-height: 40px;} .adsPubliContent {display:none;margin-top:10px;font-size:16px;font-weight:normal;line-height:22px} .adsPubliDivHeader {display:table;width:100%;font-size:14px;} .adsPubliHeaderRight {float:right;font-weight:normal;} .adsPubliHeaderLeft {display:none;float:left;color:#787878} .adsPubliImg {width:100%;height:auto;} .perc{ display: none; } .form-category{ float: left; margin-top: 30px; margin-bottom: 0; font-size: 18px; font-weight: bold; color: #000000; display: block; text-transform: uppercase; } #xscoresRisultati > div.section { margin: 0; } #xscoresRisultati > div.section > div{ padding: 10px; /*max-width: calc(100% - 20px);*/ } #xscoresRisultati > div.section > div.xscoresRisultatiDate{ margin: 0; max-width: 100%; } .xscoresTopHead2020 { width:100%; font-weight:bold; font-size:16px; line-height:52px; height:52px; background-color:#ececec; display:table; } .xscoresHead2020 { width:100%; line-height:34px; height:34px; font-weight:bold; text-align:right; } .xscoresHead2020TitleBlock { background-color:#ececec; color:#000; width:100%; margin-bottom:5px; } .xscoresPaddingDiv2020 { padding-left:5px; padding-right:10px; } .xscoresDivTblBtnLeague { display:table; margin-bottom:5px; } .xscoresBtnLeague { float:left; margin-right:5px; margin-bottom:5px; border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 12px; line-height: 15px; background-color:#FFF; font-weight:bold; cursor: pointer; } .xscoresBtnLeagueBigDiv { line-height:18px; font-size:16px; display:table; } .xscoresBtnLeagueBigDivImg { float:left; } .xscoresBtnLeagueBigDivTxt { float:left; padding-left:5px; } .xscoresBtnLeagueBigImg { height:18px; } .xscoresDivTblBtnCalendar { display: table; } .xscoresDivBtnCalendar { float:left; margin-right:5px; margin-top:5px; } .xscoresBtnTopHead { border:1px solid #CCC; border-radius:5px; padding:5px; font-size:12px; line-height:15px; background-color:#FFF; margin-top:12px; cursor: pointer; } .xscoresBtn { font-size:12px; color:#000; line-height:35px; } .xscoresBtn2020 { font-size:12px; color:#000; max-height:15px; padding:5px; border:1px solid #CCC; border-radius:5px; font-weight:bold; } .xscoresBtnDiv { width:100% } .xscoresBtn-Select, .xscoresBtn2020-Select { background-color:#CCC; } .blu-infobox{ margin-top:20px; margin-bottom:20px; background-color:#024DA1; color:#FFF; padding:5px; } .red-infobox{ margin-top:20px; margin-bottom:20px; background-color:#951314; color:#FFF; padding:5px; } .red-infobox a, .blu-infobox a,.red-infobox .fa, .blu-infobox .fa{ color: #FFFFFF; } #sportLive{ font-size: 14px; } .search .search-input{ width: 60%; } .search button { display: none; } .empty-search{ margin: 20px; } .related.story{ border-top: 1px solid #e32400; border-bottom: 1px solid #e32400; padding-top: 10px; padding-bottom: 5px; background-color: transparent; } .related.story .rel_box{ text-align: center; } .related.story:first-of-type, .related-more.story:first-of-type{ border-top: 1px solid #e32400; border-bottom: 1px solid #e32400; } .focus_home{ float: left; width: 100%; border-top: 1px solid #e32400; border-bottom: 1px solid #e32400; padding-top: 10px; padding-bottom: 5px; clear: both; margin-top: 10px; margin-bottom: 10px; text-align: center; } .focus_title{ float: left; width: 100%; padding-top: 10px; padding-bottom: 5px; clear: both; margin: 0; } .focus_title .logo, .focus_section .logo{ width: 100%; } .focus_home .h1{ margin: 20px; } .focus_home img, .focus_title img, .focus_section img{ max-width: 400px; width: 80%; } .focus_title:before{ content: ""; display: block; border-top: 1px solid #e32400; width: 80%; margin-left: 10%; margin-bottom: 10px; float: left; clear: both; } .focus_title:after{ float: left; clear: both; margin-left: 10%; content: ""; margin-top: 10px; display: block; border-bottom: 1px solid #e32400; width: 80%; } .focus_section{ float: left; width: 100%; border-top: 1px solid #e32400; border-bottom: 1px solid #e32400; padding-top: 10px; padding-bottom: 5px; clear: both; margin-top: 10px; margin-bottom: 10px; } .focus_home a{ display: inline; } .focus_title a, .focus_section a{ float: left; text-align: center; } .focus_section.more,.focus_section.more a{ text-align: left; } .focus_section a.logo{ float: left; padding-left: 20px; width: calc(100% - 40px); padding-right: 20px; } .focus_section .fa{ margin-top: -10px; } .focus_home .title, .focus_title .title, .focus_section .title{ margin-top: 10px; } .focus_home image{ display: hidden; } .focus_more .largescreen{ display: block; } .focus_more .list-item-heading{ display: none; } .bookmark-big,.bookmark-open{ display: inline-block; margin-left: 10px; } .focus_more .h1{ font-size: 18px; line-height: 20px; } .focus_more .h2{ font-size: 16px; line-height: 18px; } .text-ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .widget-xscores-container{ font-size:22px; line-height:30px; background-color:#E6E9ED; padding-top:5px; height:90px; padding-left: 10px; } .xscoresStandardTitle { padding:5px !important; text-align:right;color:#FFF;font-weight:bold;font-size: 16px;line-height: 24px; } /* LIVE TICKER */ .xscores-live-ticker {margin-bottom:-10px;} .xscores-live-allResult{font-size:24px;line-height:30px;background-color:#E6E9ED;padding-top:5px;} .xscores-live-allResult-match {border-bottom:1px solid #E6E9ED;padding-top:5px; padding-left: 10px;} .xscores-live-AllResult-divClose{width:100%;text-align:right;background-color:#F5F7FA;border-top:1px #CCC solid;} .xscores-live-divMatch {overflow:hidden;display:table;margin:auto;width:100%;} .xscores-live-divMatch-left {float:left;font-weight:bold;width:calc(100% - 140px);} .xscores-live-divMatch-right {float:right;font-size:20px;line-height:24px;font-weight:bold;text-align:center;width:110px;min-width:110px;max-width:110px;margin-right:25px;} .xscores-live-divTeam {margin-top:2px;margin-left:0px;display:inline-block;} .xscores-live-divTeam-logo {float:left;margin-right:5px;width:35px;} /*.xscores-live-divTeam-team {float:left;max-height:30px;width:150px;}*/ .xscores-live-divTeam-team {float:left;max-height:30px;max-width:calc(100% - 75px);width:calc(100% - 75px);} .xscores-live-divTeam-resu {float:left;width:25px;} .xscores-live-divRes {line-height:18px;font-weight:normal;width:100%;float:left;} .xscores-live-divRes-top {margin:auto;margin-top:3px;width:80px;color:#FFF;font-size:12px;padding:3px;border-radius:5px;} .xscores-live-divRes-bot {margin:auto;margin-top:3px;font-size:12px;font-weight:bold;color:#656D78} /* LIVE TICKER: NEXT BUTTON */ .xscores-live-ticker-slick-next{position: absolute;top: 50%;right: 0px;background-color: transparent;width: 25px;height: 80px;line-height: 10px;margin-top: -40px;} .xscores-live-ticker-slick-next i{color: #000000;} /* LIVE TICKER: ICON ANIMATION */ .xscores-live-ticker .slick-slide:hover{opacity:1.0 !important;} .xscores-live-divRes-live{display:inline-block;padding:0px 6px;border-radius:3px;margin-top:4px;height:24px;line-height:24px;position:relative;border: 1px solid rgba(255,0,0,0.3);background-color: rgba(255,0,0,0.1);} .xscores-live-divRes-live-title{padding-left:15px;font-size:10px;} .redLiveBg{background-color:#D4151E;} .xscores-live-divRes-live-icon{position: absolute;top:8px;left:7px;height:8px;width:8px;text-align:center;border-radius:100px;} .xscores-live-divRes-live-icon .ripple{position:absolute;top:-6px;left:-6px;width:20px;height:20px;z-index:-1;opacity:0;border-radius:100px;-webkit-animation:ripple 1.8s infinite;animation:ripple 1.8s infinite;} @-webkit-keyframes ripple{ 0%{opacity:1;-webkit-transform:scale(0);transform:scale(0);} 100%{opacity:0;-webkit-transform:scale(1);transform:scale(1);} } @keyframes ripple{ 0%{opacity:1;-webkit-transform:scale(0);transform:scale(0);} 100%{opacity:0;-webkit-transform:scale(1);transform:scale(1);} } .xscores-live-divRes-live-icon .ripple:nth-child(2){animation-delay:.3s;-webkit-animation-delay:.3s} .xscores-live-divRes-live-icon .ripple:nth-child(3){animation-delay:.6s;-webkit-animation-delay:.6s} .xscores-btnClassifiche{display:block;width:100%;padding:5px 10px;text-align:center;background-color:#5c9801;color:#FFFFFF;font-weight:bold;} .xscores-btnClassifiche:hover{color:#FFFFFF;} .xscores-btnClassifiche i{color:#FFFFFF;margin-left:10px;} .xscores-btnClassifiche p{margin:0px !important;} .xscores-live-label-base {background-color:#ED5565;} .xscores-live-label-end {background-color:#434A54;} .xscores-live-divDett {width:100%;font-size:18px;line-height:24px;} .xscores-live-divDett-header {display:table;background-color:#AAB2BD;width:100%;font-weight:bold;padding-top:15px;padding-bottom:0px;} .xscores-live-divDett-left{float:left;width:35%;text-align:center;} .xscores-live-divDett-center{float:left;width:30%;text-align:center;overflow:hidden;} .xscores-live-divDett-center-res{width:100%;margin-top:5px;display:none;} .xscores-live-divDett-center-res-mobile {width:100%;padding-top:5px;padding-bottom:5px;background-color:#AAB2BD;} .xscores-live-divDett-center-status{font-size:14px;background-color:#F5F7FA;color:#434A54;border-radius:5px;font-weight:normal;} .xscores-live-divDett-right{float:right;width:35%;text-align:center;} .xscores-live-divDett-body, .xscores-live-divDett-body-mobile {display:table;width:100%;line-height:24px;margin-bottom:1px;margin-top:1px;padding-top:5px;padding-bottom:15px;} .xscores-live-divDett-div {display:table;width:100%;} .xscores-live-divDett-div-home {float:left;width:33%;} .xscores-live-divDett-div-min {float:left;width:34%;} .xscores-live-divDett-div-away {float:right;width:33%;} .xscores-live-divDett-gol{font-weight:bold;font-size:24px;padding-left:2px;padding-right:2px;} .xscores-live-divDett-titleChampionships {font-size:18px;} .xscores-live-notes{font-weight:bold;font-size:14px;margin:15px;padding:15px;background-color:#AAB2BD} .xscores-live-supNotes{font-weight:bold;font-size:14px;margin-top:1px;background-color:#F5F7FA;} .xscores-live-supNotes-note {padding:15px;} .xscores-lastUpdate{font-weight:bold;font-size:12px;margin-top: 1px;padding:10px;border-bottom:1px solid #ccc;background-color:#E6E9ED} .xscores-team-looser {color: #AAB2BD;} .xscores-label,.xscores-label-status {line-height:14px;margin:2px;float:left;font-weight:normal;border-radius:5px;color:#FFF;font-size:12px;padding:2px;padding-left:5px;padding-right:5px;} .xscores-label-status {width:80px;} .xscores-center-div {margin:auto;display:table;text-align:center;} .xscores-TitleChampionship {width:calc(100%-10px);margin-top:10px;margin-bottom:10px;padding:5px !important;text-align:center;background-color:#E6E9ED;color:#000;font-weight:bold;font-size:16px;line-height:24px} .xscores-live-divNote-large {display:table;} .xscores-live-divNote-mobile {display:none;width:100%;} .xscores-live-divDett-mobile-min {border-radius:5px;border:1px solid #434A54;font-size:12px;padding-left:4px;padding-right:4px;} .xscores-live-divDett-mobile-txt {padding-left:5px;padding-right:5px;} @media only screen and (min-width: 768px) { /*.xscores-live-ticker, .xscores-live-allResult{width:calc(100% - 240px);margin-left:240px;}*/ .-header > .fa,.cl-green > .fa{ margin-top: 15px; } } @media only screen and (max-width: 700px) { .xscores-live-divNote-large {display:none;} .xscores-live-divNote-mobile {display:table;} } @media only screen and (max-width: 400px) { .xscores-live-divRes-bot {display:none;} .xscores-live-divTeam-logo {display:none;} .xscores-live-divTeam-team {margin-left:5px;} .xscores-live-divRes-live{margin-top:15px;} } .xscores-live-allResult-match:nth-of-type(odd), .xscores-live-divDett-body:nth-of-type(odd), .xscores-live-divDett-body-mobile:nth-of-type(odd){ background-color: #E6E9ED; } .xscores-live-allResult-match:nth-of-type(even), .xscores-live-divDett-body:nth-of-type(even), .xscores-live-divDett-body-mobile:nth-of-type(even){ background-color: #F5F7FA; } .media-block{ float: left; width: 100%; } .media-block-crass { float: left; width: 100%; } .media-block .top-image{width:100%;float: left;} .media-block-crass .top-image{width:100%;float: left;} .media-controls{ position: relative; float: right; font-size: 20px; background-color: #FFFFFF; color: #000000; padding: 5px; padding-bottom: 0; margin-top: 5px; margin-bottom: 5px; } .media-controls .vjs{ font-size: 30px; } .media-controls i{ color: #000000; } .media-controls div{ float: left; margin: 0 10px; } .videotitle .h1{ text-align: center; margin-top: 10px; } .publiredazionale_box{ background-color:#cadae4; } /*TUTTOJOB */ .tjHomeSponsor{padding:5px;width:calc(100% - 10px);margin:auto;overflow: hidden;} .tjHomeSponsorBlock {overflow:hidden;height:140px;background-color:#FFF;border:1px solid #CCC;padding:5px;text-align:center;} .tjHomeSponsorLogo {margin-top:15px;} .tjHomeSponsorImg {height:30px;} .tjHomeSponsorTitle {margin-top:15px;font-weight:bold;overflow:hidden;text-overflow: ellipsis;max-height:50px;height:50px;} .tjHomeSponsorDay {font-size:12px;color:#ccc} .tjSearchForm {margin:auto;margin-top:15px;margin-bottom:15px;width:calc(100% - 10px);} .tjSearchFormInput {} .tjSearchFormBtn {margin-top:5px;} .tjResSearch {margin-bottom:15px;padding:5px;border-top:1px #ccc solid;border-bottom:1px #ccc solid;} .tjResSearchAnn {margin:auto;width:calc(100% - 10px);border:1px #ccc solid;margin-bottom:15px;display:table} .tjResSearchLogoBlock {float:left;width:160px;} .tjResSearchLogoDivImg {margin:auto;margin-top:15px;width:150px;} .tjResSearchLogoImg {width:150px} .tjResSearchTxtBlock {float:left;display:block;width:calc(100% - 165px);overflow:hidden} .tjResSearchTxtTitle {font-weight:bold;margin-bottom:15px;} .tjResSearchTxtBottom {display:table;width:100%;font-size:14px;color:#656D78} .tjResSearchTxtBottomGG {float:right;text-align:right;} .tjResSearchTxtBottomZone {float:left;} .tjDettBtnHeader {margin-bottom:25px;margin-left:10px;margin-right:10px;} .tjDettAnn {margin-bottom:15px;} .tjDettBtnFooter {margin-bottom:25px;margin-left:10px;margin-right:10px;} .tjDettImgTop {margin-top:-15px;margin-bottom:15px;overflow:hidden} .tjDettContenuto {margin-left:10px;margin-right:10px;} .tjDettContact {margin-top:15px;background-color:#E6E9ED;padding:10px;margin-bottom:15px;} .tjDettError {margin-bottom:15px;} .tjDett_logo {width:150px;max-width:150px;} .tjDett_company {font-weight:bold;} .tjDett_OptionLabel {font-weight:bold;} .tjBlock {margin-top:15px;} .tj_totAnnounce {font-size:24px;font-weight:bold} .tjhome-open { color:#000 !important; } .divTotAnnounce { width: 100%; } .divTotAnnounceTable {display:table;width:100%} .divTotAnnounceLogo {float:left;padding-top:5px;padding-left:5px;} .divTotAnnounceTxtDiv {overflow:hidden;max-height:45px;line-height:45px;width:calc(100% - 120px);float:left;padding-left:5px;padding-right:5px;} .img-responsive {display: block;max-width: 100%;height: auto;} @media only screen and (max-width: 450px) { .divTotAnnounceTxt {display:none;} } @media only screen and (max-width: 400px) { .tjResSearchLogoBlock {width:100%;} .tjResSearchLogoDivImg {margin:auto;margin-top:15px;width:100px;} .tjResSearchLogoImg {width:100px;} .tjResSearchTxtBlock {display:block;padding:5px;text-align:center;width:calc(100% - 10px);overflow:hidden} } .home-special .largescreen{ display: inline-block; } .adbInfoBox {margin-bottom:15px;} .adbInfoBoxTitle {background-color:#ECECEC;padding:5px;margin-bottom:10px;font-weight:bold} .adbInfoBoxContent {background-color:#F7F7F7;padding:5px} .adbBoxDiv{display:table;width:100%} .adbContentDiv{} .adbContentDivCrass{} .adbObjBoxDiv{font-size:14px;line-height:18px;} .adbContentDivMar {} .adbInfoBoxDivMar {} .agenda_box { display: block; float: left; width: 16.6%; height: 150px; position: relative; overflow: hidden; text-align: center; border-bottom: 3px solid #000; font-weight: bold; /*font-family: 'orbitron', sans-serif;*/ } @media only screen and (min-height: 1200px) { .agenda_box { width: 16.6%; height: 150px; } } @media only screen and (max-width: 1050px) and (min-height: 900px) { .agenda_box { width: 20%; height: 150px; } } @media only screen and (max-width: 900px) and (min-height: 768px) { .agenda_box { width: 33.3%; height: 150px; } } @media only screen and (max-width: 767px) and (min-height: 600px) { .agenda_box { width: 25%; height: 150px; } } @media only screen and (max-width: 600px) and (min-height: 450px) { .agenda_box { width: 33.3%; height: 150px; } } @media only screen and (max-width: 450px) and (min-height: 300px) { .agenda_box { width: 50%; height: 150px; } } @media only screen and (max-width: 300px) and (min-height: 150px) { .agenda_box { width: 100%; height: 150px; } } .agenda_box a { display: block; /*height: 96px;*/ width: 100%; padding: 24px 0px; color: #000; height: 100%; } .agenda_box a:hover { background-color: #0080e8 !important; color: #000; } .agenda_box .theDay { font-size:45px; line-height: 50px; } .agenda_box .theTitle { font-size: 16px; line-height: 18px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .5px; font-style: normal; } .agenda_box .theTitle span { text-transform: uppercase; display: inline-block; padding: 2px 8px 2px 8px; margin-bottom: 8px; background: #464646; color: #f8f8f8; font-size: 10px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .agenda_box_grey { background-color: #E0E0E0; } .agenda_box_red { background-color: rgba(255,0,0,0.4); } .agenda_box#theEnd { background: #464646; color: #f8f8f8; line-height: 160px; } .agenda_monthYear { background-color: #464646; color: #f8f8f8; text-transform: uppercase; font-size: 30px; /*line-height: 24px; */ cursor: default; background-image: none; line-height: 1.5em; } .agenda_monthYear a.dateLink { padding: 0; color: #f8f8f8; padding-top: 30px; height: 120px; width: 100%; height: 100%; } .agenda_monthYear a.dateLink:hover { color: #000; } .agenda_monthYear span { letter-spacing: 2.5px; } .agenda_hide { display: none; } .agendaBtn { background-color: #aaa !important; border-radius: 3px !important; -moz-border-radius: 3px !important; box-sizing: border-box; border: 1px solid #b4b4b4; } .sub-agenda-header { background-color: #464646; float: left; overflow: auto; font-size: 16px; padding: 10px; margin-bottom: 3px; color: #fff; font-weight: bold; border-radius:0px; width:calc(100% - 20px); } .agenda-header-title { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 18px; float: left; margin-top: 4px; margin-right: 10px; clear: both; } .agenda-header-date { display: block; margin-right: 10px; float: left; clear: both; margin-top: 10px; } .agenda-header-date-ico { float: left; margin-right: 10px; } .agenda-header-search { float: left; clear: both; margin-right: 0; margin-top: 10px; } .agenda-header-segnala { float: left; clear: both; margin-right: 0; margin-top: 10px; } .agendaSearchFormInput{ width: calc(100% - 140px); float: left; clear: both; margin-right: 10px; } .agendaSearchFormBtn { width:118px; float: left; } .agenda-input-date { width:220px; float: left; background-color: #ffffff; color: #000; border-color: #fff; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1050px) { .agenda-header-title{ clear: none; } .sub-agenda-header { border-radius: 5px; } .agenda-header-search { display: inline-block; float: none; clear: none; margin-top: 0; } .agenda-header-segnala { float: right; clear: none; margin-top: 4px; } .agendaSearchFormInput{ width: 150px; } .agenda-header-date{ display: inline-block; float: none; margin-top: 0; clear: none; } } .agenda-header-date .fa{margin-top:8px; color:#fff;} .agendaFilterButton { text-transform: uppercase; display: inline-block; padding: 2px 8px 2px 8px; margin-bottom: 8px; margin-left: 3px; color: #f8f8f8; font-size: 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 5px; border-color: #fff; border: 1px solid #b4b4b4; } .agenda-filter { text-transform: uppercase; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; color: #fff; width:100%; border-top: 1px solid #b4b4b4; margin-top: 10px; padding-top: 10px; text-align: right; } .agenda-center { text-align:center; } .agenda-filter-detail { display:none; text-transform: uppercase; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; color: #fff; width:100%; text-align: right; } .agenda-date { background-color: #464646 !important; color: #fff; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 10px; } .agenda-date .fa { color: #fff !important; } .agendaFilterButton .fa { color: transparent; } .agenda-filter .fa-filter { color: #fff; } .agenda-header-title .fa { color: #fff !important; } .live-end{ background-color:#808080; } .inagenda_promo{ width: 280px; background-color: #e8e8e8; padding: 10px; float: left; margin-top: 10px; clear: both; border-radius: 5px; font-size: 13px; padding-top: 18px; } .inagenda_promo img{ width: 80px; float: left; margin-right: 10px; margin-top: -8px; } .native_socials{ float: right; height: 45px; } .native_socials .fb_iframe_widget{ float: left; display: block; position: static; margin-left: 7px; } .native_socials .twitter-share-button{ float: left; display: block; position: static; margin-top: 4px; margin-left: 7px; margin-right: 5px; } .liste_suggeriti, .liste_suggeriti_2{ overflow: hidden; } .gdprText {} .gdprText .h1 { font-size:24px; font-weight:bold; } .gdprText .h2 { font-size:20px; font-weight:bold; } .gdprText h3 { font-size:18px; font-weight:bold; } .gdpr { display:block; box-sizing: border-box; padding-right: 8px; padding-left: 8px; position: fixed; bottom: 0px; left:0px; width: 100%; z-index: 99999; background-color: rgba(51,51,51,.92); } .gdpr-box { padding:15px; display:table; color:#FFF; display: flex; align-items: center; box-sizing: border-box; margin: 0 auto; width: calc(100% - 32px); max-width: 962px; padding: 16px; color: #fff; flex-wrap: wrap; } .gdpr{ max-height: 100%; overflow: auto; } .gdpr-divMessage { float:left;font-size:16px;padding-top:5px; width: calc(100% - 100px); box-sizing: border-box; } .gdpr-divMessage-content{ max-height: 100px; overflow: auto; } .gdpr-divMessage strong{ font-size: 18px; } .gdpr-divBtn { float:right; margin-left:15px; margin-right:15px; text-align:right; border-radius: 0; box-sizing: border-box; width: 70px; font-size: 12px; text-decoration: underline; text-align: center; } .gdpr-divBtn .button{ display: inline-block; border-radius: 0; width: 50px; text-align: center; font-size: 30px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } @media only screen and (max-width: 768px) { .gdpr-box { display: block; } .gdpr-divMessage { width: 100%; clear: both; margin-bottom: 10px; } .gdpr-divBtn{ width: 100%; } .gdpr-divBtn .button{ width: calc(100% - 30px) ; padding-top: 5px; padding-bottom: 5px; font-size: 25px; } } .buttonGdpr { background : #FFF; } .galleryflex{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .galleryflex .galleryflexad{ width: 100%; height: 100%; max-width: 450px; max-height: 375px; display: flex; } .galleryflex .ad{ padding-top: 0; padding-bottom: 0; overflow: hidden; } .galleryflex .ad-complete{ border: 0; } .gallerythumbs .galleryflex img{ margin: 0; } .f_links{ display: block; font-size: 13px; color: #000000; } #f .f_links a{ margin: 0; padding: 0; font-size: 13px; height: auto; color: #000000; display: inline; } .f_logo{ margin-top: 10px; } .video-home{ color: #FFFFFF; } #widget_eventi_jx .agenda-title{ font-size: 14px; font-weight: bold; height: auto; } #widget_eventi_jx .agenda-info{ font-size: 14px; } #widget_eventi_jx .agenda-title{ line-height: 17px; } #widget_eventi_jx .list-item-title{ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; } #widget_eventi_jx .list-item-title .agenda-info{ font-weight: 400; } #widget_eventi_jx .slick-next{ right: 0; } #widget_eventi_jx .slick-prev{ right: 25px; } .h-item.nav-title span a{ display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pixel{ width: 0; height: 0; position: absolute; } #divPoll{ cursor: default; } .ad.inread{ overflow: hidden; height: 0 !important; } .pollResultTable{ display:table; width:calc(100% - 6px); padding:3px; font-size:12px; font-weight:bold } .pollResultTableAll{ background-color:#e6e9ed; margin-bottom:5px; width:100%; border-radius:5px; display:table; } .pollPercBar{ border-radius:5px; text-align:center; float:left; } .pollSpanPercBar{ font-size:10px;color:#FFF } .pollSpanPercBarRest{ font-size:10px;color:#656D78;padding-left:5px; } .pollBackgroundBase { background-color:#FFFFFF; } .pollTitle { margin-bottom:15px; } .pollEndMsg { font-style:italic;margin-top:15px;font-size:12px;line-height:12px; } .pollBoxQuestion { margin-bottom:15px; color:#656D78; } .pollBoxQuestionTitle { font-weight: bold; margin-bottom:10px; } .pollBoxQuestionAnswerRadio { margin-bottom:5px; font-size:14px; display:table; background-color:#ececec; width:100%; } .pollBoxQuestionAnswerRadioInput { float:left; width:30px; padding-top:2px; } .pollBoxQuestionAnswerRadioTitle { float:left; font-size:12px; margin-left:5px; color:#434A54; } .pollBackgroundAnswerBase { display:table;width:100%;margin-bottom:5px;padding:3px;font-size:14px; } .pollBackgroundAnswerBaseRadio { float:left;padding-right:5px; } .pollBackgroundAnswerBaseTitle { float:left; width: calc(100% - 20px); } .pollBtnResult { background-color:#ececec;color:#434A54; } button .pollBtnIco, .button .pollBtnIco{ color:#434A54; } .pollBackgroundAnswer { background-color:#ececec; cursor:pointer; } .pollBackgroundAnswerChecked { background-color:#ebf6df; cursor:normal; } .pollAnswerChecked { } .pollBackgroundBar1 { background-color:#da4453; } .pollBackgroundBar2 { background-color:#3bafda; } .pollBackgroundBar3 { background-color:#8cc152; } .pollBackgroundBar4 { background-color:#f6bb42; } .pollBackgroundBar5 { background-color:#37bc9b; } .gallerybox_container{ background-color: #E6E9ED; width: calc(100% - 2px); text-align: center; border: 1px solid #494949; } .gallerybox_container .title .fa{ color: #FFFFFF; } .gallerybox_container .title{ color: #FFFFFF; background-color: #494949; text-align: left; padding-left: 10px; } .gallery_box{ width: calc(100% - 40px); display: inline-block; margin-top: 10px; margin-left: 10px; position: relative; } .gallery_box .gallery_box_left{ position: absolute; left: -22px; font-size: 30px; top: calc(50% - 15px); } .gallery_box .gallery_box_right{ position: absolute; right: -12px; font-size: 30px; top: calc(50% - 15px); } .gallery_box img{ float: left; width: calc(33% - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } #gallery{ background-color: #FFFFFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999991; display: none; } #gallery .galleryRight{ font-size: 18px; line-height: 26px; right: 0; position: fixed; width: 420px; height: calc(100% - 55px); top: 55px; background-color: #E6E9ED; } #gallery .galleryText{ padding: 10px; width: 400px; max-height: calc(100% - 400px); overflow: auto; color: #000000; margin-right: 10px; } #gallery .galleryText .h1{ background-color: #9e9e9e; font-size: 22px; line-height: 34px; padding: 10px; } #gallery .galleryTopNav{ height: 35px; width: calc(100% - 10px); overflow: hidden; padding: 10px; font-size: 16px; color: #FFFFFF; background-color: rgba(35, 35, 35, 1); line-height: 30px; } #gallery .galleryTopNav > .galleryTopTitle .text{ display: none; } #gallery .galleryTopNav > .galleryClose{ float: right; color: #FFFFFF; margin-left: 10px; margin-right: 10px; font-size: 35px; } #gallery .galleryTopNav > .galleryClose .fa{ color: #FFFFFF; } #gallery .galleryTopNav > .galleryTopTitle{ float: left; font-size: 35px; font-family: "20 Minuten"; line-height: 35px; width: calc(100% - 200px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #gallery .galleryTopNav > .gallerybc{ float: right; margin-right: 10px; font-size: 25px; line-height: 35px; } #gallery .galleryLogo{ height: 35px; vertical-align: middle; margin-right: 20px; margin-top: -7px; } #gallery .galleryContent{ width: calc(100% - 420px); height: calc(100% - 55px); display: flex; align-items: center; justify-content: center; position: relative; } #gallery .galleryContent img{ max-width: 100%; max-height: 100%; } #gallery .galleryNavigation{ font-size: 40px; position: fixed; top: calc(50% - 20px); width: calc(100% - 420px); z-index: 4; } #gallery .galleryNavigation .fa{ color: rgba(0,0,0,0.8) } #gallery .galleryNavigation .fa-stack-1x{ font-size: 40px; } #gallery .galleryNavigation .fa-stack-2x{ font-size: 65px; margin-top: 5px; } #gallery .galleryPrev .fa-circle{ margin-left: 3px; } #gallery .galleryNext .fa-circle{ margin-left: -3px; } #gallery .galleryNavigation .fa{ color: rgba(0,0,0,0.8) } #gallery .galleryNavigation .fa-circle{ color: rgba(255,255,255,0.3); } #gallery .galleryNavigation .disabled{ display: none; } #gallery .galleryPrev:hover .fa-stack-1x{ color: #FFF; } #gallery .galleryPrev:hover .fa-circle{ color: #000; } #gallery .galleryNext:hover .fa-stack-1x{ color: #FFF; } #gallery .galleryNext:hover .fa-circle{ color: #000; } #gallery .galleryPrev{ float: left; margin-left: 20px; } #gallery .galleryNext{ float: right; margin-right: 20px; } #gallery .galleryRight .ad.gallery{ position: fixed; width: 410px; bottom: 5px; right: 5px; max-height: 400px; text-align: center; overflow: hidden; } @media only screen and (max-width: 1280px) { #gallery .galleryRight{ width: 320px; } #gallery .galleryText{ width: 300px; max-height: calc(100% - 300px); } #gallery .galleryContent{ width: calc(100% - 320px); } #gallery .galleryNavigation{ width: calc(100% - 320px); } #gallery .galleryRight .ad.gallery{ width: 310px; } } .media-slideshow-stop{ display: none; } .gallerybc .media-slideshow{ float: left; margin-right: 10px; color: #FFFFFF; } .gallerybc .media-slideshow-stop{ float: left; margin-right: 10px; color: #FFFFFF; } .gallerybc .media-slideshow .fa{ color: #FFFFFF; } .gallerybc .media-slideshow-stop .fa{ color: #FFFFFF; } @media only screen and (max-width: 1024px) { #gallery .ad.gallery{ display: none !important; } #gallery .galleryRight{ display: none; } #gallery .galleryTopNav > .galleryTopTitle .text{ display: inline; } #gallery .galleryContent{ width: 100%; height: calc(100% - 60px); } #gallery .galleryContent img{ max-width: 100%; max-height: 100%; } #gallery .galleryNavigation{ top: calc(50% - 20px); width: 100%; } #gallery .galleryTopNav > .galleryTopTitle{ font-size: 25px; width: calc(100% - 170px); } #gallery .galleryTopNav > .gallerybc{ font-size: 20px; } #gallery .galleryTopNav > .galleryClose { margin-top: -1px; } #gallery .galleryTopNav > .galleryClose .fa{ font-size: 25px; } #gallery .galleryPrev{ float: left; margin-left: 10px; } #gallery .galleryNext{ float: right; margin-right: 10px; } #gallery .galleryContent{ width: 100% ; height: calc(100% - 115px); } } @media only screen and (max-width: 460px) { .ad.bannerflata{ display: block; min-height: 90px; } } @media only screen and (max-width: 320px) { .ad.bannerflata{ display: block; min-height: 87px; } } @media only screen and (max-width: 425px) { #gallery .galleryNavigation .fa-stack-1x{ font-size: 22px; } #gallery .galleryNavigation .fa-stack-2x{ font-size: 35px; margin-top: 22px; } #gallery .galleryPrev .fa-circle{ margin-left: 2px; } #gallery .galleryNext .fa-circle{ margin-left: -2px; } } @media only screen and (max-height: 425px) and (orientation: landscape) { #gallery .galleryContent{ height: calc(100% - 35px); } .galleryRight{ display: none; } } @media only screen and (max-width: 425px) and (orientation: portrait){ #gallery .galleryTopNav > .galleryTopTitle{ font-size: 18px; width: calc(100% - 150px); } .media-slideshow .slideshow{ max-width: 20px; } #gallery .galleryTopNav > .gallerybc{ font-size: 16px; } #gallery .galleryRight{ height: 78px; } #gallery .galleryContent{ height: calc(100% - 135px); } #gallery .galleryText{ width: calc(100% - 20px); float: left; margin-top: 19px; } } #gallery .galleryContent .ad.gallery { display: block !important; width: auto; margin: auto; min-width: 300px; min-height: 250px; } .slideshow { position: relative; overflow: hidden; } .slideshow-caption { position: absolute; left: 10px; bottom: 10px; padding: 5px 5px; cursor: pointer; width: auto; max-width: calc(80%-20px); } .slideshow-caption .title { font-size: 20px; line-height: 25px; margin-bottom: 5px; color: #fff; background-color: rgba(0,0,0,0.7); padding: 5px; width: auto; font-weight: bold; float: left; clear: both; } .slideshow-caption .credit { float: left; clear: both; font-weight: bold; font-size: 15px; line-height: 15px; padding: 2px; color: #000; background-color: rgba(255,255,255,0.7); width: auto; } .slideshow-image { position: absolute; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: contain; background-color: #000000; } .small_thumbs{ width: 100%; float: left; clear: both; height: 85px; display: none; } .small_thumbs img{ width: 75px; height: 75px; margin-right: 10px; float: left; } .small_thumbs .more{ background-color: #E6E9ED; font-size: 30px; line-height: 75px; font-weight: bold; color: #000000; display: inline-block; height: 75px; width: 75px; text-align: center; float: left; } .bigTitle{ text-align:center; margin:20px; } .rcontent .list-item-heading{ min-height: 32px; overflow: auto; white-space: normal; text-overflow: unset; overflow: hidden; } .lh-l.pp{ background-color: #ffff8d; padding-left: 5px; padding-right: 5px; color: #333; } .bigbox{ float: left; width: auto; } #desktopmessage{ position: fixed; padding: 20px; font-size: 27px; border-radius: 10px; line-height: 30px; z-index: 9999999; top: 50%; left: 50%; width: 600px; margin-left: -310px; height: 280px; margin-top: -155px; background-color: #333333; color: #FFFFFF; display: none;text-align: center; } #desktopmessage .button{ color: #FFFFFF; font-size: 20px; text-transform: none; } #desktopmessage .smallbutton{ font-size: 12px; color: #FFFFFF; } #desktopmessage .smalltext{ font-size: 16px; line-height: 18px; } a.cerca-header{ margin-top: 20px; } .author_title_block{ text-align: center; border-bottom: 1px solid #e6e6e6; margin-left: 20px; margin-right: 20px; width: calc(100% - 20px); padding-bottom: 10px; } .authors{ float: left; width: 100%; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; clear: both; } .author{ float: left; display: block; margin-right: 10px; margin-bottom: 10px; width: 100%; } .author_text{ float: left; height: auto; font-size: 16px; line-height: 22px; width: calc(100% - 70px); font-weight: 400; } .author_text.solo{ line-height: 40px; } .big .author_text{ font-size: 28px; line-height: 35px; height: 120px; width: auto; } .author_smaller_text{ font-size: 12px; } .big .author_smaller_text{ font-size: 16px; } .author_icon{ margin-right: 5px; } .big .author_icon{ margin-right: 10px; } .author_red_contacts{ height: 120px; width: 200px; font-size: 14px; line-height: 22px; display: block; float: right; } .author_red_logo{ height: 120px; width: 140px; font-size: 14px; line-height: 16px; display: block; float: right; text-align: center; margin-right: 20px; } .author_red_contacts{ display: none; } .author_red_logo{ display: none; } .author_foto{ background-size: cover; border-radius:50% 50% 50% 50%; background-color: #e6e6e6; width:40px; height:40px; margin-right: 10px; float: left; } .big .author{ padding: 10px; width: calc(100% - 20px); } .big .author_foto{ width:110px; height:110px; margin-right: 30px; } .author_contacts td{ padding: 0; } .author_contacts td:nth-child(even) { text-align: right; } .author_live{ display: block; float: right; margin-top: 5px; } .author_live_text{ margin-left: 10px; font-size: 12px; line-height: 28px; width: 100px; display: block; float: left; } .focus_author{ margin: 20px; text-align: center; float: left; clear: both; width: calc(100% - 20px); } .focus_author .author{ float: none; display: inline-block; text-align: left; } .web_header{ width: 500px; display: block !important; margin-left: 10px; height: 45px; float: left; overflow: hidden; } /* METEO */ .meteo_container { clear: both; float: none; display: inline-block; width: calc(100% - 30px); padding: 30px 15px; cursor: default !important; background-color: #FFFFFF; } .meteo_info { display: block; margin-bottom: 20px; } .meteo_info .title { font-size: 34px; line-height: 52px; } .meteo_info .button { float: right; } .meteo_buttons { text-align: center; margin-top: 10px; margin-bottom: 10px; } .meteo_buttons .button { padding: 8px 11px; margin: 0px 2px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 0px; color: #7A7A7A; font-size: 14px; } .meteo_buttons .button:hover, .meteo_buttons .button.active { background-color: #BBBBBB; color: #FFFFFF; } /* METEO: DAY */ .meteo_tabs_container { width: 100%; display: table; overflow: auto; background-color: #F4F4F4; } .meteo_tabs { display: table-row; } .meteo_tabs .meteo_tab { display: table-cell; min-width: 130px; text-align: center; cursor: pointer; border: 1px solid #CCCCCC; border-left-width: 0px; border-bottom-color: #888888; color: #363636 !important; font-size: 16px; line-height: 24px; } .meteo_tabs .meteo_tab:hover { background-color: #FFFFFF; } .meteo_tabs .meteo_tab:first-child { border-left-width: 1px; border-left-color: #CCCCCC; } .meteo_tabs .meteo_tab.selected { background-color: #FFFFFF; border-left-width: 1px; border-color: #888888; border-bottom-color: #FFFFFF; } .meteo_tab .meteo_tab_content { padding: 12px 16px; } .meteo_tab .title { font-weight: bold; } .meteo_tab .description { font-size: 14px; line-height: 18px; margin: 5px 0px; } .meteo_tab .temp { float: right; height: 50px; max-width: 50%; display: inline-block; margin-top: 5px; } .meteo_tab .temp div { padding: 0px 3px; text-align: right; } .meteo_tab .temp_max { font-weight: bold; text-align: right; color: #ce2202; } .meteo_tab .temp_min { text-align: left; } .meteo_tab .wind_direction { clear: both; width: 100%; display: inline-block; margin-top: 5px; } .meteo_tab .icon { float: left; width: 100%; height: 50px; max-width: 50%; display: inline-block; margin-top: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; } .meteo_tab .icon img { width: auto; height: 100%; } /* METEO: 1 HOUR + 3 HOUR */ .meteo_day_info { margin-top: 30px; clear: both; } .meteo_day_info .title { font-size: 26px; line-height: 34px; margin-bottom: 5px; } .meteo_day_info .icon { float: left; width: 60px; height: 60px; text-align: left; background-size: contain; background-repeat: no-repeat; background-position: center; } .meteo_day_info .icon img { width: auto; max-width: 100%; height: 100%; } .meteo_day_info .subtitle { font-size: 24px; float: left; line-height: 60px; margin-left: 5px; } .meteo_contents { width: 100%; display: inline-block; margin-top: 20px; margin-bottom: 20px; } .meteo_content { display: inline-block; float: left; } .meteo_3hour .meteo_content { width: calc(100% - 250px); } .meteo_3hour .meteo_hour_info { width: 250px; } .meteo_3hour .meteo_hour_info .title { display: inline-block; } .meteo_1hour .meteo_content { width: calc(100% - 30px); } .meteo_1hour .meteo_hour_info { width: 30px; } .meteo_1hour .meteo_hour_content.humidity { font-size: 14px; } .meteo_1hour .meteo_hour_info .meteo_hour_content .title { display: none; } .meteo_hour_info { width: 50px; display: inline-block; float: left; text-align: center; } .meteo_hour_info .meteo_hour_content .icon { width: 20px; margin-right: 5px; } .meteo_hour_info .meteo_hour_content .icon img { max-width: 100%; height: 100%; display: block; } .meteo_hour_info .meteo_hour_content .icon, .meteo_hour_info .meteo_hour_content .title { float: left; display: inline-block; height: 100%; background-size: 20px; background-repeat: no-repeat; background-position: center; } .meteo_hour_info .meteo_hour_content, .meteo_hour .meteo_hour_content { height: 30px; line-height: 30px; border-bottom: 1px solid #F0F0F0; } .meteo_hour_info .meteo_hour_content:last-child, .meteo_hour .meteo_hour_content:last-child { border-bottom-color: #FFFFFF; } .meteo_hour { display: inline-block; float: left; text-align: center; } .meteo_3hour .meteo_hour { width: calc(12.5% - 4px); margin-left: 4px; } .meteo_1hour .meteo_hour { width: calc(4.166% - 2px); margin-left: 2px; } .meteo_hour .meteo_hour_container { float: none; width: 100%; height: 100%; display: inline-block; /*border: 1px solid #EEEEEE;*/ } .meteo_hour.selected .meteo_hour_container, .meteo_hour.selected .title { background-color: #F0F0F0; } .meteo_hour .title { background-color: #F0F0F0; } .meteo_hour i { height: 28px; line-height: 28px; } .meteo_hour_info .picto, .meteo_hour .picto { width: 100%; height: 32px; text-align: center; padding: 5px 0px; background-size: 40px; background-repeat: no-repeat; background-position: center; } .meteo_3hour .meteo_hour_info .picto, .meteo_3hour .meteo_hour .picto { height: 38px; } .meteo_hour .picto img { width: 100%; height: auto; max-height: 100%; } /* METEO HOME */ .cl-meteo { color: #000000; font-size: 22px; margin-top: 20px; } .cl-meteo .sub-header { font-weight: normal; color: #000000; font-size: 22px; } .cl-meteo .sub-desc { width: auto; margin: 14px 20px 0px 8px; font-size: 16px; } .cl-meteo .fa { font-size: 22px; margin: 10px; margin-top: 7px; margin-bottom: 3px; color: #000000; } .meteo_container_home { display: inline-block; width: 100%; padding: 0px; } .meteo_container_home .meteo_tab.selected { border-bottom-color: #888888; } .meteo_container_home .meteo_tabs .meteo_tab { border-top: 0px !important; border-bottom: 0px !important; border-color: #FFFFFF !important; } .meteo_powered { display: inline-block; float: right; margin-top: 30px; width: 100px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: right; } #meteo_container_home .subheader { margin-top: 5px; } .link_games { display: inline-block; margin-top: 10px; } .link_games img { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } /* MONITOR */ .meteo_container_monitor { margin-bottom: 0px !important; } .meteo_container_monitor .meteo_tab .picto_temp { width: 70%; margin-left: 50%; transform: translateX(-50%); } .meteo_container_monitor .meteo_tab { font-size: 22px; line-height: 30px; } .meteo_container_monitor .meteo_tab .temp { margin-bottom: 10px; } .meteo_container_monitor .meteo_tab .icon { height: 70px; margin-top: 0px; } /* METEO RESPONSIVE */ @media only screen and (max-width: 1200px) { .meteo_container_monitor .meteo_tabs_container { display: table; } .meteo_tabs_container { max-width: 100%; display: block; /* SHADOWS */ background-image: linear-gradient(to right, #F4F4F4, #F4F4F4), linear-gradient(to right, #F4F4F4, #F4F4F4), linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; } .meteo_tabs .meteo_tab:nth-child(1n+6) { /* display: none; */ } } @media only screen and (max-width: 950px) { .meteo_tabs .meteo_tab:nth-child(1n+5) { /* display: none; */ } } @media only screen and (max-width: 700px) { .meteo_tabs .meteo_tab:nth-child(1n+4) { /* display: none; */ } .meteo_container_home .meteo_tabs .meteo_tab.selected { border-bottom-color: #888888; } .meteo_hour_info .meteo_hour_content .title { display: none !important; } .meteo_hour_info .meteo_hour_content .icon { max-height: 25px; } .meteo_hour_info .meteo_hour_content .icon img { width: 100%; max-height: 100%; } .meteo_hour_info .meteo_hour_content { padding-bottom: 3px; } .meteo_hour_info .meteo_hour_content, .meteo_hour .meteo_hour_content { display: inline-block; float: left; width: calc(100% / 8); } .meteo_hour_info { width: 100% !important; } .meteo_hour_info .picto, .meteo_hour .picto { height: 30px !important; padding-top: 0px; } .meteo_hour .picto { padding-bottom: 0px; background-size: 30px; } .meteo_hour_info .meteo_hour_content:last-child, .meteo_hour .meteo_hour_content:last-child { border-bottom-color: #F0F0F0; } .meteo_content { width: 100% !important; } .meteo_hour { width: 100% !important; margin-left: 0px !important; } .meteo_hour_info .meteo_hour_content .icon, .meteo_hour_info .meteo_hour_content .title { width: 100% !important; background-size: 25px; } .meteo_powered { height: 22px; } } @media only screen and (max-width: 500px) { .meteo_tabs_container { /*overflow: hidden;*/ } .meteo_container_home .meteo_tabs .meteo_tab { min-width: 100px; } .meteo_container_home .meteo_tabs .meteo_tab:nth-child(1n+4) { display: none; } } @media only screen and (max-width: 400px) { .meteo_tab .temp { display: block; clear: both; float: none; max-width: 100%; height: auto; } .meteo_tab .icon { display: block; max-width: 100%; clear: both; float: none; text-align: center; } .meteo_tab .temp .temp_max { float: left; } .meteo_tab .temp .temp_min { float: right; } } .source{ width: 100%; clear: both; text-align: left; font-style: italic; } .meteo_container_home{ float: left; width: 100%; clear: both; margin-bottom: 10px; } h1.keyword{ font-size: 30px; } .alignCenter{ text-align: center; } .mnarginTop20{ margin-top: 20px; } .margin20{ margin: 20px; } .keyword_block.home{ line-height: 30px; overflow: hidden; border: 0; height: 30px; text-overflow: clip; margin: 10px 5px ; padding-top: 0; } .media-slideshow{ display: none; } #covid_table tr td{ padding: 8px; font-size: 16px; } #covid_table th{ text-align: left; font-size: 18px; padding: 10px 6px; } #covid_table th{ text-align: right; } #covid_table tr td{ text-align: right; } #covid_table th:nth-child(1){ text-align: left; } #covid_table tr td:nth-child(1){ text-align: left; } .mapcontainer{ width: calc(100% - 20px); padding: 10px; margin-top: 30px; } .tablecontainer{ width: calc(100% - 20px); height: auto; padding: 10px; font-weight: 400; } .collapsable_header { margin-bottom: 10px; } .collapsable_header i{ font-size: 30px; margin-right: 20px; margin-top: 1px; } /*adbreak_content*/ .pzH2 { margin-bottom:10px; font-size:22px; border-top:1px solid #CCD1D9; padding-top:5px; padding-left:5px; } .piazzaShopBoxContent { border-top:1px solid #CCD1D9; } .adbBorderTop { border-top:1px solid #CCD1D9;padding-top:5px } .adbTitle { margin-top:15px; } .contactForm .header { box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); padding-top:15px; margin-top:15px; padding-left:15px; font-size:18px; font-weight:bold; margin-bottom:15px; } .contactForm .boxForm { padding:15px; font-size:16px; } .contactForm .boxForm .formBoxTempera { display:none; } .contactForm .boxForm .formBoxInput { margin-bottom:15px; } .contactForm .boxForm .formLabel { font-weight: bold; } .contactForm .boxForm .formInput { } .contactForm .boxForm .formButton { margin-top:15px; } .contactBoxMsg { font-size:18px; margin:30px 15px 15px 15px; display:none; } .adbContentDiv .media-block .media-block-crass { width : 100%; padding:0px; } .piazzaMarketPlace { margin-top:30px; } .piazzaDivTable { display:table; width:100%; } .piazzaDivLeft { float:left; } .piazzaDivRight { float:right; } .piazzaShopBoxContent { margin-right:15px; font-size:16px; } .piazzaShop .header { box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.3); padding-top:15px; margin-top:15px; padding-left:15px; font-size:18px; font-weight:bold; margin-bottom:15px; } .piazzaShop .product { display:table; /*margin:auto;*/ width:calc(100% - 10px); } .piazzaShop .product .box { /*float:left;*/ border:1px solid #ccc; margin:5px; border-radius:3px 3px 0px 0px; } .piazzaShop .product .box .detail { width:100%; height:80px; display:table; } .piazzaShop .product .box .boxImg { width:80px; height:80px; position:relative; display:inline-block; float:left; } .piazzaShop .product .box .boxImg .img { width:100%; border-radius:3px 3px 0px 0px } .piazzaShop .product .box .boxImg .price { position:absolute; z-index:999; margin:5px; left:0; right:0; top:0px; color:#FFF; font-weight:bold; background-color:rgba(0,0,0,0.3); font-size:12px; padding:0px 2px 0px 2px; } .piazzaShop .product .box .boxTxt { margin-top:5px; font-size:15px; padding:5px; width:200px; float:left; } .piazzaShop .product .box .boxTxt .title { font-weight:bold;white-space: nowrap;width:calc(100% - 10px - 2px);overflow: hidden;text-overflow: ellipsis; } .piazzaShop .product .box .boxTxt .desc { margin-top:10px;font-size:12px;white-space: nowrap;width:calc(100% - 10px - 2px);overflow: hidden;text-overflow: ellipsis; } .piazzaShop .product .box .footer{ background-color:#CCC;width:200px;text-align:right; display:none; } .piazzaShop .footerButton { margin-top:15px;margin-bottom:15px;text-align:center;font-size:16px; } .piazzaShopBoxContent { margin-right:15px; font-size:16px; } .script_obj.disabled, .disabledDiv{ background-color: #000; width: calc(100% - 80px); margin: 20px; padding: 20px; padding: 60px 20px; text-align: center; color: #FFFFFF; border-radius: 10px; font-size: 18px; line-height: 24px; font-weight: bold; } .script_obj.disabled button, .disabledDiv button{ margin-top: 20px; } .mytioabo{ display: none; } /* PUSH NOTIFICATIONS */ .push_notifications_alert{ z-index: 99999999; position: fixed; left: 50%; margin-left: -210px; width: 100%; max-width: 380px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); padding: 25px 20px 20px 20px; border-radius: 4px; } .push_notifications_alert .push_alert_logo{ float: left; margin-right: 12px; width: 60px; height: 60px; background-size: cover; } .push_notifications_alert .push_alert_content{ float: right; width: calc(100% - 72px); font-size: 15px; line-height: 21px; margin-top: 2px; margin-bottom: 18px; } .push_notifications_alert .button{ border-radius: 5px; padding: 8px 18px; margin-left: 10px; text-transform: uppercase; } .push_notifications_alert .button_cancel{ float: right; background-color: #FFFFFF; color: #000000; } .push_notifications_alert .button_cancel:hover{ background-color: #EFEFEF; } .push_notifications_alert .button_accept{ float: right; background-color: #42b179; } .push_notifications_alert .button_accept:hover{ background-color: #379C69; } @media only screen and (max-width: 500px){ .push_notifications_alert{ max-width: calc(100% - 40px); margin-left: 0px; left: calc( (100% / 2) + 20px); border-radius: 0px; padding-bottom: 25px; } .push_notifications_alert .button{ padding: 10px 20px; } } .push_notifications_background{ z-index: 99999999; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } .push_notifications_indicator{ z-index: 99999999; position: fixed; top: 30px; left: 470px; color: #FFFFFF; font-size: 16px; max-width: 250px; line-height: 23px; } .push_notifications_indicator_firefox{ margin-left: 220px; } .push_notifications_indicator i{ color: #FFFFFF; margin-right: 10px; font-size: 40px; float: left; } .section.boxContent .ad{ width: 100%; text-align: center; } .vjs-playlist{ display: none; } .imgwrap .vjs-playlistButton{ position: absolute; top: 15px; right: 30px; cursor: pointer; display: none; } .imgwrap .vjs-playlistButton .fa{ color: #FFF; font-size: 20px; } .imgwrap .vjs-playlistButton:hover .fa{ opacity: 1; } .imgwrap:hover .vjs-playlistButton{ display: block; } .imgwrap .vjs-playlist{ position: absolute; height: 100%; top: 0; right: 0; width: 30%; overflow: hidden; } #gallery .galleryContain{ position: absolute; bottom: 20px; right: 20px; font-size: 30px; z-index: 50; } #gallery .galleryContain .fa{ color: rgba(0,0,0,0.8); } #gallery .galleryContain .fa-circle{ color: rgba(255,255,255,0.3); } #gallery .galleryContain .fa-stack-1x{ font-size: 30px; } #gallery .galleryContent.fullscreen{ height: calc(100% - 35px); } .galleryContent.fullscreen{ background-repeat: no-repeat; background-size: cover; background-position: center; } .galleryContent.fullscreen.contain{ background-size: contain; } .fullscreen .slideshow-caption{ bottom: 70px; } /* .imgwrap .vjs-prevButton{ position: absolute; top: 0; left: 30px; height: 100%; display: none; cursor: pointer; } .imgwrap .vjs-nextButton{ position: absolute; top: 0; right: 30px; height: 100%; cursor: pointer; display: none; } .imgwrap .vjs-prevButton:hover .fa,.imgwrap .vjs-nextButton:hover .fa{ opacity: 1; } .imgwrap:hover .vjs-prevButton{ display: block; } .imgwrap:hover .vjs-nextButton{ display: block; }*/ .media-controls{ display: none; }