body {
    background-color: #ffffdd !important;
    margin: 0;
    padding: 10px;
    min-height: 100%;
    color: #222;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.6;
    font-weight: 700;
    /* RISOLVE LA BARRA BIANCA IN ALTO: */
    overflow-x: hidden;
    display: flow-root; 
}

/* 2. FIX PER TITOLI (Evita che i margini buchino lo sfondo) */
h1, h2, h3, h4 {
    margin-top: 0;
    padding-top: 2px;
    font-family: 'Spectral', serif;
    text-align: center;
}

h1 { font-size: 125%; color: #8b351d; }
h2 { color: #d71322; }

/* 3. COLONNE E LAYOUT */
.gridContainer {
    max-width: 1200px;
    margin: 0 auto;
}

.column3, .column5, .news {
    margin-bottom: 20px;
}

/* 4. LINKS */
a { color: #0085d5; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

/* 5. FORM E INPUT */
input, button {
    font-family: inherit;
    box-sizing: border-box;
}

.search-btn {
    background-color: #f1efd3 !important;
    border: 1px solid #c5bd5c !important;
    padding: 5px 15px;
}

img, video {
  max-width: 100%;
  border: none;
  outline: none;
  vertical-align: middle;
  height: auto; /* Mantieni proporzioni */;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
}


.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
margin-left:auto;
margin-right:auto;
width:98.3333%;
padding-left:.8333%;
padding-right:.8333%;
clear:none;
float:none;
}

.menu {
clear:none;
margin-top:1px;
margin-left:2px;
margin-right:2px;
}

.logo {
display:block;
clear:none;
margin-top:2px;
background: url('images/logo-newsagencies.info-mobile.png') no-repeat;
width:autox;
height:36px;
}

ul.logo {
padding:0;
margin:0;
list-style-type:none;
}

ul.logo a {
display:block;
height:48px;
width:214px;
}

ul.logo a span {
display:none;
}

ul.logo a:link,ul.logo a:visited,ul.logo a:active {
background-repeat:no-repeat;
background-position:top;
}

ul.logo a:hover {
background-repeat:no-repeat;
background-position:bottom;
}

.header,.text2 {
display:none;
clear:both;
}

.header {
margin-left:0;
font-family:"Times New Roman",Times,serif;
}

.ticker,.tickernews {
display:none;
}

.title {
width:auto;
}

.text1,.text2 {
width:auto;
font-size:90%;
color:green;
clear:none;
margin:0;
margin-left:2.6949%;
vertical-align: top;
font-family:"Times New Roman",Times,serif;
}

.menu2 {
width:100%;
vertical-align:middle;
}

.banner {
width:100%;
clear:both;
margin-left:0;
}

.p,.news p {
font-size: 70%;
text-align: justify;
margin: 3px 2px;
padding: 4px 5px 4px;
line-height: 1.5;
color: #8f8f8f;
}


.newsagencies,.magazines,.newsagency,.menu3,.news {
margin:7px 0;
}

.newsagencies h2,.newsagency h2,.magazines h2 {
margin-bottom:4px;
line-height:15px;
}

.newsagencies p,.magazines p,.newsagency p,.menu3 p {
width: 98%;
float: left;
overflow:auto;
font-size: 80%;
margin: 3px 2px;
padding: 4px 5px 4px;
line-height: 1.5;
color: #8f8f8f;
}

.newsagency p {
border:1px solid #d7d18e;
border-radius: 6px;
background: #ffffdd;
}

.newsagencies a:link,
.newsagencies a:visited,
.newsagency a:link,
.newsagency a:visited,
.magazines a:link,
.magazines a:visited,
.pulsante a:link,
.pulsante a:visited {
  background: linear-gradient(to bottom, #FEFEF2, #edecdc);
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  box-shadow: 0 1px 1px #ddd;
  margin: 3px 0;
  padding: 6px 3px;
  text-decoration: none; /* Rimuove il sottolineato */
  display: inline-block; /* Per padding e dimensioni */
}

.newsagencies a:link,.newsagency a:link,.magazines a:link {
	display:inline-block;
	overflow:auto;
	line-height:36px;
	vertical-align:middle;
	no-repeatbottomcenterdisplay:block;
}

.newsagencies a:link {
font-weight: 900;
color: #005ac8;
}

.newsagency a:link {
font-weight: 900;
color: #045bcc;
}

.magazines a:link {
font-weight: 900;
color: #cc0033;
}

.pulsante a:link {
width:98%;
color: #333;
float:left;
overflow:auto;
text-align:center;
vertical-align:middle;
}

.pulsante a:visited {
color: #333;
}

.newsagencies a:visited,
.newsagency a:visited,
.pulsante a:visited,
.magazines a:visited {
  display: block;
  border: 1px solid #d6d6d6;
  box-shadow: 0 0 7px #444;
  text-shadow: 4px 4px 15px #000;
}

.newsagencies a:visited {
color:#005ac8;
}

.newsagency a:visited {
color: #045bcc;
}

.magazines a:visited {
color: #cc0033;
}

.newsagencies a:hover,
.newsagency a:hover,
.pulsante a:hover,
.magazines a:hover {
  background: linear-gradient(to bottom, #edecdc, #FEFEF2);
  color: #ff0c00;
  box-shadow: none;
}

.menu3 {
text-align:justify;
}

.menu3 a:link,
.menu3 a:visited {
  display: inline-block;
  overflow: auto;
  line-height: 36px;
  font-size: 110%;
  vertical-align: middle;
  background: linear-gradient(to bottom, #F1EFD3, #ebe9c5);
  border: 1px solid #d1d1d1;
  color: #004a94;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin: 3px 0;
  padding: 6px 3px;
  text-decoration: none; /* Aggiunto per rimuovere la sottolineatura */
}

/* Aggiungi anche lo stato hover per un effetto interattivo */
.menu3 a:hover,
.menu3 a:focus {
  background: linear-gradient(to bottom, #e0d3a0, #c5c188);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  color: #003366; /* Colore leggermente più scuro per hover */
}

.menu3 a:hover {
  background: linear-gradient(to bottom, #ebe9c5, #F1EFD3);
  color: #ff0c00;
  text-align: center;
  box-shadow: none;
}

.menu3 a:focus {
outline:thin dotted;
}

.banner2, .banner3  {
width: 100%;
margin:10px 0;
}



.banner2, .banner3  {
width: 100%;
margin:10px 0;
}


.news {
width:100%;
clear:both;
margin:7px 2px
}

.news2 {
width:100%;
clear:both;
margin-left:0;
font-size:90%
}

.news2 a {
font-family: 'Spectral', 'Open Sans', sans-serif;
font-size:120%
}

.labelfield {
color:gray;
font-size:90%
}

.datefield {
color:#008040;
font-size:80%
}





.nasc {
width: auto;
}

.searchengine {
width:97%;
float: right;
clear:none;		
border: 1px;
font-size:85%;
line-height:24px;
margin: 10px 0px 10px 1px;
}

.column3, .column4, .column5, .column6 {
width:auto;
margin-top:0px;
margin-left:0;
}

.menu4 {
clear: none;
text-align:center;
margin:auto;
}

.menu4 img {
display:none;
}

.menu4 h2 {
text-align:center;
color:#E31413;
margin:2px 1px 1px;
}

.space {
clear:none;
vertical-align:middle;
}

.space2 {
  font-size: 65%;
  height: 95px; /* Correzione del typo */
  clear: none;
  text-align: justify;
  margin: 0 auto; /* Centrare orizzontalmente */
  padding-bottom: 5px;
  /* Se vuoi, puoi aggiungere width per centrare */
}

/* Stile link */
.space2 a:link {
  line-height: 12px;
  display: block;
  background-repeat: no-repeat; /* Se necessario */
  background-position: bottom center; /* Se necessario */
  border: 1px solid #ccc; /* Colore del bordo */
  background-color: #fff; /* Sfondo bianco */
  box-shadow: 0 0 7px #444; /* Box-shadow standard, supportato dalla maggior parte dei browser */
  margin: 3px 2px;
  padding: 3px;
  text-decoration: none; /* Se desideri rimuovere la sottolineatura */
}

.space2 a:hover {
background:#ffa;
}

.space3 {
background-image:url(images/strillo.png);
height:52px;
width:111px;
clear:none;
float:left;
text-align:center;
margin:2px;
padding:2px;
}

.service {
font-size:80%;
float:left;
text-align:center;
vertical-align:middle;
}

.service img {
display:none;
}

/* Base per tutti i bottoni */
.button a,
.button2 a,
.button3 a,
.button4 a,
.button5 a,
.button6 a,
.myButton a,
.myButton2 a {
  display: inline-block;
  overflow: auto;
  line-height: 36px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #d1d1d1;
  box-shadow: 0 1px 1px #d6d6d6;
  margin: 5px 0 5px 4px;
  padding: 6px 12px;
  text-decoration: none;
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

/* Larghezza per alcuni */
.button a,
.button2 a {
  width: 98%;
}

/* Stili base dei link */
.button a,
.button2 a {
  color: #005ac8;
  background: linear-gradient(to bottom, #F1EFD3, #ebe9c5);
}

/* Stili per button3 e button5 */
.button3 a,
.button5 a {
  color: #252525;
  background: linear-gradient(to bottom, #FFE88C, #FC0);
}

/* Stili per button4 e button6 */
.button4 a,
.button6 a {
  color: #252525;
  background: linear-gradient(to bottom, #EDF3F8, #c8dae8);
}

/* Effetti hover */
.button a:hover,
.button2 a:hover {
  background: linear-gradient(to bottom, #ebe9c5, #F1EFD3);
  color: #ff0c00;
}

/* Hover specifici per button3 e button5 */
.button3 a:hover,
.button5 a:hover {
  background: linear-gradient(to bottom, #FC0, #FFE88C);
}

/* Hover specifici per button4 e button6 */
.button4 a:hover,
.button6 a:hover {
  background: linear-gradient(to bottom, #c8dae8, #EDF3F8);
}

/* Stile visitati */
.button a:visited,
.button2 a:visited,
.button3 a:visited,
.button4 a:visited,
.button5 a:visited,
.button6 a:visited {
  color: #cd1220;
  border: 1px solid #C5BD5C;
  box-shadow: 0 2px 4px #aaa;
  margin: 3px 2px 4px;
  padding: 6px 12px;
  border-radius: 6px;
  text-decoration: none;
}

/* Focus styles */
.button a:focus,
.button2 a:focus,
.button3 a:focus,
.button4 a:focus,
.button5 a:focus,
.button6 a:focus {
  outline: thin dotted;
}

/* Stili specifici per myButton e myButton2 */
.myButton a,
.myButton2 a {
  font-size: 90%;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px #d6d6d6;
  margin: 5px 0 5px 4px;
  padding: 6px 12px;
  width: auto;
}

.myButton a:hover,
.myButton2 a:hover {
  font-size: 90%;
  color: #ff0c00;
  background-color: #ffffdd;
}

.myButton a:visited,
.myButton2 a:visited {
  font-size: 90%;
  color: #000;
  border: 1px solid #d1d1d1;
}

/* Gli altri stili specifici sono già coperti con questa struttura */

/* Se vuoi, puoi aggiungere transizioni di hover più morbide a tutto */
.note {
    display: block;
    overflow: auto;
    text-align: justify;
    line-height: 22px;
    font-size: 90%;
    color: #000;
    vertical-align: middle; /* Potrebbe non avere effetto su un block element */
    background: lightyellow;
    border: 1px solid #c5bd5c;
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    margin: 2px 5px;
    padding: 10px 13px;
}

.note a:link {
	font-size:115%;
	color:#005ac8;
	vertical-align:middle;
}

.note p {
	font-size:80%;
	margin:1px 8px 1px 0;
	color:#333;
}

.note a:hover {
color:#ff0c00;
}

.note a:visited {
	color:#005ac8;
}

.hotel {;
}

:root {
  --main-bg-color: #5EDACC;
  --main-border-color: #C5BD5C;
  --hover-border-color: #e9e6bc;
  --text-color: #ff0c00;
  --hover-color: #FF3E3E;
  --shadow-color: rgba(0, 0, 0, 0.2);
  --box-shadow: 0 4px 12px var(--shadow-color);
  --border-radius: 8px;
  --transition-duration: 0.3s;
}

.hotel a {
  display: block;
  width: 97%;
  margin: 4px 2px;
  padding: 12px;
  background-color: var(--main-bg-color);
  color: var(--text-color);
  font-size: 1.1rem; /* più scalabile */
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--main-border-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  line-height: 1.4; /* più leggibile e moderno */
  transition: all var(--transition-duration) ease;
}

.hotel a:hover {
  color: var(--hover-color);
  border-color: var(--hover-border-color);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.service2 {
width:auto;
clear:none;
float:right;
text-align:center;
margin:2px 0px 2px 0px;
padding:0px;
}

.service3, .service4  {
clear:none;
text-align:center;
margin:1px 2px 1px 0;
padding:2px 4px 2px 0;
}

.column5 {
clear:none;
margin-left:0;
}

.radiolive {
background-image:url(images/musica-live.jpg);
height:90px;
width:298px;
}

.radiolive select {
font:12px Arial;
color:#FF0;
font-weight:700;
background:#E21015;
border:none;
text-decoration:none;
position:relative;
top:61px;
left:10px;
}

.footer { 
margin: 3px 2px;
padding: 4px 1px 4px;
line-height: 1.5;
color: #8f8f8f;
}

.footer p { 
text-align: center;
}

.footer a:link { 
text-align: center;
}


/* ============================================
   Menu
   ============================================ */

#navmenu
{
	font:14px 'Roboto Condensed',sans-serif;
	position:relative;
	z-index:1000;
	background:#ffd;
    border-bottom:2px solid #cc0033;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	-moz-box-shadow:0 1px 1px #ccc;
	-webkit-box-shadow:0 1px 1px #ccc;
	box-shadow:0 1px 1px #e1e1e1;
	margin:1px 2px .5px 4px;
}
	#navmenu *
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
	#navmenu .fa
{
	font-size:1em;
}
	#navmenu .fa-twitter
{
	color:#00ACEE;
}
	#navmenu ul
{
	z-index:100;
	margin:0;
	padding:0;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	-webkit-perspective:1000px;
	perspective:1000px;
	-webkit-perspective-origin:50% 0;
	perspective-origin:50% 0;
}
	#navmenu > ul li
{
	display:inline-block;
}
	#navmenu > ul li:nth-last-of-type(2)
{
	margin-left:auto;
	border-left:1px solid #F2F0EA;
}
	#navmenu > ul > li a
{
	display:inline-block;
	display:flex;
	position:relative;
	height:100%;
	background:#ffd;
	padding:8px 6px 7px;
	border-right:1px solid #d0ca7d;
	color:#3792ff;
	text-decoration:none;
}
	#navmenu > ul li:hover > a
{
	background:#ffd;
}
	#navmenu > ul li ul
{
	position:absolute;
	left:-5000px;
	top:auto;
	opacity:0;
	width:100%;
	transform:rotateX(-70deg);
	backface-visibility:hidden;
	transform-origin:50% 0;
	background:#F2F0EA;
	visibility:hidden;
	border:1px solid #d0ca7d;
	border-width:1px 0 1px 1px;
	box-shadow:4px 3px 5px #F2F0EA;
	-webkit-transition:opacity .3s,-webkit- transform .5s,visibility 0 .3s,left 0 .3s;
	transition:opacity .3s,transform .5s,visibility 0 .3s,left 0 .3s;
}
	#navmenu > ul li:hover > ul
{
	visibility:visible;
	left:0;
	opacity:1;
	transform:rotateX(0deg);
	-webkit-transition:opacity .5s,-webkit-transform .5s;
	transition:opacity .5s,transform .5s;
}
	#navmenu > ul li ul li
{
	display:inline-block;
	flex:1;
	min-width:140px;
}
	#navmenu ul ul li:hover > a
{
	background:#F2F0EA;
}
	#navmenu ul ul li:hover > ul
{
	left:0;
}
	#navmenu ul li ul li a
{
	font:14px 'Roboto Condensed',sans-serif;
	padding:10px;
	margin:0;
	background:#ffd;
	color:#3792ff;
	display:block;
	font-weight:700;
	width:100%;
	height:100%;
}
	#navmenu > ul li ul li a div
{
	text-transform:none;
	padding-top:5px;
	font-size:90%;
	color:#005ac8;
	font-weight:700;
	line-height:1.5;
}
	#navmenu ul li > a
{
	padding-right:25px;
}
	#navmenu ul li > a:only-child
{
	padding-right:10px;
}
	#navmenu ul li > a:after
{
	content:"";
	position:absolute;
	height:0;
	width:0;
	border:5px solid transparent;
	border-top-color:#3792ff;
	top:18px;
	right:8px;
}
	#navmenu ul li > a:only-child:after,#navmenu ul li.noarrow > a:after
{
	display:none;
}
	#navmenu ul li.noarrow > a
{
	padding-right:10px;
}
	#searchtoggler input
{
	width:100%;
	font-weight:700;
	font-size:24px;
	padding:1px;
}
	div#burgertoggler
{
	width:44px;
	height:30px;
	margin-bottom:2em;
	position:absolute;
	right:6px;
	top:2px;
	display:flex;
	cursor:pointer;
	flex-direction:column;
	justify-content:space-between;
	visibility:hidden;
	z-index:100000;
	transition:none;
	background:#ffd;
	padding:4px;
    border-radius:6px;
}
	div#burgertoggler > div
{
	width:80%;
	height:4px;
	background:#000;
	transform-origin:0 50%;
}
	div#burgertoggler > div.line1
{
	width:80%;
}
	div#burgertoggler > div.line2
{
	width:100%;
}
	div#burgertoggler.open div.line1
{
	transform:rotate(45deg);
}
	div#burgertoggler.open div.line2
{
	opacity:0;
	transform:translate3d(-10px,0,0);
}
	div#burgertoggler.open div.line3
{
	transform:rotate(-45deg);
}
	@media (max-width: 1023px)
{
	div#burgertoggler
{
	visibility:visible;
	border:.5px solid #dedaa0;
}
	div#burgertoggler > div
{
	transition:all .5s;
}
	#navmenu
{
	visibility:hidden;
	position:fixed;
	left:0;
	top:0;
	opacity:0;
	width:100%;
	height:100%;
	transform:scale(.8);
	transition:transform .3s,opacity .3s;
}
	#navmenu.open
{
	visibility:visible;
	opacity:1;
	transform:scale(1);
	overflow:auto;
	transition:transform .3s,opacity .3s;
}
	#navmenu > ul
{
	display:block;
	font-size:18px;
}
	#navmenu > ul li
{
	display:block;
}
	#navmenu > ul > li a
{
	background:#f3f2de;
	border:.5px solid #dedaa0;
	padding:8px 6px;
}
	#navmenu ul li > a:after
{
	display:none;
}
	#navmenu > ul li ul
{
	position:static;
	display:block;
	background:#ffd;
	visibility:visible;
	transform:rotateX(-90deg);
	border:.5px solid #dedaa0;
}
	#navmenu > ul li ul li
{
	display:block;
}
	#navmenu.open > ul li ul
{
	transform:rotateX(0deg);
	opacity:1;
	transition:all .3s .3s;
}
	#navmenu > ul > li a
{
	display:block;
}
	#navmenu ul li ul li a
{
	height:auto;
	padding:11px;
	font-weight:700;
	font-size:16px;
}
	html.can-touch #navmenu > ul li:hover > a
{
	background:transparent;
}
	html.can-touch #navmenu ul ul li:hover > a
{
	background:transparent;
	color:red;
}
	#navmenu ul li ul li a div
{
	font-weight:700;
}

}
	@media (min-width:1024px)
{
	#navmenu
{
	font:bold 16px 'Roboto Condensed',sans-serif;
}
	#navmenu > ul li ul li a
{
	font:bold 15px 'Roboto Condensed',sans-serif;
}

}
	@media (min-width:1200px)
{
	#navmenu
{
	font:bold 17px 'Roboto Condensed',sans-serif;
}
	#navmenu > ul li ul li a
{
	font:bold 16px 'Roboto Condensed',sans-serif;
}

}
	@media (min-width:1600px)
{
	#navmenu
{
	font:bold 17px 'Roboto Condensed',sans-serif;
}
	#navmenu > ul li ul li a
{
	font:bold 16px 'Roboto Condensed',sans-serif;
}

}
	@media (max-width: 500px)
{
	#navmenu ul li ul li a div
{
	display:none;
}

}

/* ============================================
   End Menu
   ============================================ */

@media (max-width:319px){
  
.banner {
width:99%;
height:100px;
}

.logo {
display:block;
clear:none;
margin-top:5px;
background:url(images/quotidiani.net-logo-m.png) no-repeat;
width:130px;
height:39px;
}

.title {
font-size: 70%;
}

.text1,.text2 {
margin-left:1px;
font-size: 80%;
}

.pulsante p,.newsagencies p,.newsagency p, .magazines p, .radio p, .menu3 p {
text-align: left;
margin:3px 0px 4px 0px;
padding:1px 0px;
}

.pulsante a:link {
width:98%;
height:26px;
line-height:14px;
font-size:110%;
text-align:center;
margin:9px 0px 10px 0px;
padding:13px 1px 3px;
}

.newsagencies a:link,.newsagency a:link, .magazines a:link, .radio a:link, .menu3 a:link {
width:98%;
line-height:14px;
font-size:110%;
text-align:center;
margin:4px 0px 4px 0px;
padding:13px 1px;
}

.pulsante p,.newsagencies p,.newsagency p, .magazines p {
text-align: left;
}

.pulsante img {
display:none;
}

.banner2, .column3, .column4, .column5, .column6 {
width:100%;
margin:0px;
}

.button a:link, .button2 a:link {
height: auto;
}

.button a:link,.button2 a:link,.button3 a:link,.button4 a:link,.button5 a:link, .button6 a:link,.myButton a:link,.myButton2 a:link {
width:98%;
line-height: 14px;
font-size: 90%;
text-align: center;
margin: 3px 0px 4px 0px;
padding: 13px 1px;
}
    
.hotel a:link {
width:100%;
height: 44px;
line-height:22px;
font-size:100%;
width:98%;
margin:5px 0px 5px;
padding:9px 1px 9px 0px;
}

.menu4 {
width: 47%;
font-size: 70%;
margin: 1px 1px 0px 2px;
padding: 1px 0px 1px 0px;
line-height: 28px;
}

.menu4 h2 {
font-size:auto;
}

.menu5 {
text-align: center;
margin: 3px 1px 2px 0px;
padding-bottom: 6px;
}

.service, .service2, .service4 {
width:98%;
}

.nasc {
display: none;
}

.searchengine {;
}



.note {width: 97%;
margin:1px 0px 1px 2px;
padding:1px 1px 1px 2px;
}

.note a:link {
font-size:110%;
padding:1px 4px 1px 4px;
}

.note p {
font-size:100%;
padding:1px 4px 1px 4px;
}
	
p { 
margin: 1px 1px;
}

.footer p { 
font-size:80%;
text-align: justify;
margin: 3px 2px;
padding: 4px 5px 4px;
line-height: 1.5;
color: #8f8f8f;
}

.footer a:link { 
font-size:120%;
}
}

@media ( min-width : 320px ) and (max-width : 399px ){
	
.banner {
width:99%;
height:100px;
}
	
.title {
font-size: 100%;
}

.text1,.text2 {
margin-left:0;
}

.pulsante,.newsagencies,.newsagency, .magazines, .menu3 {
width: 100%;
}

.pulsante p,.newsagencies p,.newsagency p, .magazines p, .radio p, .menu3 p {
width: 97%;
text-align: left;
margin:1px 0px 4px;
padding:3px;
}

.pulsante a:link {
width: 98%;
height: 30px;
padding: 7px 0px 8px 0px;
margin: 10px 0px 10px;
}

.pulsante img {
display:none;
}

.newsagencies a:link,.newsagency a:link, .magazines a:link, .radio a:link, .menu3 a:link {
width: 48.6%;
height: 30px;
overflow: auto;
no-repeatbottomcenterdisplay: block;
font-size: 110%;
line-height: 14px; /* verticale */
text-align: center;
vertical-align: middle;
padding: 24px 0px 8px 0px;
margin: 3px 0px;
}

.menu4 {
width:49%;
font-size: 90%;
line-height: 30px;
margin: 1px 1px 2px 1px;
}

.menu5 {	
font-size:82%;
line-height:28px;
width:45%;
clear:none;
text-align:center;
padding:5px 5px 2px 7px;
margin top:15px;
}

.menu4 h2, .menu5 h2 {
font-size:auto;
}

.nasc {
display: none;
}

.searchengine {;
}



.note {
width: 97%;
margin:1px 0px 1px 2px;
padding:1px 2px 1px 3px;
}

.note a:link {
font-size:110%;
}

.note p {
font-size:100%;
}

.button a:link,.button2 a:link {
height: 34px;
}

.button3 a:link,.button4 a:link, .button5 a:link,.button5 a:link, .myButton2 a:link  {
height: 34px;
}

.button a:link,.button3 a:link,.button4 a:link,.button5 a:link,.button5 a:link, .myButton2 a:link  {
width:98%;
line-height:14px;
font-size:110%;
text-align: center;
padding:21px 0px 3px 1px;
margin:2px 0px 2px;
}

.myButton a:link {
	height: auto;
	line-height: 28px;
	font-size: 90%;
	width: 98%;
	height: auto;
	margin: 1px 0px 2px;
	padding: 9px 1px 8px;
}

.button3 a:link,.button4 a:link {
font-size: 90%;
}

.button2 a:link {
width: 48%;
float: right;
clear: none;
line-height: 14px;
font-size: 95%;
margin: 3px 2px 4px 0px;
padding:21px 0px 3px 1px;
}
	
.button5 a:link,.button6 a:link {
width: 48%;
float: right;
clear: none;
line-height: 14px;
font-size: 95%;
margin: 3px 2px 4px 0px;
padding:21px 0px 21px 1px;
}

.myButton2 a:link {
width:48%;
float: right;
clear: none;
height: auto;
line-height:27px;
font-size:90%;
margin:1px 2px 2px 0px;
padding:8px 0px 7px 1px;
}

.hotel a:link {
width:100%;
height: 44px;
line-height:22px;
font-size:100%;
width:98%;
margin:5px 0px 5px;
padding:9px 2px 9px 0px;
}

.service,.service2,.service3 {
width:100%;
margin-left:0;
}
	
.service4 {
width:98%;
margin:1px 3px 1px 2px;
}

.banner2, .column3, .column4, .column5, .column6 {
width:100%;
margin:0px;
padding:0px;
}

.footer p { 
font-size:80%;
text-align: justify;
padding:1px 7px 1px 3px;
}

.footer a:link { 
text-align: center;
font-size:90%;
padding:1px 7px 1px 3px;
}
}

@media (min-width:400px) and (max-width:499px){
	
.banner {
width:99%;
height:100px;
}

.h1, .h2, .h3, .h4 {
	font-size:90%;
	line-height: 18px;
}

.text1,.text2 {
margin-left:0;
}

.pulsante img {
display:none;
}

.pulsante p,.newsagencies p,.newsagency p, .magazines p, .radio p, .menu3 p {
width: 98%;
text-align: left;
margin:1px 0px 4px;
padding:3px;
}

.newsagencies a:link,.newsagency a:link, .magazines a:link, .menu3 a:link  {	
width: 31.8%;
height: 38.5px;
overflow: auto;
line-height: 13px; /* verticale */
no-repeatbottomcenterdisplay: block;
font-size: 109%;
text-align: center;
vertical-align: middle;
margin: 3px 0px 4px;
padding: 27px 0.5px 5px 0.5px;
}

.pulsante a:link {
height: 28px;
font-size:100%;
line-height: 13px; /* verticale */
text-align: center;
vertical-align: middle;
margin:5px 0px 10px;
padding:18px 2px 4px;
}

.menu4 {
width:33%;
font-size: 85%;
line-height: 30px;
padding: 1px 0px 1px 0px;
margin: 1px 1px 2px 0px;
}

.menu4 h2 {
font-size:90%;
}

.menu5 {	
font-size:110%;
line-height:28px;
width:45%;
clear:none;
text-align:center;
padding:5px 5px 2px 7px;
margin top:15px;
}

.menu5 h2, .menu5 h3, {
font-size:120%;
}

.nasc {
display: none;
}

.searchengine {;
}



.note {
width: 97%;
margin:1px 0px 1px 2px;
padding:1px 0px 1px 2px;
}

.note a:link {
font-size:110%;
padding:1px 4px 1px 4px;
}

.note p {
font-size:100%;
padding:1px 4px 1px 4px;
}

.button a:link,.button3 a:link, .button4 a:link, .myButton a:link {
width: 98%;
line-height: 28px;
font-size: 100%;
margin: 3px 2px 4px 1px;
padding: 16px 1px 13px;
}
	
.button2 a:link, .button5 a:link, .button6 a:link, .myButton2 a:link {
width: 48%;
line-height: 28px;
font-size: 100%;
margin: 1px 1px 2px 0px;
padding: 16px 1px 13px;
}

.button a:link, .button2 a:link,.button3 a:link, .button4 a:link,.button5 a:link,.button6 a:link {
height: 33px;
}

.myButton a:link, , .myButton2 a:link {
height: auto;
}

.hotel a:link {
height: 50px;
line-height:24px;
font-size:110%;
width:98%;
margin:3px 2px 4px;
padding:10px 1px;
}

.service2,.service3 {
width:99%;
margin:0px 1px 0px;
}
	
.service4 {
width:98%;
margin:15px 3px 1px 2px;
}

.column4,.column6,.column5 {
width:99%;
margin:1px;
clear:none;
}
    
.footer p { 
font-size:80%;
text-align: justify;
padding:1px 7px 1px 3px;
}

.footer a:link { 
text-align: center;
font-size:90%;
padding:1px 7px 1px 3px;
}
}

@media ( min-width : 500px ) and (max-width : 764px ){
	
.banner {
width:99%;
}
    
.h1, .h2, .h3, .h4  {
	font-size:95%;
	line-height: 18px;
}

.text1,.text2 {
margin-left:0;
}

.newsagencies a:link,.newsagency a:link, .magazines a:link, .menu3 a:link {
width: 23.8%;
height: 50px;
overflow: auto;
line-height: 13px; /* verticale */
no-repeatbottomcenterdisplay: block;
font-size:115%;
text-align: center;
vertical-align: middle;
margin:3px 0px 4px 0px;
padding:28px 0px 4px 0px ;
}

.newsagencies p,.magazines p,.newsagency p,.menu3 p {
text-align: left;
margin: 3px 2px 3px -2px;
padding: 3px 5px 4px;
}
	
.newsagencies p,.magazines p,.menu3 p {
width: 100%;
}
	
.newsagency p {
width: 99%;
}

.service {
width:20%;
}

.service2 {
width:70%;
float:right;
}
    
.service3 {
width:99%;
}
	
.service4 {
width:99%;
margin:17px 1px 1px 1px;
}

.nasc {
display: none;
}

.searchengine {;
}



.note {width: 98%;
margin:1px 0px 1px -2px;
padding:1px 0px 1px 2px;
}

.note a:link {
font-size:110%;
padding:1px 4px 1px 4px;
}

.note p {
font-size:90%;
padding:1px 4px 1px 4px;
}

.pulsante a:link {
width: 98%;
height: 28px;
line-height: 13px; /* verticale */
font-size:90%;
text-align: center;
vertical-align: middle;
margin:0px 0px 10px;
padding:18px 1px 1px;
}

.pulsante img {
display:none;
}

.menu4 h2 {
font-size:90%;
}

.menu4 {
width: 25%;
font-size:80%;
line-height: 25px;
padding:1px 0px 1px 0px;
margin: 1px 0px 2px 0px;
}

.menu5 {	
font-size:90%;
line-height:28px;
width:30%;
clear:none;
text-align:center;
padding:5px 5px 2px 7px;
margin top:15px;
}

.button a:link,.button3 a:link,.button4 a:link, .button6 a:link, .myButton a:link {
width:99%;
line-height:28px;
font-size:90%;
margin:3px 1px 4px 0px;
padding:10px 1px;
}

.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 47.0%;
line-height: 28px;
font-size: 90%;
margin: 3px 0.5px 4px 0px;
padding: 10px 1px;
}

.hotel a:link {
width:99%;
height: 50px;
line-height:24px;
font-size:110%;
margin:4px 2px 6px 0px;
padding:10px 1px;
}

.column4 {
width:32.2%;
margin-left:0.0000%;
margin-right:1.0000%;
clear:none;
}

.column6 {
width:24%;
margin-left:0.0000%;
margin-right:1.0000%;
clear:none;
}

.column5 {
width:99%;
margin-left:0.0000%;
margin-right:1.0000%;
clear:none;
}
}

/* Desktop Layout: min-width : 765px and max-width : 1023px .  Inherits styles from: Mobile Layout and Tablet Layout. */

/* regole CSS */

@media ( min-width : 765px ) and (max-width : 1023px ){

.header {
display: block;
width: 50.0%;
height: 40px;
clear: none;
color:#ff0c00;
}
	
.header p {
line-height:17px;
margin-top: 2px;
margin-left: 1.6949%;
padding-top: 1px;
font-size:85%;
color:#ff0c00;
line-height:17px;
}	
    


.nasc {
display: none;
}

.searchengine {;
}

.h1{
font-size:110%;
margin:1px;
padding:1pt;
}
	
.text1,.text2 {
display: block;
float: right;
width:auto;
clear:none;
font-size:75%;
}

.text1 h2,.text2 h2 {
margin: 1px 0px 1px 9px;
padding: 5px 0px 3px 1px;
}
	
.text1 p,.text2 p {
margin: 1px 0px 1px 4px;
padding: 7px 0px 3px 1px;
}
	
.text1 img,.text2 img {
vertical-align:middle;
}

.service {
width:17%;
}

.service2 {
float:right;
width:50%;
}

.banner {
width:68%;
clear:none;
text-align: center;
margin-left:10px;
margin-right:0px;
}

.banner2 {
width:100%;
height:auto;
}

.pulsante a:link {
width: 98%;
font-size: 100%;
line-height:20px;
margin: 4px 1px 6px;
padding:11px 2px;
}

.newsagencies h2,.newsagency h2,.magazines h2, ,.menu3 h2 {
font-size:110%;
line-height:15px;
}

.newsagencies a:link,.magazines a:link, .newsagency a:link,.menu3 a:link  {
line-height:34px;
font-size:100%;
padding:7px 2px 7px;
}

.newsagencies a:visited,.newsagency a:visited,.menu3 a:visited {
line-height:34px;
font-size:100%;
padding:7px 2px 7px;
}

.newsagencies p,.magazines p,.newsagency p,.menu3 p {
width: 98%;
text-align: justify;
margin: 3px 2px;
padding: 4px 5px 5px 5px;
}	
	
.menu2 {
width:30%;
}

.menu4 h2 {
font-size:80%;
margin:4px 1px;
}

.menu4 {
font-size:80%;
width:86px;
clear:none;
text-align:center;
margin:2px 2px 2px 0px;
padding-bottom:5px;
margin: 0px 15px 0px 7px;
}
	
.menu4 img, .pulsante img {
display:block;
vertical-align:middle;
margin:0 auto;
}

.menu5 {	
font-size:100%;
line-height:28px;
width:31%;
clear:none;
text-align:center;
padding:5px 5px 2px 7px;
margin top:15px;
}

.button a:link,.button3 a:link,.button4 a:link {
width: 98%;
line-height:34px;
margin:3px 0px 4px 0px ;
padding:7px 2px;
}

.myButton a:link {
line-height:34px;
margin:3px 0px 4px 1px;
padding:7px 2px 7px;
}

.button2 a:link,.button5 a:link,.button6 a:link {
font-size:80%;
width: 47.4%;
line-height:34px;
margin:3px 0px 4px 0.5px;
padding:7px 1px;
}

.myButton2 a:link {
width: 46%;
line-height:34px;
margin:3px 0px 4px 1px;
padding:7px 2px 7px;
}
    
.hotel a:link {
width: 97%;
background:url(images/hotel-vacanze-p.png);
line-height:22px;
float:right;
margin:10px 0px 10px 0px;
padding:0px 3px 0px 2px;
}

.news {
width: 58.5000%;
margin-left: 0.00%;
clear: none;
margin-left: 4px;
margin-right: 25px;
}

.news2 {;
}



.column3 {
width:37%;
clear:none;
margin-left:1px;
margin-right:0;
}

.column4 {
width:32.5%;
margin-left:0%;
margin-right:0.5%;
clear:none;
}

.column5 {
width:48.0000%;
margin-left:0.5%;
margin-right:1.5%;
}

.column6 {
width:24%;
margin-left:0%;
margin-right:1%;
clear:none;
}
    
.service3 { 
width:48.0000%;
margin-left:0.5%;
}
	
.service4 { 
width:60.0000%;
clear:none;
margin:17px 10px 5px 0px;
padding:1px 5px 1px 5px;
}

.note {
width: 97%;
margin:1px 0px 1px 0px;
padding:1px 0px 1px 2px;
}

.note a:link {
font-size:120%;
margin:1px 0px 1px 0px;
padding:1px 0px 1px 1px;
}

.note p {
font-size:90%;
padding:1px 1px 1px 1px;
}
}

/* Desktop Layout: min-width : 1024px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width:1024px){

.gridContainer {
width:100,0000%;
max-width:1000px;
padding-left:.8333%;
padding-right:.8333%;
margin:auto;
clear:none;
float:none;
margin-left:auto;
}

.logo {
display:block;
width:23.7288%;
margin-top:4px;
margin-right:9px;
background:url(images/newsagencies.info-logo.png) no-repeat;
width:229px;
height:51px;
}

ul.logo {
padding:0;
margin:0;
list-style-type:none;
}

ul.logo a {
display:block;
height:61px;
width:225px;
}

ul.logo a span {
display:none;
}

ul.logo a:link,ul.logo a:visited,ul.logo a:active {
background-repeat:no-repeat;
background-position:top;
}

ul.logo a:hover {
background-repeat:no-repeat;
background-position:bottom;
}

.title {
width:auto;
}

.header,.text2 {
display: block;
}

.header {
width: 73.0%;
clear: none;
margin-top: -8px;
margin-left: 0;
font-size:85%;
color:#ff0c00;
line-height:17px;
}




.title {
width:auto;
}

.text1,.text2 {
width:auto;
margin: 0px 0px 5px 9px;
padding: 3px 0px 5px 1px;
clear:none;
}

.text1,.text2 img {
vertical-align:middle;
}

.menu {
display:block;
margin-top:6px;
margin-bottom:6px;
margin-left:1.6949%;
clear:none;
}

.menu2 {
width:26%;
margin-left:0;
margin-right:10px;
}

.banner {
width:72%;
clear:none;
margin-left:0;
margin-right:2px;
}

.newsagencies {
display:block;
}

.newsagencies h2,.newsagency h2,.magazines h2, ,.menu3 h2 {
font-size:110%;
line-height:15px;
}

.newsagencies a:link,.magazines a:link, .newsagency a:link,.menu3 a:link  {
line-height:34px;
font-size:105%;
padding:4px 2px 5px;
}

.newsagencies a:visited,.newsagency a:visited,.menu3 a:visited {
line-height:34px;
font-size:105%;
padding:4px 2px 5px;
}

.newsagencies p,.magazines p,.newsagency p,.menu3 p {
width: 98%;
text-align: justify;
margin: 3px 2px;
padding: 4px 5px 5px 5px;
}

.menu3 a:hover {
color:red;
}

.service {
margin:0px 4px 0px;
}

.pulsante a:link {
height:auto;
line-height: 34px;
font-size: 105%;
margin: 4px 1px 6px;
padding:5px 3px 5px;
}

.banner2 {
width:auto;
hight:auto;
text-align: center;
}

.banner3 {
margin: 20px 0px  20px 0px;
}

.news {
width:61.5000%;
clear:none;
margin: 0px 30px 0px 0px;
}

.news2 a:link {
font-size:120%;
}

.nasc {
display: block;
}

.searchengine {
padding:0px 5px 2px 0px;
}

.column3 {
width:35%;
clear:none;
margin-left:0px;
margin-right:0;
}

.menu4 {
font-size: 70%;
line-height:20px;
width: 48%;
clear:none;
text-align:center;
clear:none;
padding:1px 1px 1px 1px;
margin:1px 1px 1px 1px;
}

.menu4 h2 {
font-size:100%;
text-align: center;
}

.menu4 img, .pulsante img {
display:block;
vertical-align:middle;
margin:0 auto;
}

.menu5 {	
font-size:65%;
line-height:22px;
width:186px;
clear:none;
text-align:right;
padding:1px 5px 2px 7px;
margin top:15px;
}

.space2 {
width:165px;
font-size:70%;
}

.service img {
display:block;
margin:0 auto;
}

.service2 {
float:right;
width:50%;
}
    
.service3 {
width:49.0000%;
}
	
.service4 { 
width:62.5000%;
clear:none;
margin:16px 10px 5px 0px;
padding:1px 5px 1px 5px;
}

.note {
width: 98%;
margin:1px 0px 1px 2px;
padding:1px 0px 1px 2px;
}

.note a:link {
font-size:120%;
margin:1px 0px 1px 0px;
padding:1px 4px 1px 2px;
}

.note p {
font-size:90%;
padding:1px 4px 1px 4px;
}

.button a:link,.button3 a:link,.button4 a:link, .myButton a:link {
width: 98%;
line-height:34px;
margin:3px 0px 4px 0px ;
padding:4px 2px 5px;
}

.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 48.0000%;
line-height:34px;
margin:3px 0px 4px 0px;
padding:4px 1px 5px;
}

.hotel a:link {
width: 98%;
background:url(images/hotel-vacanze-p.png);
line-height:22px;
float:right;
margin:10px 0px 10px 2px;
padding:0px 2px 0px;
}

.column4 {
width:32.5%;
margin-left:1%;
margin-right:-0.5%;
clear:none;
}

.column5 {
width:48.5000%;
margin-left:0.0%;
margin-right:1.5000%;
clear:none;
}

.column6 {
width:24.5%;
margin-left:1%;
margin-right:-0.5%;
clear:none;
}

.sfondo {
text-align:center;
}

.zeroMargin_desktop {
margin-left:0;
}

.hide_desktop {
display:none;
}
}

@media (min-width:1200px){

.gridContainer {
width:100,0000%;
max-width:1150px;
padding-left:.8333%;
padding-right:.8333%;
margin:auto;
clear:none;
float:none;
margin-left:auto;
}

.header {
display:block;
width:75.5000%;
margin-left:1.6949%;
clear:none;
margin-top:-8px;
margin-left:0;
font-size:95%;
}

.banner {
text-align:right;
}

.banner2 {
width:15%;
margin-left:0;
margin-right:2px;
}

.banner3 {
margin: 20px 0px  20px 0px;
}

.news {
width:51.0%;
clear:none;
margin: 0px 20px;
}

.column3 {
width:30%;
clear:none;
margin-left:0px;
margin-right:0;
}
	
.column4 {
width:33%;
margin-left:0.7%;
margin-right:-0.5%;
clear:none;
}
    
.column5 {;
}
	
.column6 {
width:24.5%;
margin-left:0.5%;
margin-right:0%;
clear:none;
}

.h1 {
font-size:110%;
text-shadow:#000 4px 4px 15px;
margin:1px 0 0;
padding:2pt;
}

.h2 {
font-size:105%;
margin:1px 0 0;
padding:1px ;
}

.text1,.text2 {
width:auto;
margin:-10px 0 0;
padding:3px 7px 3px 9px;
line-height:20px;
font-size:100%;
}

.newsagencies h2,.newsagencies h3,.newsagencies h4,.newsagency h2 {
font-size:110%;
line-height:15px;
}

.newsagencies a:link,.newsagency a:link,.magazines a:link,.menu3 a:link {
line-height:36px;
font-size:110%;
margin: 3px 0px;
padding:5px 3px 4px;
}

.newsagencies a:visited,.newsagency a:visited,.magazines  a:visited,.menu3 a:visited {
line-height:36px;
font-size:110%;
margin: 3px 0px;
padding:5px 3px 4px;
}

.newsagencies p,.magazines p,.newsagency p,.menu3 p {
width: 98%;
margin: 3px 2px;
padding: 3px 5px 4px;
}

.button a:link,.button3 a:link,.button4 a:link,.myButton a:link {
line-height:36px;
padding:5px 2px 4px;
}

.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 48.0000%;
line-height:36px;
margin:3px 0px 4px 0.5px ;
padding:5px 1px 4px;
}
    
.hotel a:link {
width: 99%;
margin:10px 0px 10px 2px;
padding:0px 2px 0px 0px;
}

.searchengine {
margin-top: 20px;
padding:0px 10px 2px 0px;
}


.service {
width:40%;
margin:0px 4px 0px;
}

.pulsante a:link {
height:auto;
line-height: 34px;
font-size: 105%;
margin: 2px 1px 6px;
padding:6px 3px 6px;
}
	
.menu2 {
padding-right:1px;
margin-right:1px;
}

.menu4 {
font-size: 80%;
line-height:20px;
width: 35%;
clear:none;
text-align:center;
clear:none;
padding:1px 5px 1px 5px;
margin:1px 29px 1px 1px;
}

.menu4 h2 {
font-size:auto;
}
    
.service3 {
width:49.0000%;
}
	
.service4 { 
width:68.0000%;
clear:none;
margin:16px 10px 5px 0px;
padding:1px 5px 1px 5px;
}

.space2 {
width:190px;
font-size:70%;
}

.note  {
width:99%;
}
}

@media screen and (min-width:1600px){
/* regole CSS */
	
.gridContainer {
width:100,0000%;
max-width:1600px;
padding-left:.8333%;
padding-right:.8333%;
margin:auto;
clear:none;
float:none;
margin-left:auto;
}
	
.logo {
margin-right:8px;
}

.header {
width:75.5000%;
font-size:100%;
line-height:18px;
margin-top: -15px;
padding:4px 1px 3px;
}

.h1 {
font-size:140%;
}
    
.h2,.h3,.h4 {
font-size:130%;
}

.text1,.text2 {
width:auto;
margin:-11px 0 0;
padding:2px 15px 5px 20px;
line-height:22px;
font-size:110%;
}

.banner {
width:70%;
text-align:right;
margin-top: 10px;
padding-left: 50px;
}

.newsagencies,.newsagency,.magazines,.menu3 {
line-height:36px;
font-size:120%;
padding:4px 3px	;
}

.newsagencies a:link,.newsagency a:link,.magazines a:link,.menu3 a:link {
font-size:130%;
line-height:36px;
padding:4px 5px	5px;
}

.newsagencies a:hover,.newsagency a:hover,.magazines a:hover,.menu3 a:hover {
padding:4px 5px 5px;
}

.newsagencies a:visited,.newsagency a:visited,.magazines a:visited,.menu3 a:visited {
font-size:130%;
line-height:36px;
padding:4px 5px 5px;
}

.pulsante a:link {
height:auto;
line-height: 34px;
font-size: 100%;
margin: 1px 1px 6px;
padding:7px 1px 6px;
}

.banner2 {
width:18%;
margin: 7px 2px  24px 0px;
}

.banner3 {
margin: 18px 0px  24px 0px;
}

.button a:link,.button3 a:link,.button4 a:link {
line-height:36px;
font-size:105%;
margin:3px 0px 4px 0.5px;
padding:4px 5px	5px 3px;
}
    
.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 47.8%;
line-height:36px;
font-size:105%;
margin:3px 0px 4px 0.5px;
padding:4px 3px	5px 3px;
}
  
.hotel a:link {
width: 99%;
font-size:105%;
margin:10px 0px 10px 2px;
padding:0px 3px 0px 0px;
}

.button a:visited,.button2 a:visited,.button3 a:visited,.button4 a:visited,.button5 a:visited,.button6 a:visited {
line-height:36px;
font-size:105%;
padding:4px 3px 5px;
}

.myButton a:link {
width: 99%;
line-height:36px;
font-size:110%;
margin:3px 0px 4px 0.5px;
padding:4px 0px 5px 3px;
}

.searchengine {
font-size:75%;
margin-top: 20px;
padding:0px 10px 2px 10px;
}

.news {
width:46.0%;
clear:none;
margin-left:30px;
margin-right:30px;
}

.note  {
width:100%;
}

.column3 {
width:32%;
clear:none;
margin-left:0px;
margin-right:0;
}


.column5 {
width:48.5000%;
margin-left:0.0000%;
margin-right:1.5000%;
clear:none;
}

.service {
width:40%;
margin:0px 4px 0px;
}

.service4 { 
width:66.0000%;
clear:none;
margin:5px 10px 5px 0px;
padding:15px 5px 1px 5px;
}

.menu4 {
font-size: 90%;
line-height:20px;
width: 40%;
clear:none;
text-align:center;
padding:1px 5px 3px 5px;
margin:1px 25px 3px 5px;
}

.menu4 h2 {
font-size:auto;
}

.menu5 {	
font-size:80%;
width:200px;
clear:none;
text-align:right;
padding:1px 4px 2px 7px;
margin: 3px 4px 3px 4px;
}

.space2 {
width:190px;
font-size:70%;
}
}

/* =========================
   MOTORE RICERCA
========================= */

.search-form {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 600px;
}

.search-input {
	flex: 1;
	padding: 4px 7px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-right: none;
	border-radius: 7px 0 0 4px;
	outline: none;
	box-sizing: border-box;
    background: #fff;
}

.search-input:focus {
	border: 2px solid #ddd;
}

.search-btn {
	padding: 5px 10px;
	font-size: 17px;
	border: 1px solid #ccc;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(to bottom, #F1EFD3, #ebe9c5);
	border: 1px solid #C5BD5C;
	cursor: pointer;
	white-space: nowrap;
}

.search-btn:hover {
	background: linear-gradient(to bottom, #ebe9c5, #F1EFD3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

@media (max-width: 480px) {
	.search-input {
		border-right: 1px solid #ccc;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
}

	.search-btn {
		border-top: none;
		border-radius: 0 0 4px 4px;
		width: 100%;
}
}

/* =========================
   FINE MOTORE RICERCA
========================= */

/* AllTranslate CSS */

p.gflag {text-align: left;}
/* ## translator CSS ## */

a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(flags/32.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(flags/32a.png);}

#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}

#google_translate_element2 {display:none!important;}

/* ##the end translator CSS ## */

/* fine AllTranslate CSS */	


/* =========================
   NOTIZIE
========================= */

 /* IL TUO CSS PERSONALIZZATO ADATTATO */
        .container-ticker { width: 100%; margin: 0 auto 0px auto; }
        .container-main { max-width: 100%; margin: 0 auto; }
        .sezione-titolo { text-align: center; color: #6b642e; text-transform: uppercase; letter-spacing: 3px; font-weight: 800; margin: 5px 0; font-size: 1.2em; }

        /* Stile Ticker Flash */
  

.tikernewsclass { 
    background: linear-gradient(90deg, #030e3f 0%, #3d5ce6 100%);
    color: #fff; 
    border: 1px solid rgba(194, 186, 75, 0.2);
    border-radius: 7px;
    height: 45px; /* Altezza fissa per desktop */
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

/* Stile per il link (Titolo) */
.tikernewsclass a { 
    font-family: 'Roboto Condensed', sans-serif; 
    color: #ffeb3b !important; 
    text-decoration: none; 
    font-weight: bold; 
    white-space: nowrap; /* Su desktop resta su una riga */
}

/* Stile per la data e la fonte (Testo piccolo) */
.tikernewsclass div, .tikernewsclass span { 
    font-family: 'Roboto Condensed', sans-serif; 
}

/* Regola specifica per MOBILE */
@media screen and (max-width: 768px) {
    .tikernewsclass {
        height: auto !important; /* Diventa elastico */
        min-height: 55px;
        padding: 8px 10px !important; /* Più spazio interno per non toccare i bordi */
        display: flex;
        align-items: center; /* Centra l'immagine rispetto al blocco testo */
    }

    .tikernewsclass a {
        white-space: normal !important; /* La notizia può andare a capo */
        font-size: 13px !important;
        line-height: 1.2 !important;
        display: block;
        margin-bottom: 4px; /* Sposta il titolo lontano dalla fonte */
    }

    /* Protezione per Fonte e Data */
    .tikernewsclass div span {
        font-size: 10px !important;
        display: inline-block; /* Aiuta a mantenere la riga integra */
        vertical-align: middle;
    }
}

        /* REGOLE PER LE SCHEDE NOTIZIE (MAIN.PHP) */
        .news-frame {
            background-color: #ffffee; padding: 18px; margin-bottom: 15px;
            border-radius: 4px; display: flex; gap: 20px;
             border:1px solid #e2dea9;
            transition: all 0.4s ease; cursor: pointer; align-items: flex-start;
        }
        .news-frame:hover { background-color: #fff; box-shadow: 0 4px 15px rgba(107, 100, 46, 0.1); border-color: rgba(107, 100, 46, 0.4); }

        .thumb-wrapper { flex-shrink: 0; overflow: hidden; border-radius: 7px; }
        
        /* Effetto Black & White / Sepia */
        .news-thumb { width: 170px; height: 110px; object-fit: cover; filter: contrast(140%) hue-rotate(4deg) grayscale(5%) ; display: block; }
        .news-frame:hover .news-thumb { filter: contrast(135%) hue-rotate(4deg) grayscale(5%); }

        .news-content { flex-grow: 1; display: flex; flex-direction: column; }
        .meta-data { font-family: 'Roboto Condensed', sans-serif; font-size: 13px; color: #555; text-transform: uppercase; display: flex; /* Usiamo flex per allineare tutto perfettamente */ align-items: center; gap: 10px; /* Questo imposta la stessa identica distanza tra ogni elemento */ }
        .separator { color: #555; font-weight: bold; }
        
        .source-name { color: #2d5a27; font-weight: 700; margin-right: 10px; }
        .news-title-link { color: #111 !important; text-decoration: none; font-size: 19px; font-weight: 600; line-height: 1.2; margin-bottom: 8px; display: block; }
        .news-description { color: #333; font-size: 14px; margin: 0; line-height: 1.5; text-align: justify; }

        #timer-container { text-align: center; font-size: 12px; margin-bottom: 5px; color: #6b642e; }
        #countdown { font-weight: bold; color: #d9534f; }

        .btn-refresh { background-color: #e2dea9; color: #111; border: 1px solid #d0ca77; margin-left: 10px; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase;}
        .btn-refresh:hover { background-color: #d0ca77; /* colore più scuro al passaggio del mouse */}
        .sezione-titolo { border-left: 5px solid #cc0000; padding-left: 10px; margin-bottom: 20px; font-size: 18px; text-transform: uppercase; font-weight: 900; }

        @media (max-width: 600px) {
            h1 { font-size: 1.3em; letter-spacing: 1px; margin: 3px 0; }

            /* FIX Tor + Kodular WebView: dopo rotazione questi browser
               non riscalcolano il viewport. max-width:100vw è sempre
               agganciato alla larghezza fisica attuale dello schermo,
               a differenza di width:100% che rimane bloccato sulla
               larghezza landscape. overflow:hidden taglia il contenuto
               che sfora senza dipendere da JavaScript. */

            .container-main,
            #rassegnastampa {
                max-width: 100vw;
                overflow-x: hidden;
                box-sizing: border-box;
            }

            .news-frame {
                flex-direction: column;
                text-align: justify;
                max-width: 100vw;
                width: 100%;
                box-sizing: border-box;
                overflow: hidden;
            }

            .news-content {
                max-width: 100%;
                overflow: hidden;
                box-sizing: border-box;
            }

            .news-title-link {
                white-space: normal;
                word-break: break-word;
                max-width: 100%;
            }

            .news-description {
                word-break: break-word;
                max-width: 100%;
            }

            .meta-data {
                flex-wrap: wrap;
                max-width: 100%;
            }

            .thumb-wrapper {
                margin: 0 auto 10px auto;
                max-width: 100%;
            }

            .news-thumb { width: 100%; height: auto; max-height: 200px; }
        }

/* =========================
   fine NOTIZIE
========================= */