* { border: 0px solid #f00; margin: 0; padding: 0; }
html {
	height: 100%;
	background: #fff url(colbg.jpg) repeat-y top right;
}
body, a
{
    color: black;
	font: 14px/1.2 Tahoma, "Lucida Sans Unicode", Helvetica, Arial, sans;
	color:#555;
    text-decoration: none;
    text-align: center;
}
body {
	height: 100.16%;
	background: transparent url(colbg.jpg) repeat-y top left;
}
table, table a
{
    color: black;
	font: 14px/1.2 Tahoma, "Lucida Sans Unicode", Helvetica, Arial, sans;
	color:#555;
    text-decoration: none;
	padding:0;
	margin:0;
	border:0;
}
a:hover, table a:hover
{
    color: red;
    cursor: pointer;
}
a#a_menu
{
    color: white;
    font-weight: bold;
}
input, select, textarea { border: 1px #888 solid; }
p { text-align:justify; }


img { border: 0; }
span.hide { display: none; }
img.left
{
	float: left;
	margin: 0 30px 20px 0;
}
img.right
{
	float: right;
	margin: 0 0 20px 30px;
}
#canvas
{
	width: 940px;
	margin: 0 auto auto auto;
	position: relative;
	/*border: 1px gray solid;*/
}
#slide_container
{
	position: absolute;
	top:60px !important;
	z-index: 11;
	height: 400px;
	overflow: hidden;
	left: 0;
	right: 0;
	background-color: #fff;
}
img.carouselImage
{
	visibility: hidden;
}

#canvas { width:940px;background: transparent url(bg.jpg) repeat-x top left; margin: auto; text-align: left; }
#main { width:100%;padding-top:30px;text-align:justify; }
#divider { width: 100%; height:27px; background: #fff; margin: auto; text-align: left; }
#navbar { width:100%; height:18px;line-height:20px;background:#000;color:#fff;text-align:center;}
#leftcol  { float: left; width: 210px; }
#bar { width:1000px;margin:auto;}
/* #centralcol { margin: 0 211px 0 211px; } */
/* Con larghezza fissa usare questo */
#centralcol { width:100%; float: left;	font: 14px/1.2 Tahoma, "Lucida Sans Unicode", Arial, sans !important;padding-bottom:40px; }
#rightcol { float: right; width: 210px; text-align: center; }
#topleft { padding: 0px; height: 100%; background: #d9d9d9 url(sbg.jpg) repeat-x top left; }
#topcentral { height: 100%; background: transparent url(digital.jpg) no-repeat top left; }
#topright { padding: 5px; height: 100%; background: #d9d9d9 url(sbg.jpg) repeat-x top left; }
#headertop { margin: auto; width: 100%; clear: both; height: 60px; z-index: 4; }
#header { margin: auto; width: 100%; clear: both; height: 400px; text-align: center; color: #fff;overflow:hidden; background: #fff url(home.jpg) no-repeat center center; background-size: cover; z-index: 4; }
#footer { margin: auto; width: 100%; clear: both; height: 30px; text-align: center; margin-top: .1em; color: #fff; background-color: #8a9ca5; z-index: 4; }
#logo { position:absolute;top:15px;left:50%;margin-left:-430px; }
.nobreak { white-space:nowrap; }
.versions { position:absolute;left:50%;margin-left:200px;font-size:70%;text-align:right; }

/*BARRA ISTITUZIONALE-------------------*/
#navigation{ width:944px;margin:0; margin:auto;padding:1px 10px 0 10px; z-index:7;}
#navigation ul{ padding:0; margin:0; }
#navigation li{ position: relative; float: left; list-style: none; margin: 0; padding:0; width:118px;text-align:center;}
/*style voci principali - width indica la larghezza minima; si ridimensiona secondo la lunghezza della voce*/
#navigation li a{ padding:0; height: 16px; display: block; text-decoration:none; text-align: left; line-height: 18px; background-color: #000; color: #fff;font-size:130%;font-family:Arial; }
/*style sottovoci - width indica la larghezza minima; si ridimensiona secondo la lunghezza della sottovoce pił lunga*/
#navigation li li a{ padding:0 0; text-align:left; background-color: #000; }
#navigation li li { padding: 0 10px; filter:alpha(opacity=90); -moz-opacity:0.9;}
#navigation li a:hover{ color: #e80c0e; }
#navigation .activ{ color: #e80c0e; }
#navigation ul ul{ position: absolute; top: 20px; width: 120px; visibility: hidden; }
#navigation ul ul li{ display:block; text-align:left; background-color: black; white-space:nowrap; }
#navigation ul li:hover ul{ visibility:visible; }

#bar1, #bar1 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_home.gif) no-repeat top left; }
#bar1:hover, #bar1 a:hover, #bar1.activ { background:transparent url(bott_home.gif) no-repeat bottom left; }
#bar1 { width:100px !important; }
#bar2, #bar2 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_opere.gif) no-repeat top left; }
#bar2:hover, #bar2 a:hover, #bar2.activ { background:transparent url(bott_opere.gif) no-repeat bottom left; }
#bar3, #bar3 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_mostre.gif) no-repeat top left; }
#bar3:hover, #bar3 a:hover, #bar3.activ { background:transparent url(bott_mostre.gif) no-repeat bottom left; }
#bar4, #bar4 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_miracoli.gif) no-repeat top left; }
#bar4:hover, #bar4 a:hover, #bar4.activ { background:transparent url(bott_miracoli.gif) no-repeat bottom left; }
#bar5, #bar5 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_biografia.gif) no-repeat top center; }
#bar5:hover, #bar5 a:hover, #bar5.activ { background:transparent url(bott_biografia.gif) no-repeat bottom center; }
#bar6, #bar6 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_shopping.gif) no-repeat top right; }
#bar6:hover, #bar6 a:hover, #bar6.activ { background:transparent url(bott_shopping.gif) no-repeat bottom right; }
#bar7, #bar7 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_storia.gif) no-repeat top left; }
#bar7:hover, #bar7 a:hover, #bar7.activ { background:transparent url(bott_storia.gif) no-repeat bottom left; }
#bar8, #bar8 a { line-height:70px !important;overflow:hidden;background:transparent url(bott_video.gif) no-repeat top right; }
#bar8:hover, #bar8 a:hover, #bar8.activ { background:transparent url(bott_video.gif) no-repeat bottom right; }
/*------------------------------------------------*/

#carousel { position:absolute;top:100px;left:0;width:100%;height:400px;display:block;overflow:hidden;background:#000; }
#imgcontainer { position:absolute;margin-left:-3860px;width:8990px;height:400px;display:block; }
#innerimg { position:relative;cursor:w-resize;margin-left:3860px;width:5130px;height:400px;overflow:hidden; }
.dragimg { float:left;display:block; }


/* ------------- SLIDING BY BUTTONS -------------- */
/*
#slide_buttons {
	position: absolute;
	top:100px;
	z-index: 1 !important;
	height: 400px;
	overflow: hidden;
	left: 0;
	right: 0;
}
*/
#slide_button_left {
	position: absolute;
	top:100px;
	left: 0;
	z-index: 999 !important;
	width: 70px;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
	background: url('carousel_arrow_left_thin.png') center center no-repeat;
}
#slide_button_right {
	position: absolute;
	top:100px;
	right: 0;
	z-index: 999 !important;
	width: 70px;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
	background: url('carousel_arrow_right_thin.png') center center no-repeat;
}

/* --------- END OF SLIDING BY BUTTONS ---------- */



.title, .title a { float:left;padding: 0 0 5px 0;width:180px;text-align:right;font-family: "Helvetica light condensed";font-size:82% !important;line-height:12px !important; }
.testi { position:absolute;text-align:left;width:940px;padding-bottom:50px;display:block;}
.newline, .activnewline { clear:left; }
.activnewline { color:#e80c0e !important; }

#imgbox { width: 100%; height: 220px; background: transparent url(imgbg.jpg) repeat-x top left; margin-top: 5px; }
.menubox { width: 100%; background: #14406F url(menu.jpg) repeat-y top left; padding: 10px 0 10px 0; color: #fff; color: #fff; font-weight: bold; margin-top: 4px; }
.menubox a{ color: #fff; }
.menubox a:hover{ color: #ede11e; }
.spacer{ height: 155px; display: block; }
.bar_v { padding: 5px; }
.infolist {}
.activ { color:#e80c0e !important; }
.box_title_white, .box_title_white a
{
    font-size: 7.5pt;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-indent: 0%;
    text-align: justify;
}
.box_title_white a:hover
{
    color: red;
}
.box_title_blue, .box_title_blue a
{
    font-size: 7.5pt;
    font-weight: bold;
    color: #3e4f6f;
    text-decoration: none;
    margin:10px 0px 0px 5px;
}
.box_title_blue a:hover
{
    color: red;
}
.box_white, .box_white table, .box_black, .box_black table, .box_red, .box_red table, .box_blue, .box_blue table, .track, .track table, .box_white a, .box_black a, .box_red a, .box_blue a, .track a
{
    color: white;
	font: 15px/1.2 Tahoma, "Lucida Sans Unicode", Arial, sans;
    text-decoration: none
}
.box_black, .box_black table, .box_black a
{
    color: #555;
	white-space:nowrap;
}
.box_red, .box_red table, .box_red a
{
    color: #ac0000;
}
.box_blue, .box_blue table, .box_blue a
{
    color: #1c2c43;
}
.box_white a:hover, .box_black a:hover, .box_red a:hover, .box_blue a:hover
{
    color: red;
    cursor: pointer;
}
.track, .track table, .track a
{
    color: #ac0000;
    margin:10px 0px 0px 5px;
}
.track a:hover
{
    color: red;
    margin:10px 0px 0px 5px;
}
.logo_white
{
    font-size: 13pt;
    font-weight: bold;
    color: white;
    text-decoration: none
}
.foreground_title, .foreground_title table, .foreground_title a
{
    font-size: 8pt;
    font-weight: bold;
    color: #3e4f6f;
    text-decoration: none
}
.foreground_title a:hover
{
    color: red;
}
.box_login, .box_search
{
    font-size: 8pt;
    color: #fff;
    font-weight: bold;
    text-decoration: none
}
.credits, .credits a
{
    font-size: 7.5pt;
    color: white;
    font-weight: bold;
    text-decoration: none
}
.credits a:hover
{
    color: red;
}
.userlogged
{
    font-size: 7pt;
    font-weight: normal;
    font-weight: bold;
   color: #444;
}
.welcome
{
    font-family: arial,helvetica;
    font-size: 7.5pt;
    font-weight: normal;
   color: #000000;
}
.mini, .mini a
{
    font-family: arial,helvetica;
    font-size: 7pt;
    font-weight: normal;
}
.mini a:hover
{
    color: red;
}
.menu
{
    font-size: 8pt;
    color: #000;
    font-weight: bold;
    text-decoration: none
}
.menu a:hover {
	color: #AC0000;
}
.search,.logsearch, .minisearch, .midisearch, .shortlogsearch,.longsearch
{
    border-right: 1px #dcdcdc solid;
    border-left: 1px #675b69 solid;
    border-top: 1px #675b69 solid;
    border-bottom: 1px #dcdcdc solid;
    font-weight: normal;
    width: 100px;
    font-style: normal;
    font-size: 6.5pt;
    font-family: amertype,arial,verdana,helvetica;
    background-color: white;
    font-variant: normal;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-left: 20px;
}
.search{
	background: #fff url(magnifier.gif) no-repeat center left;
}
.minisearch
{
    width: 20px;
    font-size: 7.7pt;
}
.midisearch
{
    width: 40px;
    font-size: 7.7pt;
}
.shortlogsearch
{
    width: 60px;
    font-size: 7.7pt;
}
.longsearch{
    width: 140px;
    font-size: 7.7pt;
}
.survey
{
    border-right: #675b69 thin;
    border-top: #675b69 thin solid;
    font-weight: normal;
    font-size: 9px;
    border-left: #675b69 thin solid;
    width: 139px;
    color: black;
    border-bottom: #675b69 thin;
    font-style: normal;
    font-variant: normal
}
.bar_options
{
    font-weight: bold;
    font-size: 7.7pt;
    color: #fff;
    font-style: normal;
    font-variant: normal
}
.bar_titles, .bar_titles a
{
    font-size: 8pt;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    text-decoration: none;
    text-align: center;
}
.bar_titles a:hover
{
    color: red;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#logo_sx{
	width:70%;
	float:left;
	clear:left;
	border:0px solid #000000;
}

#logo_dx{
	width:30%;
	float:right;
	border:0px solid #000000;
	padding-top:10px;
	text-align:right;
	position:absolute;
	left:59%;
	
}


#logo_dx_red{
	height:21px;
	width:220px;
	text-align:right;
	background-color:#cd071e;
	padding:2px 20px 0 0;
	margin-top:10px;
}


.red_logo_dx{
	color: #ffffff;
	font-weight: bold;
	font-size:8pt;
	padding:0 5px 0 5px;
	background-color:#cd071e;
	/*padding:2px;*/
	height:19px;

}


#all_header{
	width:940px;
	text-align:center;
	border:1px solid #ff0000;
	height:auto;
	padding:0 10% 0 10%;
}


#logo_sx_header{
	width:695px;
	float:left;
	clear:left;
	border:1px solid #0000ff;
}

#logo_dx_header{
	width:240px;
	float:right;
	border:1px solid #00ff00;
	text-align:right;	
}


#logo_dx_header_red{
	height:21px;
	width:220px;
	text-align:right;
	background-color:#cd071e;
	padding:2px 20px 0 0;
	margin-top:10px;
	color:#ffffff;
}