/*
Design by Free Responsive Templates
http://www.free-responsive-templates.com
Released for free under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0)
*/ 
* {
	margin:0;
	padding:0;
}
body  {
	font-family: 'Arvo', serif;
	font-size: 14px;
	background: url(../images/siteBackground.jpg) repeat center;
	color: #4b4b4b;
}
a {
	color:#0083c3;/*#118622;/*#d03401;*/
	font-weight:bold;
	text-decoration:none;
}
span.pointedout {
	color:#76aa17;/*#118622;/*#d03401;*/	
}
p {
	line-height:140%;	
}
h2 {
	font-size:30px;
	color:#d2232b;/*#084111;/*#d03401;*/
	padding:0 0 10px 0;
}
h3 {
	font-size:18px;
	color:rgb(75, 75, 75); /*color:#d03401;*/
	padding:0 0 10px 0;
}
h4 {
	color:#ffffff;
	font-size:18px;
}
.container { 
	width: 960px;
	margin: 0 auto;
	/*background: url(../images/containerBackground.png) repeat center;*/
}
.logoContainer {
	float:left;
	vertical-align:middle;
	margin-top:10px;
} 
header h1 {
	padding:25px 0 0 0;
	font-family: 'Abel', sans-serif;
}
header h1 a {
	font-size: 42px;
	color:rgb(75, 75, 75);/*#ffffff;*/
	text-decoration:none;
}
header h1 a span {
	font-size: 42px;
	color:#118622; /*#d03401;*/
	text-decoration:none;
}
header ul {
	float:right;
	padding:50px 0 0 0;
}
header ul li {
	list-style:none;
	display:inline;
	padding:0 20px;	
}
img{
	border: 0px;
}
li {
	list-style:none;	
}
.welcomeContainer {
	padding:30px 0;
}

.home {text-align: center; padding-bottom: 60px;}

#intro-home {
margin: auto;
color:#4B4B4B;
text-align:center;
width:600px;
}

.quizContainer {
	padding: 30px 0;
}

.quizContainer {
	font-size: 16px;
}

.buttonA{
font:bold 24px Helvetica, Tahoma, Geneva, sans-serif;
font-style:normal;
color:#ffffff;
background:#f99d1d;
border:0px solid #ffffff;
text-shadow:0px -1px 1px #222222;
box-shadow:2px 2px 5px #000000;
-moz-box-shadow:2px 2px 5px #000000;
-webkit-box-shadow:2px 2px 5px #000000;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
width:74px;
padding:20px 43px;
cursor:pointer;
margin:0 auto;
}
.buttonA:active{
cursor:pointer;
position:relative;
top:2px;
}








.content2 {
	/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);*/
	/*border:1px solid #101010;*/
	padding:20px;
	line-height:140%;	
}
.content2 .picImg {
	float:right;
	margin:0 0 20px 30px;	
}
.content2 .picContainer {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
	padding:10px;
}
.content2 img {
	/*border:1px solid #101010;*/
}
button {
	text-transform:uppercase;
	background:url(../images/buttonBackground.jpg) repeat-x;
	color: #fff;
	border:0;
	padding:10px 20px;
	margin-top:20px;
	cursor:pointer;
	font-family: 'Arvo', serif;
}
.sidebar1 {
	float: right; 
	width: 370px;
	padding:20px 0 20px 0;
}
.mainContent { 
	margin: 0 415px 0 0;
	padding:20px 0 20px 0;
}
.sidebar1 p {
	width:370px;
	padding-bottom:30px;
}
/*begin sidebar list*/
.sidebar1 ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
.sidebarlist a {
	display: block;
	width: 360px;
	color: #4b4b4b;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	border:1px solid #101010;
    list-style: none outside none;
    padding: 10px 0 10px 10px;
	margin:0 0 1px 0;
}
.sidebarlist a:link, .sidebarlist a:visited {
	color: #4b4b4b;
	text-decoration: none;
}
.sidebarlist a:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	border:1px solid #101010;
	color: #6a6a6a;
	padding: 10px 0 10px 10px;
}
/*end sidebar list*/
footer {
	margin: 20px auto 0pt;
	border-top:1px solid #171717;
	background:#181818;
} 
footer p {
	text-align:center;
	padding:20px;
	color:#FFFFFF;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer-bottom {	
	text-align:center;
	background: none repeat scroll 0 0 #f99d1d;
	color: #FFFFFF;
	 
}
#footer-bottom ul {		
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style: none outside none;
}
#copyright {
    /*padding: 10px 20px 0px 0px;*/    
    float: right;
    font-size:9px;
    padding:4px;
}


/*--------------------------------------------------------------------------------------------*/
/********* begin MAIN NAV ********/
/*--------------------------------------------------------------------------------------------*/
.navcontainer ul {
	padding: 20px 3px;
	margin: 0;
	list-style-type: none;
	background:url(../images/menuBackground.jpg) repeat-x;
	color: #FFF;
	width: 950px;
	text-align: center;
	box-shadow: 0px 6px 7px 0px #0e0e0e;
	font-family: 'Domine', sans-serif;
}
.navcontainer li { 
	display: inline; 
}
.navcontainer li a {
	text-decoration: none;
	color: #f99d1d;
	padding: 15px 15px;
	text-shadow: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	
}
.navcontainer li a:hover {
	/*background:url(../images/activeMenu.jpg) repeat-x;*/
	background-color:#f99d1d;
	color: #fff;
}
.navcontainer #active a {
	/*background:url(../images/activeMenu.jpg) repeat-x;*/
	background-color:#f99d1d;
	color: #fff;
}

/*--------------------------------------------------------------------------------------------*/
/********* end MAIN NAV ********/
/*--------------------------------------------------------------------------------------------*/
/********* begin SLIDER ********/
/*--------------------------------------------------------------------------------------------*/
.slider { 
	width:956px;
	position:relative; 
	z-index:1; 
	background:#fff; 
	margin:20px 0 1px 0;
}
.flexslider {
	margin: 0;
}
.flexslider .slides > li {
	display: none; 
	list-style:none;
} 
.flexslider .slides img {
	max-width: 100%; 
	display: block; 
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides {
	background:#0a4f15;
}
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
} 
/* control Nav */
.flex-control-nav { 
	position:absolute; 
	bottom:1px; 
	left:455px;
}
.flex-control-nav li { 
	display:block; 
	float:left; 
	margin-right:1px;
}
.flex-control-nav li a {
	display:block;
	background:url(../images/pagination.png) 0 0 no-repeat; 
	width:14px; height:12px; 
	text-indent:-5000px;
}
.flex-control-nav li a:hover,.flex-control-nav li a.active { 
	background-position:0 -12px; 
	cursor:pointer;
}
/* Slider Image Caption */
.sliderImageCaption{ 
	position:absolute; 
	color:#160000;
	bottom:7px;
	left:95px;
}
/*--------------------------------------------------------------------------------------------*/
/********* end SLIDER ********/
/*--------------------------------------------------------------------------------------------*/
/********* begin MEDIA QUERIES ********/
/*--------------------------------------------------------------------------------------------*/
/* for 980px or less */
@media screen and (max-width: 960px) {
	.container {
		width: 98%;
	}
	.sidebar1 {
		width: 70%;
	}
	.mainContent {
		width: 29%;
	}
	.slider {
		width:99.6%;
	}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.mainContent {
		float:none;
		width: 100%;
		padding:0;
	}
	.sidebar1 { 
		width: 100%;
		padding:0;
		margin:0;
		border-right: none;
		box-shadow: none;
	}
	.sidebar1 p {
		width: auto;
	}
	.slider {
		margin-top:10px;
		margin:20px 0 1px 0;
	}
	.flex-control-nav { 
		position:absolute; 
		bottom:1px; 
		left:5px;
	}
	.navcontainer ul {
		padding: 10px 0;
		width: auto;
		text-align: left;
	}
	.navcontainer li a {
		padding: 10px 20px;
		font-size:14px;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.content2 .picImg {
		float:none;
		margin:5px;	
	}
	header ul {
		display:none;
	}
	header h1 {
		padding:5px 0 0 0;
	}
	.logoContainer {
		padding-bottom:5px;
	}
	.slider {
		margin-top:0px;
		margin-bottom:0px;
	}
	.mainContent {
		padding:0;
	}
	.sidebar1 {
		padding:0;
		border-right: none;
		box-shadow: none;
	}
	.sidebarlist a {
		width: auto;
	}
	.sliderImageCaption {
		display:none;
	}
	.flex-control-nav { 
		position:absolute; 
		bottom:5px; 
		left:5px;
	}
	.navcontainer ul {
		padding: 5px 0;
	}
	.navcontainer li { 
		display: inline; 
	}
	.navcontainer li a {
		padding: 5px 3px;
		font-size:12px;
	}
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

/*--------------------------------------------------------------------------------------------*/
/********* end MEDIA QUERIES ********/
/*--------------------------------------------------------------------------------------------*/
/********* begin GALLERY ********/
/*--------------------------------------------------------------------------------------------*/

img.little {
    width: 150px;
    /*height: 100px;*/
    text-align: center;
    margin: 10px;
}

div.gallerycontent {
	margin: 20px auto;
}

div.gallerycontent ul li {
    float: left;
    display: inline;
    padding: 18px 26px 22px 24px;
    background: url("../css/images/maschera.png") no-repeat scroll center center transparent;
}
div#gallery {
	margin:20px 25px 0 0;
}
div .1col{	
	display:inline;
	width:550px;
}
div .2col{
	
	display:inline;
	width:300px;
}

/*--------------------------------------------------------------------------------------------*/
/********* end GALLERY ********/
/*--------------------------------------------------------------------------------------------*/
/********* begin CONTATTI ********/
/*--------------------------------------------------------------------------------------------*/

#commentForm { width: 500px; padding:20px;margin:20px auto;background-color:rgba(249,157,29,0.60)}

#commentForm input.submit {
	margin-left: 253px;
    width: 100px;
    height: 40px;
    font-size: 14px;   
}
#commentForm p {
	padding: 15px 0;
	height:10px;
}
#commentForm label {
	width: 250px;
	float:left; 
	font-weight: bold; 
	color:#FFFFFF;
}
#commentForm input {float:right;height:30px;width:150px;}
#commentForm select {float:right;height:30px;padding:8px;text-align:left;width:153px;}
.content2 .error{
	text-align:center;
	margin: 20px auto;
	color: red;
	font-weight:bold;	
}
.content2 .success{
	text-align:center;
	margin: 20px auto;
	color: #76aa17;
	font-weight:bold;	
}
#commentForm p span.formError{
	color: red;
	font-size: 11px;
	width:auto;
	height: auto;
	margin:0;	
	display:none;
}
.content2 #commentForm p input.formError{
	width: 137px;
	height:17px;
	border-color:red;
}

/*--------------------------------------------------------------------------------------------*/
/********* end CONTATTI ********/
/*--------------------------------------------------------------------------------------------*/