﻿html, body, form{height:100%;}

body{background-color:#f5f5f5;}

body, h1, h2, h3, h4, h5, h6, p, td, th, ol, ul {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana,'Trebuchet MS', 'Times New Roman';
	font-size: 9pt;
	line-height:16px;
	color:#4d4d4d;
}

p, ul, ol {margin-bottom:10px; color:#333;}
h1 {font-size: 12pt; margin-bottom:5px;}
h2 {font-size: 14pt; margin-bottom:5px;line-height:20px;}
h3 {font-style:italic; }

ul, ol {list-style-position: inside;}
li {margin-bottom:5px;}

img, table, hr{border:none;}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	height:11px;
	background-image: url(../Images/hr-bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}
hr.link{background-image: url(../Images/hr-bg2.png);}

a {text-decoration:none;font-weight:bold;color: #993333;}
a:hover {text-decoration:underline;font-weight:bold;}

.clearfloat {
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

/******************************************
PAGINE
******************************************/
.gallery {
	position:relative;
}
	.gallery:after {
		display:block;
		clear:both;
		content:' ';
		height:1px;
	}
	.gallery a {
		position:relative;
		display:block;
		float:left;
		width:107px;
		height:107px;
		overflow:hidden;
		margin:7px 15px 7px 0;
	}
		.gallery a img {
			position:absolute;
			z-index:1;
			top:0; right:0; bottom:0; left:0;
			width:100%;
			margin:auto;
			transition: all 0.20s ease-out;
			-ms-transition: all 0.20s ease-out;
			-webkit-transition: all 0.20s ease-out;
			-moz-transition: all 0.20s ease-out;
		}
		.gallery a:hover img {
			transform:scale(1.5,1.5);
			-ms-transform:scale(1.5,1.5);
			-webkit-transform:scale(1.5,1.5);
			-moz-transform:scale(1.5,1.5);
		}

/******************************************
PAGINE
******************************************/
#main{
	width:1000px; 
	margin:0 auto;
	height:100%;
	padding-top:20px;
	background-image: url('../Images/background2.jpg');
	background-repeat:no-repeat;
	background-position: center top;
}

#menu {
	width:917px;
	height:76px;
	font-size:10pt;
	color:#FFF;
	padding-left:83px;
	background-image: url('../Images/background-menu.png');
	background-repeat: no-repeat;
	background-position: 4px top;
	position:relative;
	z-index:100;
}

#menu .voices{margin-top:20px;font-weight:bold;text-transform:uppercase;}
#menu .voices ul {font-size: inherit;list-style-type: none;display:inline;}
#menu .voices ul li{display:inline-block;margin-right:15px;}
#menu .voices ul li.language{text-align:right; width:50%; margin:0;}
#menu .voices ul li a{color:#666;font-family:'Trebuchet MS';font-size:12pt;}
#menu .voices ul li a:hover{color:#fff;text-decoration:none;}

#menu .sitemap{text-align:right;padding-right:90px;color:#797979;margin-top:-5px;}

#body-content{
	width:856px;
	margin:-32px auto 0 auto;
}

#bacheca {margin: 20px 0;}

#reference td{color:#666;}

#credits{margin-bottom:20px;color:#666;}
#credits a{color:#333;}

.logo{margin:0 0 0 83px;display:block;}

.col2{
	float: left;
	width: 282px;
	margin-right:6px;
	background-image: url('../Images/background-line.png');
	background-repeat: repeat-y;
	background-position: right;
}

.col, .colcenter {
	min-height:400px;
	width: 215px;
	float: left;
	padding:35px 20px 20px 15px;
	background-image: url('../Images/background-col.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sinistra {
	min-height:470px;
}
.colcenter{
	padding:0;
	padding-left:3px;
	width:353px;
	/*height:511px;
	overflow:hidden;*/
	background-image: url('../Images/background-col2.png');
}

.colcenter{
	padding:0;
	padding-left:3px;
	width:353px;
	/*height:511px;
	overflow:hidden;*/
	background-image: url('../Images/background-col2.png');
}

.col .quad{
	width:276px;
	min-height:100px;
	background-image: url('../Images/background-quad.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col .quad .img{padding:10px 0 0 11px;}
.col .quad .txt{padding:30px;}
.col .quad .txt .dipiu {
	display: block;
	border-top: dotted 1px #333;
	text-align: right;
}

.col .quad2-header{
	width:276px;
	height:20px;
	background-image: url('../Images/quad2-header.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.col .quad2-footer{
	width:276px;
	height:25px;
	background-image: url('../Images/quad2-footer.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col .quad2-center{
	width:216px;
	min-height:170px;
	padding:10px 30px;
	background-image: url('../Images/quad2-center.png');
	background-repeat:repeat-y;
}

.col2{
	background-position: left;
	width: 550px;
	padding-left:10px;
	margin-right:0;
}
.col2 .quad3-header{
	width:549px;
	height:20px;
	background-image: url('../Images/quad3-header.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.col2 .quad3-footer{
	width:549px;
	height:29px;
	background-image: url('../Images/quad3-footer.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col2 .quad3-center{
	width:489px;
	padding:10px 30px;
	background-image: url('../Images/quad3-center.png');
	background-repeat:repeat-y;
}

ul.menu-prodotti li {
	list-style-type: none;
	margin-bottom:10px;
	font-size:9pt;
}

ul.menu-prodotti li a{color:#006890; font-weight:normal;}

.product-link, .product-link:hover{color:#5a7ab3; font-weight:normal;}

#ctl00_Body_DataList1 td{border-bottom:dotted 1px #CCC; padding:7px 30px 10px 0}

/******************************************
NEWS EVENTI
******************************************/
.news-list-container{
	border-bottom:solid 1px #000;
	margin-bottom:15px;
	padding-bottom:10px;
}
.news-list-container h1, .news-list-container .eventinews-link-titolo{font-size:10pt; margin:0 0 2px 0;display:block;}
.news-list-container h3{font-size:9pt; margin-bottom:10px;text-transform:capitalize;}
.news-list-container .eventinews-testo{}

#news-container{margin-bottom:30px;padding-bottom:15px;border-bottom:solid 1px #000;}
#news-container .lt-titolo{margin-bottom:0;}
#news-container .lt-data{font-size:normal; margin-bottom:15px;}
#news-container .lt-testo{margin-left:30px;}

/******************************************
CONTATTI
******************************************/
#contact-form{width:450px;}
#contact-form .privacy-checkbox, .submit-area{margin-left:87px;}
#contact-form .privacy-checkbox label{width:auto;}
#contact-form .privacy-checkbox a{display:inline-block; vertical-align:top; padding-top:2px;}

#contact-response{}
#contact-response .response{display:block;margin-bottom:10px;}
#contact-response .button-back{}

#contact-form-mini{width:200px;}
#contact-form-mini input[type="text"]{margin-bottom:5px;}
#contact-form-mini .watermarked{font-style:italic; color:#999;}
#contact-response-mini{}
#contact-response-mini .response{display:block;margin-bottom:10px;}
#contact-response-mini .button-back{}

/******************************************
CONROLLI PER FORMS
******************************************/
label{
	vertical-align:top;
	display:inline-block;
	width:90px;
	margin-bottom:10px;
	padding-top:2px;
}

input[type="text"],textarea{
	font-family: Arial, Verdana,'Trebuchet MS', 'Times New Roman';
	font-size: 9pt;
	color:#333;
	width:170px;
	border:dotted 1px #666;
	margin-bottom:10px;
}

input[type="button"], input[type="submit"] {
	height: 26px;
	padding-bottom: 4px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:#666;
	background-image: url('../Images/background-button.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
}


/******************************************
CONROLLI LISTA
******************************************/
#page-list, #events-list, #news-list, #downloads-list, #links-list{}

#page-list h1, #events-list h1, #news-list h1, #downloads-list h1, #links-list h1{text-transform:capitalize;font-size:1.1em;}
#page-list a, #events-list a, #news-list a, #downloads-list a, #links-list a{text-decoration:none;font-weight:normal}
#page-list ul.elenco, #events-list ul.elenco, #news-list ul.elenco, #downloads-list ul.elenco, #links-list ul.elenco {
	list-style-type: none;
	list-style-position: outside;
	margin-left:10px;
}
#page-list ul.elenco li, #events-list ul.elenco li, #news-list ul.elenco li, #downloads-list ul.elenco li, #links-list ul.elenco li{
	margin:0;
	padding:4px 0;
	border-bottom:dotted 1px #000;
}
#page-list ul.elenco li:hover, #events-list ul.elenco li:hover, #news-list ul.elenco li:hover, #downloads-list ul.elenco li:hover, #links-list ul.elenco li:hover{
	background-color:#ccc;
}

/********************************************
CONTROLLO LOGIN
********************************************/
#login-area{width:200px;}
#login-area input[type="text"], #login-area input[type="password"]{
	display:block;
	margin-bottom:5px;
	border:solid 1px #000;
}
#login-area #permanent-request{display:block;margin:-3px 0;}
#login-area input[type="checkbox"]{padding-left:0;margin-left:0;}
#login-area label{vertical-align:middle; margin-left:5px; width:auto;}
#login-area a{}
#login-area #login-text{margin-bottom:10px;}
#login-area .watermarked{font-style:italic; color:#ccc;}

/********************************************
CONTROLLO NEWSLETTER
********************************************/
#newsletter-area{width:200px;}
#newsletter-area input[type="text"]{
	display:block;
	margin-bottom:5px;
	border:solid 1px #000;
}
#newsletter-area #privacy-text{display:block; margin:-3px 0 5px 0;}
#newsletter-area a{}
#newsletter-area #login-text{margin-bottom:10px;}
#newsletter-area .watermarked{font-style:italic; color:#ccc;}

/********************************************
LIGHBOX
********************************************/
#popUpBackGround {position: absolute; top: 0; left: 0; background-color: #000; opacity: .7; filter: alpha(opacity=70); z-index: 10000;}
.popUpBody {position: fixed; z-index: 10001;}