@charset "utf-8";
/* regole TOP STORY box -------------------------------------- */
#top-story_box {
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#top-story_box footer {
height: 26px;
width: 630px;
border-bottom-width: 2px;
border-bottom-style: solid;
margin-top: 2px;
background-image: url(../images-common/layout/media-bar_bg.png);
background-repeat: repeat-x;
border-bottom-color: #999;
}

#top-story_box h1 {
	line-height: 30px;
	background-color: #FFF;
	font-size: 18px;
	color: #036;
	font-weight: bold;
	text-transform: uppercase;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C84127;
	display: block;
	position: relative;
	top: 0px;
	/* [disabled]font-family: Verdana, Geneva, sans-serif; */
}
#top-story_box .tag-name a{
	font-size: 10px;
	font-weight: bold;
	color: #C00;
	/* [disabled]font-family: Verdana, Geneva, sans-serif; */
	width: 245px;
	line-height: 17px;
	float: left;
	text-decoration: none;
	margin-left: 10px;
}
.img-topstory-art    {
	float: left;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
	height: 250px;
	width: 365px;
}
#top-story_box ul li header h2 a {
	/* [disabled]font-family: "Times New Roman", Times, serif; */
	font-size: 18px;
	font-weight: bold;
	color: #036;
	text-decoration: none;
	display: block;
	line-height: 18px;
	/* [disabled]height: 84px; */
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	float: left;
	/* [disabled]font-style: italic; */
	width: 245px;
}
#top-story_box ul li header h2 a:hover {
	color: #069;
	text-decoration: underline;
}
#top-story_box ul li article p {
	display: block;
	width: 245px;
	float: left;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 8px;
	color: #666;
	overflow: hidden;
	padding-bottom: 13px;
	/* [disabled]font-family: "Times New Roman", Times, serif; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* [disabled]font-style: italic; */
}
#top-story_box .footer_img {
	float: left;
	width: 365px;
	height: 26px;
}
#top-story_box .footer_img h3 {
	/* [disabled]font-family: Arial, Helvetica, sans-serif; */
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
#top-story_box .media-bar {
	float: left;
	width: 240px;
	height: 26px;
	padding-left: 20px;
	padding-right: 5px;
}
#top-story_box .link-media {
	/* [disabled]font-family: Arial, Helvetica, sans-serif; */
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	float: left;
}
#top-story_box .audio-link {
	/*height: 20px;
	width: 109px;
	display: block;
	float: left;

	background-image: url(../images-common/icons/icona_audio_20x20_off.png);
	background-repeat: no-repeat;
    background-position: 5px -5px;
	text-decoration: none;
 
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	color: #C00;*/


    background-image: url(../images-common/icons/icone-MEDIA.png);
	background-repeat: no-repeat;
	background-position: 5px -5px;
	float: right;
	height: 20px;
	width: 109px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	color: #C00;


}
#top-story_box .audio-link:hover {
    background-image: url(../images-common/icons/icone-MEDIA-hover.png); background-repeat: no-repeat;	
	background-position: 5px -5px;
	color: #003366;	
}
#top-story_box .video-link {
	background-image: url(../images-common/icons/icone-MEDIA.png);
	background-repeat: no-repeat;
	background-position: 5px -35px;
	float: left;
	height: 20px;
	width: 109px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #C00;
	text-align: center;
}
#top-story_box .video-link:hover {
	background-image: url(../images-common/icons/icone-MEDIA-hover.png); background-repeat: no-repeat;	
	background-position: 5px -35px;
	color: #003366;
}

/* TOPSTORY CAPTION didascalia foto slide up -----------  */ 
.wrap-img-365 {
	height:250px;
	width:365px;	
    cursor: pointer;  
    float: left;  
    position: relative;  
    overflow: hidden;  
}
.wrap-img-365 img {
	position: absolute;  
    left: 0;  
    max-height:250px;
	max-width:365px;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;
}
.wrap-img-365 .caption {
    background-color: rgba(0,0,0,0.8);  
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left: 0;  
}  
.wrap-img-365 .simple-caption {  
    height: 60px;
    width: 365px;  
    display: block;  
    bottom: -60px;  
    line-height: 20pt;  
    text-align: center;  
}  
.wrap-img-365:hover .simple-caption {  
    -moz-transform: translateY(-100%);  
    -o-transform: translateY(-100%);  
    -webkit-transform: translateY(-100%);  
    -ms-transform: translateY(-100%);  
    transform: translateY(-100%);  
}  

/* TOPSTORY slider -----------  */ 
ul.bjqs {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	/* [disabled]display:none; */
}
li.bjqs-slide {
	position:absolute;
	/* [disabled]display:none; */
}
ul.bjqs-controls {
	list-style:none;
	margin:0;
	padding:0;
	z-index:99;
}
ul.bjqs-controls.v-centered li a {
	position:absolute;
}
ul.bjqs-controls.v-centered li.bjqs-next a {
	right:0;
	display: none;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
	left:0;
	display: none;
}
ol.bjqs-markers {
	top: -310px;	
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
	position: relative;
}
ol.bjqs-markers.h-centered { text-align: right; }
ol.bjqs-markers li { display:inline; }
ol.bjqs-markers li a {
	color:#fff;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #CCC;
	font-size: 5px;
	display: inline-block;
}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover { background-color: #C84127; }
p.bjqs-caption {
	display:block;
	width:96%;
	margin:0;
	padding:2%;
	position:absolute;
	bottom:0;
}
ul.bjqs-controls.v-centered li a {
	display:block;
	padding:10px;
	color:#FFF;
	text-decoration: none;
	background-color: #BDCCD4;
}
ul.bjqs-controls.v-centered li a:hover { color:#FFF; background-color: #C84127; }
p.bjqs-caption { background: rgba(255,255,255,0.5); }

/*   320   --------------------------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 640px) { 
	#top-story_box { display:none;}
	#topstory_box-mobile { margin-bottom:20px;}
	ol.bjqs-markers { display:none; }
}
/*   640   --------------------------------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1023px) {
		#topstory_box-mobile { display:none; }
		#top-story_box { width: 630px; }
}

/*   1024   --------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
		#topstory_box-mobile { display:none; }
		#top-story_box { width: 630px; }
}