/****************************************/
/*	Restyling METEOGIORNALE.IT			*/
/*										*/
/*	CSS homepage						*/
/*										*/
/****************************************/

#main {
	width: 510px;
	float: left;
	margin: 5px 0 0 10px;
	display: inline;
}

/* @Gruppo PAGINAZIONE EXTREME */

#extreme {
	padding: 3px 6px 20px 6px;
	background: url("../bkg/bg_extreme.png") repeat-x bottom;
}
img.extr {
	border: 2px solid #e6eaec;
	width: 976px; 
	margin-top: 5px;
}

h2.supertitolo a:link, h2.supertitolo a:visited, h2.supertitolo a:active {
	color:#444;
	text-decoration:none;
	font-weight:normal;
}
h2.supertitolo a:hover {
	color:#e2001a;
	text-decoration:none;
	font-weight:normal;
}

h2.supertitolo a:link span.supertitolo-red, h2.supertitolo a:visited span.supertitolo-red, h2.supertitolo a:active span.supertitolo-red {
	color:#e2001a;
	text-decoration:underline;
	font-weight:normal;
}

h2.supertitolo a:hover span.supertitolo-red {
	color:#e2001a;
	text-decoration:none;
	font-weight:normal;
}

h2.supertitolo a:link span.supertitolo-blu, h2.supertitolo a:visited span.supertitolo-blu, h2.supertitolo a:active span.supertitolo-blu {
	color:#1b8dd5;
	text-decoration:underline;
	font-weight:normal;
}

h2.supertitolo a:hover span.supertitolo-blu {
	color:#e2001a;
	text-decoration:none;
	font-weight:normal;
}

/* @Gruppo TITOLI */

ul.titoletti { margin: 2px 5px 5px 5px; padding-top: 3px; border-top: none;}
ul.titoletti li { display: inline;}
ul.titoletti li a:link, ul.titoletti li a:visited {
	/* color: #3f70a2; */
	color: #333333;
	font-size: 13px;
	text-decoration: none;
	padding-left: 2px;
}
ul.titoletti li a:hover, ul.titoletti li a:active { color: #e2001a;}
ul.titoletti li a img {border: none;}

/*---------------- home maxi ----------------*/
img.maxi {
margin: 0 auto;
display: block;
border: 2px solid #e6eaec;
width: 503px;
}
/* @Gruppo PRIMA NOTIZIA */

#prima-notizia {
	margin:10px 0 0;
	width: 510px; 
	padding-bottom: 10px;
}
#prima-notizia img {
	background: #fff;
    display: block;
	float: left;
	padding: 0;
	border: none;
	box-shadow: none;
	}
#prima-notizia span {
	float:left;
	margin-right: 10px;
}
#prima-notizia .articolo { margin: 0 0 5px;}
#prima-notizia h3 {
	line-height:21px;
	overflow:hidden;
}
#prima-notizia h3 .expert {
	padding-top:6px;
	float:right;
}
p.first-news {
	color: #444;
	font-size: 12px;
}
p.first-news a:link, p.first-news a:visited {
	color: #444; 
	text-decoration: none;
}
p.first-news a:hover {
	color: #666; 
	text-decoration: none;
}
.correlate-home { border-top:1px solid #f2f2f2;}

#prima-notizia h3 a:link,#prima-notizia h3 a:visited {
color: #1947A3;
text-decoration: none;
font-size: 22px;
margin: 0 3px 0 0;
}

#prima-notizia h3 a:hover,#prima-notizia h3 a:focus,#prima-notizia h3 a:active {
color: #ff6633;
text-decoration: none;
}

p.sottotitolo,p.titolo-correlate {
	margin: 2px 0;
	padding:2px 0;
	line-height: 15px;
	font-size: 12px;
}

p.titolo-correlate a:link, p.titolo-correlate a:visited {
	text-decoration: none;
	color: #444;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	margin: 5px 0;
}
p.titolo-correlate a:hover, p.titolo-correlate a:focus, p.titolo-correlate a:active  {
	text-decoration: none;
	color: #666;
}


p.categoria-sottotitolo {
	margin:23px 0 10px 0;
	display: block;
}
p.categoria-sottotitolo a:link, p.categoria-sottotitolo a:visited {
	color:#1f5fb6;
	text-decoration: none;
}
p.categoria-sottotitolo a:hover {
	color:#009ee0;
}

p.sottotitolo span.ora {
	color: #ce451f;
	text-transform: uppercase;
	font-weight:bold;
	padding: 0 0 4px 0;
}

/* @Gruppo PRIMA NOTIZIA */

p.sottotitolo strong, p.titolo-correlate span.area {
	background: #0089e0;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	padding: 1px 2px;
}
p.sottotitolo a:link, p.sottotitolo a:visited{
	text-decoration: none;
	color: #444;
}
p.sottotitolo a:hover, p.sottotitolo a:focus, p.sottotitolo:active {
	color: #666;
	text-decoration: none;
}
span.area a:link, span.area a:visited {
	text-decoration: none;
	color: #fff;
}

span.area a:hover, span.area a:focus, span.area a:active {
	color: #fff;
} 

p.titolo-correlate span.area {
	background: #ff684a;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 2px;
}

/* @Gruppo PRIMO PIANO */

.primo-piano {
	width: 510px;
	margin-bottom: 20px;
}
.notizia {width: 49%;}
.left {	float: left;}
.right {	float: right;}
.notizia h4.rubrica {
	margin: 0;
	background: #fff;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2px 0;
	font-size: 12px;
	width: 250px;
}
.notizia img {border: none;}

.riga1 {border-bottom: 2px solid #0089e0;}
.riga2 {border-bottom: 2px solid #ff684a;}
.riga3 {border-bottom: 2px solid #64991e;}
.riga4 {border-bottom: 2px solid #e95d0f;}

.riga1 a {background: #0089e0;}
.riga2 a {background: #ff684a;}
.riga3 a {background: #64991e;}
.riga4 a {background: #e95d0f;}

h4.rubrica a:link, h4.rubrica a:visited {
    text-decoration: none;
	color: #fff;
	padding: 2px 4px;
}

.notizia h3.titolo {
    margin: 2px 0;
    padding: 2px 0;
    line-height: 20px;
    font-size: 20px;
}

h3.titolo a:link, h3.titolo a:visited {
    text-decoration: none;
    color: #1947a3;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
    margin: 5px 0;
}

.banner-main {
text-align: center;
padding-top: 10px;
}

/* ------------------------- box soggetti ---------------------*/

.box-archivio-area {
width: 510px;
margin: 5px 0;
padding-bottom: 5px;
background:  url(https://www.meteogiornale.it/content/bkg/notiziette-up.gif) repeat-x left top;
}

.box-archivio-area h4
{
	margin-top:5px;
}


.box-archivio-area h4 a {
float: left;
padding: 4px 0 10px 3px;
width: 100%;
font-size: 11px;
}

.box-archivio-area h4 a:link, .box-archivio-area h4 a:visited {
padding:8px;	
text-transform: uppercase;
color: #333;

text-decoration: none;
}

.box-archivio-area h4 a:hover, .box-archivio-area h4 a:focus, .box-archivio-area h4 a:active {
color: #666;
text-decoration: none;
}

.box-archivio-area h5 {
font-size:16px;

margin-bottom:10px;
padding:0 7px;


}

.box-archivio-area h5 a:link, .box-archivio-area h5 a:visited {
text-decoration: none;
color: #0066cc;
}

.box-archivio-area h5 a:hover, .box-archivio-area h5 a:focus, .box-archivio-area h5 a:active {
color: #404040;
text-decoration: none;
}

.esterno {

margin: 0 0 5px 0;
}

.abstract {
margin: 0 0 5px 0;
}

.box-archivio-area.left .esterno,
 .box-archivio-area.left .abstract {
float: left;
width: 301px;
}

.box-archivio-area.right .esterno,
 .box-archivio-area.right .abstract {
float: right;
width: 301px;
}

.box-archivio-area.left img {
float: left;
border: 2px solid #e6eaec;
margin-right: 5px;
}
.box-archivio-area.right img {
float: right;
border: 2px solid #e6eaec;
margin-left: 5px;
}

.box-archivio-area.left .abstract p {
font-size: 12px;
color: #000;
background: #fafafa;
margin: 0px 0;
padding: 10px 0 0 5px;
line-height: 18px;
min-height: 145px;

}

.box-archivio-area.right .abstract p {
font-size: 12px;
color: #000;
background: #fafafa;
margin: 0px 0;
padding: 10px 0 0 5px;
line-height: 18px;

height: auto !important;
min-height: 145px;
}

.box-archivio-area .abstract p a:link, 
.box-archivio-area .abstract p a:visited {
color: #000;
text-decoration: none;
}

.box-archivio-area .abstract p a:hover,
.box-archivio-area .abstract p a:focus,
.box-archivio-area .abstract p a:active {
color: #666;
text-decoration: none;
}

ul.altri li {
margin: 0 5px 5px 0;
padding: 0 0 5px 18px;
background: url(https://www.meteogiornale.it/content/bkg/sezione-ico.gif) no-repeat 0 3px;
border-bottom: 1px solid #f2f2f2;

}

ul.altri li a:link, ul.altri li a:visited {
text-decoration: none;
color: #0c4d8f;
font-size: 12px;
margin: 5px 0 5px 0;
padding-bottom: 5px;
line-height: 15px;
}

ul.altri li a:hover, ul.altri li a:focus, ul.altri li a:active {
color: #1b8dd5;
}


#side { /* Dimensioni della sidebar solo per l'homepage */
	margin: 14px 8px 0 8px;
	width: 460px;
	float: right;
	display: inline;
}
/*
#content>#side {
width: 460px;
}
*/

/*-------------- logo-info-hp ---------------*/
.logo-info-hp {
    width: 460px;
    height: 50px;
    clear: both;
    font-size: 1px;
	text-align: center;
	border: 0;
	padding: 0 0 6px 0;
}
.logo-info-hp img { border:none; }

#side h6.titlebox {
color: #ff8a00;
text-transform: uppercase;
float: left;
width: 100px;
font-size: 11px;
line-height: 15px;
font-weight: bold;
}

#side p.diretta {
color: #787878;
text-transform: none;
font-size: 11px;
float: left;
width: 320px;
line-height: 15px;
}

#side p.diretta a:link,#side p.diretta a:visited {
text-decoration: none;
color: #787878;
}

#side p.diretta a:focus,#side p.diretta a:hover,#side p.diretta a:active {
color: #ababab;
}

.sub-side  {
margin: 0 10px 10px 0;
width: 490px;
}

#side>.sub-side {
width: 460px;
} 

.sub-side.top {
border-left: 2px solid #ccc;
padding-left: 1px;
width: 459px;
}
.border-grey {
border: 1px solid #ccc;
}
.border-orange {
border: 1px solid #f60;
}
#sx {
width: 308px;
float: left;
}

#dx {
width: 147px;
float: right;
}

#dx-top{
width: 147px;
float: right;
}

/*--------- div provvisorio ----*/
.dati-meteo {
border: 1px solid #ffc8a0;
height: 124px;
margin: 5px 0 0 0;
padding: 1px;
}
/*-----------------------*/
.banner-side {
text-align: center;
margin: 5px 0 0 0;
border: 1px solid #ccc;
}

h6.top-meteo-giornale {
text-transform: capitalize;
background: #fff url(https://www.meteogiornale.it/content/bkg/top-caption.gif) repeat-y left top;
color: #1b75ae;
font-size: 16px;
font-weight: bold;
padding: 3px;
margin-bottom: 2px;
}

h6.top-meteo-giornale span {
text-transform: uppercase;
}

ul.top-meteo {
border: 1px solid #ffc8a0;
padding: 2px;
margin-bottom: 5px;
}

ul.top-meteo li {
display: inline;
}

ul.top-meteo li a {
border-right: 1px solid #1b75ae;
padding: 0 5px 0 2px;
font-size: 13px;
text-decoration: none;
}

ul.top-meteo li a.ultimo {
border: none;
}

ul.top-meteo li a:link,ul.top-meteo li a:visited {
color: #1b75ae;
}

ul.top-meteo li a:hover,ul.top-meteo li a:focus,ul.top-meteo li a:active {
}

/* @Gruppo BOTTOM NEWS HOMEPAGE */

.bottom-news {
	width: 1000px;
	margin-top:10px;
	padding: 5px 10px 25px 10px;
}
#container>.bottom-news {
	width: 980px;
	margin: 0 auto;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	border-left:none;
	border-right:none;
	background: #eee;
} 

/* @Gruppo METEO NOTIZIE DAL MONDO */

.box-news-world {
	width: 300px;
}
.bottom-news-home {
	float: left;
	width: 310px;
}
.bottom-blog { float: left;}
.bottom-blog h4, .bottom-news-home h4 {
	padding:2px 0 5px 3px;
	display: block;
}
.bottom-blog h4 a:link,.bottom-blog h4 a:visited, .bottom-news-home h4 a:link,.bottom-news-home h4 a:visited {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color: #0066CC;
	text-decoration: none;
}
.bottom-blog h4 a:hover,.bottom-blog h4 a:focus,.bottom-blog h4 a:active, .bottom-news-home h4 a:hover,.bottom-news-home h4 a:focus,.bottom-news-home h4 a:active {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color: #0066CC;
	text-decoration: none;
}
.box-news-world {
	padding: 0 0 5px 0;
	margin-top: 5px;
}
.box-news-world img {
	background: #fff;
    border: 1px solid #ABAAA6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    display: block;
    padding: 2px;
	float: left;
	width: 80px;
	height: 65px;
	float: left;
}
.news-mondo .dida { margin: 0 2px 0 90px;}
.news-mondo {
	border-bottom: 1px solid #d4d4d4;
	padding: 5px 0;
}
.news-mondo .dida p {
	min-height: 36px;
	height: auto !important;
	height: 36px;
	padding: 0 3px 6px 10px;
	font-size: 11px;
}
.news-mondo .dida h6 {
	margin: 0 0 5px 10px;
	font-size: 12px;
	border: none;
	text-transform: uppercase;
}
.news-mondo .dida h6 a:link, .news-mondo .dida h6 a:visited {
	color: #0066CC;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
.news-mondo .dida h6 a:hover, .news-mondo .dida h6 a:focus, .news-mondo .dida h6:active {
	color: #e2001a;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
.news-mondo .dida p a:link, .news-mondo .dida p a:visited {
	text-decoration: none;
	color: #404040;
}
.news-mondo .dida p a:hover, .news-mondo .dida p a:focus, .news-mondo .dida p a:active {
	text-decoration: none;
	color: #333333;
}

/* @Gruppo ARTICOLI E SEZIONI DESTRA HOMEPAGE */

.bottom-art {
	float: right;
	width: 661px;
}
.box-bottom {
	max-width: 161px;
	float: left;
	min-height: 260px;
	margin: 1px 4px 0 0;
}
.box-bottom.last { margin-top: 1px;}
.box-bottom-interno {} /* da eliminare dal codice HTML */
.box-bottom h4.sezione {
	padding:2px 0 5px 3px;
	display: block;
}
.box-bottom h4.sezione a:link, .box-bottom h4.sezione a:visited {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color: #0066CC;
	text-decoration: none;
}
.box-bottom h4.sezione a:hover, .box-bottom h4.sezione a:focus, .box-bottom h4.sezione a:active {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color: #0066CC;
	text-decoration: none;
}
.box-bottom img {
	background: #fff;
    border: 1px solid #ABAAA6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    display: block;
    padding: 2px;
	float: left;
	width: 150px;
	height: 125px;
}
h5.titolo {
	padding: 5px;
	line-height: 18px;
}
h5.titolo a:link, h5.titolo a:visited {
	color: #004094;
	text-decoration: none;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
}
h5.titolo a:hover, h5.titolo a:focus, h5.titolo a:active {
	color: #156ec7;
	text-decoration: none;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
}

.box-bottom p {
	padding: 10px 3px 0 3px;
	font-size: 12px;
}
.box-bottom p.bianco {}


/*
 * Box Dinamici
*/ 
.see
{
	display:block;
}
.noSee
{
	display:none;
} 

#prima-notizia .expert img, .seconda-notizia h4 .expert img, .box-archivio-area .expert img
{
	border:medium none;
	float:right;
}

.box-archivio-area .expert 
{
	margin-top:-10px;
	margin-bottom:10px;
}

.box-bottom .expert
{
	margin-top:5px;
	margin-right:5px;
}

#prima-notizia .usrComment
{
	display:table;
	margin-top:7px;
	width:auto;
}
#prima-notizia .usrComment .line
{
	display:none;
}

/* @Gruppo HOMEPAGE */

.container-boxlink {
	border:1px solid #fff;
}
	/* Lista */
ul.tabs {
	margin: 0; 	padding: 0;
	width: 99%;
	float: left;
	list-style: none;
	height: 31px;
	/*border-bottom: 1px solid #999; 	border-left: 1px solid #999;*/
}
ul.tabs li {
	margin: 0; 	padding: 0;
	float: left;
	height: 30px;
	line-height: 30px; /* per allineare verticalmente il testo dentro ai Tabs */
	/*border: 1px solid #999;*/
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	padding: 0 34px;
	display: block;
	color: #555555;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #fff; /* per dare l'effetto smusso all'interni dei Tabs */
	outline: none;
	background: url('../bkg/button_boxlink_2_little.png') no-repeat 10px 9px;
}

ul.tabs li a:hover {
	color:#F90;
}
ul.tabs li.active { /* background e bordo inferiore devono avere lo stesso colore del box con il contenuto */
	/* border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 10px solid #ccc;
	border-bottom: 1px solid #fff; */
	color:#F90;
}
ul.tabs li.active a:hover  { /* background e bordo inferiore devono avere lo stesso colore del box con il contenuto */
	color:#F90;
}


/* Contenuto */
.contenitore_tab {
	background: #fff;
	/*border: 1px solid #999;	border-top: none;*/
	overflow: hidden;
	clear: both;
	float: left; width: 99%;
	color: #333;
	margin-bottom: 10px;
}
.contenuto_tab {
	padding: 10px;
	padding-top: 1px;
	font-size: 12px;
	text-align:left;
	border:1px solid #ccc;
}
.contenuto_tab a:link, .contenuto_tab a:visited {
	font-size: 12px;
	color:#666;
	text-decoration: none;
}
.contenuto_tab a:hover {
	font-size: 12px;
	color: #646464;
}

/* @Gruppo BOX LINK SIDEBAR GENERICA */

	/* Lista */
ul.tabs-g {
	margin: 0; 	padding: 0;
	width: 99%;
	float: left;
	list-style: none;
	height: 30px;
	/*border-bottom: 1px solid #999; 	border-left: 1px solid #999;*/
		margin:10px 0 0 3px;
}
ul.tabs-g li {
	margin: 0; 	padding: 0;
	float: left;
	height: 29px;
	line-height: 29px; /* per allineare verticalmente il testo dentro ai Tabs */
	/*border: 1px solid #999;*/
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
		background: #f90;
}
ul.tabs-g li a {
	padding: 0 10px;
	display: block;
	color: #555555;
	font-size: 12px;
	/*font-weight: bold;*/
	text-decoration: none;
	border: 1px solid #fff; /* per dare l'effetto smusso all'interni dei Tabs */
	outline: none;
	/*background: url('../bkg/bullet-orange.png') no-repeat 0 6px;*/
}
ul.tabs-g li a:hover {
	color:#f90;
	background:#fff;
}
ul.tabs-g li.active { /* background e bordo inferiore devono avere lo stesso colore del box con il contenuto */
	/*border-bottom: 1px solid #fff;*/
	color:#f90;
	background: #fff;
}
ul.tabs-g li.active a:hover  { /* background e bordo inferiore devono avere lo stesso colore del box con il contenuto */
	border-bottom: 1px solid #fff;
	color:#f90;
}


/* Contenuto */
.contenitore_tab-g {
	background: #fff;
	/*border: 1px solid #999;	border-top: none;*/
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	color: #333;
	margin-bottom: 10px;
}
.contenuto_tab-g {
	padding: 10px;
	padding-top: 1px;
	font-size: 12px;
	text-align:left;
	border-bottom:1px solid #ccc;
}
.contenuto_tab-g a:link, .contenuto_tab-g a:visited {
	font-size: 12px;
	color:#666;
	text-decoration: none;
}
.contenuto_tab-g a:hover {
	font-size: 12px;
	color: #646464;
}

/* BOX MTG-VIDEO */
.mtg-video {margin: 10px 5px 0 0}
.mtg-video-content {border: 1px solid #ccc; padding: 5px 0;}
.mtg-video-left {float: left; width: 220px; margin: 3px 2px 3px 4px;}
.mtg-video-right {float: right; width: 220px; margin: 3px 4px 3px 2px;}
.mtg-video-left img {width: 200px; height: 120px; margin-left: 12px;}
.mtg-video-right img {width: 200px; height: 120px; margin-right: 12px;}
.mtg-video-left h5 {font-weight: bold; margin-left: 12px;}
.mtg-video-right h5 {font-weight: bold; margin-right: 12px;}
.mtg-video-content  h5 a:link, .mtg-video-content  h5 a:visited, .mtg-video-content h5 a:active{	color:#525252; font-size:13px; text-decoration: none;}
.mtg-video-content h5 a:hover { color: #E52D02;}