﻿@charset "UTF-8";
/* CSS Document */

body {
font:12px arial, sans-serif;
margin:auto;
padding:0;
text-align:center;
}




a img{
border:0;
}
a {
text-decoration:none;
color:#003399;
}
a:hover,a:active {
text-decoration:none;
color:#333333;
}
a:focus {
outline:none;
}
a:hover,a:active {
text-decoration:underline;
color:#333333;
}




a.menuA {
text-decoration:none;
color:#003399;
font-size:11px;
}
a.menuA:hover,a.menuA:active {
text-decoration:none;
color:#333333;
}
a.menuA:focus {
outline:none;
}
a.menuA:hover,a.menuA:active {
text-decoration:underline;
color:#333333;
}










p {
margin:0;
padding:0;
}
hr {
border:0;
border-top:1px solid #B2AEAA;
height:0;
margin: 0px 10px 0px 15px;
}
p.align-right {text-align: right;}

p.align-justify {text-align: justify;}

p.align-center {text-align: center;}

/* centrale */
#wrapper {
background:white;
position:relative;
width:920px;
margin:auto;
text-align:left;
padding-top:15px;
z-index:50;
}
#header {
border-bottom:1px solid #B2AEAA;
height:90px;
}
#header p {
padding:0 420px 0 0;
margin:0;
list-style:none;
}
#header img {
border:0 none;
margin:0;
}
#header ul {
padding:0;
margin:0;
list-style:none;
}
#header li {
display:inline-block;
float:left;
font-size:10px;
padding:5px 0px 0px 0px;
}
#header li.first a {
border-left:none;
padding:5px 20px 5px 0px;
}
#header li b {
font-size:16px;
}
#header a {
padding:5px 20px 5px 20px;
border-left:1px solid #b2aeaa;
color:#333333;
}
#menu{
height:58px;
margin:0px 0px 15px 0px;
}
#menu ul {
padding:0;
margin:0;
list-style:none;
}
#menu li {
display: inline-block;
float:left;
font-size:10px;
padding:5px 0px 0px 0px;
}
#menu li b {
font-size:16px;
}
#menu a {
display:block;
padding:10px 42px 5px 15px;
border-left:1px solid #b2aeaa;
color:#666666;
}
#menu li.first a {
border-left:none;
padding:10px 50px 5px 0px;
}
#menu a:hover,#menu a:active {
text-decoration:none;
background:none;
color:#003399;
}
#menu .active {
color:#003399;
}
#slideshow {
float:left;
overflow: hidden;
width:680px;
height:350px;
margin: 0 0 15px 0;
color:white;
}
#slideshow img {
width:680px;
height:350px;
}
#content p{
font:16px arial, sans-serif;
}
#text {
clear:both;
width:680px;
height:90px;
}
#text a{
color:#003399;
margin:20px 0px 20px 0px;
}
#text a:hover{
color:#FF6600;
text-decoration:none;
}
#text ul{
padding:0;
margin:0;
list-style:none;
}
#text li {
display: inline-block;
float:left;
padding:0px 10px 5px 20px;
border-left:1px solid #b2aeaa;
font-size:14px;
color:#666666;
width:310px;
}
#text li.first {
padding:0px 20px 5px 0px;
border-left:none;
}
#news {
float:right;
border:1px solid #b2aeaa;
width:210px;
padding-top:10px;
}
#news p{
padding:5px 10px 10px 15px;
color:#666666;
}
#news b{
font:12px arial, sans-serif;
font-weight:bold;
padding:5px 5px 35px 15px;
color:#666666;
}
#news a {
text-decoration:none;
}
#news a:hover {
color:#FF6600;
}
#footer {
clear:both;
border-top:1px solid #B2AEAA;
height:80px;
}
#footer p{
font:10px arial, sans-serif;
}
#footer ul {
padding:0;
margin:0;
list-style:none;
}
#footer li {
display:inline-block;
float:left;
font-size:10px;
padding:5px 0px 0px 0px;
}
#footer li.first {
border-left:none;
padding:5px 20px 5px 0px;
}
#footer li.second {
border-left:none;
letter-spacing:0.01em;
padding:5px 5px 5px 20px;
border-left:1px solid #b2aeaa;
color:#333333;
}
#footer li.spazio{
border-left:none;
letter-spacing:0.01em;
padding:5px 10px 5px 10px;
color:#333333;
}
#footer li.credits{
border-left:none;
letter-spacing:0.01em;
padding:5px 10px 5px 10px;
border-left:1px solid #b2aeaa;
color:#333333;
}
#footer li b {
font-size:16px;
}
#footer a {
color:#333333;
}
#logo a {
display:inline-block;
width:195px;
float:right;
font-size:10px;
padding:5px 0px 0px 15px;
}
#box a{
font-size:16px;
text-align:right;
letter-spacing:0.04em;
line-height:1.4em;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
position:absolute;
background:#003399;
margin:20px -180px auto;
height:150px;
width:150px;
display:block;
padding:10px 40px 5px 10px;
color:#ffffff;
}
#box a:hover{
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;
opacity:0.9;
text-decoration:none;
}
/*javascript slide animazione*/
#slider {
    width: 720px; 
    height: 350px;
    position:relative;
	overflow: hidden;
	float:left;
	color:white;
	margin: -10px 0 15px -40px;
}
#sliderContent {
    width: 720px;
    position:absolute;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    padding: 8px 10px 18px 10px;
    width: 697px;
    background-color:#003399;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	bottom:0;
}
.clear {
	clear:both;
}

/* ------------------------------------*/
/* << BEGIN COPY                       */
/* ------------------------------------*/

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* ------------------------------------*/
/* END COPY >>>                        */
/* ------------------------------------*/

/* ignore the nonsense below, you don't need it for your projects */


