﻿@charset "utf-8";
/* CSS Document */
/* VIEW ORIZZONTALE 3 COLONNE px:1024 ----------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1024px) and (max-width: 4096px) {

  #splash_max {
	visibility:visible;
	display:block;
	}
 #splash_mid {
	visibility:hidden;
	display:none;
	}
 #splash_min {
	visibility:hidden;
	display:none;
	}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Verdana;
}

a img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p img {
	margin-left: 5px;
	margin-right: 13px;
	margin-top: 5px;
}

#splash_max {
	background-image: url(../img_splash/contenitore_bg.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 665px;
}
#top {
	height: 80px;
	width: 1000px;
	margin: 0px;
	padding: 0px;
	float: left;
}


header {
	padding: 0px;
	height: 50px;
	width: 950px;
	margin-top: 15px;
	margin-left: 20px;
	display: block;
	margin-right: 80px;
	background-image: url(../img_splash//header_bg.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
header h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #036;
	height: 30px;
	float: left;
	padding: 0px;
	line-height: 30px;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

header h2 {
	float: left;
	height: 16px;
	font-size: 14px;
	padding: 0px;
	line-height: 14px;
	color: #FFF;
	margin-top: 24px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}

#logo {
	padding: 0px;
	height: 29px;
	width: 70px;
	float: left;
	margin-top: 11px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 8px;
}

#search {
	float: right;
	height: 25px;
	width: 200px;
	margin-top: 13px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	background-image: url(../img_splash/search_bg.png);
}

#insert {
	border:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	width: 150px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
	font-size: 12px;
	line-height: 21px;
	color: #999;
	text-align: right;
	float: left;
}

#search-splash {
	border: 0px;
}

#search_btn {
	background-image: none;
	height: 15px;
	width: 15px;
	border:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-top: 4px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main {
	padding: 0px;
	width: 1000px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#col-1 {
	width: 700px;
	float: left;
}

#col-1-sx {
	width: 405px;
	float: left;
}

#uno {
	padding: 0px;
	height: 225px;
	width: 380px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 25px;
}

#due {
	width: 380px;
	margin-left: 25px;
	height: 84px;
}

#col-1-dx {
	float: left;
	width: 295px;
	text-align: right;
}

.lingue {
	float: left;
	width: 140px;
	padding-top: 20px;
}

.lingue ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.lingue ul li {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight:bold;
	color: #369;
}

.lingue ul li a {
	text-decoration: none;
	color: #369;
}

.lingue ul li a:hover {
	text-decoration: underline;
	color: #C00;
}


.lingue_ita {
	float: left;
	width: 140px;
	padding-top: 0px;
}

.lingue_ita ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.lingue_ita ul li {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight:bold;
	color: #369;
}

.lingue_ita ul li a {
	text-decoration: none;
	color: #369;
}

.lingue_ita ul li a:hover {
	text-decoration: underline;
	color: #C00;
}


.lingue_dx {
	float: left;
	width: 140px;
	padding-top: 30px;
}

.lingue_dx ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.lingue_dx ul li {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight:bold;
	color: #369;
}

.lingue_dx ul li a {
	text-decoration: none;
	color: #369;
}

.lingue_dx ul li a:hover {
	text-decoration: underline;
	color: #C00;
}

#col-1-bottom {
	width: 700px;
	padding-top: 8px;
	height: 82px;
	clear: left;
	padding-bottom: 18px;
	background-image: url(../img_splash/col-1-bottom_bg.png);
	background-repeat: no-repeat;
}

#col-1-sx-2 {
	width: 300px;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}

#col-1-dx-2 {
	float: left;
	width: 300px;
	text-align: right;
	margin-top: 10px;
}

#newsletter {
	width: 180px;
	text-align: right;
	margin-left: 40px;
	margin-top: 80px;
}

#newsletter h4 {
	font-size: 14px;
	color: #FFF;
	width: 180px;
	display: block;
	line-height: 14px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#newsletter h4 img {
	margin-left: 8px;
}

#newsletter ul li {
	display: block;
	font-size: 12px;
	list-style-type: none;
	color: #FFF;
	line-height: 18px;
	font-style: italic;
}

#newsletter ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

#newsletter ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#newsletter ul {
	margin: 0px;
	padding: 0px;
}

#col-2 {
	width: 300px;
	float: left;
	height: 500px;
}

#mobile {
	width: 190px;
	margin-top: 18px;
	margin-left: 80px;
}

#social {
	width: 200px;
	margin-left: 70px;
}

#social p {
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	color: #FFF;
}

.rv_audio a {
	font-size: 9px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/av_podcast.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.rv_audio a:hover {
	font-size: 9px;
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/av_podcast_rollover.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}

#titolo_av {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666;
	font-weight: bold;
	margin-right: 6px;
	margin-left: 6px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	font-style: italic;
	padding-top: 2px;
}

.programmi-it {
	float: left;
	width: 160px;
}

.programmi-it ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.programmi-it ul li {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #369;
}

.programmi-it ul li a {
	text-decoration: none;
	color: #369;
}

.programmi-it ul li a:hover {
	text-decoration: none;
	color: #C00;
}

#mobile p {
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	color: #FFF;
}

#footer {
	background-color: #666;
	height: 150px;
	width: 980px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
}

#copyright {
	font-size: 10px;
	color: #333;
	width: 300px;
	float: left;
}

#copyright a {
	color: #333;
	text-decoration: underline;
}

#copyright a:hover {
	color: #FFF;
	text-decoration: underline;
}

#vr_history_box {
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

#vr_history_box a {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img_splash/VR-history_bg.png);
}

#vr_history_box a:hover {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img_splash/VR-history_bg_rollover.png);
}

#vr_museum_box {
	width: 150px;
	float: left;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

#vr_museum_box a {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img_splash/VR-museum_bg.png);
}

#vr_museum_box a:hover {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img_splash/VR-museum_bg_rollover.png);
}

#vatican_player_box {
	width: 204px;
	float: left;
	background-image: url(../img_splash/vatican_player_box_bg.png);
	height: 90px;
}

#titolo_vp {
	font-family: Verdana;
	font-size: 12px;
	line-height: 10px;
	color: #666;
	font-weight: bold;
	margin-left: 0px;
	padding-bottom: 3px;
	font-style: italic;
	padding-top: 2px;
}

#vatican_player_box .box_btns {
	width: 204px;
	height: 68px;
}

.vp_btn {
	height: 60px;
	width: 60px;
	float: left;
	margin: 4px;
	font-size: 9px;
	text-align: center;
	color: #666;
}

.agenda a {
	font-size: 9px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/vp_agenda.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.agenda a:hover {
	font-size: 9px;
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/vp_agenda_rollover.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}

.radio a {
	font-size: 9px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/vp_radio.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.radio a:hover {
	font-size: 9px;
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/vp_radio_rollover.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}

.video a {
	font-size: 9px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/vp_video.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.video a:hover {
	font-size: 9px;
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/vp_video_rollover.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}

.the_vatican a {
	font-size: 9px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/yt_the_vatican.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.the_vatican a:hover {
	font-size: 9px;
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/yt_the_vatican_rollover.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}

.rv_video a {
	font-size: 9px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/yt_radiovaticanavideo.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.rv_video a:hover {
	font-size: 9px;
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
	line-height: 9px;
	height: 9px;
	width: 60px;
	margin: 0px;
	background-image: url(../img_splash/yt_radiovaticanavideo_rollover.png);
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}

.icona_btn_vp img {
	float: left;
	height: 40px;
	width: 60px;
}

#youtube_box .box_btns {
	width: 136px;
	height: 68px;
}

#youtube_box {
	width: 165px;
	margin-left: 10px;
	float: left;
	background-image: url(../img_splash/youtube_box_bg.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	height: 90px;
}

#titolo_yt {
	font-family: Verdana;
	font-size: 12px;
	line-height: 10px;
	color: #666;
	font-weight: bold;
	margin-left: 0px;
	font-style: italic;
	padding-bottom: 1px;
	padding-top: 2px;
}

.icona-20x20 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	height: 20px;
	width: 20px;
}

#schedules {
	float: left;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 1px;
}

#schedules a {
	font-size: 13px;
	line-height: 36px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/schedules_bg.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 140px;
	float: left;
}

#schedules a:hover {
	font-size: 13px;
	line-height: 36px;
	text-decoration: none;
	color: #C00;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/schedules_bg_rollover.png);
	background-repeat: no-repeat;
	float: left;
	height: 36px;
	width: 140px;
}

#podcast {
	width: 140px;
	padding-top: 5px;
	padding-bottom: 1px;
	float: left;
}

#podcast a {
	font-size: 13px;
	line-height: 36px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/podcast_bg.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 140px;
	float: left;
}

#podcast a:hover {
	font-size: 13px;
	line-height: 36px;
	text-decoration: none;
	color: #C00;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/podcast_bg_rollover.png);
	background-repeat: no-repeat;
	float: left;
	height: 36px;
	width: 140px;
}

#r4r {
	width: 170px;
	padding-top: 2px;
	padding-bottom: 1px;
	float: left;
}

#r4r a {
	font-size: 13px;
	line-height: 36px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/r4r_bg.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 170px;
	float: left;
}

#r4r a:hover {
	font-size: 13px;
	line-height: 36px;
	text-decoration: none;
	color: #C00;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/r4r_bg_rollover.png);
	background-repeat: no-repeat;
	float: left;
	height: 36px;
	width: 170px;
}

#download {
	width: 130px;
	padding-top: 2px;
	padding-bottom: 1px;
	float: left;
}

#download a {
	font-size: 12px;
	line-height: 36px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/download_bg.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 130px;
	float: left;
}
#download a:hover {
	font-size: 12px;
	line-height: 36px;
	text-decoration: none;
	color: #C00;
	font-weight: bold;
	padding-left: 36px;
	background-image: url(../img_splash/download_bg_rollover.png);
	background-repeat: no-repeat;
	float: left;
	height: 36px;
	width: 130px;
	}

}

/* FINE RISOLUZIONE MASSIMA */
/* --------------------------------------------------------------------------------------*/
/* INIZIO RISOLUZIONE INTERMEDIA */

@media screen and (min-width: 641px) and (max-width: 1023px) {

  #splash_mid {
	visibility:visible;
	display:block;
	}
 #splash_max{
	visibility:hidden;
	display:none;
	}
 #splash_min {
	visibility:hidden;
	display:none;
	margin-left: -8px;
	}

.body_med {
	font-family: Verdana;
	margin-top: -8px;
	padding: 0px;
	background-image: url('../img_splash/contenitore_bg_5.png');
	background-repeat: no-repeat;
	background-position:-85px 94px;
	/* background-attachment:fixed; */
	width:1030px;
	margin-left: -14px;
	background-position-x: -92px;
}

.back_header {
    background-image: url('../img_splash/back_header.png');
    width: 100.3%;
    height: 94px;
    text-align: center;
    background-repeat: repeat;
}

.raw {
	clear: both;
}

.logo_title {
	text-align:left;
	height: 80px;
	width: 183px;
}

.text_title {
	font-family: "Times New Roman", Times, serif;
    color: white;
    margin-top: -100px;
    margin-left: 183px;
    font-size: 17px;
    text-align:left;
}

.text_subtitle {
	font-family: "Times New Roman", Times, serif;
    color: white;
    margin-top: -17px;
    margin-left: 185px;
    font-size: 11px;
    text-align:left;
}

#search {
	float:left;
	height: 25px;
	width: 195px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 431px;
	padding: 0px;
	background-color:white;
	margin-top:-87px;
	position: absolute;
    right: 1%;
}

#insert {
	border:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	width: 170px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
	font-size: 12px;
	line-height: 21px;
	color: #999;
	text-align: center;
	float: left;
}

#search-splash {
	border: 0px;
}

#search_btn {
	background-image: none;
	height: 15px;
	width: 15px;
	border:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


p.back_img_lang {
	margin-top:-100px;
	margin-left:50px;
	background-repeat:no-repeat;
	margin-top: 15px;
	margin-left: 12px;
	z-index: 0;
	position:relative;
}

#lang-wrap-m {
	width: 380px;
	float: left;
	display: block;
	height: 49px;
	margin-top: -100px;
	margin-right: 19.5px;
	margin-bottom: -2px;
	margin-left: -34.5px;
	position:relative;
}

#lang-wrap-m select {
	display: block;
	font-size: 18px;
	line-height: 21px;
	width: 320px;
	margin: 0px;
	padding: 1%;
	float: left;
	text-transform: uppercase;
	margin-top: 48px;
	margin-left: 54px;
}

#combo-language {
	width: 220px;
    height: 30px;
    margin-left: 25px;
	font-size: 14px;
    line-height: 36px;
    text-decoration: none;
    color: #036;
	background: #DDE5E9;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:bold;	
}

#prog-wrap-m {
	float: none;
	width: 25%;
	padding: 0px;
	margin-top: -250px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 469px;
	/* position: fixed; */
}

#prog-wrap-m a {
	border: none;
	font-size: 15px;
	line-height: 70px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 4px;
	width: 100%;
}

#prog-wrap-m a:hover {
	color: #900;
}

#prog-wrap-m a.agenda-btn {
	padding-left: 76px;
	float: left;
	margin-top: -62px;
	margin-left: -77px;
}

#prog-wrap-m a.video-btn {
	padding-left: 99px;
	float: left;
	margin-top: -12px;
	margin-left: -35px;
}

#prog-wrap-m a.audio-btn {
	padding-left: 97px;
	float: left;
	margin-top: -10px;
	margin-left: -19px;
}

#prog-wrap-m a.podcast-btn {
	padding-left: 73px;
	float: left;
	margin-top:-10px;
	margin-left: -8px;
}

#prog-wrap-m a.schedule-btn {
	padding-left: 88px;
	float: left;
	margin-left:-27px;
	margin-top: 0px;
}

#prog-wrap-m a.r4r-btn {
	padding-left: 52px;
	float: left;
	margin-left:-1px;
	margin-top: -11px;
}

.agenda-btn {
	background-image: url(../img_splash/mobile-agenda-btn.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
}
.agenda-btn:hover {
	background-image: url(../img_splash/mobile-agenda-btn-on.png);
}

.video-btn {
	background-image: url(../img_splash/mobile-video-btn.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
}
.video-btn:hover {
	background-image: url(../img_splash/mobile-video-btn-on.png);
}

.audio-btn {
	background-image: url(../img_splash/mobile-radio-btn.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
}
.audio-btn:hover {
	background-image: url(../img_splash/mobile-radio-btn-on.png);
}

.podcast-btn {
	background-image: url(../img_splash/mobile-podcast-btn.png);
	background-repeat: no-repeat;
	background-position: 19px;
	display: block;
}

.podcast-btn:hover {
	background-image: url(../img_splash/mobile-podcast-btn-on.png);
}

.schedule-btn {
	background-image: url(../img_splash/mobile-schedule-btn.png);
	background-repeat: no-repeat;
	background-position: 40px;
	display: block;
}

.schedule-btn:hover {
	background-image: url(../img_splash/mobile-schedule-btn-on.png);
}

.r4r-btn {
	background-image: url(../img_splash/mobile-DWN-btn.png);
	background-repeat: no-repeat;
	background-position: 3px;
	display: block;	
}

.r4r-btn:hover {
	background-image: url(../img_splash/mobile-DWN-btn-on.png);
}

#newsletter-wrap-m {
	width: 165px;
	float: none;
	display: block;
	height: 28px;
	margin-top: -100px;
	margin-right: 19.5px;
	margin-bottom: -2px;
	margin-left: 480px;	
}

#combo-newsletter {
	width: 165px;
    height: 30px;
    margin-left: 0px;
	font-size: 11px;
    line-height: 36px;
    text-decoration: none;
    color: #036;
	background: #DDE5E9;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin-top: -82px;
}

#yt-wrap-m {
	float: none;
	width: 25%;
	padding: 0px;
	margin-top: 600px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#yt-wrap-m a {
	border: none;
	font-size: 14px;
	line-height: 70px;
	font-weight:normal;
	color:gray;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 4px;
	width: 100%;
}

#yt-wrap-m a:hover {
	color: #900;
}

#yt-wrap-m a.mobile-yt-vatican-btn {
	padding-left: 0px;
	float: none;
	margin-left: -13px;
	margin-top: -200px;
}

#yt-wrap-m a.mobile-yt-vaticanradio-btn {
	padding-left: 19px;
	float: none;
	margin-left: 88px;
	margin-top: -103px;
}

.mobile-yt-vatican-btn {
	background-image: url(../img_splash/mobile-yt-vatican-btn2.png);
	background-repeat: no-repeat;
	display: block;
}

.mobile-yt-vaticanradio-btn {
	background-image: url(../img_splash/mobile-yt-vaticanradio-btn2.png);
	background-repeat: no-repeat;
	display: block;	
}

.mobile-yt-vatican-btn:hover {
	background-image: url('../img_splash/mobile-yt-vatican-on-btn2.png');
}

.mobile-yt-vaticanradio-btn:hover {
	background-image: url('../img_splash/mobile-yt-vaticanradio-on-btn2.png');
}

/* BLOCCO SOCIAL */


#social-wrap-m {
	width: 356px;
	float: left;
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 206px;
	height: 90px;
	display: block;
	margin-top: -76px;
}


.icon-social {
	float:left;
	display: block;
	overflow: hidden;
	background-image: url('../img_splash/social-icons-splash.png');
	background-repeat: no-repeat;
	opacity:0.6;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 26px;
	height: 50px;
	width: 50px;
}

.icon-social:hover { opacity:1; }
.icon-social span { position: absolute; left: -5000px; }
.icon-social.twitter { 
	width: 50px; 
	height: 50px; 
	background-position: -47px 0px;
	margin-left: -22px;
	}

.icon-social.facebook 	{ 
	width: 50px; 
	height: 50px; 
	background-position: 0px 0px;
	margin-top: - 2px;
	margin-left: 21px;
	}

.icon-social.qq  { 
	width: 50px; 
	height: 50px; 
	background-position: -100px 0px;
	margin-left: -20px;
	}

.icon-social.weibo { 
	width: 50px; 
	height: 50px; 
	background-position: -148px 0px;
	margin-left: -20px;
	}

/* COPYRIGHT */

#copyright_mid-m {
	position: absolute;
	float:none;
	text-align: center;
	color: #666;
	font-size: 11px;
	font-family:Verdana;
	line-height: 30px;
	margin-left: 15px;
	padding: 0px;
	margin-top: -30px;
	display:block;
	}

}
/* FINE STILE RISOLUZIONE MEDIA */
/* ---------------------------------------------- */
/* INIZIO STILE RISOLUZIONE MINIMA */ 

@media screen and (min-width: 100px) and (max-width: 640px) { /* and (orientation: portrait) { */
	
 #splash_max {
	visibility:hidden;
	display:none;
	}
	
 #splash_mid {
	visibility:hidden;
	display:none;
	}
	
#splash_mid {
	visibility:hidden;
	display:none;
	}

#splash_mid {
	visibility:hidden;
	display:none;
	}

body {
	margin: 0px auto;
	padding: 0px;
	height: 560px;
	width: 380px;
	background-image: url(../img_splash/background_min.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.raw {
	clear: both;
}

#top {
	height: 80px;
	width: 640px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#combo-language2 {
	width: 220px;
    height: 30px;
    margin-left: 25px;
	font-size: 14px;
    line-height: 36px;
    text-decoration: none;
    color: #036;
	background: #DDE5E9;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:bold;
}

#header-mobile {
	background-color: #C84127;
	width: 360px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 44px;
	margin-left:10px;
}

#title-wrap-m {
	float: left;
	width: 40px;
	margin: 0px;
	padding: 0px;
	background-color: #C84127;
	height:44px;
}

#logo-wrap-m img {
	height: 44px;
	width: 100px;
	float: left;
}

#title-wrap-m h1 {
	float: left;
	width: 220px;
	display: block;
	padding: 0px;
	margin-top: 16px;
	margin-right: 20px;
	margin-bottom: 0px;
	font-size: 24px;
	line-height: 10px;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	text-align:center;
}

#title-wrap-m h2 {
	padding: 0px;
	float: left;
	width:220px;
	font-size: 11px;
	display: block;
	margin-top: 6px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 10px;
	color: #FFF;
}

#search {
	float:left;
	height: 25px;
	width: 360px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	background-color:white;
}

#insert {
	border:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	width: 300px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
	font-size: 12px;
	line-height: 21px;
	color: #999;
	text-align: center;
	float: left;
}

#search-splash {
	border: 10px;
}

#search_btn {
	background-image: none;
	height: 15px;
	width: 15px;
	border:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-top: 4px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#lang-wrap-m {
	width: 360px;
	float: left;
	display: block;
	height: 133px;
	margin-top: 2px;
	margin-right: 19.5px;
	margin-bottom: -2px;
	margin-left: 10px;
}

#lang-wrap-m select {
	display: block;
	font-size: 18px;
	line-height: 21px;
	width: 360px;
	margin: 0px;
	padding: 1%;
	float: left;
	text-transform: uppercase;
	margin-top:2px;
}

#main-img-m {
	float: left;
	width: 360px;
	padding: 0px;
	display: block;
	margin-top: -92px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}


#vp-wrap-m {
	float: left;
	width: 356px;
	padding: 0px;
	list-style-type: none;
	display: block;
	border: 1px solid #999;
	margin-top: 21px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: rgb(255,255,255);
}

#vp-wrap-m h3 {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 21px;
	line-height: 30px;
	color: #FFF;
	background-color: #C84127;
}

#vp-wrap-m ul  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#vp-wrap-m ul li a  {
	text-decoration: none;
	float: left;
	height: 30px;
	width: 100px;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	padding-top: 70px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
}

#vp-wrap-m ul li a:hover {
	color: #900;
	font-weight: bold;
}

.vp-agenda-btn {
	background-image: url(../img_splash/mobile-agenda-btn.png);
	background-repeat: no-repeat;
	height: auto;
	width: 100px;
	float: left;
	margin: 9px;
	padding: 0px;
	display: block;
}

.vp-agenda-btn:hover {
	background-image: url(../img_splash/mobile-agenda-btn-on.png);
}

.vp-radio-btn {
	border-style: none;
	background-image: url(../img_splash/mobile-radio-btn.png);
	background-repeat: no-repeat;
	display: block;
	margin: 9px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100px;
}

.vp-radio-btn:hover {
	background-image: url(../img_splash/mobile-radio-btn-on.png);
}

.vp-video-btn {
	background-image: url(../img_splash/mobile-video-btn.png);
	background-repeat: no-repeat;
	display: block;
	margin: 9px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100px;
}

.vp-video-btn:hover {
	background-image: url(../img_splash/mobile-video-btn-on.png);
}

#yt-wrap-m {
	float: left;
	width:356px;;
	padding: 0px;
	border: 1px solid #999;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: rgb(255,255,255);
}

#yt-wrap-m span {
	background-color: #C84127;
	text-align: center;
	float: left;
	height: 20px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#yt-wrap-m a {
	margin: 9px 0px;
	background-image: url(../img_splash/mobile-yt-btn.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	background-position: 50%;
	color: #999;
	text-decoration: none;
	width: 50%;
	font-family: Verdana, Geneva, sans-serif;
}

#yt-wrap-m a:hover {
	background-image: url(../img_splash/mobile-yt-btn-on.png);
	color: #900;
	font-weight: bold;
}

#prog-wrap-m {
	float: left;
	width: 360px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;	
}

#prog-wrap-m a {
	width: 225px;
	border: 1px solid #999;
	float: left;
	font-size: 21px;
	line-height: 78px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 130px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	background-color: rgb(255,255,255);
}

#prog-wrap-m a:hover {
	color: #900;
}

.podcast-btn {
	background-image: url('../img_splash/mobile-podcast-btn.png');
	background-repeat: no-repeat;
	background-position: 15px;
	display: block;
}

.podcast-btn:hover {
	background-image: url('../img_splash/mobile-podcast-btn-on.png');
}

.schedule-btn {
	background-image: url('../img_splash/mobile-schedule-btn.png');
	background-repeat: no-repeat;
	background-position: 15px;
}

.schedule-btn:hover {
	background-image: url('../img_splash/mobile-schedule-btn-on.png');
}

#r4r-wrap-m {
	width: 355px;
	padding: 0px;
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #999;
	text-align:center;
	font-family:Verdana;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:gray;
	background-color: rgb(255,255,255);
	margin-top:-9px;
}

#r4r-wrap-m ul  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#r4r-wrap-m ul li a  {
	text-decoration: none;
	float: left;
	height: 80px;
	text-align: center;
	font-size: 21px;
	line-height: 80px;
	padding-top: 5px;
	padding-left: 50px;
	margin: 0px;
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
}

#r4r-wrap-m ul li a:hover {
	color: #900;
	font-weight: bold;
}
	
.r4r-radio-btn {
	background-image: url(../img_splash/mobile-r4r-btn.png);
	background-repeat: no-repeat;
	background-position: 15px;
	display: block;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 21px;
	width: 270px;
	margin-right: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

.r4r-radio-btn:hover {
	background-image: url(../img_splash/mobile-r4r-btn-on.png);
}

.r4r-download-btn {
	background-image: url(../img_splash/mobile-DWN-btn.png);
	background-repeat: no-repeat;
	background-position: 15px;
  	display: block;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 21px;
	width: 200px;	
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

.r4r-download-btn:hover {
	background-image: url(../img_splash/mobile-DWN-btn-on.png);
}

#vp-wrap-m img {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

#social-wrap-m {
	width: 356px;
	float: left;
	padding: 0px;
	margin-right: 19px;
	margin-bottom: 20px;
	margin-left: 10px;
	height: 90px;
	display: block;
	margin-top: 0px;
	border: 1px solid #999;
	background-color: rgb(255,255,255);
}


.icon-social {
	float:left;
	display: block;
	overflow: hidden;
	background-image: url(../img_splash/social-icons-splash.png);
	background-repeat: no-repeat;
	opacity:0.6;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 14px;
	height: 50px;
	width: 50px;
}

#newsletter-wrap-m {
	width: 360px;
	float: left;
	display: block;
	height: 49px;
	margin-top: 10px;
	margin-right: 19.5px;
	margin-bottom: -2px;
	margin-left: 7.5px;
}

#newsletter-wrap-m select {
	display: block;
	font-size: 18px;
	line-height: 21px;
	width: 358px;
	margin: 0px;
	padding: 1%;
	float: left;
	text-transform: uppercase;
	margin-top:-11px;
	margin-left:3px;
}

#combo-newsletter2{
	width: 220px;
    height: 30px;
    margin-left: 25px;
	font-size: 14px;
    line-height: 36px;
    text-decoration: none;
    color: #036;
	background: #DDE5E9;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:bold;
}

#vr_history_box {
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
	margin-left:20px;
}

#vr_history_box a {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:0px;
	background-image: url(../img_splash/VR-history_bg.png);
}

#vr_history_box a:hover {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img_splash/VR-history_bg_rollover.png);
}

#history-museum {
	background-color: #666;
	height: 40px;
	width: 335px;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	margin-left: 10px;
}

#vr_museum_box {
	width: 150px;
	float: left;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

#vr_museum_box a {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:10px;
	background-image: url(../img_splash/VR-museum_bg.png);
}

#vr_museum_box a:hover {
	padding-left: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 120px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img_splash/VR-museum_bg_rollover.png);
}

#copyright_mini-m {
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

#footer {
	background-color: #666;
	height: 150px;
	width: 340px;
	border-top-width: 1px;
	border-top-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	margin-left:20px;
}


/* .icon-social:hover { opacity:1; } */
.icon-social span { position: absolute; left: -5000px; }
.icon-social.twitter 	{ width: 49px; height: 50px; background-position: -46px 0px; }
.icon-social.facebook 	{ width: 49px; height: 50px; background-position: 7px 0px; }
.icon-social.qq 		{ width: 51px; height: 50px; background-position: -95px 0px; }
.icon-social.weibo 		{ width: 50px; height: 50px; background-position: -146px 2px; }

}

/* FINE DEL FOGLIO DI STILE */