@charset "utf-8";
/* inizio RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, form, input, button,video,  { display: block;}

body {	line-height: 1;	font-family: Verdana, Geneva, sans-serif;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
input form{	margin: 0;	padding: 0;	border: 0;}
ul li a { text-decoration:none; }
hgroup h1 a { text-decoration: none; color: #FFF; }
section h1 a { color: #036;	text-decoration: none; }
.underline { text-decoration:underline; }
.underline-bold { text-decoration:underline; font-style:italic;	font-weight:bold; }
.strong { font-weight:bold; }
.italic { font-style:italic; }
.clearfix { clear:both; margin: 0px; padding: 0px; }
/* fine RESET */

body { background-color: #FFF; background-image: url(../img_common/layout_v1/body_BG.jpg); background-repeat: repeat-x; height: 100%; width:100%; position:relative; margin:0px; }
#container { height:100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
.txt-red { color: #C84127; }


/* regole UPBAR ( logo + social + Rss + App + Search ) -------------------------------- */
#up_bar { height: 30px;	margin: 5px; }
#logo_box { width: 70px; height: 30px; float: left; }

#social_box { float: left; padding: 5px; height: 20px; margin-left: 25px; }
#social_box h4 { font-family: Verdana, Geneva, sans-serif; font-size: 11px;	line-height: 20px;	float: left; color: #999; }
#social_box a img, #social_box .icon-upbar-30px {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #BDCCD4;
margin-right: 5px;
margin-left: 5px;
padding-right: 10px;
}

#rss-upbar {
float: left;
padding: 5px;
height: 20px;
margin-left: 25px;
}
#rss-upbar h4 { font-family: Verdana, Geneva, sans-serif; font-size: 11px;	line-height: 20px;	float: left; color: #999; }
#rss-upbar a img, #rss-upbar .icon-upbar-30px {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #BDCCD4;
margin-right: 5px;
margin-left: 5px;
padding-right: 10px;
}

#upbar-app {
float: left;
margin-left: 25px;
padding: 5px;
height: 20px;
}
#upbar-app h4 { font-family: Verdana, Geneva, sans-serif; font-size: 11px;	line-height: 20px;	float: left; color: #999; }	
#upbar-app a img, #upbar-app .icon-upbar-30px { 
border-right-width: 1px;
border-right-style: solid;
border-right-color: #BDCCD4;
margin-right: 5px;
margin-left: 5px;
padding-right: 10px;	
}

#search_box { float: right; }
#search-form { }
#search-hp { height: 20px; border: 1px solid #BDCCD4; margin-top: 4px; margin-bottom: 4px; }
#search-hp_btn { height: 24px; width: 24px; margin: 3px; float:right; }

.icon-upbar-30px {
	float:left;
	display: block;	
	overflow: hidden;
	background-image: url(../img_common/icone/icone-UPBAR.png);
	background-repeat: no-repeat;	
	opacity:0.6;
}
.icon-upbar-30px:hover { opacity:1; }

.icon-upbar-30px span { position: absolute; left: -5000px; }

.icon-upbar-30px.youtube 	{ width: 52px; height: 20px; background-position: -10px -5px;}
.icon-upbar-30px.twitter 	{ width: 25px; height: 20px; background-position: -77px -5px; }
.icon-upbar-30px.facebook 	{ width: 20px; height: 20px; background-position: -114px -5px;}
.icon-upbar-30px.qq 		{ width: 21px; height: 20px; background-position: -144px -5px;}
.icon-upbar-30px.weibo 		{ width: 23px; height: 20px; background-position: -174px -5px;}
.icon-upbar-30px.feed 		{ width: 20px; height: 20px; background-position: -208px -5px;}
.icon-upbar-30px.android 	{ width: 20px; height: 20px; background-position: -234px -5px;}
.icon-upbar-30px.apple	 	{ width: 20px; height: 20px; background-position: -261px -5px;}
.icon-upbar-30px.winph		{ width: 20px; height: 20px; background-position: -289px -5px;}


/* regole HEADER ( Title + language ED ) --------------------------------------------- */
#header_box {
height: 90px;
background-image: url(../img_common/layout_v1/header_img_bg3.png);
background-repeat: no-repeat;
margin-bottom: 15px;
}
#header_box hgroup { float: left; height: 90px; }
#header_box h1 {
font-weight: bold;
color: #FFF;
float: left;
display: block;
position: relative;
font-family: "Times New Roman", Times, serif;
}
#header_box h2 {
font-style: italic;
color: #FFF;
float: left;
position: relative;
display: block;
font-family: "Times New Roman", Times, serif;
}
#language_box {
font-size: 12px;
color: #FFF;
line-height: 20px;
text-align: right;
padding-top: 40px;
}
#language_box select {
font-size: 10px;
line-height: 10px;
color: #FFF;
padding: 2px;
background-color: #C84127;
}

/* regole MENU BAR ---------------------------------------------------------------------*/ 
#nav_bar_box { height: 40px; margin-top: 10px; margin-bottom: 10px; text-decoration: none; }
#home_btn_box { height: 40px; float: left; overflow:hidden; }
#home_btn_box a h3 { width: 90px; line-height: 20px; color: #FFF; background-color: #BDCCD4; font-weight: bold; font-size: 16px; height: 20px; padding: 10px; float: left; text-decoration: none; }
#home_btn_box a h3:hover { color: #FFF; text-decoration: none; background-image: url(../img_common/btn/main_menu_ul_li_bg_on.png); }
#home_btn_box a h3 img { height: 20px; width: 20px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; float: left; margin-right: 10px; }
#menu-categorie { display: block; list-style-type: none; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#menu-categorie-box { float: left; background-color: #FFF; margin: 0px; }
#menu-categorie-box .article-center { float: left; margin: 0px; position: relative; top: 0px; visibility: visible; }
#menu-categorie-box .ul-prog-lit   { float: left; margin: 1px; width: 310px; padding: 10px; }
#menu-categorie-box .ul-prog-lit .li-prog-lit { width: 310px; border-top-width: 1px; border-top-style: dashed; border-top-color: #C00; padding-top: 10px; padding-bottom: 5px; margin-bottom: 10px; float: left; }
#menu-categorie-box .a-title-prog-lit { width: 270px; float: left; line-height: 28px; }
#menu-categorie-box .a-btn-audio-prog-lit { border-left-width: 1px; border-left-style: solid; border-left-color: #999; height: 28px; width: 28px; float: left; padding-left: 10px; }
#menu-categorie-box .article-dx { float: right; border-top-style: none; border-right-style: none; border-left-style: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px;}
#menu-categorie-box .article-center p { font-size: 12px; line-height: 16px; color: #666; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.btn-indice { float: right; clear: right; padding: 0px; color: #FFF; text-align: center; font-size: 12px; height: 36px; line-height: 36px; background-repeat: repeat-x; border: 1px solid #036; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-image:url(../img_common/btn/alpha10_btn_.png); background-color:#036; }
.btn-indice:hover { background-color: #194775; color: #FFF; }
.menu_tag_active { color: #036;	background-color: #FFF;	font-weight: bold; }
.img-article-1 { float: left; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 5px; margin-right: 10px; margin-left: 0px; display: block; }
.article-end  { font-size: 12px; background-color: #036; padding: 5px; height: 20px; color: #FFF; width:100%; }
.article-end h6 { width:60%; float:left; margin:0px; padding:0px; line-height:20px; }
.icona-av-25px { position:relative;	float: right; margin-right: 5px; border: none; height: 20px; width: 20px; }
.icona-av-25px:hover {
float: right;
margin-right: 5px;
padding: 0px;
height: 20px;
width: 20px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.data_news-red {
margin: 0px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C00;
color: #C00;
font-size: 12px;
font-family: Arial;
font-weight: normal;
display: block;
}
.titolo_news_blue {
font-size: 14px;
text-align: justify;
display: block;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
color: #036;
line-height: 19px;
}

.article-center h1 a, .article-dx h1 a { color: #036; }
.article-center h1 a:hover , .article-dx h1 a:hover { text-decoration: underline; }
#menu_box { float: left; height: 40px; background-color: #BDCCD4; }
#menu { list-style:none; float: left; }
#menu_btn_1, #menu_btn_2, #menu_btn_3, #menu_btn_4, #menu_btn_5, #menu_btn_6, #menu_btn_7, #menu_btn_8 {
float:left;
display:block;
border:none;
background-image: url(../img_common/btn/main_menu_ul_li-last_bg_on.png);
padding-top: 10px;
padding-bottom: 10px;
margin: 2px;
position: relative;
background-repeat: repeat-x;
visibility: visible;
}
#menu_btn_1:hover, #menu_btn_2:hover, #menu_btn_3:hover, #menu_btn_4:hover, #menu_btn_5:hover, #menu_btn_6:hover, #menu_btn_7:hover, #menu_btn_8:hover {
background-image: url(../img_common/btn/main_menu_ul_li_bg_on.png);
color: #FFF;
}
#menu li:hover a { color:#FFF; }

#menu li .drop {
background-image: url(../img_common/btn/drop-n.png);
background-repeat: no-repeat;
background-position: right;
}
#menu li:hover .drop {
background-image: url(../img_common/btn/drop-n-2.png);
background-repeat: no-repeat;
background-position: right;
}

#menu li a {
color: #036;
display:block;
outline:0;
text-decoration:none;
font-weight: bold;
line-height:16px;
}

.sottomenu-box-1, .sottomenu-box-2, .sottomenu-box-3, .sottomenu-box-4, .sottomenu-box-5, .sottomenu-box-7 {
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
margin-top: 9px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
background-color: #CCC;
z-index: 100;
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #1A3665;
border-right-color: #1A3665;
border-bottom-color: #1A3665;
border-left-color: #1A3665;
}
#menu li:hover .sottomenu-box-1 {	left:0px;	top:auto; }
#menu li:hover .sottomenu-box-3 { 	top:auto; }
#menu li:hover .sottomenu-box-4 {	top:auto; }
#menu li:hover .sottomenu-box-5 { 	top:auto; }
#menu li:hover .sottomenu-box-2 {	top:auto; }
#menu li:hover .sottomenu-box-7 { 	top:auto;	left: auto; }
#menu li:hover .align_right {	left:auto;	right:0px;	top:auto;	right: 0px; }
#menu li:hover div a {	color: #036; }
#menu li:hover div a:hover {	color:#069; }
#tabs li {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#menu .ui-state-active { background-color:#ffffff; }

/* regole CONTENUTI CENTRALI ( Col SX + Col DX ) -------------------------------------- */
#center-content { padding: 0px; margin-top: 20px; margin-bottom: 0px; }
#col-sx { padding: 0px; }
#col-dx { padding: 0px;	float: left; }
.titolo-page {
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;
margin-bottom: 20px;
}
#page-static-wrap { width:630px; margin-left:10px; }

/* regole Banner 1 -------------------------------------- */
#banner-1 {	padding-left:10px;	margin-top: 20px; margin-bottom: 20px; overflow: hidden; float: left; }

/* regole blocchi CHIESA + MONDO + PAESE + 105FM -------------------------------------- */
#chiesa_box , #mondo_box, #paese_box, #topstory_box-mobile, .section-box { width: 310px; float: left; padding-left: 10px; }
#chiesa_box article, #paese_box article, #mondo_box article, .section-box article { float: left; padding-bottom: 5px;	width: 310px; }
.titolo-blocco a {
font-size: 16px;
line-height: 30px;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #C84127;
color: #036;
font-weight: bold;
text-transform: uppercase;
width: 310px;
float: left;
margin: 0px;
padding: 0px;
}
.titolo-blocco-new a {
	font-size: 16px;
	line-height: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #C84127;
	color: #036;
	font-weight: bold;
	text-transform: uppercase;
	width: 640px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#chiesa_box .footer_img, #topstory_box-mobile .footer_img, .section-box .footer_img {
background-color:#036;
height: 20px;
width: 300px;
float: left;
padding: 5px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#chiesa_box .didascalia-foto, #top-story_box .didascalia-foto, #topstory_box-mobile .didascalia-foto, .section-box .didascalia-foto {
font-size: 11px;
width: 245px;
float: left;
line-height: 20px;
color: #fff;
font-weight: normal;
font-style: italic;
display: block;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
background-color: #036;
}
#chiesa_box .icona-audio, #topstory_box-mobile .icona-audio, .section-box .icona-audio {
float: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
height: 20px;
width: 20px;
margin-right: 5px;
}
#chiesa_box .icona-video , #topstory_box-mobile .icona-video, .section-box .icona-video {
float: left;
height: 20px;
width: 20px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#chiesa_box .media-bar, .section-box .media-bar {
width: 160px;
float: left;
height: 20px;
background-color: #069;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#chiesa_box .media-bar .audio-link, .section-box .footer_img a .audio-link {
width: 50px;
display: block;
float: left;
padding-left: 25px;
background-image: url(../img_common/icone/icona_audio_20x20_on.png);
background-repeat: no-repeat;
color: #CCC;
text-decoration: none;
height: 20px;
}
#chiesa_box .media-bar .video-link, .section-box .media-bar .video-link {
width: 50px;
display: block;
float: left;
padding-left: 25px;
background-image: url(../img_common/icone/icona_video_20x20_on.png);
background-repeat: no-repeat;
color: #CCC;
text-decoration: none;
height: 20px;
}
.box-art-primo { width: 310px; }
.box-art-primo img { height: 206px; width: 310px; margin-bottom: 5px; }
.box-art.no-border {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.titolo-art-big a {
color: #036;
text-decoration: none;
font-size: 14px;
line-height: 21px;
display: block;
margin-top: 0px;
margin-left: 10px;
float: left;
width: 300px;
font-weight: bold;
margin-bottom: 5px;
padding: 0px;
}
.titolo-art-big a:hover { color: #069; text-decoration: underline; }
.titolo-art-foto-small a { float: left; color: #036; width: 210px; font-weight: bold; display: block; height: 60px; overflow: hidden; font-size: 14px; line-height: 20px; }
.titolo-art-foto-small a:hover { color: #069; text-decoration: underline; }
.tag-name a{ font-size: 10px; font-weight: bold; color: #C00; width: 310px; line-height: 30px; float: left; text-decoration: none; }
.tag-name a:hover { text-decoration: underline; }
.time-art {	width: 300px; text-align: right; margin: 0px; color: #999; font-size: 11px; line-height: 11px; font-weight: normal; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; display: block; float: left; }
.box-art {
	width: 310px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C84127;
	padding-top: 10px;
}
.box-art img { float: left; height: 60px; width: 90px; padding-right: 10px; padding-bottom: 5px; }
article h2 a { text-decoration: none; color: #036; margin: 0px; padding: 0px; }
#paese_box a img { float: left; height: 60px; width: 90px; padding-right: 10px; padding-bottom: 5px; }
#fm-105-box, .box-2-news-oriz {
	width:640px;
	float:left;
	display: block;
	/* [disabled]border-bottom-width: 1px; */
	/* [disabled]border-bottom-style: solid; */
	/* [disabled]border-bottom-color: #03C; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.box-2-news-oriz {
	background-color: #F2F2F2;
}

#fm-105-box .titolo-blocco a, .box-2-news-oriz .titolo-blocco a { font-size: 16px; line-height: 30px; border-top-width: 5px; border-top-style: solid; border-top-color: #C84127; color: #036; font-weight: bold; text-transform: uppercase; width: 630px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; float: left; }
.titolo-blocco-fm105      {
	font-size: 16px;
	line-height: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #C84127;
	font-weight: bold;
	text-transform: uppercase;
	width: 630px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	padding-left: 10px;
}
.titolo-blocco-fm105 a{
	font-weight: bold;
	text-transform: uppercase;
	color: #036;
}


#fm-105-box .titolo-art-big a, .box-2-news-oriz .titolo-art-big a {
	color: #036;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	width: 310px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0px;
}
#fm-105-box article, .box-2-news-oriz article {
	float: left;
	padding-bottom: 5px;
	width: 310px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
#fm-105-box article img, .box-2-news-oriz article img { float: left; width: 90px; height: 60px; margin: 0px; padding-right: 8px; padding-bottom: 5px; }

						#fm-105-box .footer_img, .box-2-news-oriz .footer_img {
	width: 300px;
	/* [disabled]border-top-width: 1px; */
	border-bottom-width: 2px;
	/* [disabled]border-top-style: solid; */
	border-bottom-style: solid;
	/* [disabled]border-top-color: #BDCCD4; */
	background-image: url(../img_common/layout_v1/media-bar_bg.png);
	background-repeat: repeat-x;
	border-bottom-color: #999;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
							
						}
						
#fm-105-box .didascalia-foto, .box-2-news-oriz .didascalia-foto {
	font-size: 11px;
	width: 270px;
	float: left;
	line-height: 20px;
	color: #FFF;
	font-weight: normal;
	font-style: italic;
	display: block;
}
#fm-105-box .footer_img h3, .box-2-news-oriz .footer_img h3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#fm-105-box .icona-audio, .box-2-news-oriz .icona-audio {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	width: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.box-2-news-oriz .box-art .titolo-art-big a  {
	margin-top:10px;
}
.margin-top-20px {
	margin-top:20px;
}



.corpo-art-mini {
	margin: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #666;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
}





/* CHIESA CAPTION didascalia foto slide up -------------------------------------------  */ 
.wrap-img {
height:206px;
width:310px;	
cursor: pointer;  
float: left;  
position: relative;  
overflow: hidden;  
}
.wrap-img img {
position: absolute;  
left: 0;  
-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 .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 .simple-caption {  
height: 60px;
width: 310px;  
display: block;  
bottom: -60px;  
line-height: 20pt;  
text-align: center;  
}  
.caption.simple-caption p {
font-size: 11px;
line-height: 12px;
color: #999;
margin: 10px;
}

.wrap-img:hover .simple-caption {  
-moz-transform: translateY(-100%);  
-o-transform: translateY(-100%);  
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);  	 
transform: translateY(-100%);  
}  

/* regole MENU 2 ------------------------------------------------------------------------ */
#menu_bottom {
margin-top: 20px;
margin-bottom: 20px;
float: left;
display: block;
border-top: 2px solid #CCC;
padding-top: 10px;
}
#menu_bottom nav ul {
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
}
#menu_bottom nav ul li {
background-color: #999;
display: block;
text-align: center;
color: #FFF;
font-weight: bold;
width: 150px;
float: left;
height: 50px;
padding: 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
}
#menu_bottom nav ul li a {
color: #FFF;
background-color: #BDCCD4;
width: 150px;
/* [disabled]font-family: Verdana, Geneva, sans-serif; */
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin: 0px;
line-height: 50px;
float: left;
padding: 0px;
height: 50px;
}
#menu_bottom nav ul li a:hover {
color: #FFF;
background-color: #036;
}

/* regole Banner 2--------------------------------------------------------------------- */
#banner-2 {	float: left; padding: 0px; overflow: hidden; margin:0px; }

/* ---------------------------------------------------------------------------------------  regole  Col DX --- */
/* regole RADIO BOX --------------------------------------------- */
#radio  {
background-color: #666;
float: left;
width: 310px;
margin-right: 5px;
margin-left: 5px;
}
#radio h1  {
background-color: #C84127;
font-size: 18px;
line-height: 30px;
padding-left: 5px;
color: #FFF;
display: block;
font-weight: bold;
}
#radio h1 select {
float: right;
margin: 5px;
padding: 0px;
display: block;
color: #FFF;
background-color: #C84127;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}

#radio-box {
width: 300px;
height: 200px;
float: left;
padding: 5px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #FFF;
}
#radio-box .cover-prog {
height: 66px;
width: 66px;
float: left;
display: block;
color: #888;
padding: 1px;
border: 1px solid #CCC;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-top: 8px;
}
.now-raw {
width: 220px;
height: 40px;
padding: 0px;
float: left;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 8px;
}
.next-raw {
float: left;
width: 220px;
height: 40px;
}

.now-label  {
text-decoration: none;
color: #FFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
height: 10px;
float: left;
font-size: 8px;
line-height: 10px;
padding-bottom: 30px;
padding-right: 5px;
width: 24px;
display: block;
padding-left: 5px;
text-transform: uppercase;
}
.next-label {
text-decoration: none;
color: #999;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
height: 10px;
float: left;
font-size: 8px;
line-height: 10px;
padding-bottom: 30px;
padding-right: 5px;
width: 24px;
display: block;
padding-left: 5px;
text-transform: uppercase;
}

.now-orario {
font-weight: normal;
color: #CCC;
line-height: 10px;
font-size: 10px;
height: 10px;
float: left;
width: 135px;
display: block;
margin-left: 5px;
padding: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
clear: right;
}
.now-prog-name {
font-size: 12px;
line-height: 15px;
width: 135px;
display: block;
float: left;
margin-left: 5px;
text-decoration: none;
font-weight: bold;
color: #FFF;
height: 30px;
overflow: hidden;
margin-right: 5px;
}
.next-prog-name {
font-size: 12px;
line-height: 15px;
width: 180px;
display: block;
float: left;
margin-left: 5px;
text-decoration: none;
font-weight: bold;
color: #999;
height: 30px;
overflow: hidden;
}
.radio-info-box {
float: left;
margin: 0px;
padding: 0px;
width: 145px;
}

#radio-box .listen-btn {
background-color:#C84127;
width:30px;
height:30px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
-moz-border-radius: 15px; /* Rounder Corner */
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
display: block;
margin: 5px;
}
#radio-box .listen-btn:hover {	background-color:#F00; }
#ul-radio-btns {
width: 300px;
float: left;
padding: 0px;
margin-top: 5px;
}
#ul-radio-btns li a {
text-decoration:none;
color:#CCC;
margin-top: 5px;
font-weight: bold;
font-size: 14px;
line-height: 28px;
}
#ul-radio-btns li a:hover {
text-decoration:none;
color:#FFF;
margin-top: 5px;
font-weight: bold;
font-size: 14px;
line-height: 28px;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
background-color: #999;
}

.radio-btn-large   {
width: 288px;
float: left;
border: 1px solid #CCC;
padding: 0px;
text-align: center;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}
.radio-btn-small {
width: 140px;
float: left;
border: 1px solid #CCC;
padding: 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
.player-btn { background-image:url(../img_common/btn/radio-player-btn.png);background-repeat:no-repeat;}

.now-raw:hover, .next-raw:hover { background-color: #333; }

/* regole VIDEO BOX --------------------------------------------- */
#video  {
width:310px;
float:left;
margin-right: 5px;
margin-left: 5px;
}
#video h1 {
/* [disabled]font-family: "Times New Roman", Times, serif; */
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
text-decoration: none;
background-color: #C84127;
padding-left: 10px;
}
#video .video-widget {
height: auto;
width: 310px;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#prossima-diretta  {
width: 300px;
float: left;
padding: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
background-color: #333;
}
#prossima-diretta h1 {
/* [disabled]font-family: "Times New Roman", Times, serif; */
font-size: 10px;
font-weight: bold;
color: #FFF;
line-height: 20px;
text-decoration: none;
display: block;
margin: 0px;
padding: 0px;
float: left;
width: 300px;
}
#prossime-dirette-box {
padding: 5px;
width: 290px;
background-color: #000;
float: left;
}

.table-diretta-video {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
width: 290px;
padding: 0px;
}
.td-data-video  {
/* [disabled]font-family: Arial, Helvetica, sans-serif; */
font-size: 10px;
color: #C84127;
line-height: 24px;
}
.td-titolo-video {
color:#FFF;
font-size:12px;
font-weight:bold;
line-height: 24px;
padding-right: 5px;
padding-left: 5px;
}
.td-countdown {
background-color: #333;
padding: 5px;
color: #FFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: center;
width: 90px;
/* [disabled]font-family: Arial, Helvetica, sans-serif; */
font-size: 12px;
font-style: italic;
}

/* regole AGENDA BOX --------------------------------------------- */
#agenda {
width: 310px;
margin-top: 20px;
float: left;
padding: 0px;
margin-right: 5px;
margin-left: 5px;
height: 180px;
}
#agenda h1 {
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
text-decoration: none;
background-color: #C84127;
padding-left: 10px;
}
#agenda-box-home {
float: left;
border: 1px solid #999;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
background-repeat: repeat;
width: 288px;
}
.appuntamento {
float: left;
width: 288px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
padding: 0px;
}
.appuntamento .orario {
float: left;
width: 58px;
font-size: 10px;
font-weight: bold;
padding: 0px;
text-align: center;
line-height: 52px;
margin: 0px;
height: 52px;
}
.appuntamento .evento {
float:left;
border-left: #666 1px solid;
min-height:50px;
}
.appuntamento .evento a {
float:left;
width: 180px;
height: 42px;
padding: 4px;
color: #333;
font-style: italic;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.appuntamento .evento a:hover {
color: #FFF;
background-color: #069;
text-decoration: none;
}
.appuntamento .data {
width: 38px;
height: 50px;
float: left;
padding: 0px;
background-color: #FFF;
margin: 0px;
border: 1px solid #999;
}
.data .mese {
font-size: 12px;
color: #FFF;
background-color: #069;
width: 36px;
text-align: center;
line-height: 14px;
padding: 0px;
margin: 1px;
}
.data .num_gg {
width: 38px;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 18px;
}
.data .gg {
width: 38px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
color: #999;
line-height: 16px;
}

/* regole PONTIFEX BOX --------------------------------------------- */
#pontifex  {
width: 310px;
margin-top: 20px;
float: left;
padding: 0px;
height: 180px;
margin-right: 5px;
margin-left: 5px;
height:180px;	
}
#pontifex-box-home {
margin: 0px;
float: left;
width: 288px;
border: 1px solid #999;
padding-top: 13px;
padding-right: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
#pontifex h1 {
/* [disabled]font-family: "Times New Roman", Times, serif; */
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
text-decoration: none;
background-color: #C84127;
padding-left: 10px;
}
#pontifex button {
float: left;
height: 30px;
width: 85px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: url(../img_common/btn/twitter_btn_off.png);
background-repeat: no-repeat;
cursor: pointer;
}
#pontifex button:hover {
float: left;
height: 30px;
width: 85px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: url(../img_common/btn/twitter_btn_on.png);
background-repeat: no-repeat;
cursor: pointer;
}
.nome_acc {
width: 130px;
height: 50px;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
}
.nome_acc h2 {
font-weight: bold;
color: #000;
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 16px;
}
.nome_acc h3 {
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 14px;
color: #666;
}
.pope_img {
padding: 0px;
margin: 0px;
float: left;
height: 50px;
width: 50px;
}
#last-twitt {
width: 280px;
float: left;
/* [disabled]height: 42px; */
padding: 4px;
font-size: 12px;
line-height: 18px;
}
#last-twitt .cmd-twitt {
float: left;
width: 288px;
/* [disabled]font-family: Arial, Helvetica, sans-serif; */
}
.twitter-risposta {
font-size: 11px;
line-height: 12px;
background-image: url(../img_common/icone/twitter-risposta.png);
padding-left: 16px;
float: left;
color: #999;
text-decoration: none;
background-repeat: no-repeat;
margin-right: 10px;
}
.twitter-risposta:hover {
background-image: url(../img_common/icone/twitter-risposta-on.png);
color: #333;
}
.twitter-retweet {
color: #999;
text-decoration: none;
background-image: url(../img_common/icone/twitter-retwitt.png);
background-repeat: no-repeat;
float: left;
padding-left: 16px;
font-size: 11px;
line-height: 12px;
margin-right: 10px;
}
.twitter-retweet:hover {
color: #333;
background-image: url(../img_common/icone/twitter-retwitt-on.png);
}
.twitter-altro {
font-size: 11px;
line-height: 12px;
color: #999;
text-decoration: none;
float: left;
padding-left: 16px;
background-image: url(../img_common/icone/twitter-altro.png);
background-repeat: no-repeat;
}
.twitter-altro:hover {
color: #333;
background-image: url(../img_common/icone/twitter-altro-on.png);
}
.twitter-add {
font-size: 11px;
line-height: 12px;
color: #999;
text-decoration: none;
background-image: url(../img_common/icone/twitter-add.png);
background-repeat: no-repeat;
float: left;
padding-left: 16px;
margin-right: 10px;
}
.twitter-add:hover {
color: #333;
background-image: url(../img_common/icone/twitter-add-on.png);
}

/* regole DOSSIER BOX --------------------------------------------- */
#dossier  {	float: left;	width: 310px;	margin-top: 20px;	margin-right: 5px;	margin-left: 5px;}
.dossier-btn {	height: 84px;	width: 144px;	display: block;	float: left;	border: 1px solid #999;	font-size: 18px;	line-height: 24px;	padding-top: 14px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 4px;}
.dossier-btn:last-of-type {	margin-left: 10px;}
.cammino-pietro {	background-image: url(../img_common/banner/btn-cammino-bg-off.png);	background-repeat: no-repeat;	color: #FFF;	text-decoration: none;	text-align: left;	font-weight: bold;}
.cammino-pietro:hover {	background-image: url(../img_common/banner/btn-cammino-bg-on.png);	color: #FFF;}
.chiavi-lettura { background-image: url(../img_common/banner/btn-chiavi-lettura-bg.png);	background-repeat: no-repeat;	text-align: left;	font-weight: bold;	color: #FFF;	text-decoration: none;}
.chiavi-lettura:hover {	background-image: url(../img_common/banner/btn-chiavi-lettura-bg-on.png);	background-repeat: no-repeat;}
.marg-right-10 {	margin-right: 10px;}

/* regole BANNER 3 --------------------------------------------- */
#banner-3 , .banner-dx-310x100{
padding: 0px;
height: 100px;
width: 310px;
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
float: left;
}

/* regole SOCIAL 2 BOX --------------------------------------------- */
#social  {
float: left;
width: 310px;
margin-top: 20px;
margin-right: 5px;
margin-left: 5px;
}
#social h1 {
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
text-decoration: none;
background-color: #C84127;
padding-left: 10px;
}
#social a img {
margin-right: 15px;
margin-left: 5px;
}
#social .icon-upbar-30px  {
margin-right: 15px;
margin-left: 5px;
}

#social-box-home {
border: 1px solid #999;
height: 24px;
padding-top: 22px;
padding-right: 15px;
padding-bottom: 22px;
padding-left: 15px;
}

/* regole NEWSLETTERS BOX --------------------------------------------- */
#newsletter  {
float: left;
width: 310px;
margin-top: 20px;
margin-right: 5px;
margin-left: 5px;
}
#newsletter h1 {
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
text-decoration: none;
background-color: #C84127;
padding-left: 10px;
}
#newsletter-box-home {
/* [disabled]padding: 5px; */
border: 1px solid #999;
width: 308px;
float: left;
background-color: #666;
}
#tabsfeed ul {
float: left;
padding: 0px;
width: 298px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}
#tabsfeed ul li {
float: left;
font-size: 11px;
padding: 0px;
background-color: #999;
text-align: center;
line-height: 11px;
margin: 0px;
}

#tabsfeed ul li a {
color: #FFF;
display: block;
width: 149px;
text-decoration: none;
color: #666;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
}
#tabsfeed ul li a strong {
font-size: 14px;
line-height: 14px;
color: #333;
}
#tabsfeed-1, #tabsfeed-2 {
width: 298px;
float: left;
font-size: 14px;
line-height: 21px;
background-color: #FFF;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

#tabsfeed-1 a , #tabsfeed-2 a{
width: 121px;
border: 1px solid #999;
text-decoration: none;
color: #FFF;
text-align: center;
line-height: 20px;
font-size: 14px;
background-color: #CCC;
float: left;
margin-top: 8px;
margin-right: 13px;
margin-bottom: 8px;
margin-left: 13px;

}
#tabsfeed-1 a:hover, #tabsfeed-2 a:hover {
border: 1px solid #666;
color: #FFF;
background-color: #666;
}


.nl-btn-off {
/* [disabled]background-color: #FFF; */
}
#tabsfeed .ui-state-active {
background-color:#FFF;
}

/* regole LA VOCE DEL PAPA ------------------------------------------ */
#podcast-papa {
float: left;
width: 310px;
margin-right: 5px;
margin-left: 5px;
}
#podcast-papa a { text-decoration: none; }
#podcast-papa h1 {
font-size: 18px;
color: #FFF;
display: block;
line-height: 40px;
background-color: #C84127;
padding-left: 10px;
font-weight: bold;
font-size: 18px;
width: 300px;
height: 40px;
background-image: url(../img_common/btn/pope-voice-bg-btn.png);
background-repeat: no-repeat;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#podcast-papa h1:hover {
background-color: #069;
}
#podcast-papa-list {
background-repeat: repeat;
border: 1px solid #999;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#podcast-papa-list .listen-btn {
margin: 0px;
padding: 0px;
}

.podcast-papa-raw {
width:298px;
height:30px;
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
margin-left: 5px;
}
.podcast-papa-raw:last-child {
border: none;
}


.podcast-papa-raw ul {
width:260px;
height:30px;
float: left;
display: block;
margin-right: 5px;
}
.play_btn_podcast {
float: left;
height: 20px;
width: 20px;
margin: 5px;
background-image: url(../img_common/btn/play_btn_pod_off.png);
background-repeat: no-repeat;
}
.play_btn_podcast:hover {
background-image: url(../img_common/btn/play_btn_pod_on.png);
background-repeat: no-repeat;
}
#podcast-papa-list ul .podcast-title {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 8px;
color: #069;
font-weight: bold;
font-size: 14px;
line-height: 15px;
}
#podcast-papa-list ul .podcast-date {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 8px;
color: #999;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 8px;
font-size: 12px;
}
.listen-mode-btn {
height: 63px;
width: 300px;
display: block;
background-color: #999;
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 30px;
padding-left: 10px;
margin-top: 3px;
background-image: url(../img_common/btn/listen-mode-btn.png);
background-repeat: no-repeat;
}
.listen-mode-btn:hover {
background-color: #036;
}

/* ARTICOLI CORRELATI ------------------------------------------------- */
.art-correlati  {
width: 310px;
margin-top: 20px;
float: left;
margin-right: 5px;
margin-left: 5px;
padding:0px;
}
.art-correlati h1 {
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
text-decoration: none;
background-color: #C84127;
padding-left: 10px;
}
#art-correlati-box {
border: 1px solid #999;
padding: 10px;
display: block;
margin-top: 2px;
}
#art-correlati-box h2 {
color: #036;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}
#art-correlati-box li {
margin-bottom: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
#art-correlati-box li:last-child {
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}


#art-correlati-box li h2  a{
color: #036;
}
#art-correlati-box li h2 a:hover {
color: #069;
text-decoration: underline; 
}

/* regole FOOTER ---------------------------------------------------------------------- */
#footer {
padding: 0px;
margin-top: 20px;
margin-bottom: 0px;
background-image: url(../img_common/layout_v1/footer_bg.png);
background-repeat: repeat-x;
float: left;
}
#footer_up_bar {
margin: 0px;
padding: 0px;
height: 33px;
float: left;
}
.footer-logo {
float: left;
}
.footer-app {
height: 20px;
width: 120px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
}
.footer-app a img {
margin-left: 20px;
}
#footer-box-home {
background-color: #999;
margin: 0px;
float:left;
}
.footer-col {
padding: 0px;
float: left;
width: 160px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
.footer-col h1 {
color: #333;
font-size: 16px;
line-height: 16px;
font-weight: bold;
}
.footer-col ul {
color: #FFF;
font-size: 12px;
margin-top: 10px;
line-height: 12px;
}
.footer-col li a {
color: #FFF;
line-height: 18px;
padding: 3px;
}
.footer-col li a:hover {
color: #FFF;
background-color: #888;
/* [disabled]padding-left: 10px; */
}
#footer h6 {
color: #999;
font-size: 10px;
line-height: 30px;
float: right;
}

.padding-left-50px {
padding-left:50px;
}

.select-label {
float: right;
margin-right: 5px;
font-size: 12px;
font-style: italic;
}

/*   1 COLONNA px:320   --------------------------------------------------------------------------   */
@media only screen and (min-width: 100px) and (max-width: 640px) {         
#container { width:320px; overflow:hidden; }
#up_bar { width: 310px;	}
#social_box { display:none;	}
#data { display:none; }
#upbar-app { display:none; }	
#search_box { height: 30px;	width: 240px; }
#search-form { height: 30px; width: 240px; }
#search-hp { margin-left: 3px; width: 200px; }
#rss-upbar { display:none; }

#header_box { width: 320px; }
#header_box hgroup { width: 320px; }
#header_box h1 { font-size: 38px; line-height: 50px; width: 350px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
#header_box h2 { font-size: 11px; line-height: 16px; width: 320px; margin-left: 10px; }
#language_box {	display:none; }

#nav_bar_box { width: 320px; }
#home_btn_box {	width: 40px; margin-right: 3px; margin-left:3px; }
#menu_box { display:none; }

/* regole Menu MOBILE ---------------------------------------------------------------------- */
.menu-btn-mobile {
font-size: 18px;
line-height: 40px;
color: #FFF;
cursor: pointer;
z-index: -99;
background-color: #BDCCD4;
text-align: right;
background-image: url(../img_common/btn/menu-btn-mobile_bg.png);
background-repeat: no-repeat;
width: 234px;
padding-right: 40px;
margin-left: 46px;
text-transform: uppercase;
}
.menu-btn-mobile:hover {
cursor: pointer;
z-index: -100;
background-color: #1A3665;
}
.togglebox {
background-color: #BDCCD4;
width: 271px;
float: left;
margin-left: 46px;
margin-bottom: 20px;
margin-right:3px;
}
.menu-btn-mobile2 {
width: 262px;
cursor: pointer;
z-index: -99;
background-color: #BDCCD4;
text-align: left;
/* [disabled]background-image: url(../img_common/btn/menu-btn-mobile_bg.png); */
padding-left: 12px;
font-size: 16px;
line-height: 40px;
/* [disabled]font-family: Verdana, Geneva, sans-serif; */
text-transform: uppercase;
}
.menu-btn-mobile2 a {
color: #FFF;
text-decoration: none;
}
.menu-btn-mobile2:hover {
cursor: pointer;
z-index: -100;
background-color: #1A3665;
color: #FFF;
font-weight: bold;
text-decoration: none;
}
.menu-btn-2 {
width: 262px;
cursor: pointer;
z-index: -99;
background-color: #BDCCD4;
text-align: left;
/* [disabled]background-image: url(../img_common/btn/menu-btn-mobile_bg.png); */
padding-left: 12px;
}
.menu-btn-2 a {
color: #FFF;
font-size: 16px;
line-height: 40px;
text-decoration: none;
/* [disabled]font-family: Verdana, Geneva, sans-serif; */
}
.menu-btn-2:hover {
cursor: pointer;
z-index: -100;
background-color: #1A3665;
color: #FFF;
font-weight: bold;
text-decoration: none;
}
.togglebox2 {
background-color: #BDCCD4;
width: 277px;
margin: 0px;
float: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.togglebox2 li {
background-color: #BDCCD4;
font-size: 14px;
line-height: 21px;
/* [disabled]font-family: Verdana, Geneva, sans-serif; */
text-decoration: none;
}
.togglebox2 li a {
padding-left:24px;
text-decoration: none;
color: #036;
}
.togglebox2 li:hover {
background-color: #FFF;
}

#center-content { width: 320px; }
#col-sx { width: 320px; }
#page-static-wrap { width:310px; margin-left:10px; }	
#banner-1 { width: 320px;  }
.box-art { padding-top:0px; }
#chiesa_box { float:none; margin:0px; }
#paese_box { float: none; }
#mondo_box {float: none; }
#fm-105-box, .box-2-news-oriz { width: 320px;	float: none; margin-top:20px; }
#menu_bottom { width: 320px;/* [disabled]height:100px; */	float:left;	margin-top: 10px; }
#banner-2 { width: 320px; margin-top:0px; }
#col-dx { width: 320px; margin-top:20px; }
#footer { width: 320px;	}
#footer_up_bar {
width: 320px;
float: left;
}
.footer-app { float: right;	}
#footer-box-home {
padding: 3px;
width: 314px;
}	
#footer h6 { color: #999; font-size: 8px; line-height: 24px; }

#video { margin-top:20px; }

}

/*   2 COLONNE px:640  ------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
#container { width:640px; }

#up_bar { width: 640px;	}
#social_box h4 { display:none; }
#data { display:none; }
#upbar-app { display:none; }	
#search-form { height: 30px; width: 200px; }
#search-hp {width: 164px; }
#social_box { margin-left: 15px; }	
#rss-upbar { margin-left: 15px; }	
#rss-upbar h4 { display:none; }	

#header_box { width: 640px; }
#header_box hgroup { width: 410px; }
#header_box h1 { font-size: 50px; line-height: 50px; width: 350px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; }
#header_box h2 { font-size: 16px; line-height: 16px; width: 420px; margin-left: 70px; }

#nav_bar_box { width: 640px; }
#home_btn_box {	width: 40px; margin-right: 3px; margin-right:3px; }
.menu-btn-mobile { display:none; }
.togglebox { display:none; }
#menu_box { width: 594px; }
.sottomenu-box-1, .sottomenu-box-2, .sottomenu-box-3, .sottomenu-box-4, .sottomenu-box-5, .sottomenu-box-7  { width: 576px; }
#menu_btn_1 { width: 115px;}
#menu_btn_2 { width:  67px;}
#menu_btn_3 { width:  54px;}
#menu_btn_4 { width:  53px;}
#menu_btn_5 { width:  58px;}
#menu_btn_6 { width:  35px;}
#menu_btn_7 { width:  85px;}	
#menu_btn_8 { width:  38px;}
#menu_btn_1, #menu_btn_2, #menu_btn_3, #menu_btn_4, #menu_btn_5, #menu_btn_6, #menu_btn_7, #menu_btn_8 { padding-right: 4px; padding-left: 3px;	}

#menu-categorie { width: 140px; margin-left: 5px; }
#menu-categorie li { padding: 10px; width: 120px; }
#menu li a { font-size:11px; letter-spacing:0.8; }
#menu li:hover .sottomenu-box-2 { left: -126px; }
#menu li:hover .sottomenu-box-3 { left: -204px; }
#menu li:hover .sottomenu-box-4 { left: -270px; }
#menu li:hover .sottomenu-box-5 { left: -333px; }
#menu li:hover .sottomenu-box-7 { right: -52px; }


#menu-categorie-box { width: 411px; padding: 10px; }
#menu-categorie-box .article-center {
float: left;
margin-bottom:10px;
position: relative;
top: 0px;
visibility: visible;
padding:10px;
}
#menu-categorie-box .article-center .titolo_news_blue a { font-size: 14px; !important }	
#menu-categorie-box .article-dx {
float: none;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#menu-categorie-box .article-center p {
font-size: 12px;
line-height: 18px;
color: #666;
text-align: justify;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.btn-indice { width: 387px; margin-right:10px; }
#menu-categorie-box .ul-prog-lit   {
margin: 1px;
width: 390px;
padding: 10px;
}
#menu-categorie-box .ul-prog-lit .li-prog-lit {
width: 390px;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #C00;
padding-top: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
float: left;
}
#menu-categorie-box .a-title-prog-lit   {
width: 350px;
float: left;
line-height: 28px;
}
#menu-categorie-box .a-btn-audio-prog-lit   {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999;
height: 28px;
width: 28px;
float: left;
padding-left: 10px;
}


#center-content { width: 640px; }

#col-sx { width:640px; float: left; }
#banner-1 { width: 640px; float: left; }	
.tag-name a{ display:none; }
#chiesa_box { float: left; }
#paese_box { float: left; }
#mondo_box { float: left; }
#menu_bottom { float: left; width: 640px; height:50px; }
#banner-2 { width: 630px; }

#col-dx { width: 640px; float:left; margin-top:20px;  }

#footer { width: 640px;	}
#footer_up_bar { width: 640px; float: left;	}
.footer-app { float: right;	}
#footer-box-home { padding: 0px; width: 640px; }
.footer-raw { height:250px;}	
}

/*   3 COLONNE px:980  ---------------------------------------------------------------------- */ 
@media only screen and (min-width: 1024px) {
#container { width:980px; }
#up_bar { width: 970px; }
#search-form { height: 30px; width: 200px; }
#search-hp { width: 164px; }
#header_box { width: 970px; }
#header_box hgroup { width: 640px; }
#header_box h1 {
font-size: 50px;
line-height: 50px;
width: 350px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 60px;
}
#header_box h2 {
font-size: 16px;
line-height: 16px;
width: 420px;
margin-left: 100px;
}
#nav_bar_box { width: 970px; margin-left:10px; }
#home_btn_box {	width: 110px; }
.menu-btn-mobile { display:none; }
.togglebox { display:none; }
#menu_box { width: 854px; }
.sottomenu-box-1, .sottomenu-box-2, .sottomenu-box-3, .sottomenu-box-4, .sottomenu-box-5, .sottomenu-box-7 { width: 836px; }
#menu li a { font-size:15px; letter-spacing:0.8; }		

#menu_btn_1 { width: 140px; }
#menu_btn_2 { width: 86px; }
#menu_btn_3 { width: 70px; }
#menu_btn_4 { width: 70px; }
#menu_btn_5 { width: 80px; }
#menu_btn_6 { width: 52px; }
#menu_btn_7 { width: 110px; }
#menu_btn_8 { width: 52px; }

#menu_btn_1, #menu_btn_2, #menu_btn_3, #menu_btn_4, #menu_btn_5, #menu_btn_6, #menu_btn_7, #menu_btn_8 { padding-right: 10px; padding-left: 10px; }

#menu li:hover .sottomenu-box-2 { left: -164px; }
#menu li:hover .sottomenu-box-3 { left: -274px; }
#menu li:hover .sottomenu-box-4 { left: -368px; }
#menu li:hover .sottomenu-box-5 { left: -462px; }
#menu li:hover .sottomenu-box-7 { right: -80px; }

#menu-categorie { width: 160px; }
#menu-categorie li { padding: 10px;width: 140px; }

#menu-categorie-box { width: 664px; padding:5px; }

#menu-categorie-box .article-center {
width:312px;
padding: 10px;
}
#menu-categorie-box .article-dx {
width:312px;
padding: 10px;
}
#menu-categorie-box .article-center p {
font-size: 14px;
/* [disabled]font-family: "Times New Roman", Times, serif; */
/* [disabled]font-style: italic; */
line-height: 21px;
color: #666;
text-align: justify;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.btn-indice {
width: 312px;
margin-right:5px;
}

#center-content {
width: 980px;
float: left;
}
#col-sx { width:640px; float: left; margin-right: 20px;	}
#banner-1 { width: 640px; float: left; }
#chiesa_box { float: left; }
#paese_box { float: left; }
#mondo_box {float: left; }
#menu_bottom { width: 640px; height:50px; float:left }
.tag-name a{ display:none; }
#col-dx { width: 320px;	}
#banner-2 { width: 640px; }
#footer { width: 1000px; }
#footer_up_bar { width: 1000px;	float: left; }
.footer-app { float: right;	}
#footer-box-home { padding: 14px; width: 972px;	}
#video  { margin-top:20px; }
}
#col-sx #titolo-105fm {
	float: left;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-size: 18px;
	color: #FFF;
	background-color: #C84127;
	line-height: 30px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 635px;
}