/*************************************************************************************************
**																				CSS																										**
*************************************************************************************************/



body, tr, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#body {
	background-color: #9d9fac;
	margin: 0px;
	text-align: center;
}
img {
	border: 0;
}
a {
	outline: none;
}
div{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px 0px 0px 0px;
	}
#pagina {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
	padding-top:0px;
	border:0px solid blue;
}

#container {
	width:980px;
	height: 767px;
	margin: auto;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	border:0px solid yellow;
	z-index: 1;
}
#sfondo{
	position: relative;
	top: 0px;
	left:0px;
	margin: auto;
	width:980px;
	height: 767px;
	background-image: url("../img/SfondoCSJournal.png"); 
	background-repeat: no-repeat;
	background-position: center;
	}
#area_up {
	position: relative;
	top: 20px;
	left:0px;
	margin: auto;
	border: 0px solid yellow;
}
#area_up_sx {
	position: relative;
	top: 0px;
	left:0px;
	width: 245px;
	height: 555px;
	margin: auto;
	float: left;
	border: 0px solid blue;
	text-align: center;
}
#area_up_cx {
	position: relative;
	top: 1px;
	left:0px;
	width: 448px;
	height: 555px;
	margin: auto;
	float: left;
	border: 0px solid fuchsia;
	background-image: url("../img/CSJcopertina.jpg"); 
	background-repeat: no-repeat;
	background-position: center;
}
#area_up_dx {
	position: relative;
	top: 5px;
	left:0px;
	width: 254px;
	height: 545px;
	margin: auto;
	float: left;
	border: 0px solid green;
	overflow: auto;
}
#area_down {
	position: relative;
	top: 20px;
	left:0px;
	width: 950px;
	height: 145px;
	margin: auto;
	border: px solid red;
}
#area_down_all {
	position: relative;
	top: 100px;
	left:30px;
	margin: auto;
	border: px solid red;
}
#testata{
	position: relative;
	top: 0px;
	left:0px;
	width:10px;
	height: 672px;
	}
#siti{
	position: relative;
	top: 0px;
	left:22px;
	margin: 0px auto;
	width: 934px;	
	}
.sito{
	position: relative;
	top: 0px;
	left:0px;
	float: left;
	padding: 0 14px 0 15px;
	border: 0px solid fuchsia;
	}
.csprogettisrl{
	position: absolute;
	top: 622px;
	left:0px;
	align:center;
	width:980px;
	height: 42px;
	z-index:200;
	}
#div_pdf {
	position: relative;
	top: 5px;
	left: 60px;
	width: 131px;
	height: 179px;
	border: 0px solid lime;
	z-index: 10000;
}
#div_mail {
	position: absolute;
	top: 450px;
	left: 7px;
	width: 180px;
	height: 20px;
	border: 0px solid lime;
	z-index: 10000;
	cursor: pointer;
}
#div_img_testo {
	position: relative;
	top: 60px;
	left: 0px;
}
/*************************************************************************************************
**																				Photogallery																								**
*************************************************************************************************/

#cont_index_photo {
	position: relative;
	top: 20px;
	left: 7px;
	width: 220px;
	height: 350px;
	padding: 0px 0px 0px 0px;
	border: 0px solid yellow;
	overflow: auto;
	margin: auto;
}
.cont_thumb_photo {
 	position: relative;
 	top: 0px;
 	left: 0px;
 	width: 190px;
 	padding: 15px 0px 15px 0px;
 	border: 0px solid red;
 	margin: auto;
}
.thumb_photo {
	position: relative;
 	top: 0px;
 	left: 0px;
 	width: 190px;
	height: 126px;
	padding: 0px 0px 0px 0px;
 	border: 0px solid green;
}
#sfondo_slideshow {
	position: relative;
 	top: 20px;
 	left: 15px;
 	width: 950px;
	height: 580px;
	padding: 0px 0px 0px 0px;
 	border: 0px solid green;
}
#div_cont_close {
	position: absolute;
	top: 0px;
	left: 945px;
	border: 0px solid red;
	z-index: 10000;
}
.div_title_photogall {
	position: relative;
	top: 0px;
	left: 0px;
	border: 0px solid red;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
}


/*************************************************************************************************
**																				ToolTips																								**
*************************************************************************************************/

.helpTip { }

.extTip {
	z-index: 13000;
}

.tip {
	color: #fff;
	width: 130px;
	z-index: 13000;
	
}
.tip_structure {
	color: #fff;
	width: 150px;
	z-index: 13000;
}
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	/*color: #9FD4FF;*/
	color: #eeeeee;
	padding: 8px 8px 4px;
	background: url(../img/bubble_new.png) top left;
	display: none;
}
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble_new.png) bottom right;
	color: #ddd;
	display: none;
}

.tip2 {
	color: #fff;
	width: 180px;
	z-index: 13000;
}
.tip-title2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 4px 8px 8px;
	float: left;
	background: url(../img/bubble_new.png) top left;
}

.tip-text2 {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble_new.png) bottom right;
	float: left;
}


/*************************************************************************************************
**																				Contenitore																						**
*************************************************************************************************/

.loading{
	background-image: url("../img/spinner.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#opacizza{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border:0px solid purple;

	background-color:black;
	-moz-opacity:.25;
	opacity:.25;
	
	filter:alpha(opacity=25);
	z-index: 5000;
	cursor:pointer;
	cursor:hand;
}

#contenitore_opacizzato{
	position: absolute;
	left: 190px;
	top: -150px;
	
	width: 600px;

	overflow: hidden;
	
	border:2px solid #52a6ef;
	background-color:white;
	z-index: 5001;
}
#contenitore_opacizzato_chiusura{
	position: absolute;
	left: 580px;
	top: 0px;
	
	color: #52a6ef;
	z-index: 5002;
	cursor:pointer;
	cursor:hand;
	font-size: 18px;
	font-weight: bold;
}

.util_moz{
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
	
	border: 0px solid black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	visibility: hidden;
}

