@import "less.less";

/*	
	============================================================================================================================================
																	START
	============================================================================================================================================
*/

html, body {
	background: #fff url(images/background.jpg) top left repeat;
	height: 100%;
	font-family: helvetica, arial, tahoma, sans serif;
}

#header {
	width: 100%;
	height: 235px;
	background: url(images/header1.jpg) top center no-repeat;
}

#header_cont {
	width: 980px;
	height: 235px;
	margin: 0 auto;
	position: relative;
}

#headline {
	position: absolute;
	right: 30px;
	bottom: 35px;
}
#headline h1 {
	font-size: 34px;
	background: transparent url(images/back-headline.png) top left repeat;
	color: @headlinecolor;
	font-family: 'Lato', helvetica, arial, tahoma, sans serif;
	font-weight: 100;
	margin: 0 0 3px 0;
	display: ;
	padding: 3px;
	float: left;
}



/*	
	------------------------------------------------------
						TEXT AND LINKS
	------------------------------------------------------
*/

a {
	text-decoration: none;
}

h1, h1 a {
	font-family: 'Lato', helvetica, arial, tahoma, sans serif;
	font-size: 22px;
	margin: 0 0 7px 0;
	color: @titlecolor;
}
.left h1, .left h1 a {
	font-size: 32px;
	text-transform: uppercase;
}
h2 {
	font-family: 'Lato', helvetica, arial, tahoma, sans serif;
	font-size: 18px;
	font-weight: 200;
	margin: 0 0 15px 0;
	color: @titlecolor;
	text-transform: uppercase;
}
p {
	color: @basecolor;
	font-family: helvetica, arial, tahoma, sans serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 100;
	margin: 0 0 15px 0;
}
li {
	margin:5px 0 5px 15px;
	padding:5px 0 5px 15px;
	list-style-type: circle; 
	color: @colorText_2;
	font-size: 15px;
}
li ul li {
	margin:1px 0 1px 30px;
	padding:1px 0 1px 30px;
	list-style-type: disk; 
}
strong {
	font-weight: 700;
}

.clear {
	clear: both;
}

a.button {
	height: 22px;
	line-height: 22px;
	padding: 2px 15px ;
	color: @colorApp_1;
	text-transform: uppercase;
	background: url(images/button.png) left top repeat-x;
	.font(13px);
	.border-radius(3px);
}

/*	
	------------------------------------------------------
						HEADER
	------------------------------------------------------
*/

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

#container {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}

/*	
	------------------------------------------------------
						MENU
	------------------------------------------------------
*/

#menu {
	width: 940px;
	margin: 0 auto 45px auto;
	font-family: 'Lato', helvetica, arial, tahoma, sans serif;
	padding: 0 20px;
}

#menu ul.menu-0 li {
	position: relative;
	float: left;
}

#menu ul.menu-0 li a {
	display: block;
	background: #615649;
	height: 35px;
	line-height: 35px;
	margin: 0 3px 0 0;
	width: 110px;
	text-align: center;
	color: #fff;
	text-transform: UPPERCASE;
	font-size: 14px;
	opacity: .4;
	.opacity(40);
}

#menu ul.menu-0 li.current a,
			#menu ul.menu-0 li.current:hover a {
	opacity: 1.0;
	.opacity(100);
	background: #527820;
}

#menu ul.menu-0 li:hover a {
	opacity: .6;
	.opacity(60);
}

/*	
	------------------------------------------------------
						SUB MENU
	------------------------------------------------------
*/

#menu ul.menu-1 {
	position: absolute;
	top: 35px;
	left: 0;
	display: none; /* nascondo sempre il sottomenù */
}

#menu ul.menu-1 li a {
	width: 250px;
	padding: 0 12px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 1px 0;
	text-align: left;
}

#menu ul.menu-0 li:hover a {
	background: #527820;
	opacity: .9;
	.opacity(90);
}

#menu ul.menu-1 li:hover a {
	background: #46661B;
}

#menu ul.menu-0 li:hover ul.menu-1 {
	display: block; /* mostra il sottomenù quando passo sopra una voce del menù principale */
	z-index: 9999;
}

/*	
	============================================================================================================================================
																	CONTENT
	============================================================================================================================================
*/

#content {
	width: 980px;
	margin: 0 auto; 
	overflow: auto;
	padding-bottom: 230px;
}

.home .left, .home .center, .home .right {
	//height: 200px; /*massimo 326px */
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	background: transparent url(images/back-box.png) top left repeat;
	padding: 20px;
}
.home .left{
	width: 500px;
}
.home .right {
	margin: 0;
	width: 380px;
}

.news_home .date {
	font-size: 12px;
	color: @datecolor;
	font-weight: 400;
	margin: 0 0 2px 0;
}

.news_home .title {
	font-size: 14px;
	color: @titlecolor;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.faq_home ul {
	margin: 0 0 15px 0;
}

.faq_home li a {
	color: @basecolor;
	font-weight: 300;
	font-size: 15px;
}

.faq_home li a:hover {
	text-decoration: underline;
}

.read {
	position: absolute;
	bottom: 20px;
}



.left {
	float: left;
	width: 620px;
	padding: 20px;
}
.right {
	float: right;
	padding: 20px;
	width: 280px;
}
.left img {
	margin: 10px 0;
	.box-shadow(0px,0px,4px,#777); 
}
.right ul {
	width: 100%;
}
.right .sub li a {
	width: 100%;
	background: #7a7164;
	padding: 15px;
	margin: 0 0 3px 0;
	color: #fff;
	display: block;
	background: transparent url(images/back-sub.png) top left repeat;
	opacity: .5;
	.opacity(50);
}
.right .sub li.current a,
.right .sub li.current:hover a {
	opacity: 1.0;
	.opacity(100);
}
.right .sub li:hover a {
	opacity: .7;
	.opacity(70);
}

/*	
	------------------------------------------------------
						SUB MENU
	------------------------------------------------------
*/

#form .label{
	display: block;
	float: left;
	width: 150px;
}
#form .label.cento{
	display: block;
	clear: both;
	width: auto;
}
#form .block{
	margin: 4px 0;
}
#form input.text, select {
	width: 220px;
	padding: 2px;
	float: right;
	border: 1px solid @colorText_1;
}
#form select {
	width: 228px;
}
#form textarea {
	width: 96%;
	padding: 6px 2%;
	height: 100px;
	border: 1px solid @colorText_1;
}
#form .checkbox {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 5px;
	border: 1px solid @colorText_1;
}
#form #submit {
	padding: 4px 15px;
}
#form .msg.error {
	background: #ffe4e7;
	border: 1px solid #ffb9c0;
	padding: 10px;
}
#form .msg.eseguito {
	background: #dfffe4;
	border: 1px solid #b9ffc3;
	padding: 10px;
}

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

#footer {
	position: relative;
	width: 100%;
	height: 280px;
	margin-top: -180px;
	background: transparent url(images/footer-back.jpg) top left repeat;
	clear: both;
}
#footer_cont {
	width: 980px;
	margin: 0 auto;
	font-size: 14px;
}
#footer .left,
#footer .center,
#footer .right {
	color: @footercolor;
	background: none;
	height: auto;
}
#footer .left {
	width: 300px;
}
#footer .right {
	width: 580px;
}
#footer .center {
	width: 100%;
	text-align:center;
}
#footer #tag {
	padding: 0 20px
}
#footer #tag a {
	color: @datecolor;
	margin: 0 3px;
}
#footer #tag2 {
	padding: 5px 20px 0px 20px;
}
#footer #tag2 a {
	color: @datecolor;
	margin: 0 1px;
	font-size: 11px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}