@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/logo-diarios.space-mobile.png) no-repeat;
width:auto;
height:39px
}

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
}

.titulo,.texto2 {
display:none;
clear:both;
}

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

.ticker,.tickernews {
display:none
}

.title {
width:auto
}

.texto1,.texto2 {
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,.noticias p {
font-size: 70%;
text-align: justify;
margin: 3px 2px;
padding: 4px 5px 4px;
line-height: 1.5;
color: #8f8f8f;
}

.diario,.periodico,.periodicos,.menu3,.noticias {
margin:7px 0;
}

.diario h2,.periodicos h2,.periodico h2 {
margin-bottom:4px;
line-height:15px;
}

.diario p,.periodico p,.periodicos 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;
}

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

.diario a:link,.periodicos a:link,.periodico 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
}

.diario a:link,.periodicos a:link,.periodico a:link {
	display:inline-block;
	overflow:auto;
	line-height:28px;
	vertical-align:middle;
	no-repeatbottomcenterdisplay:block;
}

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

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

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

.diario a:visited,.periodicos a:visited,.pulsante a:visited,.periodico 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;
}

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

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

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

.diario a:hover,.periodicos a:hover,.pulsante a:hover,.periodico 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;
}

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

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

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

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

#todaslasnoticias .rsscontainer{
float: left;
background: lightyellow;
width: 98%;
padding: 4px;
margin: 3px;
color: #999999;
border:0.5px solid #C5BD5C;
}

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


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

#todaslasnoticias .rsscontainer a {
font-size:115%;
color:#005ac8;
text-decoration:none;
}

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

.nasc {
width: auto;
}

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

.columna3, .columna4, .columna5, .columna6 {
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
}

.boton a:link, .boton2 a:link, .boton3 a:link, .boton4 a:link, .boton5 a:link, .boton6 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
}

.boton a:link, .boton2 a:link, .boton3 a:link, .boton4 a:link, .boton5 a:link, .boton6 a:link, .myButton a:link, .myButton2 a:link  {
width: 98%
}

.boton a:link, .boton2 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);
}

.boton a:hover,.boton2 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
}

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

.boton a:focus,.boton2 a:focus,.boton3 a:focus.boton4 a:focus,.boton5 a:focus.boton6 a:focus {
outline:thin dotted
}

.boton3 a:link, .boton5 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);
}

.boton4 a:link, .boton6 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);
}

.boton3 a:hover, .boton4 a:hover, .boton5 a:hover, .boton6 a:hover {
text-align:center;
text-shadow:none;
color:#ff0c00;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}

.boton3 a:hover, .boton5 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);
}

.boton4 a:hover, .boton6 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);
}

.boton3 a:visited,.boton4 a:visited, .boton5 a:visited,.boton6 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
}

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

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

.sfondo p { 
text-align: center
}

.sfondo a:link { 
text-align: center
}

#navmenu {
font: bold 14px 'Roboto', 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 (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
}

.title {
font-size: 70%;
}

.texto1,.texto2 {
margin-left:1px;
font-size: 80%;
}

.pulsante p,.diario p,.periodicos p, .periodico 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:110%;
text-align:center;
margin:9px 1px 10px 0px;
padding:13px 1px 3px
}

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

.pulsante p,.diario p,.periodicos p, .periodico p {
text-align: left;
}

.pulsante img {
display:none
}

.banner2, .columna3, .columna4, .columna5, .columna6 {
width:100%;
margin:0px;
}

.boton a:link, .boton2 a:link {
height: auto;
}

.boton a:link,.boton2 a:link,.boton3 a:link,.boton4 a:link,.boton5 a:link, .boton6 a:link,.myButton a:link,.myButton2 a:link {
width:98%;
line-height: 14px;
font-size: 90%;
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: 48%;
font-size: 70%;
margin: 1px 1px 0px 2px;
padding: 1px 0px 1px 0px;
line-height: 28px;
}

.menu4 h2 {
font-size:auto;
}

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

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

.nasc {
display: none;
}

.buscadores {
}
	
#todaslasnoticias {
clear:both;	
}

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

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

#todaslasnoticias .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;
}
    
.sfondo { 
width:99%;
}
    
.sfondo p { 
font-size:80%;
padding:1px 1px 1px -1px
}

.sfondo 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: 85%;
}

.texto1,.texto2 {
margin-left:1px;
font-size: 80%;
}

.pulsante,.diario,.periodicos, .periodico, .menu3 { 
width: 100%;
}

.pulsante p,.diario p,.periodicos p, .periodico 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
}

.diario a:link,.periodicos a:link, .periodico 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;
}

.buscadores {
}
	
#todaslasnoticias {
clear:both;	
}

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

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

#todaslasnoticias .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%;
}

.boton a:link,.boton2 a:link {
height: 34px;
}

.boton3 a:link,.boton4 a:link, .boton5 a:link,.boton5 a:link, .myButton2 a:link  {
height: 34px;
}

.boton a:link,.boton3 a:link,.boton4 a:link,.boton5 a:link,.boton5 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 2px 2px;
	padding: 9px 1px 8px
}

.boton3 a:link,.boton4 a:link {
font-size: 90%;
}

.boton2 a:link {
width: 48%;
float: right;
clear: none;
line-height: 14px;
font-size: 95%;
margin: 3px 2px 4px 0px;
padding:21px 0px 3px 1px
}
	
.boton5 a:link,.boton6 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, .columna3, .columna5, .columna4, .columna6 {
width:100%;
margin:0px;
padding:0px;   
}

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

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

.texto1,.texto2 {
margin-left: 3px
}

.pulsante img {
display:none
}

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

.diario a:link,.periodicos a:link, .periodico 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: 95%;
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;
}

.buscadores {
}
	
#todaslasnoticias {
clear:both;	
}

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

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

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

.boton a:link,.boton3 a:link, .boton4 a:link, .myButton a:link {
width: 98%;
line-height: 28px;
font-size: 100%;
margin: 3px 2px 4px 1px;
padding: 16px 1px 13px
}
	
.boton2 a:link, .boton5 a:link, .boton6 a:link, .myButton2 a:link {
width: 48%;
line-height: 28px;
font-size: 100%;
margin: 1px 1px 2px 0px;
padding: 16px 1px 13px
}

.boton a:link, .boton2 a:link,.boton3 a:link, .boton4 a:link,.boton5 a:link,.boton6 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
}

.columna4,.columna6,.columna5 {
width:99%;
margin:1px;
clear:none
}
    
.sfondo p { 
font-size:80%;
text-align: justify;
padding:1px 7px 1px 3px
}

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

.texto1,.texto2 {
margin-left: 3px
}

.diario a:link,.periodicos a:link, .periodico 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 
}

.diario p,.periodico p,.periodicos p,.menu3 p {
text-align: left;
margin: 3px 2px 3px -2px;
padding: 3px 5px 4px;
}
	
.diario p,.periodico p,.menu3 p {
width: 100%;
}
	
.periodicos 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;
}

.buscadores {
}

#todaslasnoticias {
clear:both;	
}

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

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

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

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

.boton a:link,.boton3 a:link,.boton4 a:link, .boton6 a:link, .myButton a:link {
width:99%;
line-height:28px;
font-size:90%;
margin:3px 1px 4px 0px;
padding:10px 1px
}

.boton2 a:link,.boton5 a:link,.boton6 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
}

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

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

.columna5 {
width:99%;
margin-left:0.0000%;
margin-right:1.0000%;
clear:none
}
	
.sfondo p { 
font-size:80%;
text-align: justify;
padding:1px 7px 1px 3px
}

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

}

/* 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 ){

.titulo {
display: block;
width: 62.0%;
height: 40px;
clear: none;
color:#ff0c00;
}
	
.titulo 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.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;
font-size:70%;
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;
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;
}

.buscadores {
}

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

.texto1 h2,.texto1 h3,.texto1 h4,.texto2 h2,.texto2 h3,.texto2 h4 {
margin: 1px 0px 1px 9px;
padding: 7px 0px 3px 1px;
}
	
.texto1 p,.texto2 p {
margin: 1px 0px 1px 4px;
padding: 3px 0px 6px 1px;
}
	
.texto1 img,.texto2 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
}

.diario h2,.periodicos h2,.periodico h2, ,.menu3 h2 {
font-size:110%;
line-height:15px
}

.diario a:link,.periodico a:link, .periodicos a:link,.menu3 a:link  {
line-height:26px;
font-size:100%;
padding:7px 2px 7px
}

.diario a:visited,.periodicos a:visited,.menu3 a:visited {
line-height:26px;
font-size:100%;
padding:7px 2px 7px
}

.diario p,.periodico p,.periodicos 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:39%;
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
}

.boton a:link,.boton3 a:link,.boton4 a:link,.boton6 a:link,.hotel a:link {
font-size:80%;
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;
}

.boton2 a:link,.boton5 a:link,.boton6 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;
}

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

.noticias2 {
}
    
#todaslasnoticias {
clear:both;	
}

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

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

#todaslasnoticias .rsscontainer a {	
font-size:100%;
}

#todaslasnoticias .eachentry img {
display:none
}

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

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

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

.columna6 {
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/logo-diarios.space.png) no-repeat;
width:220px;
height:65px
}

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
}

.titulo,.texto2 {
display: block;
}

.titulo {
width: 75.0%;
clear: none;
font-size:85%;
color:#ff0c00;
line-height:17px;
line-height:17px;
}
	
.titulo p {
margin-top: 1px;
margin-left: 0;
padding-top: 3px;
}

.ticker {
display: block;
width: 75.0%;
clear: none;
margin-left: 0;
line-height:15px;
padding-bottom:0px;
font-size:70%;
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;
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
}
	
#todaslasnoticias .eachentry {
width: 97%;
}

#todaslasnoticias .eachentry img{display:none}

.title {
width:auto
}
    
.texto1,.texto2 {
width:auto;
clear:none;
}
	
.texto1 h2,.texto1 h3,.texto1 h4,.texto2 h2,.texto2 h3,.texto2 h4 {
margin: 3px 0px 6px 3px;
padding: 1px 0px 1px 1px
}
	
.texto1 p,.texto2 p {
margin: 3px 0px 6px 3px;
padding: 1px 0px 1px 1px
}

.texto1 img,.texto2 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
}

.diario {
display:block
}

.diario h2,.periodicos h2,.periodico h2, ,.menu3 h2 {
font-size:110%;
line-height:15px
}

.diario a:link,.periodico a:link, .periodicos a:link,.menu3 a:link  {
line-height:26px;
font-size:105%;
padding:4px 2px 5px
}

.diario a:visited,.periodicos a:visited,.menu3 a:visited {
line-height:26px;
font-size:105%;
padding:4px 2px 5px
}

.diario p,.periodico p,.periodicos 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
}

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

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

.nasc {
display: block;
}

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

.columna3 {
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:80%;
line-height:22px;
width:176px;
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
}

.boton a:link,.boton3 a:link,.boton4 a:link, .myButton a:link {
width: 98%;
line-height:30px;
margin:3px 0px 4px 0px ;
padding:3px 2px
}

.boton2 a:link,.boton5 a:link,.boton6 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;
}

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

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

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

.titulo {
display:block;
width:79.5000%;
clear:none;
font-size:95%
}
	
.titulo p {
margin-top:3px;
margin-left:0;
padding-top:1px;
font-size:95%
}

.banner {
text-align:right
}

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

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

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

.columna3 {
width:30%;
clear:none;
margin-left:0px;
margin-right:0
}
	
.columna4 {
width:33%;
margin-left:0.7%;
margin-right:-0.5%;
clear:none
}
    
.columna5 {
}
	
.columna6 {
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 
}

.texto1,.texto2 {
width:auto;
line-height:20px;
font-size:100%
}
	
.texto1 h2,.texto1 h3,.texto1 h4,.texto2 h2,.texto2 h3,.texto2 h4 {
margin: 5px 5px 7px 1px;
padding:1px 1px 1px 1px;
}

.texto1 p,.texto2 p {
margin: 5px 5px 7px 1px;
padding:1px 1px 1px 1px;
}

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

.diario a:link,.periodicos a:link,.periodico a:link,.menu3 a:link {
line-height:28px;
font-size:110%;
margin: 3px 0px;
padding:5px 3px 4px
}

.diario a:visited,.periodicos a:visited,.periodico  a:visited,.menu3 a:visited {
line-height:28px;
font-size:110%;
margin: 3px 0px;
padding:5px 3px 4px
}

.diario p,.periodico p,.periodicos p,.menu3 p {
width: 98%;
margin: 3px 2px;
padding: 3px 5px 4px;
}

.boton a:link,.boton3 a:link,.boton4 a:link,.myButton a:link {
padding:5px 2px 4px
}

.boton2 a:link,.boton5 a:link,.boton6 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;
}

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

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

#tikernews {
width:99%;
}

#todaslasnoticias {
}

.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:22px;
width:210px;
clear:none;
text-align:center;
padding:1px 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;
}

.titulo {
width:83.5000%;
font-size:105%;
line-height:18px;
}
	
.titulo p {
margin-top: 4px;
padding:1px 1px 3px;
}

.h1 {
font-size:140%;
}

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

.texto1,.texto2 {
width:auto;
line-height:22px;
}
	
.texto1 h2,.texto1 h3,.texto1 h4,.texto2 h2,.texto2 h3,.texto2 h4 {
font-size:105%;
margin:5px 0px 0px;
padding:2px 5px 5px 5px;
}
	
.texto1 p,.texto2 p {
font-size:105%
margin:5px 0px 0px;
padding:2px 5px 5px 5px;
}

.ticker {
width:85.2%;
}

#tikernews {
width:99%;
}

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

.diario,.periodicos,.periodico,.menu3 {
line-height:28px;
padding:4px 3px	
}

.diario a:link,.periodicos a:link,.periodico a:link,.menu3 a:link {
font-size:120%;
line-height:28px;
padding:4px 5px	5px
}

.diario a:hover,.periodicos a:hover,.periodico a:hover,.menu3 a:hover {
padding:4px 5px 5px
}

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

.diario p,.periodico p,.periodicos 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
}

.boton a:link,.boton3 a:link,.boton4 a:link {
line-height:28px;
font-size:105%;
margin:3px 0px 4px 0.5px;
padding:5px 5px	6px 3px
}
    
.boton2 a:link,.boton5 a:link,.boton6 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;
}

.boton a:visited,.boton2 a:visited,.boton3 a:visited,.boton4 a:visited,.boton5 a:visited,.boton6 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
}

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

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

.note  {
width:100%;
}

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

#todaslasnoticias {
}
	
.columna5 {
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:110%;
width:300px;
clear:none;
text-align:center;
padding:1px 4px 2px 7px;
margin: 3px 4px 3px 4px;
}

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

}

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