@charset "utf-8";
/* common css  */

html,div,img {
	margin: 0;
	padding: 0;
	border: none;
	color:#EEE;
}

img.shinystat {
	width:2px;
	height:2px;
	position:absolute;
	left:1px;
	top:1px;
}

#page #menu {
	position:absolute;
	top:38px;
	left:0px;
	width:1005px;
	height:56px;
	text-align: left;
	z-index: 10;
	background:#000;
}

#page #menu #m_wrap { 
	position:absolute; 
	bottom: 2px;
	left: 12px;
}

#notelegali {
	background: #EEE;
	color:#888;
	padding: 3px 3px;
}

#footsign {
	float:right;
	margin-right:16px;
	padding-top:3px;
}

#footsign a {
	text-transform:uppercase;
	font-size:.7em;
}

#page #menu #m_wrap div {
	background: url(../img/menu_separator.jpg) no-repeat left bottom #000;
	padding: 35px 16px 0px 8px;
	float:left;
	height: 17px;
}

#page #menu #m_wrap div:hover {
	background: url(../img/menu_separator.jpg) no-repeat left bottom #294058;
	color:#CCCCCC;
	cursor:pointer;
}

#page #menu #m_wrap div.active {
	background: url(../img/menu_separator.jpg) no-repeat left bottom #294058;
	padding: 35px 34px 0px 8px;
	float:left;
	height: 17px;
	color:#CCCCCC;
}

#page #menu #m_wrap div.active:hover {
	cursor:default;
}



#page #header {
	position:absolute;
	top:0px;
	left:0px;
	width:1005px;
	height:38px;
	text-align: left;
	z-index: 10;
	background:#404040;
}

#page #header .selected {
	font-weight:bold;
}

#page #header img { padding:0px 6px; }

#page #header a { color:#aaa; }
#page #header a:hover { color:#eee; }

#page #header #lang_ita { 
	position:absolute;
	left:0px;
	bottom:5px;
	padding-left: 20px;
	color:#eee;
}

#page #header #lang_eng { 
	position:absolute;
	right:0px;
	bottom:5px;
	padding-right: 20px;
	color:#eee;
}


#page #footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:1005px;
	height:15px;
	text-align: center;
	padding:3px 0px 3px 0px;
	z-index: 10;
	background:#404040;
	font-size:.8em;
}

#page #footer a { color: #bbb;}
#page #footer a:hover { color: #ddd;}

a {text-decoration:none;color:#dd1b26;}
a:hover {text-decoration:none;color:#878887;}

li.noactivelink {color:#dd1b26;}

div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}

#nyroModalIframe {
	overflow:hidden;
	height:100%;
	width:100%;
}
div#wrapperIframe {
	widht: 700px;
	height:600px;
	background: #ccc;	
}

div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/nyroModal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/nyroModal/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	background:#ccc;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
	background:#ccc;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:../img/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../img/nyroModal/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(../img/nyroModal/next.gif) right 20% no-repeat;
}

body {
	margin: 0;
	padding: 0;
	font-family:sans-serif, Arial, Helvetica;
	font-size:12px;
	background:url(../img/backgrounds/bkg_0012_Layer%202.jpg?rnd=14) no-repeat center top;
}

#page {
	text-align: left;
	margin: 0px auto;
	z-index: 0;
	position:relative;
	width:1005px;
	height:632px;
}

#page #content {
	clear:both;
	position:absolute;
	top:94px;
	left:0px;
	width:1005px;
	height:517px;
	text-align: left;
	z-index: 10;
	background:url(../img/page_backgrounds/bkg_0012_Layer%202.jpg) no-repeat center top;
}
	
#page #content #b_eventi{ 
	position:absolute;
	left:20px;
	top: 118px;
	width:218px;
	height:247px;
	background:url(../img/bkg_eventi.jpg) no-repeat left top;
}

#page #content #b_slogan{ 
	position:absolute;
	left:300px;
	top: 24px;
	width:681px;
	height:338px;
	color:#787a7a;
	font-size:45px;
	font-weight:bolder;
	text-align:justify;
	letter-spacing: 2px;
}


#page #footer {
	position:absolute;
	bottom:0px;
	left:-1px;
	width:1005px;
	height:15px;
	text-align: center;
	padding:3px 0px;
	z-index: 10;
	background:#404040;
}

#page #footer #photo_foot {
	position:absolute;
	left:22px;
}

#hidden_photo{
	display:none;
	width:340px;
	height:200px;
}

div.inside_hphoto{
	padding:10px 10px;
	color: #333;
}

.box_title {
	position:absolute;
	top:3px;
	left:7px;
	font-weight:bold;
}

#box_events {
	position:absolute;
	top:25px;
	left:7px;
	height:217px;
	width:188px;
	font-size:.9em;
	overflow:hidden;
	color:#333;
}

#box_sx {
	position:absolute;
	left:20px;
	top: 118px;
	width:218px;
	height:247px;
}


#box_sx img {
	border-bottom:none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	width:216px;
	height:168px;
	margin:0;
	padding:0;
}

#swf_banner {
	width:216px;
	height:58px;
	border-top:none;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin:0;
	padding:0;
}

.ev_head {
	font-weight:bold;
	font-size:1.1em;
}

.box_home {
	position:absolute;
	width:220px;
	height:128px;
	background:url(../img/box_home.gif) no-repeat left top;	
}

.box_home img { margin: 21px 0px 0px 1px;}

#page #content #b_video{left: 20px;top: 377px;}
#page #content #b_location{left: 538px;top: 377px;}
#page #content #b_hotel {left: 768px;top: 377px;}
#page #content #b_servizi{left: 308px;top: 377px;}

#page #content #b_eventi #right_scroll {
	position: absolute;
	top: 22px;
	left: 198px;
	width:18px;
	background:#FF0000;
}

.arr_up {
	position:absolute;
	left: 0px;
	top: 0px;
	width:18px;
	height:17px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
.arr_down {
	position:absolute;
	left: 0px;
	top: 205px;
	width:18px;
	height:17px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.scroll_bkg {
	position:absolute;
	left: 0px;
	top: 18px;
	width:18px;
	height:186px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	background-color:#446b92;
}

#page #content #b_slogan img {
	position:absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	border:none;
	height:56px;
	width:690px;
	left: 0px;
}

#page #content #b_slogan img:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}



img.ita_slogan1 { top: 0px;   }
img.ita_slogan2 { top: 56px;  }
img.ita_slogan3 { top: 112px; }
img.ita_slogan4 { top: 168px; height:54px !important; }
img.ita_slogan5 { top: 224px; height:50px !important; }
img.ita_slogan6 { top: 280px; height:50px !important; }

img.eng_slogan1 { top: 0px;   }
img.eng_slogan2 { top: 56px;  }
img.eng_slogan3 { top: 112px; }
img.eng_slogan4 { top: 170px; height:56px !important; }
img.eng_slogan5 { top: 226px; height:55px !important; width:103% !important; }
img.eng_slogan6 { top: 282px; height:55px !important; }

img.logo_regione { 
	position:absolute;
	left:855px;
	top: 300px;
	width:60px;
	height:60px;
	
}

#page #content #pdf_download img:hover, .box_home img:hover, #box_sx img:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#page #content #pdf_download {
	position:absolute;
	left: 770px;
	top: 299px;
}

img.logo_congrex { 
	position:absolute;
	left:928px;
	top: 300px;
	width:60px;
	height:60px;
}

#logotip {
	background: url(../img/bubble.png) no-repeat;
	width: 248px;
	height: 59px;
	position:absolute;
	left:750px;
	top:200px;
	text-align: left;
	padding:14px 19px;
	color:#111;
	display: none;
	text-shadow:#eee 0px 0px 3px;
	line-height:1.2em;
	font-size:.9em;
}