@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.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/ie.newspapers.directory-mobile-logo.png') no-repeat;
width:autox;
height:38px;
}

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:"Alike Angular",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:"Alike Angular",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;
}

.newspapers,.magazines,.newspaper,.menu3,.news {
margin:7px 0;
}

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

.newspapers p,.magazines p,.newspaper p,.radio 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;
}

.newspaper p {
border:1px solid #C5BD5C;
background: #ffffdd;
}

.newspapers a:link,.newspaper a:link {
    font-family:'Source Serif 4';
}

.newspapers a:link,.newspaper a:link,.magazines a:link,.radio a:link {
font-family:'Roboto Condensed'; font-weight: 900;
}

.newspapers a:link,.newspaper a:link,.magazines a:link,.radio a:link, .pulsante a:link {
	background:#818181;
	background:-webkit-gradient(linear,left top,left bottom,from(#FEFEF2),to(#e0dec5));
	background:-webkit-linear-gradient(top,#FEFEF2,#e0dec5);
	background:-moz-linear-gradient(top,#FEFEF2,#e0dec5);
	background:-ms-linear-gradient(top,#FEFEF2,#e0dec5);
	background:-o-linear-gradient(top,#FEFEF2,#e0dec5);
	background:linear-gradient(top,#FEFEF2,#e0dec5);
	border:1px solid #d6d6d6;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 2px 4px #aaa;
	-webkit-box-shadow:0 2px 4px #aaa;
	box-shadow:0 1px 2px #9a9a9a;
	margin:3px 0;
	padding:1px 3px
}

.newspapers a:link,.newspaper a:link,.magazines a:link,.radio a:link,.radio a:link {
	display:inline-block;
	overflow:auto;
	line-height:28px;
	vertical-align:middle;
	no-repeatbottomcenterdisplay:block;
}

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

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

.magazines a:link,.radio 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;
}

.newspapers a:visited,.newspaper a:visited,.pulsante a:visited,.magazines a:visited,.radio a:visited {
no-repeatbottomcenterdisplay:block;
border:1px solid;
-moz-box-shadow:0 0 7px #444;
-webkit-box-shadow:0 0 7px #444;
border: 1px solid #d6d6d6;
text-shadow:#000 4px 4px 15px;
}

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

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

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

.newspapers a:hover,.newspaper a:hover,.pulsante a:hover,.magazines a:hover,.radio a:hover {
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#e0dec5),to(#FEFEF2));
background:-webkit-linear-gradient(top,#e0dec5,#FEFEF2);
background:-moz-linear-gradient(top,#e0dec5,#FEFEF2);
background:-ms-linear-gradient(top,#e0dec5,#FEFEF2);
background:-o-linear-gradient(top,#e0dec5,#FEFEF2);
background:linear-gradient(top,#e0dec5,#FEFEF2);
color:#ff0c00;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}

.menu3 {
text-align:justify
}

.menu3 a:link {
display: inline-block;
overflow:auto;
line-height:28px;
font-size:110%;
vertical-align: middle;
no-repeatbottomcenterdisplay:block;
background:#999233;
background:-webkit-gradient(linear,left top,left bottom,from(#F1EFD3),to(#dcd798));
background:-webkit-linear-gradient(top,#F1EFD3,#dcd798);
background:-moz-linear-gradient(top,#F1EFD3,#dcd798);
background:-ms-linear-gradient(top,#F1EFD3,#dcd798);
background:-o-linear-gradient(top,#F1EFD3,#dcd798);
background:linear-gradient(top,#F1EFD3,#dcd798);
border:1px solid #b9b9b9;
color: #004a94;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 2px 4px #aaa;
-webkit-box-shadow:0 2px 4px #aaa;
box-shadow: 0 1px 2px #d6d6d6;
margin: 3px 0px;
padding: 1px 3px;
}

.menu3 a:hover {
background:#999233;
background:-webkit-gradient(linear,left top,left bottom,from(#dcd798),to(#F1EFD3));
background:-webkit-linear-gradient(top,#dcd798,#F1EFD3);
background:-moz-linear-gradient(top,#dcd798,#F1EFD3);
background:-ms-linear-gradient(top,#dcd798,#F1EFD3);
background:-o-linear-gradient(top,#dcd798,#F1EFD3);
background:linear-gradient(top,#dcd798,#F1EFD3);
color:#ff0c00;
text-align:center;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}

.menu3 a:visited {
no-repeatbottomcenterdisplay:block;
color: #004a94;
border:1px solid #C5BD5C;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow: 0 1px 3px #aaa;	
margin:3px 2px 4px
}

.menu3 a:focus {
outline:thin dotted
}

.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-size:100%
}

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

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

.rsscontainer{
margin-bottom: 5px;
}

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

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

.rsscontainer a {
font-weight: bold;

}

.rsscontainer a:hover{
color: red;
}

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

#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;
border:0.5px solid #C5BD5C;
}

#topnews .rsscontainer img{
border:0px solid #C5BD5C;
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-size:115%;
color:#005ac8;
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%;
hight:95px;
clear:none;
text-align:justify;
margin:2px;
padding-bottom:5px;
margin:0 auto
}

.space2 a:link {
line-height:12px;
display:block;
no-repeatbottomcenterdisplay:block;
border:1px solid;
background:#fff;
-moz-box-shadow:0 0 7px #444;
-webkit-box-shadow:0 0 7px #444;
border-color:#CCC #CCC #AAA;
margin:3px 2px;
padding:3px
}

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

.button a:link, .button2 a:link, .button3 a:link, .button4 a:link, .button5 a:link, .button6 a:link {
	display:inline-block;
	overflow:auto;
	line-height:24px;
	text-align:center;
	border:1px solid #b9b9b9;	
	border-radius:3px;
	box-shadow:0 1px 2px #d6d6d6;
	margin:5px 0px 5px 4px;
	padding:1px 1px
}

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

.button a:link, .button2 a:link {
	color:#005ac8;
	background:#999233;
	background:-webkit-gradient(linear,left top,left bottom,from(#F1EFD3),to(#dcd798));
	background:-webkit-linear-gradient(top,#F1EFD3,#dcd798);
	background:-moz-linear-gradient(top,#F1EFD3,#dcd798);
	background:-ms-linear-gradient(top,#F1EFD3,#dcd798);
	background:-o-linear-gradient(top,#F1EFD3,#dcd798);
	background:linear-gradient(top,#F1EFD3,#dcd798);
}

.button a:hover,.button2 a:hover {
	background:#999233;
	background:-webkit-gradient(linear,left top,left bottom,from(#dcd798),to(#F1EFD3));
	background:-webkit-linear-gradient(top,#dcd798,#F1EFD3);
	background:-moz-linear-gradient(top,#dcd798,#F1EFD3);
	background:-ms-linear-gradient(top,#dcd798,#F1EFD3);
	background:-o-linear-gradient(top,#dcd798,#F1EFD3);
	background:linear-gradient(top,#dcd798,#F1EFD3);
	text-align:center;
	color:#ff0c00;
	text-shadow:none;
	box-shadow:none
}

.button a:visited,.button2 a:visited {
	color:#005ac8;
	overflow:auto;
	border:1px solid #C5BD5C;
	border-radius:3px;
	box-shadow:0 1px 3px #aaa;
	margin:3px 2px 4px
}

.button a:focus,.button2 a:focus,.button3 a:focus.button4 a:focus,.button5 a:focus.button6 a:focus {
outline:thin dotted
}

.button3 a:link, .button5 a:link   {
color: #252525;
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#FFE88C),to(#FC0));
background:-webkit-linear-gradient(top,#FFE88C,#FC0);
background:-moz-linear-gradient(top,#FFE88C,#FC0);
background:-ms-linear-gradient(top,#FFE88C,#FC0);
background:-o-linear-gradient(top,#FFE88C,#FC0);
background:linear-gradient(top,#FFE88C,#FC0);
}

.button4 a:link, .button6 a:link  {
color: #252525;
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#EDF3F8),to(#c8dae8));
background:-webkit-linear-gradient(top,#EDF3F8,#c8dae8);
background:-moz-linear-gradient(top,#EDF3F8,#c8dae8);
background:-ms-linear-gradient(top,#EDF3F8,#c8dae8);
background:-o-linear-gradient(top,#EDF3F8,#c8dae8);
background:linear-gradient(top,#EDF3F8,#c8dae8);
}

.button3 a:hover, .button4 a:hover, .button5 a:hover, .button6 a:hover {
text-align:center;
text-shadow:none;
color:#ff0c00;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}

.button3 a:hover, .button5 a:hover {
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#FC0),to(#FFE88C));
background:-webkit-linear-gradient(top,#FC0,#FFE88C);
background:-moz-linear-gradient(top,#FC0,#FFE88C);
background:-ms-linear-gradient(top,#FC0,#FFE88C);
background:-o-linear-gradient(top,#FC0,#FFE88C);
background:linear-gradient(top,#FC0,#FFE88C);
}

.button4 a:hover, .button6 a:hover {
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#c8dae8),to(#EDF3F8));
background:-webkit-linear-gradient(top,#c8dae8,#EDF3F8);
background:-moz-linear-gradient(top,#c8dae8,#EDF3F8);
background:-ms-linear-gradient(top,#c8dae8,#EDF3F8);
background:-o-linear-gradient(top,#c8dae8,#EDF3F8);
background:linear-gradient(top,#c8dae8,#EDF3F8);
}

.button3 a:visited,.button4 a:visited, .button5 a:visited,.button6 a:visited {
color:#cd1220;
overflow:auto;
border:1px solid #C5BD5C;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 2px 4px #aaa;
-webkit-box-shadow:0 2px 4px #aaa;
box-shadow: 0 1px 3px #aaa;	
margin:3px 2px 4px
}

.myButton a:link, .myButton2 a:link {
overflow: auto;
display: inline-block;
font-size: 90%;
color: #000;
line-height: 24px;
background-color: #fff;
text-align: center;
border: 1px solid #b9b9b9;
border-radius: 3px;
box-shadow: 0 1px 2px #d6d6d6;
margin: 5px 0px 5px 4px;
padding: 1px 1px
}

.myButton a:link, .myButton2 a:link  {
margin:5px 0px 5px 6px;
padding:8px 1px 7px
}

.myButton p, .myButton2 p {

}

.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;
border-radius: 3px;
box-shadow: 0 1px 2px #d6d6d6;
margin: 5px 0px 5px 4px;
padding: 1px 1px
}

.note {
	display:block;
	overflow:auto;
	text-align:justify;
	line-height:22px;
	font-size:90%;
	color:#000;
	vertical-align:middle;
	background: lightyellow;
	border:1px solid #c5bd5c;
	border-radius:3px;
	box-shadow:0 0 0 #9a9a9a;
	margin: 2px 5px 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:#00000
}

.note a:hover {
color:#ff0c00
}

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

.hotel {
}

.hotel a {
background-color:#5EDACC;
width:97%;
text-align:center;
overflow:auto;
text-decoration:none;
font-size:110%;
color:#ff0c00;
line-height:22px;
float:left;
text-shadow:#000 4px 4px 15px;
border:1px solid #C5BD5C;
color:#FFF;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 2px 4px #aaa;
-webkit-box-shadow:0 2px 4px #aaa;
box-shadow: 0 1px 2px #d6d6d6;
margin:4px 2px 4px
}

.hotel a:hover {
font-size:110%;
float:left;
width:97%;
text-align:center;
color:#FF3E3E;
text-shadow:none;
1pxsolidcolor:#DDD899;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}

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

#navmenu {
font: bold 15px 'Roboto Condensed', sans-serif;
/* use Google font */
position: relative;
z-index: 1000;
background:#999233;
background:-webkit-gradient(linear,left top,left bottom,from(#F1EFD3),to(#dcd798));
background:-webkit-linear-gradient(top,#F1EFD3,#dcd798);
background:-moz-linear-gradient(top,#F1EFD3,#dcd798);
background:-ms-linear-gradient(top,#F1EFD3,#dcd798);
background:-o-linear-gradient(top,#F1EFD3,#dcd798);
background:linear-gradient(top,#F1EFD3,#dcd798);
border: 1px solid #C5BD5C;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 2px 4px #aaa;
-webkit-box-shadow:0 2px 4px #aaa;
box-shadow: 0 1px 2px #d6d6d6;	
margin:1px 2px 0.5px 4px;
}

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

/* fontawesome style. Remove if not using FA icons */
#navmenu .fa {
    font-size: 1.0em;
}

#navmenu .fa-twitter {
    color: #00ACEE;
}

/* Top Level Menu */
#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%;
}

/* Top level list items */
#navmenu > ul li {	display: inline-block;}

/* right align last two LI elements, Change (2) above to diff number if desired */
#navmenu > ul li:nth-last-of-type(2) {
    margin-left: auto;
    border-left: 1px solid #F2F0EA;
}

/* Top level menu items link style */
#navmenu > ul > li a {
    display: inline-block;
    display: flex;
    position: relative;
    height: 100%;
    /* background of menu items (default state) */
	background:#999233;
background:-webkit-gradient(linear,left top,left bottom,from(#F1EFD3),to(#dcd798));
background:-webkit-linear-gradient(top,#F1EFD3,#dcd798);
background:-moz-linear-gradient(top,#F1EFD3,#dcd798);
background:-ms-linear-gradient(top,#F1EFD3,#dcd798);
background:-o-linear-gradient(top,#F1EFD3,#dcd798);
background:linear-gradient(top,#F1EFD3,#dcd798);

    color:#004a94;
    padding: 8px 6px 7px;
    border-right: 1px solid #C5BD5C;
    color:#004a94;
    text-decoration: none;
}

/* Top level menu items link style on hover and when active */
#navmenu > ul li:hover > a {

	background:#999233;
background:-webkit-gradient(linear,left top,left bottom,from(#dcd798),to(#F1EFD3));
background:-webkit-linear-gradient(top,#dcd798,#F1EFD3);
background:-moz-linear-gradient(top,#dcd798,#F1EFD3);
background:-ms-linear-gradient(top,#dcd798,#F1EFD3);
background:-o-linear-gradient(top,#dcd798,#F1EFD3);
background:linear-gradient(top,#dcd798,#F1EFD3);
}

/* Sub ULs style */
#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 #C5BD5C;
    border-width: 1px 0 1px 1px;
    box-shadow: 4px 3px 5px #F2F0EA;
    -webkit-transition: opacity .3s, -webkit- transform .5s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, transform .5s, visibility 0s .3s, left 0s .3s;
}

/* First Sub Levels UL style on hover */
#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;
}

/* Sub level Menu list items */
#navmenu > ul li ul li {
    display: inline-block;
    flex: 1;
    min-width: 140px;
    /* min width of sub menu LIs */
}

/* Sub Levels link style on hover and when active */
#navmenu ul ul li:hover > a {
    background: #F2F0EA;
}

/* Sub Levels UL style on hover */
#navmenu ul ul li:hover > ul {
    left: 0;
}

/* Sub level menu links style */
#navmenu ul li ul li a {
    font: normal 13px 'Fjalla One', sans-serif;
    padding: 10px;
    margin: 0;
    background:#DDD899;
    color:#004a94;
    display: block;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

/* Sub level List Links Descriptions */
#navmenu > ul li ul li a div {
    text-transform: none;
    padding-top: 5px;
    font-size: 90%;
    color:#005ac8;
    font-weight: normal;
    line-height: 1.5;
}

/* LIs with a sub UL style */
#navmenu ul li > a {
    /* add padding to accomodate arrow inside LIs */
    padding-right: 25px;
}

/* LIs with NO sub UL style */
#navmenu ul li > a:only-child {
    /* undo padding for non submenu LIs */
    padding-right: 10px;
}

/* Arrow for LIs with sub ULs */
#navmenu ul li > a:after {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color:#004a94;
    top: 18px;
    right: 8px;
}

/* LIs with NO sub UL pseudo class */
/* remove drop down arrow */
#navmenu ul li > a:only-child:after, #navmenu ul li.noarrow > a:after {
    /* undo arrow for non submenu LIs */
    display: none;
}

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

#searchtoggler input {
    width: 100%;
    font-weight: bold;
    font-size: 24px;
    padding: 1px;
}

/* Uneven Line Menu */
div#burgertoggler {
    width: 44px;
    /* keep width/height ratio to 1.53 if changing dimensions */
    height: 30px;
    margin-bottom: 2em;
    position: absolute;
    background: white;
    right: 6px;
    /* position toggler to the right of page */
    top: 2px;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    visibility: hidden;
    z-index: 100000;
    transition: none;
	background:#DDD899;
	padding: 4px;
}

div#burgertoggler > div {
    width: 80%;
    height: 4px;
    background: black;
    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);
}

/* ####### responsive layout CSS ####### */
@media (max-width: 1023px) {
    div#burgertoggler {
        visibility: visible;
		border: 0.5px solid #CAC268;
    }

    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:#D6CF85;
border: 0.5px solid #CAC268;
padding: 8px 6px 8px;
}

    /* Undo Arrow for LIs with sub ULs */
    #navmenu ul li > a:after {
        /* add arrow inside LIs */
        display: none;
    }

    /* Sub ULs style */
    #navmenu > ul li ul {
        position: static;
        display: block;
        background:#DDD899;
        visibility: visible;
        transform: rotateX(-90deg);
		border: 0.5px solid #CAC268;
    }

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

    /* Sub level menu links style */
    #navmenu ul li ul li a {
        height: auto;
        padding: 11px;
        font-weight: bold;
        font-size: 16px;
    }

    /* Undo Top level menu items link style on hover for touch devices */
    html.can-touch #navmenu > ul li:hover > a {
        background: transparent;
    }

    /* Undo Sub Levels link style on hover and when active for touch devices */
    html.can-touch #navmenu ul ul li:hover > a {
        background: transparent;
        color: red;
    }

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

@media (min-width:1024px){

#navmenu {
font: 15px 'Roboto Condensed', sans-serif;
/* use Google font */   
}
    
 #navmenu > ul li ul li a {
font: 14px 'Roboto Condensed', sans-serif;
}
    
} 


@media (min-width:1200px){

#navmenu {
font: 16px 'Roboto Condensed', sans-serif;
/* use Google font */   
}
    
 #navmenu > ul li ul li a {
font: 14px 'Roboto Condensed', sans-serif;
}
    
}    
    
@media (min-width:1700px){

#navmenu {
font: bold 17px 'Roboto Condensed', sans-serif;
/* use Google font */
}
    
 #navmenu > ul li ul li a {
font: 16px 'Roboto Condensed', sans-serif;
}
    
} 

@media (max-width: 500px) {
    /* Sub level menu links style */ #navmenu ul li ul li a div {
        display: none;
    }
}

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

.logo {
display:block;
clear:none;
margin-top:5px;
width:210px;
height:39px
}

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

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

.pulsante a:link {
width:98%;
height:26px;
line-height:14px;
font-size:125%;
text-align:center;
margin:9px 1px 10px 0px;
padding:13px 1px 3px
}
    
.newspapers a:link,.newspaper a:link, .magazines a:link,.radio a:link, .radio a:link, .menu3 a:link {
width:98%;
line-height:14px;
font-size:125%;
text-align:center;
margin:4px 1px 4px 1px;
padding:13px 1px
}

.newspapers a:hover,.newspaper a:hover,.pulsante a:hover,.magazines a:hover, .radio a:hover, .menu3 a:hover {
width:98%;
line-height:14px;
font-size:120%;
}

.pulsante p, .newspapers p,.newspaper 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: 100%;
text-align: center;
margin: 3px 1px 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 2px 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:0.5px solid #C5BD5C;
}

#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;
padding:1px 1px 1px -1px
}

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

@media ( min-width : 320px ) and (max-width : 399px ){
	
.banner {
width:99%;
height:100px
}
	
.title {
font-size: 70%;
}
	
.text1,.text2 {
margin-left:0
}

.pulsante,.newspapers,.newspaper, .magazines, .menu3 {
width: 100%;
}

.pulsante p,.newspapers p,.newspaper 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 1px;
margin: 10px 0px 10px;
}
	
.pulsante img {
display:none
}
	
.newspapers a:link,.newspaper a:link, .magazines a:link,.radio 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%;
text-align: left;
font-size: 80%;
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:0.5px solid #C5BD5C;
}

#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 {
    width: 98%;
	height: 40px;
	line-height: 28px;
	font-size: 90%;
	margin: 1px 2px 2px;
	padding: 9px 1px 8px
}

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

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

.myButton2 a:link {
width:48%;
height: 40px;
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,.newspapers p,.newspaper p, .magazines p, .radio p, .menu3 p {
width: 98%;
text-align: left;
margin:1px 0px 4px;
padding:3px
}

.newspapers a:link,.newspaper a:link, .magazines a:link,.radio 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:0.5px solid #C5BD5C;
}

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

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

.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
}
	
.newspapers a:link,.newspaper a:link, .magazines a:link,.radio a:link, .menu3 a:link {
width: 23.8%;
height: 39px;
overflow: auto;
line-height: 13px; /* verticale */
no-repeatbottomcenterdisplay: block;
font-size:115%;
text-align: center;
vertical-align: middle;
margin:1px 0px 1px 0px;
padding:20px 0px 1px 0px 
}

.newspapers p,.magazines p,.newspaper p,.radio p,.menu3 p {
text-align: left;
margin: 3px 2px 3px -2px;
padding: 3px 5px 4px;
}
	
.newspapers p,.magazines p,.menu3 p {
width: 100%;
}
	
.newspaper 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:0.5px solid #C5BD5C;
}

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

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

#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:105%;
margin:3px 1px 4px 0px;
padding:10px 1px
}

.button2 a:link,.button5 a:link,.button6 a:link, .myButton2 a:link {
width: 48.5%;
line-height: 28px;
font-size: 105%;
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: 99.0%;
clear: none;
color:#ff0c00;
}
	
.header p {
width: 99.0%;
line-height:17px;
margin-top: 2px;
margin-left: 1.6949%;
padding-top: 1px;
font-size:85%;
color:#ff0c00
}	
    
.ticker {
display: block;
width: 99.0%;
margin-top: 3px;
margin-bottom: 7px;
margin-left: 1px;
clear: none;
line-height:15px;
padding-bottom:2.5px;
font-family:'Open Sans', sans-serif;
color: #999999;
padding:1px 6px 2px 6px
}
	
#tikernews {
height:32px;
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#F9F9EA),to(#FFC));
background:-webkit-linear-gradient(top,#F9F9EA,#FFC);
background:-moz-linear-gradient(top,#F9F9EA,#FFC);
background:-ms-linear-gradient(top,#F9F9EA,#FFC);
background:-o-linear-gradient(top,#F9F9EA,#FFC);
background:linear-gradient(top,#F9F9EA,#FFC);
border-left:1.0px solid #D7D282;
border-right:1.0px solid #D7D282;
border-bottom:2.5px ridge #D7D282;
border-top:1.5px solid #D7D282;
overflow:hidden;
font-family:'Open Sans', sans-serif;
padding:1px 6px 0 8px
}

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

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

#tikernews a:hover {
font-size:95%;
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
}

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

.newspapers a:link,.periodici a:link, .newspaper a:link,.menu3 a:link  {
line-height:26px;
font-size:110%;
padding:7px 2px 7px
}

.newspapers a:visited,.newspaper a:visited,.menu3 a:visited {
line-height:26px;
font-size:110%;
padding:7px 2px 7px
}

.newspapers p,.magazines p,.newspaper p,.radio 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,.button6 a:link,.hotel a:link {
font-size:90%;
line-height:30px;
margin:3px 0px 4px 1px;
padding:7px 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:90%;
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:0.5px solid #C5BD5C;
}

#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:25.7288%;
margin-top:4px;
margin-right:9px;
background:url(images/ie.newspapers.directory-logo.png) no-repeat;
width:244px;
height:60px
}

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

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

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: 70.0%;
clear: none;
margin-top: -7px;
margin-left: 0;
font-size:90%;
color:#ff0c00;
line-height:17px;
}
	
.ticker {
display: block;
width: 73.0%;
clear: none;
margin-left: 0;
line-height:15px;
padding-bottom:0px;
font-size:80%;
color: #999999;
}
	
#tikernews {
height:31px;
background:#818181;
background:-webkit-gradient(linear,left top,left bottom,from(#F9F9EA),to(#FFC));
background:-webkit-linear-gradient(top,#F9F9EA,#FFC);
background:-moz-linear-gradient(top,#F9F9EA,#FFC);
background:-ms-linear-gradient(top,#F9F9EA,#FFC);
background:-o-linear-gradient(top,#F9F9EA,#FFC);
background:linear-gradient(top,#F9F9EA,#FFC);
border-left:1.0px solid #D7D282;
border-right:1.0px solid #D7D282;
border-bottom:1.5px ridge #D7D282;
border-top:1px solid #D7D282;
overflow:hidden;
font-family:'Open Sans', sans-serif;
padding:1px 6px 0 8px
}

#tikernews p {
font-size:80%;
margin-top:0;
margin-bottom:7px;
color: #00000;
}

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

#tikernews a:hover {
font-size:100%;
color:#ff0c00;
text-decoration:none;
font-weight:700
}
    
#topnews {
clear:both;	
}

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

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

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

#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
}

.newspapers {
display:block
}

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

.newspapers a:link,.magazines a:link,.radio a:link, .newspaper a:link,.menu3 a:link  {
font-size:135%;
line-height:28px;
padding:4px 5px	5px
}
    
.newspapers a:hover,.newspaper a:hover,.magazines a:hover,.menu3 a:hover {
padding:4px 5px 5px
}

.newspapers a:visited,.newspaper a:visited,.menu3 a:visited {
font-size:120%;
line-height:28px;
padding:4px 5px 5px
}

    
.newspapers p,.magazines p,.newspaper p,.radio 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:75%;
line-height:22px;
width:150px;
clear:none;
text-align:center;
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
}
    
h2,h3,h4,h5 {font-size:105%;margin:12px 1px 3px ;padding:1pt 0 0;}

.header {
display: block;
width: 77.0000%;
margin-left:1.6949%;
clear:none;
margin-top: -9px;
margin-left:0;
font-size:100%
}

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

.newspapers h2,.newspapers h3,.newspapers h4,.newspaper h2 {
font-size:123%;
line-height:15px
}

.newspapers a:link,.newspaper a:link,.magazines a:link,.radio a:link,.menu3 a:link {
line-height:28px;
font-size:123%;
margin: 3px 0px;
padding:5px 3px 4px
}

.newspapers a:visited,.newspaper a:visited,.magazines  a:visited,.menu3 a:visited {
line-height:28px;
font-size:123%;
margin: 3px 0px;
padding:5px 3px 4px
}

.newspapers p,.magazines p,.newspaper p,.radio 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:77.0%;
}

#tikernews {
width:99%;
}
    
#tikernews a {
font-size:120%;
font-family:'Roboto Condensed','Open Sans', sans-serif;
}

#tikernews a:hover {
font-size:120%;
color:#ff0c00;
}
    
#topnews {
clear:both;	
}

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

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

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

.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;	
}
	
.menu5 {	
font-size:100%;
line-height:25px;
width:175px;
clear:none;
text-align:center;
padding:8px 5px 2px 7px;
margin top:15px;
}

.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:1700px){
/* 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;
}

h1 {font-size:140%;}
    
h2,h3,h4,h5 {font-size:120%;margin:12px 1px 3px ;padding:1pt 0 0;}

.header {
width:80.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%;
margin-top: -3px
}

#tikernews {
width:99%;
}
    
#tikernews a {
font-size:125%;
font-family:'Roboto Condensed','Open Sans', sans-serif;
}

#tikernews a:hover {
font-size:125%;
color:#ff0c00;
}

#topnews {
clear:both;	
}

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

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

#topnews .rsscontainer a {	
font-size:130%;
}
    
.banner {
width:70%;
text-align:right;
margin-top: 10px;
padding-left: 50px;
}

.newspapers,.newspaper,.magazines,.menu3 {
line-height:28px;
padding:4px 3px	
}

.newspapers a:link,.newspaper a:link,.magazines a:link,.radio a:link,.menu3 a:link {
font-size:130%;
line-height:28px;
padding:4px 5px	5px
}

.newspapers a:hover,.newspaper a:hover,.magazines a:hover,.radio a:hover,.menu3 a:hover {
font-size:130%;
padding:4px 5px 5px
}

.newspapers a:visited,.newspaper a:visited,.magazines a:visited,.radio a:visited,.menu3 a:visited {
font-size:130%;
line-height:28px;
padding:4px 5px 5px
}

.newspapers p,.magazines p,.newspaper p,.radio 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:100%;
width:245px;
clear:none;
text-align:center;
padding:1px 4px 2px 7px;
margin: 3px 4px 3px 4px;
}

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

/* AllTranslate CSS */

Translatep.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 */