/****************************************/
/*	Restyling METEOGIORNALE.IT			*/
/*										*/
/*	CSS tipografia						*/
/*										*/
/****************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

p {
	font-size: 14px;
	line-height: 20px;
	color: #444;
}
h2 {
	font-size: 26px;
	color:#1947a3;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	margin-top: 2px;
	padding: 3px 0 5px 0;
	line-height: 1.1em;
}
h2 a:link, h2 a:visited, h2 a:active {
	color:#1947a3;
	text-decoration:none;
}
h2 a:hover, h4 a:hover {
	color:#e2001a;
	text-decoration:none;
}

/* @Gruppo ARTICOLO SINGOLO */

.articolo { margin: 5px 0 10px 0;}
.articolo p a:link,.articolo p a:visited {
	color: #1b8dd5;
	text-decoration: underline;
}
.articolo p a:hover,.articolo p a:focus,.articolo p a:active { text-decoration: none;}
.articolo p strong { font-weight: bold;}
.articolo p em { font-style: italic; }

p.riassunto {
    color: #434343;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin: 0 0 15px 10px;
    width: 95%;
}
p.intro {
    color: #464646;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	font-weight: bold;
    line-height: 16px;
    margin: 0 0 15px 10px;
    width: 95%;
}
.dettaglio  p {
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height:1.4;
	margin-bottom: 15px;
}
#top-article { 
	 margin: 0 auto;
	 width: 655px;
	 min-height: 80px;
}
.autore { 
	 margin-right: 5px;
	 width: 190px;
	 float: left;
}
.autore h4 {
	font-size:12px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#59493f;
	line-height: 1.5em;
}
.autore h4 a:link, .autore h4 a:visited {
	color:#00524f;
	text-decoration: none;
	font-size: 15px;
}
.autore h4 a:hover { color:#003333;}
.dettaglio p.data, p.data a, #preview p.data {
	color: #bebebe;
	font-size: 11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:-15px 0 15px 0;
}
p.data a:link, p.data a:visited {
	color: #999;
	text-decoration: none;
}
p.data a:hover { color: #999;}

/* Nome dell'autore alla fine dell'articolo */
.bottom-autore {
	clear: both;
	float:left;
	display:block;
}

/* @Gruppo BOTTONI CONDIVISIONE SOCIALI */

.share {
	float: left;
	color: #333;
	width: 210px;
	height: 75px;
	margin: -90px 0 0 130px;
}

.share-right {
	color: #333333;
	float: right;
	height: 75px;
	margin-top: -3px;
	width: 210px;
	}

/* NUOVI BOTTONI SOCIAL FANS */
/* .social-fans{
	width: auto;
	height: 55px;
	vertical-align: middle;
	margin: 2px 0 2px 0;
	} */

/* .fb-like { margin: 20px 0 20px -9px; width: 180px; height: 29px; text-align: center; vertical-align: middle; float: left; clear: both;} */
.fb-like { width: 70px; height: 75px;}
/* .twitter { margin: 20px 0 20px -9px; width: 180px; height: 29px; text-align: center; vertical-align: middle; float: left;} */
.twitter { width: 78px; height: 75px;}
/* .gplus { width: 70px; height: 75px; float: left; margin: 10px 0 0 -9px;} */
.gplus { width: 70px; height: 75px;}

/* @Gruppo BOTTONE CSS3 */ 
.button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	/* text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); */
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* BOTTONE BIANCO */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	margin-left: 25px;
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* BOTTONE ARANCIO */
.arancio {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.arancio:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.arancio:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.arancio a:link, .arancio a:visited {
	color: #eee;
	text-decoration: none;
}
.arancio a:hover {
	color: #fff;
	text-decoration: none;
}

/* BOTTONE BLU */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.blue a:link, .blue a:visited {
	color: #eee;
	text-decoration: none;
}
.blue a:hover {
	color: #fff;
	text-decoration: none;
}

/* BOTTONE VERDE */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); */
}
.green:hover {
	background: #538018;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); */
}
.green:active {
	color: #a9c08c;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); */
}
.green a:link, .green a:visited {
	color: #eee;
	text-decoration: none;
}
.green a:hover {
	color: #fff;
	text-decoration: none;
}

/*
 
#moreNews
{
    border: 1px solid #ADADAD;
    margin-top: 12px;
    padding: 3px;
    height: 131px;
    overflow: hidden;
}

#moreNews h3
{
	border-bottom:1px solid #ccc;
	color:#CC3300;
	font-size:14px;
	height: 21px;
	padding:3px 0 0 6px;
	background-color: #f8f8f8;
}

#moreNews .col .date
{
	margin-bottom: 3px;
	color: #CC3300;
	font-size: 10px;
}

#moreNews .col .sub
{
	font-size:10px;
	margin-top:6px;	
}

#moreNews .navigator
{
	margin-left:600px;
	margin-top:6px;
	position:absolute;
	width:28px;
	z-index:1;	
}
#moreNews .navigator .prev, #moreNews .navigator .next
{
	background-image:url("https://www.tempoitalia.it/template/images/background/nextPrev.gif");
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:10px;
	width:8px;
	
}
#moreNews .navigator .prev
{
	background-position: left top;
	border-right: 1 px solid #adadad;
	margin-right: 6px;
}
#moreNews .navigator .next
{
	margin-left:6px;
	background-position: right top;	
}
#moreNews .moreNewsContent
{
	background: #f8f8f8;
	height:106px;
}

#moreNews .moreNewsContent .col
{
	margin-top:12px;
	float: left;
	width: 29%;
	background-image:url("https://www.tempoitalia.it/template/images/background/line-ccc-fff.gif");
	background-repeat:repeat-y;
	background-position: right top;
	padding: 0px 12px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 12px;
	margin-top: 12px;
}

#moreNews .moreNewsContent .col.last
{
	background: none;
}

#moreNews .moreNewsContent .col .media
{
	float: left;
	margin-right: 12px;
}
#moreNews .moreNewsContent .col h5
{

}


#moreNews .moreNewsContent .col h5 a:link,#moreNews .moreNewsContent .col h5 a:visited,#moreNews .moreNewsContent .col h5 a:active
{
	color:#525252;
	font-size:10px;

}

#moreNews .moreNewsContent .col h5 a:hover {
	color: #cc3300;

}*/


/* @Gruppo NOTIZIE CORRELATE SCROLL */

#moreNews {
    border: 1px solid #cdcdcd;
    margin-top: 12px;
    padding: 3px;
    height: 131px;
    overflow: hidden;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
}
#moreNews h3 {
	border-bottom:1px solid #cdcdcd;
	color:#488dc6;
	font-size:14px;
	height: 21px;
	padding:3px 0 0 6px;
}
#moreNews .col .date {
	margin-bottom: 4px;
	color: #e2001a;
	font-size: 11px;
}
#moreNews .col .sub {
	font-size:10px;
	margin-top:6px;	
}
#moreNews .navigator {
	margin-left:600px;
	margin-top:6px;
	position:absolute;
	width:28px;
	z-index:1;	
}
#moreNews .navigator .prev, #moreNews .navigator .next {
	background-image:url("https://www.tempoitalia.it/template/images/background/nextPrev.gif");
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:10px;
	width:8px;
}
#moreNews .navigator .prev {
	background-position: left top;
	border-right: 1 px solid #adadad;
	margin-right: 6px;
}
#moreNews .navigator .next {
	margin-left:6px;
	background-position: right top;	
}
#moreNews .moreNewsContent {
	background: #f8f8f8;
	height:106px;
}
#moreNews .moreNewsContent .col {
	margin-top:12px;
	float: left;
	width: 29%;
	background-image:url("https://www.tempoitalia.it/template/images/background/line-ccc-fff.gif");
	background-repeat:repeat-y;
	background-position: right top;
	padding: 0px 12px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 12px;
	margin-top: 12px;
}
#moreNews .moreNewsContent .col.last { background: none;}
#moreNews .moreNewsContent .col .media{
	float: left;
	margin-right: 12px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 102, 153, 0.8);
	box-shadow: 0px 1px 4px 0px rgba(0, 102, 153, 0.8); 
}
#moreNews .moreNewsContent .col h5 a:link,#moreNews .moreNewsContent .col h5 a:visited,#moreNews .moreNewsContent .col h5 a:active{
	color:#525252;
	font-size:10px;
	text-decoration: none;
}
#moreNews .moreNewsContent .col h5 a:hover { color: #E52D02;}


/* @Gruppo NOTIZIE VIDEO CORRELATI */

#moreVideo {
    border: 1px solid #cdcdcd;
    margin-top: 12px;
    padding: 3px;
    height: 245px;
    overflow: hidden;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
}
#moreVideo h3 {
	border-bottom:1px solid #cdcdcd;
	color:#488dc6;
	font-size:14px;
	height: 21px;
	padding:3px 0 0 6px;
}
#moreVideo .col .date {
	margin-bottom: 4px;
	color: #e2001a;
	font-size: 11px;
}
#moreVideo .col .sub {
	font-size:13px;
	margin-top:6px;	
}
#moreVideo .navigator {
	margin-left:600px;
	margin-top:6px;
	position:absolute;
	width:28px;
	z-index:1;	
}
#moreVideo .navigator .prev, #moreVideo .navigator .next {
	background-image:url("https://www.tempoitalia.it/template/images/background/nextPrev.gif");
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:10px;
	width:8px;
}
#moreVideo .navigator .prev {
	background-position: left top;
	border-right: 1 px solid #adadad;
	margin-right: 6px;
}
#moreVideo .navigator .next {
	margin-left:6px;
	background-position: right top;	
}
#moreVideo .moreVideoContent {
	background: #f8f8f8;
	height:220px;
}
#moreVideo .moreVideoContent .col {
	margin-top:12px;
	float: left;
	width: 29%;
	padding: 0px 12px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 12px;
	margin-top: 12px;
}
#moreVideo .moreVideoContent .col.last { background: none;}
#moreVideo .moreVideoContent .col h5 { clear: all;}
#moreVideo .moreVideoContent .col h5 a:link,#moreVideo .moreVideoContent .col h5 a:visited,#moreVideo .moreVideoContent .col h5 a:active{
	color:#525252;
	font-size:13px;
	text-decoration: none;
}
#moreVideo .moreVideoContent .col h5 a:hover { color: #E52D02;}