body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label,span,a,img { margin: 0; padding: 0; outline: none; }
body { background-color: #fff; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: inherit; }
a:link,a:visited,a:active { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
:focus-visible { outline: 1px dotted #666; }
input:focus-visible, textarea:focus-visible { outline: none; }
img { border: 0; }

.testo blockquote { border-left: 4px solid #ccc; font-style: italic; margin: 10px; padding: 0px 10px; display: inline-block; }
/* .twitter-tweet-rendered, .twitter-video-rendered, .instagram-media-rendered { display: inline-block !important; width: 95% !important; } */
.instagram-media-rendered { display: inline-block !important; width: 95% !important; }

.tcc-small, .small { font-size: 90% }
.tcc-link { cursor: pointer; cursor: hand; }
.tcc-clear { clear:both; }
.tcc-note { color:#686868; }

.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.center { text-align: center !important; margin-left:auto; margin-right:auto; }
.left   { text-align: left !important; margin-left:0px; margin-right:auto; }
.right  { text-align: right !important; margin-left:auto; margin-right:0px; }
.center.left, .center.right { display: inline-block; vertical-align: top; }
.bold   { font-weight: 700; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.sans-serif { font-family: Arial, sans-serif; }
.serif { font-family: "Georgia"; }

.mtop { margin-top: 1em; }
.mbottom { margin-bottom: 1em; }
.mright { margin-right: 1em; }
.mleft  { margin-left:  1em; }

/* DIV/IMG BORDER */
.tcc-border-radius { border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; }
.tcc-border-circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

/* lente di ingrandimento */
.lente { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; background-position: 0px -52px; border: none; width: 17px; height: 16px; display:block; text-decoration: none; }
.lente:hover { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; background-position: -19px -52px; border: none; width: 17px; height: 16px; text-decoration: none; }

/* titoli in prima pagina */
.rosso,.rosso a:link,.rosso a:visited,.rosso a:hover { color: #000; font-weight: bold; }

.vis { display: none; }  /* non visibile (visibile solo nella stampa) */

.input { background-color: #fff; border: 1px solid #444; font-size: 11px; padding: 2px; }
.textarea { width: 220px; border: 1px solid #ccc; background-color: #fff; font-size: 11px; padding: 2px; } /* per layout stile golmania */
.background { color: #000; border-bottom: 1px solid #252525; margin-top: 3px; margin-bottom: 3px; padding: 3px; font-weight: bold; }
.background h1 { font-weight: bold; font-size: 12px; display: inline; }
h1.titolo { display: inline; }

div[role=main] .tcc-badge { font-size: 1.2em; vertical-align: text-bottom; }
div[role=main] .testo .tcc-badge { font-size: 0.55em; }
div[role=main] .list .tcc-badge { font-size: 0.7em; }
.titolo2 .tcc-badge { margin-top:5px; }

/* se header con manchette, come TMW */
.bar_bottom .logo { margin:auto; text-align:center; height:90px; }
.bar_bottom .logo > div { display: inline-block; vertical-align: top; margin:0.5em auto; }
.bar_bottom .logo .manchette { width: 295px; vertical-align:bottom; }
.bar_bottom .logo .manchette div:first-child { width:160px; height:60px; text-align:center; margin:0 auto 3px auto; }

.logod { height: 74px; width: 270px; background-color: transparent; background-repeat: no-repeat; background-position: top; }
.bar_bottom .logo .logod { width: 400px; height: 50px; margin-bottom:3px; }
.logod span.alt { display: none; }
.logod a:link, .logod a:visited, .logod a:hover { display: block; width: 100%; height: 100%; }

.divTable { display: table; width: 100%; table-layout: fixed; }
.divRow { display: table-row; }
.divCell { display: table-cell; vertical-align: top; }

/* intestazione e colonne prendono il colore qui sotto */
.centra { width: 1040px; background-color: #fff; border-left: 1px solid #000; border-right: 1px solid #000; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }
.footer { background-color: #ccc; text-align: center; color: #444; border-top: 1px solid #000; padding: 5px; }
.footer a:link, .footer a:visited { color: #444; text-decoration: none; }
.footer a:hover { color: #444; text-decoration: underline; }
.soprafooter { padding-top: 5px; padding-bottom: 5px; background-color: #f9f9f9; }

.footer-flag-it a, .footer-flag-es a, .footer-flag-en a { width: 8px; height: 9px; display: block; }
.footer-flag-it, .footer-flag-es, .footer-flag-en { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; width: 8px; height: 9px; display: inline-block; margin-left: 3px; }
.footer-flag-it { background-position: 0px -534px; }
.footer-flag-es { background-position: -10px -534px; }
.footer-flag-en { background-position: -20px -534px; }

.bar { background-color: #ccc; color: #444; height: 20px; text-align: right; border-bottom: 1px solid #444; }
.bar td { padding:5px 0px; }
.bar a:link, .bar a:visited { font-weight: bold; color: #444; text-decoration: none; }
.bar a:hover { font-weight: bold; color: #444; text-decoration: underline; }
.bar .home a:link, .bar .home a:visited { font-weight: bold; color: #444; text-decoration: none; }
.bar .home a:hover { font-weight: bold; color: #444; text-decoration: underline; }

.bar_bottom { background-color: #ccc; color: #444; padding-top: 2px; padding-bottom: 2px; text-align: center; }

/* Barra ricerca */
.sub { background-color: #ccc; color: #444; text-align: center; }
.sub a:link, .sub a:visited { color: #444; text-decoration: none; }
.sub a:hover { color: #444; text-decoration: none; }

#tccsearch { background-color: #ccc; margin:auto; text-align:center; padding:4px; border:none; display: none; }
#tccsearch input { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; stroke:none;
width: 85%; padding: 0.4rem 0.75rem; font-size: 1em; line-height: 1.5em; color: #495057; background-color: #fbfbfb; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.1); border-radius: 0.3em; }
#tccsearch input[type="submit"] { background-color: #ccc; margin:.1rem 0 .1rem .4rem; color: #444; border: 1px solid rgba(0,0,0,0.1); width: auto; text-align: center; white-space: nowrap; }
#tccsearch input[type="submit"]:hover { opacity: 0.8; cursor: pointer; }

.search-icon { color: #444; background-color: transparent; }
svg.search-icon { width:12px; height: 13px; vertical-align: middle; fill: current-background-color; stroke: currentColor; }
svg.search-icon g { fill: current-background-color; stroke: currentColor; }

/* Newsticker */
.newsticker { padding-top: 5px; width: 333px; margin: 0px 6px; height: 30px; overflow: hidden; position: relative; font-size: 18px; color: #444; }
.newsticker .small { font-size: 16px; }
.newsticker a:link, .newsticker a:visited { color: #444; text-decoration: none; }
.newsticker a:hover { color: #444; text-decoration: underline; }
.newsticker div { position: absolute; width: auto; height: 100%; margin: 0; text-align: center; white-space: nowrap;
	/* Starting position */ /*-moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);*/
	/* Apply animation to this element */ -moz-animation: scroll-left 100s linear infinite; -webkit-animation: scroll-left 100s linear infinite; animation: scroll-left 100s linear infinite;
}
@-moz-keyframes scroll-left {
  0% { -moz-transform: translateX(336px); }
  100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes scroll-left {
  0% { -webkit-transform: translateX(336px); }
  100% { -webkit-transform: translateX(-100%); }
}

@keyframes scroll-left {
  0% { -moz-transform: translateX(336px); -webkit-transform: translateX(336px); transform: translateX(336px); }
  100% { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

div.block_title { margin-bottom: 3px; }
h2.block_title { font-size: 12px; height: 20px; padding-top: 2px; padding-left: 5px; text-align: left; font-weight: bold; color: #444; background-repeat: repeat-x; background-position: 0px -82px; display: block; }
h2.block_title2 { font-size: 12px; height: 20px; padding-top: 2px; padding-left: 5px; text-align: left; font-weight: bold; color: #444; background-repeat: repeat-x; background-position: 0px -104px; display: block; }
h2.block_title2.margin { margin-top: 3px; }
div.block_title3 { height: 18px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; padding-top: 2px; padding-left: 5px; text-align: left; font-weight: bold; color: #444; background-repeat: repeat-x; background-position: 0px -126px; }
div.block_title3 span { margin-right: 30px; }

.block_title h3, .block_title2 h3, .block_title3 h3 { font-weight: bold; font-size: 12px; }

/* Eventi */
.eventi { background-color: #222; margin-bottom: 6px; }
.eventi .titolo { font-size: 18px; color: #ffb400; }
.eventi img { background-color: #fff; border: 1px solid #fff }
.eventi table td { padding: 3px; }
.label { margin-bottom: 3px; height: 20px; background-color: transparent; background-repeat: no-repeat; background-position: top left; font-weight: bold; font-size: 14px; color: #000; text-align: left; padding-top: 1px; padding-left: 32px; }
.testata_eventi_default { display: block; }
.testata_eventi_spec { display: none; }

.block_title a:link, .block_title a:visited, .block_title a:hover { color: #444; text-decoration: none; }
.block_title2 a:link, .block_title2 a:visited, .block_title2 a:hover { color: #444; text-decoration: none; }
.block_title3 a:link, .block_title3 a:visited, .block_title3 a:hover { color: #444; text-decoration: none; }

.colsx { padding: 3px; width: 166px; margin-left: auto; margin-right: auto; text-align: center; background-color: #fff; }
.coldx { padding: 3px; width: 342px; margin-left: auto; margin-right: auto; text-align: center; background-color: #f9f9f9; }
.coldx_120 { width: 120px; }
/* .colsx, .coldx, .coldx_120 { overflow: hidden; } /* nascondo le parti in eccesso nelle colonne */
.corpo { padding-top: 3px; padding-left: 3px; padding-right: 3px; text-align: left; background-color: #fff; }
.titolo { font-size: 26px; font-weight: bold; color: #ccc; margin-top: 3px; }
.titolo2 { font-size: 18px; line-height: 22px; color: #000; font-weight: bold; }

.line-clamp-1 { display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-4 { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-5 { display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }

.titoloHover { line-height: normal; position: absolute; bottom: 0px; right: 0px; left: 0px; z-index: 99; margin: 0px 0px 0px 0px; padding: 0px 7px 3px 7px; color: #fff; background-color: rgba(0,0,0,0.5); }
.pp .titoloHover { display: none; font-size: 26px; font-weight: bold; }
.titoloHover a:link, .titoloHover a:visited { color: #fff; font-weight: bold; text-decoration: none; }
.titoloHover a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
.testo { line-height: 18px; margin-top: 5px; text-align: left; color: #000; }
.testo .sommario { background-color: #e1e1e1; padding: 3px; margin-top: 3px; margin-bottom: 3px; }
.testo .img { float: left; text-align: left; color: #666; line-height: 14px; font-style: italic; margin-right: 4px; padding-bottom: 4px; padding-right: 4px; }
.testo img { border: 1px solid #ccc; padding: 1px; margin-right: 4px; margin-bottom: 4px; margin-top: 4px; float: left; }
.testo p { margin-bottom: 10px; }
.testo h2, .testo h3 { display: block !important; font-weight: bold; line-height: 1.5em; margin-top:1.5em; }
.testo h2 { font-size:120% !important; }
.testo h3 { font-size:105% !important; }

.redazione.testo img { width: 100px; margin-right:1rem; margin-bottom:0.4rem; float: left; }

div[role=main] .testo { font-size: 14px; line-height: 22px; } /* lettura */
.big { position: relative; width:514px; height: 289px; display:block; z-index:1; bottom:0px; left:0px; } /* width:468px; height: 260px; */
.big > div { position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; text-align: center; margin: auto; }
.big img { width: 100%; border:none !important; margin:auto; padding:0px; float:none; }
/*.big .titoloHover { width: 460px; bottom:0px; left:0px; padding:4px; text-align: left; }*/
.big .titoloHover { font-size: 1em; line-height: 1em; padding: 1em; text-align: left; }
.tcc-clear, .clear { clear: both; }

.menu { width: 166px; margin-bottom: 3px; text-align: left; background-repeat: no-repeat; background-position: right -154px; }
.menu span { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; background-position: 0px -448px; width: 5px; height: 5px; display: inline-block; margin-right: 10px; vertical-align: middle; }
.menu a { padding: 3px 5px; border-bottom: 1px solid #898989; display: block; font-weight: bold; text-align: left; color: #444; }
.menu a:link, .menu a:visited { color: #000; text-decoration: none; }
.menu a:hover, .menu a.selected { background-color: #bbb; filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }
.menu a:hover span, .menu a.selected span { background-position: 0px -453px; }

.list a { font-weight: bold; }
.list ul { line-height: 1.5em; list-style-type: none; padding: 0; margin-left:4px; }
.list li { margin-bottom: .1em; line-height: 20px; }
.list li a:hover { text-decoration: none; }
.list li a:hover .list-link { text-decoration: underline; }

/* link in lettura articolo */
.link { margin-top: 3px; margin-bottom: 3px; }
.link ul li { text-align: left; font-weight: bold; list-style: square; list-style-position: inside; color: #ccc; }
.link ul li a:link, .link ul li a:visited { color: #f00; text-decoration: none; }
.link ul li a:hover { color: #f00; text-decoration: underline; }

/* operazioni a fine articolo */
.icone { margin-top: 3px; margin-bottom: 3px; }
.icone ul { list-style: none; color: #000; text-align: left; font-size: 10px; }
.icone ul li { padding-left: 25px; height: 18px; margin-top: 5px; background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; }
.icone ul li.stampa { background-position: 0px -119px; }
.icone ul li.invia { background-position: 0px -148px; }
.icone ul li.mobile { background-position: 0px -174px; }
.icone ul li.google { background-position: 0px -203px; }
.icone ul li.facebook { background-position: 0px -251px; }
.icone ul li.commenta { background-position: 0px -272px; }
.icone ul li.twitter { background-position: 0px -289px; }
.icone ul li a:link, .icone ul li a:visited { color: #000; text-decoration: none; }
.icone ul li a:hover { color: #000; text-decoration: underline; }

.contatta { padding-right: 24px; background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; background-position: right -234px; }
.translate { width: 17px; background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; height: 10px; }
.translate.en { background-position: 0px -73px; }
.translate.es { background-position: 0px -88px; }
.translate.it { background-position: 0px -103px; }
.translate a:link, .translate a:visited, .translate a:hover { display: block; width: 100%; height: 100%; }

/* SONDAGGIO */
.sondaggio_start { float: left; width: 2px; height: 13px; background: url(/template/tmw/img/tmw-icone.png) transparent no-repeat 0px -349px; border: none; }
.sondaggio_poll { float: left; width: 2px; height: 13px; background: url(/template/tmw/img/tmw-icone.png) transparent repeat-x 0px -375px; border: none; }
.sondaggio_end { float: left; width: 2px; height: 13px; background: url(/template/tmw/img/tmw-icone.png) transparent no-repeat 0px -362px;;  border: none; }
.sondaggio_load { background-color: #efefef; border: 1px solid #ccc; padding: 4px; text-align: center; }

/* BANNER SONDAGGIO */
.sondaggioBanner { background-color: #ccc; color: #fff; width: 502px; padding: 4px 6px; margin: 10px auto; border-radius: 5px; } /* width: 468 (514)-12 padding; */
.sondaggioBanner img { width: 112px; height: 18px; margin-right: 4px; vertical-align: text-bottom; }
.sondaggioBanner a:link, .sondaggioBanner a:hover, .sondaggioBanner a:visited { color: #fff; text-decoration: none; }

/* BOX a destra */

/* BOX */
.body { text-align: left; color: #000; line-height: 16px; }
.body a:link, .body a:visited { color: #000; text-decoration: none; }
.body a:hover { color: #000; text-decoration: underline; }
.body img { border: 1px solid #ccc; padding: 1px; margin-right: 4px; margin-bottom: 4px; margin-top: 4px; }

/* TOP */
.freccia { float: right; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.nonefreccia { float: right; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }
.toplettetitle { float: left; text-transform: uppercase; }
.toplist { border: 1px solid #444; text-align: left; color: #fff; }
.nonetoplist { display: none; }
.toplist ul.t, .toplist ul.to, .toplist ul.ti { list-style: square inside; color: #fff; background-color: #ccc; text-align: left; }
.toplist ul.t li, .toplist ul.to li, .toplist ul.ti li { padding-left: 5px; padding-top: 2px; }
.toplist ul.t li a:link, .toplist ul.t li a:visited, .toplist ul.to li a:link, .toplist ul.to li a:visited, .toplist ul.ti li a:link, .toplist ul.ti li a:visited { color: #fff; text-decoration: none; }
.toplist ul.t li a:hover, .toplist ul.to li a:hover, .toplist ul.ti li a:hover { color: #fff; text-decoration: underline; }

/* annuncio Header */
.annuncio_header { color: #444; font-style: normal; font-weight: bold; font-size: 14px; padding:0 4px 3px 4px; text-align: left; }
.annuncio_header_testo { font-size: 12px; }
.annuncio_header_testo a:link, .annuncio_header_testo a:hover, .annuncio_header_testo a:visited { color: #444; text-decoration: none; }

/* forum */
.forum ul { list-style: square inside; color: #000; text-align: left; margin-left: auto; margin-right: auto; }
.forum ul li { padding-left: 5px; padding-top: 2px; line-height: 18px; }
.forum ul li a:link, .forum ul li a:visited { color: #000; text-decoration: none; }
.forum ul li a:hover { color: #000; text-decoration: underline; }

/* logo TC&C */
.tc_c { font-size: 10px; margin: 10px; height: 26px; overflow: hidden; }
.tc_c a:link, .tc_c a:visited { display: block; height: 26px; background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; background-position: 0px -388px; }
.tc_c a:hover, .tc_c.imagelogo { display: block; height: 26px; background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; background-position: 0px -414px; }

/* Sezioni visibili / invisibili ECCEZIONI di DEFAULT */
.ecc_count_read, .ecc_network_list, .ecc_utenti_online { }
.ecc_autore, .icone br { display: none; } /* pp e editoriale */

.tcc-banner { position: relative; text-align: center !important; margin: 5px auto; }
.tcc-banner.manchettes { width:160px; height:60px; background-color: #fff; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.placeholder { margin-left:auto; margin-right:auto; text-align:center; }
.placeholder:empty { background-color:rgba(136,136,136,.08); display: flex; align-items: center; justify-content: center; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
.placeholder:empty::before { content:"Pubblicità"; color:rgba(136,136,136,.25); text-transform:uppercase; }

/* banner in lettura */
.banner_468x60_read { display: none; }
.banner_300x250_read { float: left; padding-right: 18px; }

/* Foto */
.fotogallery caption { font-style: italic; color: #666; }
.fotogallery caption a:link, .fotogallery caption a:visited { color: #900; text-decoration: none; }
.fotogallery caption a:hover { color: #900; text-decoration: underline; }
.fotogallery img { padding: 1px; border: 2px solid #ccc; }
.fotogallery img.selected { padding: 1px; border: 2px solid #f00; }
.fotogallery td { padding: 1px; }

/* TMW */
.tmw_link a:link, .tmw_link a:visited { color: #000; }
.tmw_esclusiva a:link, .tmw_esclusiva a:visited { color: #2d8930; }
.tmw_ufficiale a:link, .tmw_ufficiale a:visited { color: #900; }

ul.calendario_gruppi                   { list-style: none; word-spacing: -1em; letter-spacing: -.25em; display: block; }
ul.calendario_gruppi li                { letter-spacing: normal; word-spacing: normal; display: inline-block; zoom: 1; *display: inline; background: #eee; color: #000; border: 1px solid #ccc; padding: 2px 3px 2px 3px; margin-right: 2px; font-weight: bold; }
ul.calendario_gruppi li.selected       { background: #fff; border: 1px solid #fff; }
ul.calendario_gruppi li:hover          { border: 1px solid #888; }
ul.calendario_gruppi li.selected:hover { border: 1px solid #fff; }

/* ICONS TMW */
.tmw-icon-media1 a { width: 14px; height: 11px; display: block; }
.tmw-icon-media2 a { width: 14px; height: 14px; display: block; }
.tmw-icon-media4 a { width: 14px; height: 10px; display: block; }
.tmw-icon-media1 { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; width: 14px; height: 11px; display: inline-block; margin-left: 3px; }
.tmw-icon-media2 { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; width: 14px; height: 14px; display: inline-block; margin-left: 3px; }
.tmw-icon-media4 { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; width: 14px; height: 10px; display: inline-block; margin-left: 3px; }
.tmw-icon-media1 { background-position: 0px -11px; }
.tmw-icon-media2 { background-position: 0px -22px; }
.tmw-icon-media4 { background-position: 0px -36px; }

/* APPLICAZIONI STORE */
.tmw-store-apple-small a, .tmw-store-google-small a, .tmw-store-windows-small a, .tmw-store-mobile-small a { width: 110px; height: 37px; display: block; }
.tmw-store-apple-small, .tmw-store-google-small, .tmw-store-windows-small, .tmw-store-mobile-small { background-image: url(/template/tmw/img/tmw-store.png); background-repeat: no-repeat; width: 110px; height: 37px; display: inline-block; margin: auto 1px; }
.tmw-store-apple-small { background-position: 0px 0px; }
.tmw-store-google-small { background-position: -110px 0px; }
.tmw-store-windows-small { background-position: -220px 0px; }
.tmw-store-mobile-small { background-position: -330px 0px; }

.tmw-store-apple-big a, .tmw-store-google-big a, .tmw-store-windows-big a, .tmw-store-mobile-big a { width: 138px; height: 46px; display: block; }
.tmw-store-apple-big, .tmw-store-google-big, .tmw-store-windows-big, .tmw-store-mobile-big { background-image: url(/template/tmw/img/tmw-store.png); background-repeat: no-repeat; width: 138px; height: 46px; display: inline-block; margin: auto 1px; }
.tmw-store-apple-big { background-position: 0px -37px; }
.tmw-store-google-big { background-position: -138px -37px; }
.tmw-store-windows-big { background-position: -276px -37px; }
.tmw-store-mobile-big { background-position: -414px -37px; }

/* MEDIA */
.tcc-media img { float:none; border:none; padding:0px; margin:0px; border: 1px solid #ddd; border-radius: 4px; padding: 3px; }
.tcc-media .small { font-size:10px; color:#666; margin-top:0.5em; line-height: 1.3em; }
.tcc-media > div { margin:1em auto 2em; }
.tcc-media .didascalia { margin: 0.5em auto; font-size: 90%; line-height: 1.2em; color: #666; text-align: left; }

.videoplayer img, .audioplayer img { border: none !important; padding: 0px !important; margin: 0px !important; }
.audioplayer::before { content: url(/template/tmw/img/audio-podcast.png); width: 100%; height:25px; overflow: hidden; display: block; }
.audioplayer.radiobianconera::before { content: url(/template/tmw/img/audio-rbn.png); }
.audioplayer.radiofirenzeviola::before { content: url(/template/tmw/img/audio-rfv.png); }
.audioplayer.tmwradio::before { content: url(/template/tmw/img/audio-tmwradio.png); }
.audioplayer.radiotuttonapoli::before { content: url(/template/tmw/img/audio-rtn.png); }
.audioplayer audio { border-radius: 4px; width: 100%; max-width: 514px; } /* max-width: 468px; */
.audioplayer { margin:1.5em auto; /*height:80px;*/ }

.playervideoradio { width: 336px; height: 190px; margin:0.5em auto; }
.playervideoradio { padding:0.2em; background-color: #666; }
.playervideoradio .vjs-big-play-button { transform: translate(-50%, -50%); }


.twitter, .twitter a { color: #222 !important; }

/* LISTA HEADER */
.header-list ul { list-style-type: none; display: inline; }
.header-list ul li { display: inline; padding: 0px 4px; }
.header-list.sx ul li { border-left: 1px solid #fff; }
.header-list.dx ul li { border-right: 1px solid #fff; }
.header-list ul li.no { border: none; }

/* TMW LIVE */
.tmwlive { background: url(/template/tmw/img/tmwlive.png) transparent no-repeat top center; width: 326px; height: 304px; padding: 18px 5px; overflow: hidden; } /* width: 336-5*2 = 326 */
.tmwlive a:link, .tmwlive a:hover, .tmwlive a:visited { color: #fff; font-weight: bold; }

.tmw-icon-pdf a { width: 9px; height: 8px; display: block; }
.tmw-icon-pdf { background-image: url(/template/tmw/img/tmw-icone.png); background-repeat: no-repeat; width: 9px; height: 8px; display: inline-block; background-position: 0px -440px; margin-left: 3px; }

/* PRIMO PIANO */
.pp { margin: auto; text-align: center; display: block; }
.pp .background { text-align:left; display: none; }
.pp .img_oriz { background-color: #fff; width: 514px; height: 289px; overflow: hidden; } /* width: 468px; height: 260px; */
.pp .testo { margin: 0px auto; padding: 0px; line-height: normal; }
.pp .testo > div:first-child { position: relative; z-index: 1; width: 514px; height: 289px; overflow:hidden; text-align: center; margin: auto; } /* width: 468px; height: 260px; */
.pp .testo img { border: none; margin: 0px; padding: 0px; float: none; width: 100%; }
.pp .rosso a:link, .pp .rosso a:visited, .pp .rosso a:hover { color: #000; font-weight: bold; text-decoration: none; }
.pp .titoloHover { text-align: left; display: inline; }
.pp .titolo { display: none; }
.pp .art { margin-top:3px; display: none; }

.h1 { position: relative; display: block; width: inherit; height: inherit; } /* img della thumb in pp */
.h1 h1 { z-index: 2; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.h1 img { z-index: 3; position: relative; top:0px; left:0px; }

/* pagina calendario e classifica */
.calendario_lista { margin-top: 2em; line-height: 1.5em; }
.calendario_lista.n_it { color: #014fa2; background: linear-gradient(135deg, #fff 50%, #009344 50%, #009344 67%, #fefefe 67%, #fefefe 84%, #cf2734 84%, #cf2734 100%); background-repeat: no-repeat; }
.calendario_lista.n_gb { color: #d00c27; background: linear-gradient(135deg, #fff 50%, #d00c27 50%, #d00c27 100%); background-repeat: no-repeat; }
.calendario_lista.n_de { color: #1a1a1a; background: linear-gradient(135deg, #fff 50%, #1a1a1a 50%, #1a1a1a 67%, #de0000 67%, #de0000 84%, #ffcf00 84%, #ffcf00 100%); background-repeat: no-repeat; }
.calendario_lista.n_es { color: #c70318; background: linear-gradient(135deg, #fff 50%, #c70318 50%, #c70318 67%, #ffc500 67%, #ffc500 84%, #c70318 84%, #c70318 100%); background-repeat: no-repeat; }
.calendario_lista.n_0 { color: #014fa2; background: linear-gradient(135deg, #fff 50%, #014fa2 50%, #014fa2 100%); background-repeat: no-repeat; }
.calendario_lista.n_fr { color: #002680; background: linear-gradient(135deg, #fff 50%, #002680 50%, #002680 67%, #fefefe 67%, #fefefe 84%, #F23018 84%, #F23018 100%); background-repeat: no-repeat; }

.calendario, .classificatable, .calendariotable { width: 100%; }
.classificatable thead tr { color:#686868; border-bottom:2px solid #686868; }
.classificatable tr td, .calendariotable tr td { padding: 0.4em; border-bottom:1px solid #eee; }
.classificatable tr td, .calendario tr td { padding: 0.4em; }
.classificatable tbody tr td:first-child { padding-left:0px; border-left:4px solid #fff; }
.nowrap { white-space: nowrap; }

.classificatable td.evi, .calendariotable td.evi, .calendarioschema td.evi { color: #f00; }

.tcc-calendario .mtop { margin-top: 2em !important; }
.tcc-calendario .mbottom { margin-bottom: 2em !important; }

.calendarScheme { white-space: nowrap; overflow-y:auto; }
.calendarScheme .col { display:inline-block; vertical-align:top; width:auto; white-space: nowrap; }
.calendarScheme .col > div:first-child { margin-bottom:0.5em; }
.calendarScheme .col.br { width:1%; margin:auto 0; }

.calendarScheme .col > div { height:1.5em; line-height:1.5em; border:1px solid transparent; }
.calendarScheme .col > div div { display:inline-block; vertical-align:middle; white-space: nowrap; width:40px; padding:0 0.2em; }
.calendarScheme .col > div div:first-child { width:120px; }
.calendarScheme .col > div div:not(empty) { border:1px solid #ccc; }

.calendarScheme .col > div div:empty { display:none; }
.calendarScheme .col .note { font-size:8px; line-height:1.5em; color:#686868; }

.calendarScheme .col.br .btop { border-top:1px dashed #ccc; }
.calendarScheme .col.br .bright { border-right:1px dashed #ccc; }

/* PROSSIMI EVENTI SX */
.proxEventi { padding: 3px 0px; }
.proxEventi a, .proxEventi a:hover { text-decoration: none; }

/* LABEL titoli notizia */

.tcc-badge { font-family: Arial, sans-serif; margin:0px 0.5em 0px 0px; padding:0.3em 0.5em; font-size: 0.55rem; text-transform: uppercase; display: inline-block; vertical-align: text-top; line-height: normal; }
.tcc-badge { border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; }
.tcc-badge { background-color: #686868; color:#fff !important; }
a:hover .tcc-badge { text-decoration: none; }

/* app */
.app { text-align: center; margin: 3px auto; }
.app img { display: inline-block; margin: auto 1px; }

/* checkMobile */
.checkMobile { background-color: #900; font-size: 20px; padding: 12px; border-bottom: 3px solid #fff; }
@media (min-device-width: 480px) { .checkMobile { display: none; } }

/* rmcsport podcast */
div.block_title.bs_block_rmcsport { margin-bottom: 10px; }
.bs_block_rmcsport .block_title { background-image: none; background-color: #e2211c; border-top: 1px solid #25282a; color: #fff; }
.body.bs_body_rmcsport { padding: 3px; border: 1px solid #25282a; }
.body.bs_body_rmcsport img { border: 1px solid #000; }

.social_table div { margin: 0.1em auto; }
.social_table span { display:inline-block; vertical-align: middle; border-radius: 3px; }
.social_table.share span { border-radius: 0; }
.social_icon     { border: 1px solid; width: 18px; height: 18px; background-image: url(/template/tmw/img/social_18x18.png); background-repeat: no-repeat; margin-right:0.3em; }
.social_follow   { border: 1px solid; height: 18px; width: 80%; padding-left: 4px; line-height: 18px; color: #fff; font-size: 11px; font-weight: bold; }
.social_table.share .social_follow { width:auto; padding:0 4px; }
.social_table.share .social_icon { margin:auto; }

.icon_facebook   { background-position-x: 0; border-color: #3b5998; }
.icon_twitter    { background-position-x: -18px; border-color: #222; }
.icon_googleplus { background-position-x: -36px; border-color: #dd4e41; }
.icon_instagram  { background-position-x: -54px; border-color: #bc2a8d; }
.icon_youtube    { background-position-x: -72px; border-color: #ff0000; }
.icon_telegram   { background-position-x: -90px; border-color: #279fd3; }
.icon_twitch   { background-position-x: -108px; border-color: #9146ff; }
.icon_tiktok   { background-position-x: -126px; border-color: #000; }
.icon_whatsapp   { background-position-x: -144px; border-color: #075e54; }

.follow_facebook   { border-color: #3b5998; background-color: #3b5998; }
.follow_twitter    { border-color: #222; background-color: #222; }
.follow_googleplus { border-color: #dd4e41; background-color: #dd4e41; }
.follow_instagram  { border-color: #bc2a8d; background-color: #bc2a8d; }
.follow_youtube    { border-color: #ff0000; background-color: #ff0000; }
.follow_telegram   { border-color: #279fd3; background-color: #279fd3; }
.follow_twitch     { border-color: #9146ff; background-color: #9146ff; }
.follow_tiktok     { border-color: #000; background-color: #000; }
.follow_whatsapp     { border-color: #075e54; background-color: #075e54; }
.social_count      { border: 1px solid #ccc; height: 18px; width: 28px; display: inline-block; margin-left: 2px; padding-right: 4px; font-size: 10px; border-radius: 3px; text-align: right; line-height: 18px; }
.social_icon:hover, .social_follow:hover, .social_count:hover { opacity: 0.8; }

/* Bottone visualizzazione letture */
.box_reading { height: 18px; padding-right: 5px; padding-left: 25px; display: inline-block; border-radius: 3px; line-height: 18px; color: #fff; background-image: url(/template/tmw/img/view.png); background-position: 5px center; background-repeat: no-repeat; background-color: #999; font-size: 10px; font-weight: bold; border: 1px solid; }
.box_loading { height: 18px; padding-right: 5px; padding-left: 20px; display: inline-block; border-radius: 3px; line-height: 18px; color: #000; background-image: url(/template/tmw/img/circle2.gif); background-position: 5px center; background-repeat: no-repeat; background-color: #fff; border: 1px solid #fff; }

.thumbuser { font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 1.6em; margin:2.5em auto; }
.thumbuser img { border:none !important; margin:0 !important; padding:0 !important; float:none !important; }
.thumbuser > div { display:inline-block; vertical-align:top; width: calc(100%   -   124px); } /* più spazi per bug in ant yui compressor */
.thumbuser > div:first-child { width:100px; margin-right:20px; }
.thumbuser .upper { color:#999; }
.thumbuser .serif { font-size:1.8em; }
.thumbuser .twitter, .thumbuser .twitter a { color: #222; }

.sx.mobile img { border:none; float: left; margin-right: 10px; }

/* Sticky Banner */
.sticky-container > .sticky-item { position: -webkit-sticky; position: sticky; top: 0; }

/* classifica */
.tcc_squadre_14 span { display: block; }
.tcc_squadre_14 svg { width:14px; height:14px; vertical-align:text-top; }

[class*="pre-"] { } /*a:hover { -moz-opacity:.7; filter:alpha(opacity=70);  opacity:.7; }*/ /* link personalizzati */
[class*="pre-"] .tcc-badge { color:#fff !important; }
/* COLOR LIST NEWS */
/* BLU */
.pre-0000FF .tcc-badge { background-color: #0066a6; }
.pre-0000FF a { color: #0066a6 !important; }

/* GREEN */
.pre-008000 .tcc-badge { background-color: #008000; }
.pre-008000 a { color: #008000 !important; }

/* RED */
.pre-FF0000 .tcc-badge { background-color: #c00; }
.pre-FF0000 a { color: #c00 !important; }

/* FUCHSIA */
.pre-FF00FF .tcc-badge { background-color: #D00679; }
.pre-FF00FF a { color: #D00679 !important; }

/* ORANGE */
.pre-FF9900 .tcc-badge { background-color: #BE5103; }
.pre-FF9900 a { color: #BE5103 !important; }

/* TWITCH */
.pre-9146FF .tcc-badge { background-color: #9146FF; }
.pre-9146FF a { color: #9146FF !important; }

/* CARICAMENTO PLAYER */
.load-video-default { background: url(/template/tmw/img/load-video-default.png); }

/* ADV necessarie per TCCNotizie::insertBoxArticle() */
.adv-margin { margin: 20px auto; text-align: center; }
.adv-width-box { width: auto; max-width: 360px; margin: 20px auto; text-align: center; }

/* TABELLINO */
.tcc-fixtures-box .tcc-badge { margin:0px 0.5em 0px 0px; padding:0.3em 0.5em; font-size: 0.55rem; text-transform: uppercase; background-color: #dfdfdf; color:#444; display: inline-block; vertical-align: text-top; line-height: normal; }
.tcc-fixtures-box .fixtures.tcc-badge { background-color: #aaa; color: #fff; margin-left:0.5em; }
.tcc-fixtures-box .fixtures.tcc-badge.selected, .fixtures.tcc-badge:hover { background-color: #686868; color:#fff; }

.tcc-fixtures-box .tcc-fixtures .tcc-scroll { display:none; }
.tcc-fixtures-box .tcc-fixtures { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 8px 4px 4px 4px; background-color:#f5f5f5; margin-top:-8px; }
.tcc-fixtures-box .tcc-fixtures .container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.tcc-fixtures-box .tcc-fixtures .container .scroll { position: relative; width: 100%; height: 100%; z-index: 9; margin:auto 50px; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px, 0px, 0px); }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match { transform: translateZ(0); flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 192px; height: 85px; margin:5px 0px; padding:5px 14px; border-right:1px solid #d6d6d6; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match:last-child { border:none; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match a { display: inline-block; width: 100%; height: 100%; vertical-align: top; }

.tcc-fixtures-box .tcc-fixtures .container .scroll .match a .box > div div { display: inline-block; margin:auto 2px; vertical-align: middle; font-size:1.1em; font-weight: bold; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match a .box > div:first-child { margin-bottom:4px; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match a .box > div div.img { width: 30px; height: 30px; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match a .box > div div.img img { width: 100%; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match a .box > div div.team { width: 106px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tcc-fixtures-box .tcc-fixtures .container .scroll .match a .box > div div.result { text-align: right; width: 38px; }

.tcc-fixtures-box .tcc-fixtures .container .scroll .match div:first-child { margin-bottom: 0.4em; }

.tcc-fixtures-box .tcc-fixtures .live { background-color:rgba(255,0,0,.085); }
.tcc-fixtures-box .tcc-fixtures .live .rr { color:#900; }
.tcc-fixtures-box .tcc-fixtures .tcc-scroll .tcc-badge { color:#000; font-weight: bold; }
.tcc-fixtures-box .tcc-fixtures .tcc-scroll .tcc-badge.end { background-color: #77c277; }
.tcc-fixtures-box .tcc-fixtures .tcc-scroll .tcc-badge.live { background-color: #ffb834; }
.tcc-fixtures-box .tcc-fixtures .tcc-scroll .tcc-badge.line { background-color: #84bcdf; }
.tcc-fixtures-box .tcc-fixtures .live .hh, .tcc-fixtures .end .hh { font-weight: normal; }

.tcc-fixtures-box .tcc-fixtures .container .buttons > div { height: 40px; width: 40px; border-radius: 100%; cursor:pointer; text-align: center; color: #000; background-color: rgba(255,255,255,0.8); }
.tcc-fixtures-box .tcc-fixtures .container .buttons > div { position: absolute; top: 50%; transform: translate(-50%, -50%); z-index:10; }
.tcc-fixtures-box .tcc-fixtures .container .buttons .prev { left: 30px; }
.tcc-fixtures-box .tcc-fixtures .container .buttons .next { right: -10px; }

.tcc-fixtures-box .tcc-fixtures .container .buttons span { margin-top:16px; }
.tcc-fixtures-box .tcc-fixtures .container .buttons .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; }
.tcc-fixtures-box .tcc-fixtures .container .buttons .arrow.next { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right:3px; }
.tcc-fixtures-box .tcc-fixtures .container .buttons .arrow.prev { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left:3px; }

.newstickerex img { border:0px; max-width:280px; width:100%; text-align:left; }

/* newsticker ilsole24ore */
.newstickerex.ilsole24ore_com img { max-width: 150px; }
.newstickerex.ilsole24ore_com { margin:1em auto; padding:1em; background-color: #f5e5d5; border-radius:0.2em; }
.newstickerex.ilsole24ore_com span { font-weight: bold; }
.newstickerex.ilsole24ore_com > div { border-color:#cfbfb0 !important; }
.newstickerex.ilsole24ore_com > div:last-child { border:none !important; }
.newstickerex.ilsole24ore_com a:hover { color:#544f4b; }

/* QUOTE */
.bquote { margin: 1.5em auto; }
.bquote blockquote { font-size: 1.8em; line-height: 1.45em; font-style: italic; width: 75%; margin: auto; padding: 0.25em 40px; position: relative; color: #383838; }
.bquote blockquote:before { display: block; content: "\201C"; font-size: 5em; position: absolute; left: 0px; top: -20px; color: #ccc; }
.bquote blockquote:after { display: block; content: "\201D"; font-size: 5em; position: absolute; right: 0px; bottom: -40px; color: #ccc; }
.bquote blockquote cite { color: #999; font-size: 0.75em; display: block; margin-top: 0.5em; }
.bquote blockquote cite:before { content: "\2014 \2009"; }

/* FORM */
.tcc-form      { margin-bottom:1em; }
.tcc-form div { position: relative; margin-bottom: 1.5em; }
.tcc-form label:not([class*="ck"]):not([class*="tcc-switch"]) { display: block; margin-bottom: 0.5em; font-weight: 700; }
.tcc-form label.flex-right { position:absolute; display:inline; right:0px; top:0px; text-align: right; }

input, textarea, select, button, input[type='file'] + label, select > option { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; stroke:none; }
input, textarea, select, button, input[type='file'] + label { width: calc(100% - 0.75rem - 0.75rem); padding: 0.2rem 0.75rem; font-size: 1em; line-height: 1.5em; color: #495057; background-color: #fbfbfb; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.3em; }
textarea { height: 150px; max-height: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
input:hover, textarea:hover, select:hover, button:hover, input:focus, textarea:focus, select:focus, button:focus, input:active, textarea:active, select:active, button:active { border: 1px solid #999; }
input[type="submit"],input[type="button"],button { background-color: #ccc; margin:0.1rem !important; color: #666; border: 1px solid #909090; width: auto; text-align: center; margin: auto; white-space: nowrap; }
input[type="submit"]:hover,input[type="button"]:hover,button:hover,input[type='file'] + label:hover { background-color:#5e8b60; border:1px solid #58835a; color:#fff; cursor: pointer; cursor: hand; }
input[type="radio"],input[type="checkbox"] { height: 0; line-height:0; width: auto; }

input[type='checkbox'], input[type='radio'] { background:url(/template/tmw/img/checks.png) transparent no-repeat 0 0; width: 16px; height: 16px; border:none; margin: 0; padding: 0; vertical-align:text-bottom; line-height: 1em; }
input[type='checkbox']:hover, input[type='radio']:hover { border: none; background-color: transparent; }
input[type='radio'] { background-position: -32px 0; }
input[type='radio']:checked { background-position: -48px 0; }
input[type='checkbox']:checked { background-position: -16px 0; }
input[type='checkbox']:hover:checked { background-position: -16px -16px; }
input[type='radio']:hover:checked { background-position: -48px -16px; }
input[type='checkbox']:hover { background-position: 0 -16px; }
input[type='radio']:hover { background-position: -32px -16px; }
input[type='checkbox']:disabled,input[type='checkbox']:hover:disabled { background-position: 0 -32px; }
input[type='radio']:disabled,input[type='radio']:hover:disabled { background-position: -32px -32px; }
input[type='checkbox']:disabled:checked,input[type='checkbox']:hover:disabled:checked { background-position: -16px -32px; }
input[type='radio']:disabled:checked,input[type='radio']:hover:disabled:checked { background-position: -48px -32px; }

.tcc-form input ~ label[for] { margin-left:1em; display:inline !important; font-weight: normal !important; }
select { background:url(/template/tmw/img/down-arrow.png) #fbfbfb no-repeat right center; border: 1px solid #ced4da; text-overflow: ''; }
select option { outline-color: transparent; outline-style: none; }
select:hover,select:focus { background-color: #fbfbfb; border: 1px solid #999; }