@import url(blocks.css);
@import url(module_content.css);

html, body {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background:	#475162 url(images/diag1.jpg) /*repeat-x left top*/;
}

table {
	width: 100%;
}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
}

h1 {
	font-size: 200%;
	border-bottom: 1px solid #A0D3FA;
}

h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 120%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

h1, h2, h3, h4, h5, h6 {
	margin:0.2em  0;
	font-weight: normal;
	color: #ffffff;
	padding:  0.2em  0;
	line-height: 1.2em;
}

p {margin: 0 0 .8em 0 ;}

a {
	color: #143d55;  
	text-decoration: none; 
	font-weight: normal; 
	padding: 0 2px; 
}

a:hover {
	color: #4780a1;
	text-decoration:underline;
}

img {border:	0px;
}

img a:hover {
	text-decoration:none;
}

ul, li, ul a, li a {
color:#143d55;
}

ul a:hover, li a:hover {
color:#4780a1;
text-decoration:underline;
}

/* ---------- ldimensione totale del sito ---------- */
#xo-canvas {
	margin:auto;
	width: 90%;
	min-width:960px;
}

/* ---------- Header / banner / globalnavigation ---------- */
#xo-canvas-header {
	height: 200px;
	/*background: url(images/hd1bg.jpg);	*/
	background-color:#4780a1;
	background-image: url(images/head_bg.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}


/* ---------- Loghi---------- */
#xo-main-logo {
	margin-left:0px;
	padding:0px;
	height:200px;
}

#xo-main-logo a{
	padding:0px;
}

/* ---------- banner---------- */
#xo-banner {
	height:60px;
	width:468px;
	float:right;
	border:1px solid #ffffff;
	padding:3px;
	margin-right:12px;
	margin-top:-78px;
}

#xo-banner a{
	padding:0px;
	margin:0px;
}

#xo-banner a:hover, #xo-main-logo a:hover, #xo-main-logo2 a:hover { background: none;}


/* ---------- menu navigazione---------- */
#xo-canvas-globalnav {
	text-align:right;
	background-color:#ffffff;
	font-size: 120%; 
	padding:0px;
	margin:0px;	
	width:100%;
	
}

#xo-canvas-globalnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#xo-canvas-globalnav li {
	display: inline;
	float: right;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-right: 10px;
	color: #143d55;
	text-transform: uppercase;
	font-weight: bold;
	
}

#xo-canvas-globalnav li a {
	float: left;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-right: 10px;
	color: #143d55;
	text-transform: uppercase;
	font-weight: bold;
}

#xo-canvas-globalnav li a:hover {
	height: 19px;
	color: #032961;
	background:none;
}

/*navigation*/

#dolphincontainer{position:relative;border-bottom: 0px solid #ffffff; color:#E0E0E0;background:#143D55;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:right;}
#dolphinnav ul li{display:block;float:right;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;width:auto;display:block;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left; line-height:275%;height:33px;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{color: white; padding: 5px; font-size: 75%; height: 1em; text-transform:uppercase; text-align:right;}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white; font-weight:bold;}
#dolphin_inner a:hover{color: #ffffff; font-weight:bold;}

.innercontent{display: none;}
/* ---------- Content (main) zone ---------- */
#xo-canvas-content {
	padding: 30px 15px 30px 15px;
	line-height: 1.3em;
	background-color:#E6E3E3;
	/*background-image: url(images/back20.jpg);
	background-repeat: repeat;*/
	border-top:5px solid #143D55;
	border-left:3px solid #143D55;
	border-right:3px solid #143D55;
	border-bottom:3px solid #143D55;
}

#xo-page {
	color:#3786b3;
	padding: 0px 0px 0px 0px;
}

#xo-page a{
	color:#3786b3;
	padding: 0px 0px 0px 0px;
}

#xo-page a:hover{
	color:#3786b3;
	text-decoration:underline;
	
}

#xo-content {
	clear:both;
	padding:10px;
	padding-right:15px;
	margin:0px ;
	/*overflow:hidden; */
}

#xo-content form a{
color:#143d55;
}

#formtitle h1{
color:#143d55;
text-align:center;
}

/* ---------- column configurations ---------- */
#xo-page{ width:100%;}
#xo-canvas-columns {}
#xo-canvas-leftcolumn {	width:200px; }
#xo-canvas-rightcolumn { width:320px;}
#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn { vertical-align: top;}
#xo-canvas-rightcolumn {float:right;}
#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {}

/*------------------Footer-------------------*/
#xo-footer {
	background: url(images/ft_bg.jpg) repeat-x left top;
	height: 150px;
	color: #FFF;
	text-align: left;
	padding: 1em;
	font-size: 90%;
	border-top:0px solid #ffffff;
}

#xo-footer li{
	padding-top:0px;
	color: #ffffff; 
}

#xo-footer  a {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	padding: 0 2px; 
}
	
#xo-footer a:hover {	
	color: #FFFFFF;
	text-decoration:underline;
}

#xo-ft1, #xo-ft2, #xo-ft3, #xo-ft4 {
	float:left;
	border-left:2px  solid #ffffff;
	width:200px;
	padding:10px;
	height:100px;
}
	
#xo-ft1 H2, #xo-ft2 H2, #xo-ft3 H2, #xo-ft4 H2 {
	margin:0em  0;
	font-weight: normal;
	color: #FFFFFF;
	padding:  0em  0;
	line-height: 1.2em;
}

#xo-ft1 li, #xo-ft2 li, #xo-ft3 li, #xo-ft4 li {
	margin:0em  0;
	padding:  0em  0;
	line-height: 1.2em;
}

/* ---------- Extra layout / forms---------- */
blockquote {
	margin-left:		.5em;
	border:				1px solid #8EC0F9;
	border-left-width:	6px;
	background:			#f4faff;
	padding:			.5em;

}
.xoopsCode {
	background:			#ffffff;
	font-family:		monospace;
	border:				1px solid #d0d0d0;
	padding:			.5em;
	width:				100%;
	display:			block;
	overflow: auto;
}

input[type=submit], input[type=button]  {
	color: #FFFFFF;
	border: 1px solid #000;
	background: #0a0809 url(images/degrad-black.gif) repeat-x left top;
	font: bold 80% Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	padding: 1px 2px;
}

input[type=text], input[type=password], textarea, select {
	border:				2px solid #fff;
	margin:				2px 0px;
	padding-left:		.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	background: #d9e0e9;
}

input[type=text], input[type=password] {
	color: #333333;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color:		#032961;
	outline:			1px solid #6e82a1;
	background: #EBEEF3;
	color: #333333;
}

textarea { width: 95%;}


/*-----------------------redirect ajax---------------------*/
#divLoading {
	position:absolute;
	left:50%;
	top:50%;
	z-order:0;
	z-index:100;
	width: 300px;
	margin-left: -150px;
	
	margin-top: -50px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	border:2px #032961 solid;
	background-color:#ffffff;
	color:#032961; 
	text-align:center;
	vertical-align:middle;
}
#divLoading p {
	vertical-align:middle;
	padding:20px;
}
#divLoading p img {
	vertical-align:middle;
	padding:5px;
}

/*-----------------------messaggio ie6--------------------*/
#divie6{
	position:absolute;
	left:50%;
	top:50%;
	z-order:0;
	z-index:100;
	width: 300px;
	margin-left: -150px;
	
	margin-top: -50px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	border:2px #032961 solid;
	background-color:#ffffff;
	color:#032961; 
	text-align:center;
	vertical-align:middle;
}
#divie6 p {
	vertical-align:middle;
	padding:20px;
}
#divie6 p img {
	vertical-align:middle;
	padding:5px;
}

#user_login {
	
	width:850px;
	margin:auto;
}

#login_box {
	background-image:url(images/login_box.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	height:200px;
	width:400px;
	margin:auto;
	float:left;
}

#login_pwd{
	background-image:url(images/login_pwd.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	height:200px;
	width:400px;
	margin:auto;
	float:right;
}




.login_text {
	padding-top:45px;
	padding-left:40px;
	color:#143d55;
	
}


.paginact {
background-image:url(../../images/paginact.png);
background-repeat: no-repeat;
color:#fff;
width:25px;
height:50px;
padding:2px;
font-size:90%;
}

.paginact a{
	color:#fff;
	margin-left:3px;
	margin-top:3px;
	font-size:90%;
	}
	
.pagact a{
	color:#fff;
	margin-left:3px;
	margin-top:3px;
	font-size:90%;
	}
	
.pagneutral a{
	color:#fff;
	margin-left:3px;
	margin-top:3px;
	font-size:90%;
	}

.pagact {
background-image:url(../../images/pageact.png);
background-repeat: no-repeat;
color:#fff;
width:25px;
height:50px;
padding:2px;
font-size:90%;
}

.pagneutral {
background-image:url(../../images/pageneutral.png);
background-repeat: no-repeat;
color:#fff;
width:25px;

}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
font-weight:normal;
font-size:12px;
color:#143d55;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index:1000;
width:200px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}