@charset "utf-8";

/* 1. BLOCCO TOTALE BIANCO */

body {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    /* Rimuovi height: 100% e display: table */
    min-height: 100vh; 
    width: 100%;
}

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; 
    padding-top: 0.1px; /* Questo "inganna" il browser e blocca il collasso dei margini */
    margin-top: 0 !important;
}

/* 2. FIX PER TITOLI (Evita che i margini buchino lo sfondo) */
h1, h2, h3, h4 {
    margin-top: 0;
    padding-top: 15px;
    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:96.6666%;
padding-left:1.6666%;
padding-right:1.6666%;
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 #bbb142;
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, #e0dec5);
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  box-shadow: 0 1px 1px #aaa;
  margin: 3px 0;
  padding: 1px 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:28px;
	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, #e0dec5, #FEFEF2);
  color: #ff0c00;
  box-shadow: none;
}

.menu3 {
text-align:justify;
}

.menu3 a:link,
.menu3 a:visited {
  display: inline-block;
  overflow: auto;
  line-height: 28px;
  font-size: 110%;
  vertical-align: middle;
  background: linear-gradient(to bottom, #F1EFD3, #dcd798);
  border: 1px solid #b9b9b9;
  color: #004a94;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin: 3px 0;
  padding: 1px 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, #dcd798, #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%
}

.rsscontainer{
margin-bottom: 8px;
}

.rsscontainer .rsstitle{ /*Style for .rsstitle DIV*/
font-size:100%;
color:#222;
text-decoration:none;
}

.rsscontainer .rssdate{ /*Style for .rssdate DIV*/
font-color: #008000;
font-size: 100%;
}

.rsscontainer a {
font-weight: bold;
}

.rsscontainer a:hover{
color: red;
}

.rsspaginate a.selected{
background-color: #FFF;
}

#topnews {
overflow: hidden;
clear:both;	
font-size:90%;	
padding:3px;
color: #999999;
}

#topnews .rsscontainer{
float: left;
background: lightyellow;
width: 98%;
padding: 4px;
margin: 3px;
color: #999999;
background: #fff;
border:1px solid #bbb142;
border-radius: 6px;
}

#topnews .rsscontainer img{
border:0px;
border-radius: 6px;
width: auto; height: 60px;
float:left;
margin: 1px 8px 1px 0px;	
-webkit-filter: sepia(100%);
}

#topnews .rsscontainer p {
margin: 1px 8px 1px 0px;
color: #00000;
}

#topnews .rsscontainer a {
font-family: 'Spectral', 'Open Sans', sans-serif;
font-size:120%;
color:#222;
text-decoration:none;
}

#topnews .rsscontainer a:hover {
color:#ff0c00;
text-decoration:none;
}



.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: 24px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #b9b9b9;
  box-shadow: 0 1px 1px #d6d6d6;
  margin: 5px 0 5px 4px;
  padding: 8px 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, #dcd798);
}

/* 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, #dcd798, #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: 8px 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: 1px 1px;
  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 #b9b9b9;
}

/* 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: #DDD899;
  --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;
}

/* ============================================
   VARIABILI CSS - Colori e valori riutilizzabili
   ============================================ */
:root {
	--color-primary: #004a94;
	--color-secondary: #005ac8;
	--gradient-light: #F1EFD3;
	--gradient-dark: #ece9c6;
	--color-bg: #DDD899;
	--color-border: #dbd699;
	--color-light-bg: #F2F0EA;
	--color-shadow: #d6d6d6;
	--color-twitter: #00ACEE;
	
	--border-radius: 6px;
	--font-main: 'Roboto Condensed', sans-serif;
	--font-sub: 'Fjalla One', sans-serif;
	--transition-fast: 0.3s ease;
	--transition-slow: 0.5s ease;
	--shadow-standard: 0 1px 2px var(--color-shadow);
}

/* ============================================
   RESET E BASE
   ============================================ */
#navmenu {
	font: bold 15px var(--font-main);
	position: relative;
	z-index: 1000;
	background: linear-gradient(to bottom, var(--gradient-light), var(--gradient-dark));
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius);
	box-shadow: var(--shadow-standard);
	margin: 1px 2px 0.5px 4px;
}

#navmenu * {
	box-sizing: border-box;
}

/* Font Awesome */
#navmenu .fa {
	font-size: 1em;
}

#navmenu .fa-twitter {
	color: var(--color-twitter);
}

/* ============================================
   MENU PRINCIPALE (TOP LEVEL)
   ============================================ */
#navmenu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	perspective: 1000px;
}

#navmenu > ul li {
	display: inline-block;
}

/* Allinea gli ultimi 2 elementi a destra */
#navmenu > ul li:nth-last-of-type(2) {
	margin-left: auto;
	border-left: 1px solid var(--color-light-bg);
}

/* Link menu principale */
#navmenu > ul > li a {

	display: flex;
	position: relative;
	height: 100%;
	background: linear-gradient(to bottom, var(--gradient-light), var(--gradient-dark));
	color: var(--color-primary);
	padding: 8px 6px 7px;
	border-right: 1px solid var(--color-border);
	text-decoration: none;
	transition: background var(--transition-fast);
}

#navmenu > ul > li a:focus-visible {
	outline: 2px solid var(--color-secondary);
	outline-offset: -2px;
}

/* Hover stato */
#navmenu > ul li:hover > a {
	background: linear-gradient(to bottom, var(--gradient-dark), var(--gradient-light));
}

/* ============================================
   SOTTOMENU
   ============================================ */
#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: var(--color-light-bg);
	visibility: hidden;
	border: 1px solid var(--color-border);
	border-width: 1px 0 1px 1px;
	box-shadow: 4px 3px 5px var(--color-light-bg);
	transition: opacity var(--transition-fast), 
	            transform var(--transition-slow), 
	            visibility 0s var(--transition-fast), 
	            left 0s var(--transition-fast);
}

/* Sottomenu al hover */
#navmenu > ul li:hover > ul {
	visibility: visible;
	left: 0;
	opacity: 1;
	transform: rotateX(0deg);
	transition: opacity var(--transition-slow), 
	            transform var(--transition-slow);
}

/* Item sottomenu */
#navmenu > ul li ul li {
	display: inline-block;
	flex: 1;
	min-width: 140px;
}

#navmenu ul ul li:hover > a {
	background: var(--color-light-bg);
}

#navmenu ul ul li:hover > ul {
	left: 0;
}

/* Link sottomenu */
#navmenu ul li ul li a {
	font: normal 13px var(--font-sub);
	padding: 10px;
	margin: 0;
	background: var(--color-bg);
	color: var(--color-primary);
	display: block;
	font-weight: bold;
	width: 100%;
	height: 100%;
	transition: background var(--transition-fast);
}

#navmenu ul li ul li a:focus-visible {
	outline: 2px solid var(--color-secondary);
	outline-offset: -2px;
}

/* Descrizione sottomenu */
#navmenu > ul li ul li a div {
	text-transform: none;
	padding-top: 5px;
	font-size: 90%;
	color: var(--color-secondary);
	font-weight: normal;
	line-height: 1.5;
}

/* ============================================
   FRECCIA DROPDOWN
   ============================================ */
#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: var(--color-primary);
	top: 18px;
	right: 8px;
	transition: transform var(--transition-fast);
}

#navmenu ul li > a:only-child:after,
#navmenu ul li.noarrow > a:after {
	display: none;
}

#navmenu ul li.noarrow > a {
	padding-right: 10px;
}

/* ============================================
   SEARCH TOGGLER
   ============================================ */
#searchtoggler input {
	width: 100%;
	font-weight: bold;
	font-size: 24px;
	padding: 1px;
}

/* ============================================
   BURGER MENU TOGGLE
   ============================================ */
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;
	background: var(--color-bg);
	padding: 4px;
	border: 0.5px solid var(--color-border);
	border-radius: var(--border-radius);
	transition: none;
}

div#burgertoggler > div {
	width: 80%;
	height: 4px;
	background: black;
	transform-origin: 0 50%;
	transition: all 0.5s ease;
}

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);
}

/* ============================================
   RESPONSIVE - Tablet (max-width: 1023px)
   ============================================ */
@media (max-width: 1023px) {
	div#burgertoggler {
		visibility: visible;
	}

	#navmenu {
		visibility: hidden;
		position: fixed;
		left: 0;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		transform: scale(0.8);
		transition: transform var(--transition-fast), 
		            opacity var(--transition-fast);
	}

	#navmenu.open {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		overflow: auto;
	}

	#navmenu > ul {
		display: block;
		font-size: 18px;
	}

	#navmenu > ul li {
		display: block;
	}

	#navmenu > ul > li a {
		background: linear-gradient(to bottom, var(--gradient-dark), var(--gradient-light));
		border: 0.5px solid var(--color-border);
		padding: 8px 6px 8px;
		display: block;
	}

	/* Rimuovi freccia su mobile */
	#navmenu ul li > a:after {
		display: none;
	}

	/* Sottomenu mobile */
	#navmenu > ul li ul {
		position: static;
		display: block;
		background: var(--color-bg);
		visibility: visible;
		transform: rotateX(-90deg);
		border: 0.5px solid var(--color-border);
		box-shadow: none;
	}

	#navmenu > ul li ul li {
		display: block;
	}

	#navmenu.open > ul li ul {
		transform: rotateX(0deg);
		opacity: 1;
		transition: all var(--transition-fast) var(--transition-fast);
	}

	/* Link sottomenu mobile */
	#navmenu ul li ul li a {
		height: auto;
		padding: 11px;
		font-weight: bold;
		font-size: 16px;
	}

	#navmenu ul li ul li a div {
		font-weight: normal;
	}

	/* Touch devices - rimuovi effetti hover */
	html.can-touch #navmenu > ul li:hover > a {
		background: transparent;
	}

	html.can-touch #navmenu ul ul li:hover > a {
		background: transparent;
		color: red;
	}
}

/* ============================================
   RESPONSIVE - Tablet+ (min-width: 1024px)
   ============================================ */
@media (min-width: 1024px) {
	#navmenu {
		font-size: 15px;
	}

	#navmenu > ul li ul li a {
		font-size: 14px;
	}
}

/* ============================================
   RESPONSIVE - Desktop (min-width: 1200px)
   ============================================ */
@media (min-width: 1200px) {
	#navmenu {
		font-size: 16px;
	}

	#navmenu > ul li ul li a {
		font-size: 14px;
	}
}

/* ============================================
   RESPONSIVE - Large Desktop (min-width: 1700px)
   ============================================ */
@media (min-width: 1700px) {
	#navmenu {
		font: bold 17px var(--font-main);
	}

	#navmenu > ul li ul li a {
		font: 16px var(--font-sub);
	}
}

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

/* ============================================
   ACCESSIBILITY - Prefers Reduced Motion
   ============================================ */
@media (prefers-reduced-motion: reduce) {
	#navmenu,
	#navmenu > ul li ul,
	div#burgertoggler > div {
		transition: none !important;
	}
}

@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 {;
}

#topnews {
clear:both;
}

#topnews .rsscontainer {
width: 97%;
margin:2px 0px 2px -2px;
padding:1px 4px 1px 4px;
border:1px solid #bbb142;
}

#topnews .rsscontainer p {
margin: 2px 8px 2px 0px;
padding:1px 3px 1px 3px;
}

#topnews.rsscontainer a {	
font-size:110%;
}

.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 {;
}

#topnews {
clear:both;
}

#topnews .rsscontainer {
width: 97%;
margin:2px 0px 2px -2px;
padding:1px 4px 1px 4px;
border:1px solid #bbb142;
}

#topnews .rsscontainer p {
margin: 2px 8px 2px 0px;
padding:1px 3px 1px 3px;
}

#topnews .rsscontainer a {	
font-size:110%;
}

.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 {;
}

#topnews {
clear:both;
}

#topnews .rsscontainer {
width: 97%;
margin:2px 0px 2px -2px;
padding:1px 4px 1px 4px;
border:1px solid #bbb142;
}

#topnews .rsscontainer p {
margin: 2px 8px 2px 0px;
padding:1px 3px 1px 3px;
}

#topnews .rsscontainer a {	
font-size:110%;
}

.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 {;
}

#topnews {
clear:both;
}

#topnews .rsscontainer {
width: 98%;
margin:2px 0px 2px -2px;
padding:1px 4px 1px 4px;
border:1px solid #bbb142;
}

#topnews .rsscontainer p {
margin: 2px 8px 2px 0px;
padding:1px 3px 1px 3px;
}

#topnews .rsscontainer a {	
font-size:110%;
}

#topnews .eachentry img {
display:none;
}

.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;
}	
    
.ticker {
  display: block;
  width: 99%;
  margin: 3px 0 7px 1px;
  line-height: 15px;
  padding: 1px 6px 2.5px 6px;
  font-family: 'Open Sans', sans-serif;
  font-size: 70%;
  color: #999999;
  clear: none;
}
    
#tikernews {
  height: 32px;
  background: #818181; /* fallback color */

  /* Gradiente moderno e compatibile */
  background-image: linear-gradient(to bottom, #F9F9EA, #FFE);
  
  /* Border */
  border: 1px solid #D7D282;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
  font-size: 105%;
  padding: 1px 6px 0 8px;
}

#tikernews p {
  margin-top: 0;
  margin-bottom: 7px;
  color: #000;
}

#tikernews a:link {
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  font-weight: 600;
  color: #005ac8;
}

#tikernews a:hover {
  font-size: 105%;
  color: #ff0c00;
  text-decoration: none;
  font-weight: 700;
}

.nasc {
display: none;
}

.searchengine {;
}

#topnews {
clear:both;
}

#topnews .eachentry {
width: 97%;
}

.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:12px;
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:26px;
font-size:100%;
padding:7px 2px 7px;
}

.newsagencies a:visited,.newsagency a:visited,.menu3 a:visited {
line-height:26px;
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:30px;
margin:3px 0px 4px 0px ;
padding:3px 2px;
}

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

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

.myButton2 a:link {
width: 46%;
line-height:30px;
margin:3px 0px 4px 1px;
padding:7px 2px 6px;
}
    
.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 {;
}

#topnews {
clear:both;
}

#topnews .rsscontainer {
width: 97%;
margin:2px 0px 2px -2px;
padding:1px 4px 1px 4px;
border:1px solid #bbb142;
}

#topnews .rsscontainer p {
margin: 2px 8px 2px 0px;
padding:1px 3px 1px 3px;
}

#topnews .rsscontainer a {	
font-size:120%;
}

#topnews .eachentry img {
display:none;
}

.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;
}

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

#tikernews {
  height: 31px;
  background: #818181; /* fallback color */

  /* Gradiente moderno e compatibile */
  background-image: linear-gradient(to bottom, #F9F9EA, #FFC);
  
  /* Bordi */
  border: 1px solid #D7D282;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
  font-size: 105%;
  padding: 1px 6px 0 8px;
} 
    
#tikernews p {
margin-top:0;
margin-bottom:7px;
color: #00000;
}

#tikernews a {
overflow:hidden;
font-family:'Open Sans', sans-serif;
text-decoration:none;
font-weight:700;
color: #005ac8;
}

#tikernews a:hover {
font-size:105%;
color:#ff0c00;
text-decoration:none;
font-weight:700;
}

#topnews .eachentry {
width: 97%;
}

#topnews .eachentry img{display:none}

.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:26px;
font-size:105%;
padding:4px 2px 5px;
}

.newsagencies a:visited,.newsagency a:visited,.menu3 a:visited {
line-height:26px;
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: 26px;
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:30px;
margin:3px 0px 4px 0px ;
padding:3px 2px;
}

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

.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:28px;
font-size:110%;
margin: 3px 0px;
padding:5px 3px 4px;
}

.newsagencies a:visited,.newsagency a:visited,.magazines  a:visited,.menu3 a:visited {
line-height:28px;
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 {
padding:5px 2px 4px;
}

.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 48.0000%;
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;
}

.ticker {
display:block;
width:79.0%;
}

#tikernews {
width:99%;
}

#topnews {;
}

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

.pulsante a:link {
height:auto;
line-height: 26px;
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%;
}

.ticker {
width:80.2%;
}

#tikernews {
width:99%;
}   

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

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

.newsagencies a:link,.newsagency a:link,.magazines a:link,.menu3 a:link {
font-size:130%;
line-height:28px;
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:28px;
padding:4px 5px 5px;
}

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

.pulsante a:link {
height:auto;
line-height: 26px;
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:28px;
font-size:105%;
margin:3px 0px 4px 0.5px;
padding:5px 5px	6px 3px;
}
    
.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 47.8%;
line-height:28px;
font-size:105%;
margin:3px 0px 4px 0.5px;
padding:5px 3px	6px 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:28px;
font-size:105%;
padding:5px 3px 6px;
}

.myButton a:link {
width: 99%;
line-height:28px;
font-size:110%;
margin:3px 0px 4px 0.5px;
padding:9px 0px 8px 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;
}

#topnews {;
}

.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, #dcd798);
	border: 1px solid #C5BD5C;
	cursor: pointer;
	white-space: nowrap;
}

.search-btn:hover {
	background: linear-gradient(to bottom, #dcd798, #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 */