@charset "UTF-8";

html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,
tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	font-family: Arial,sans-serif;
	font-size: 14px;
}

body{
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white;
}
a {text-decoration:none; color:#555;}
a:hover {color:#875;}

.clear{ clear: both; }

.left{ float: left; }
.right{ float: right; }
.margin{ margin-left: 53px !important; margin-right: 53px !important; }
.margin-left{ margin-left: 53px !important; }

.top-left{ margin-right: 5px; margin-bottom: 5px; }
.top-right{	margin-left: 5px; margin-bottom: 5px; }
.center-left{ margin-right: 5px; margin-bottom: 5px; margin-top: 5px; }
.center-right{	margin-left: 5px; margin-bottom: 5px; margin-top: 5px; }
.bottom-left{ margin-right: 5px; margin-top: 5px; }
.bottom-right{ margin-left: 5px; margin-top: 5px; }

#header, #body, #footer, #main{ width: 100%; min-height: 100px; }
.inner{ width: 1024px; margin: 0 auto; text-align: center; }
.inner *{ text-align: left; }


#header{ background-color: #012255; }
#main{ background-color: #986; }
#body{ background-color: white; }
#footer{ background-color: #986; border-top: 40px solid white; }

#menu{ margin-left: 30px; }
#menu ul{
	list-style-type: none;
}

#menu ul li{
	float: left;
	display: block;
	vertical-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 54px 11px 36px 11px;
}

#menu ul li:hover{
	cursor: pointer;
	background-color: #986;
}
#footer .inner {	padding: 50px 0px;}
#footer .inner p{
	text-align: center !important;
	color: white;
	font-size: 14px;
	width: 100%;
}

#footer .inner a {text-decoration:none; color:white;}
#footer .inner a:hover {color:#432;}

h1{
	font-size: 24px;
	text-align: left;
	color: #012255; 
	font-style: italic;
	margin: 30px;
}

p{
	margin: 5px 30px;
	font-size: 16px;
	color: #555;
	text-align: justify !important;
}

.ricami ul{
	margin: 5px 75px;
	font-size: 16px;
	text-align: left;
	color: #555;
}

.ricami ul li{
	font-size: 16px;
	text-align: left;
	color: #555;
}

#presentation{ margin: 20px; }
#presentation img{ margin: 0px 9px; }

.csg{
	border: 10px solid #986;
	margin: 30px;
}

.container{
	padding: 20px;
	border: 1px solid #dbdbdb;
	width: 705px;
}

.container h1, .container p, .box-r{ margin: 5px 20px; }

h1.big{
	font-size: 34px;
	font-weight: bold;
	margin: 0px 20px;
}

.csm ul{
	list-style-type: none;
}

.csm li{
	font-size: 16px;
	color: #555;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding: 3px 5px;
	padding-left: 25px;
	background: url(../images/punto-elenco.png) transparent no-repeat 5px 5px;
}.fadein { position:relative; width:500px; height:332px; }.fadein img { position:absolute; left:0; top:0; }

.spancas span{
	font-size: 16px;
	font-weight: bold;
}

.bigc{ width: 965px !important; }

.box-r{
	clear: both;
}

.box-r div{
	padding: 3px;
	border: 1px solid #ccc;
	margin: 5px 8px;
	width: 100px;
	height: 150px;
	float: left;
	background-repeat: no-repeat;
	background-position: center
}

.box-r p, .chisiamo p, .marchi p{
	text-align: justify;
	color: #666;
	margin: 10px 7px;
}

.box-r p strong, .chisiamo p strong, .normal-p strong{
	color: #012255;
}

.box-r div:hover{
	background-color: #EFEFEF;
}

.box-r h2{ margin-left: 0 !important; }

.alt div:hover{
	height: 172px;
	margin-bottom: 8px;
}

.alt div h2{
	margin-top: 147px;
	font-size: 16px;
	padding: 4px;
	color: #012255;
	font-weight: bold;
}

.alt div{
	width: 120px;
	height: 150px;
	background-position: center 10px;
	overflow: hidden;
	margin-bottom: 30px;
}

.box-r h1{
	color: #012255;
	font-style: italic;
	font-size: 24px;
	margin-left: 0px;
}

#lname{
	color: #555;
	font-weight: bold;
	font-size: 20px;
}