html{
	overflow-y: scroll;
}

*{
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: arial, verdana;
	color: #282c2d;
	background: url("../images/patt-interno.jpg") top left repeat-x #21515f;	
}


body#corpoHome{
	background: url("../images/pattern.jpg") top left repeat-x #21515f;	
}

/*===== STRUTTURA ================================================================================================================*/

#contenitore{
	width: 970px;
	padding: 0px;
	margin: 0px auto;
}

.left{float: left;}

.right{float: right;}

.clear{clear: both;}

.blocca{
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0;
	border: 0;
	float: none;
}

a, a:hover{
	text-decoration: none;
	outline: 0;
}

img{
	border: 0;
	line-height: 0;
	font-size: 0;
}

ul, ol{
	list-style: none;
}

.paragrafoPagine p{
	line-height: 22px;
	font-size: 15px;
	padding-bottom: 20px;
}

.paragrafoPagine h1,
.paragrafoPagine h2,
.paragrafoPagine h3,
.paragrafoPagine h4{font-weight: normal;}

.paragrafoPagine h2{
	color: #0b8831;
	text-transform: uppercase;
	padding-bottom: 18px;
	font-size: 22px;
}

.paragrafoPagine ul{
	list-style: disc;
	margin-left: 15px;
	padding-bottom: 10px;
}

.paragrafoPagine ul li{
	padding-bottom: 10px;
}

.paragrafoPagine a{
	color: #0b8831;
}

.paragrafoPagine a:hover{text-decoration: underline;}

.paragrafoPagine{
	width: 960px;
	padding: 0 5px;
	margin: 0px auto;
	background: #fff;
}

.pagina{
	width: 100%;
	background: #fff;
	margin-top: 8px;
}

/*================================================================================================================================*/


/*==== TESTATA =====================================================================================================================*/

#logo{
	display: block;
	float: left;
	margin-top: 20px;
	padding-left: 5px;
}

h1{
	color: #649171;
	font-size: 12px;
	padding-top: 33px;
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 5px;
}


.navigazione{
	border: 0px solid red;
	height: 38px;
	width: 960px;
	padding: 24px 5px 0 5px;
}


.navigazione li{
	float: left;
}

.navigazione a{
	display: block;
	height: 38px;
	line-height: 38px;
	background: url("../images/patt-menu.gif") top left repeat-x;
	font-size: 13px;
	padding: 0px 25px;
	color: #e7e8e7;
	text-transform: uppercase;
	
}



.navigazione a:hover{
	background-position: bottom left;
}

.navigazione a.current{
	background-position: bottom left;
	font-weight: bold;	
}

/*=== HOME =====================================================================================================================*/



#img-centrale{
	width: 957px;
	height: 330px;
}


.immagine{
	width: 967px;
	padding: 3px 0px 48px 3px;
	margin: 16px 0 0 3px;
	background: url("../images/sfondimmagina.jpg") top left no-repeat;
}

/*=============================================================================================================================*/


/*==== FOOTER ===================================================================================================================*/


.footer{
	background: url("../images/patt-footer.jpg") top left repeat-x;
	padding-top: 40px;
	font-size: 12px;
	line-height: 18px;
}


.footer h3{
	color: #e7e8e7;
	font-size: 13px;
	padding-bottom: 8px;
}

.interno-footer{
	width: 960px;
	margin: 0px auto;
}


.interno-footer div{
	padding-bottom: 15px;
	color: #e7e8e7;
}

.interno-footer div a{color:#9adb77;}

.interno-footer div a:hover{text-decoration: underline;}

.crediti{
	display: block;
	background: url("../images/img-crediti.jpg") top left no-repeat;
	width: 16px;
	padding-left: 20px;
	height: 17px;
	line-height: 15px;
}

.crediti:hover{
	background-position: bottom left;
}

/*=============================================================================================================================*/


/*===== PAGINA ====================================================================================================================*/


.colonna-sinistra{
	float: left;
	padding: 14px 25px 0 0;
	width: 445px;	
	min-height: 330px;
	height: auto !important; 
	height: 330px;
}


.box{
	width: 445px;
	background: url("../images/pattern-colonna.jpg") top left repeat-y;
}


.internoBox{
	width: 445px;
	background: url("../images/top-colonna.jpg") top left no-repeat;
	padding-top: 11px;
	text-align: center;
}




.botBox{
	width: 445px;
	background: url("../images/bot-colonna.jpg") top left no-repeat;
	height: 12px;
}


.colonna-destra{
	padding-top: 14px;
}

.colonna-destra h2{
	color: #0d8a2e;
	padding-bottom: 20px;
}

.colonna-destra h3{
	color: #1f515c;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-size: 14px;
}

.blocco-tipo{
	border-top: 1px solid #dcdcdc;
	padding: 10px 0;
	clear: both;
}


.blocco-tipo li{
	padding-bottom: 8px;
}

.paragrafoPagine ul.menu-in-page{
	list-style: none;
	text-align: right;
}


.menu-in-page li{
	padding: 1px 0px;
}

.menu-in-page li a{
	display: block;
	font-size: 11px;
	line-height: 18px;
	width: 410px;
	padding: 10px 18px 10px 0px;
	background: url("../images/pattern-menu-laterale.jpg") top right repeat-y #f0f0f0;
border-bottom: 1px solid #d3d4d3;
	text-transform: uppercase;
	color: #606566;
}

.menu-in-page li a:hover,
.menu-in-page li a.current{
	width: 415px;
	text-decoration: none;
	padding: 10px 20px 10px 5px;
	background: none;
	margin-left: -10px;
	background: #fff;
	border-bottom: 1px solid #d3d4d3;
	color: #21515f;
}

.menu-in-page li a.current{
	font-weight: bold;
}

/*========================================================================================================================================*/


/*===== SCROLLABLE =======================================================================================================================*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 910px;
	margin-right: 5px;
	float:left;
	height:120px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	border: 0px solid red;
}

.items a{
	display: block;
	width: 98px;
	float: left;
	height: 98px;
	margin-right: 14px;
	padding: 3px 0px 0px 3px;
	background: url("../images/sfondo-tumb.jpg") top left no-repeat;
}

.items  a:hover{background-position: bottom left;}

#freccia-sinistra{
	width: 14px;
	display: block;
	float: left;
	background: url("../images/freccia-sx.jpg") center left no-repeat;
	height: 26px;
	padding-right: 15px;
	cursor: pointer;
	margin-top: 34px;
}


#freccia-destra{
	width: 14px;
	display: block;
	float: left;
	background: url("../images/freccia-dx.jpg") center left no-repeat;
	height: 26px;
	margin-top: 34px;
	cursor: pointer;
}


a#freccia-sinistra:hover,
a#freccia-destra:hover{
	background-position: bottom left;
}

a#freccia-sinistra.disabled,
a#freccia-destra.disabled{
	background-position: top left;
	cursor: pointer;
}


a#freccia-sinistra.disabled:hover,
a#freccia-destra.disabled:hover{
	background-position: top left;
	cursor: pointer;
}

/*========================================================================================================================================*/

/*===== FORM ============================================================================================================================*/

.paragrafoPagine form ul{
	padding: 0;
	marign: 0;
	margin-left: 0;
	list-style: none;
}

.paragrafoPagine form ul li{
	font-size: 11px;
	padding: 4px 0px;
	color: #666;
}

.paragrafoPagine form ul label{
	font-size: 13px;
	font-weight: bold;
}


.paragrafoPagine form ul li input{
	border: 1px solid #5f6d71;
	display: block;
}



.paragrafoPagine form ul li.phone,
.paragrafoPagine form ul li.email,
.paragrafoPagine form ul li.town,
.paragrafoPagine form ul li.state{
	float: left;
	width: 460px;
	clear: both;
}

.paragrafoPagine form ul li.fax,
.paragrafoPagine form ul li.address,
.paragrafoPagine form ul li.zip_code,
.paragrafoPagine form ul li.country{
	float: right;
	width: 460px;
}


.paragrafoPagine form ul li.phone input,
.paragrafoPagine form ul li.email input,
.paragrafoPagine form ul li.town input,
.paragrafoPagine form ul li.state input,
.paragrafoPagine form ul li.fax input,
.paragrafoPagine form ul li.address input,
.paragrafoPagine form ul li.zip_code input,
.paragrafoPagine form ul li.country input{
	width: 450px;
	padding: 3px 2px;
	margin-top: 4px;
}

.paragrafoPagine form ul li.name{
	width: 910px;
}


.paragrafoPagine form ul li.name input{padding: 3px 2px; width: 950px; margin-top: 4px;}

.paragrafoPagine form ul li.message{
	clear: both;
}

.paragrafoPagine form ul li.message textarea{
	clear: both;
	font-family: arial;
	width: 950px;
	overflow: auto;
	border: 1px solid #5f6d71;
	display: block;
	height: 100px;
	margin-top: 2px;
	padding: 3px 2px;
	font-size: 14px;
}

.paragrafoPagine form ul li.privacy{
	padding-top: 20px;
}

.paragrafoPagine form ul li.privacy label{
	padding-left: 20px;
	cursor: pointer;
}

.paragrafoPagine form ul li.privacy input{
	margin: -16px 0 0 0;
	padding: 0;
	width: 15px;
	height: 15px;
}

.paragrafoPagine form ul li.privacy div{
	font-family: arial;
	width: 950px;
	overflow: auto;
	border: 1px solid #5f6d71;
	display: block;
	height: 100px;
	font-size: 12px;
	line-height: 19px;
	margin-top: 12px;
	padding: 3px 2px;
}
.paragrafoPagine form ul li.privacy div p {
	font-size: 12px;
	line-height: 19px;
}

.paragrafoPagine form ul .submit{
	float: right;
	margin-top: 8px;
}

.paragrafoPagine form ul .submit input{
	cursor: pointer;
	padding: 2px 5px;
	margin-right: 4px;
	background: #21515f;
	border: 1px solid #143842;
	color: white;
}
.paragrafoPagine form ul .submit input:hover{
	background: #11242a;
	border: 1px solid #0e1d21;
}


.paragrafoPagine form ul.error_list li{
	color: #c12f2f;
}

/*========================================================================================================================================*/