@charset "UTF-8";
/* CSS Document */


/*clear CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; margin:0; padding:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; outline:0; vertical-align:baseline; }
:focus { outline:0; }
body { background:white; color:black; line-height:1; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/*impostazioni generali*/
body {
	background-color:#E3E1E1;
	color:#303030;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;
}

h1, h2, h3 {
	color:#408095;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	margin-bottom:5px;
	text-transform:uppercase;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.1em;
}

a {
	color:#303030;
	text-decoration:none;
}

p {
	line-height:1.4em;
}

#main ul.servizi li, #main ul.news li, p {
	text-align:justify;
}

strong {
	font-weight:bold;
}

.inner {
	margin:0 auto;
	padding: 40px 60px 0;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
}

.line {
	border-top:1px solid #408095;
	margin:20px 0;
	width:100%;
}

.clear {
	clear:both;
}

.alpha {
	margin-left:0 !important;
	padding-left:0 !important;
}

.omega {
	margin-right:0 !important;
	padding-right:0 !important;
}

#header, #main, #footer {
	width:100%;
}

#header, #main {
	background-color:#EDEDED;
}

#header {
	padding-top:20px;
}

#logo {
	text-align:center;
}



#main {
	padding:20px 0;
}



#main .box p {
	font-size:0.8em;
}


#footer {
	padding-top:30px;
	text-align:center;
}

#footer #copy, #footer #sitemap {
	padding:10px 0 20px;
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	.inner {
		width:301px;
	}


	
	#main .box {
		margin-bottom:10px;
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.inner {
		width:461px;
	}
	
	#main .box {
		margin-bottom:10px;
	}


}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.inner {
		width:749px;
	}
	

	#main .box {
		float:left;
		padding:0 1%;
		width:23.5%;
	}
	
	#content {
		float:left;
		width:74.5%;
	}
	
	
	#sidebar {
		float:right;
		width:23.5%;
	}
	

}

@media only screen and (min-width: 1025px) {
	.inner {
		width:924px;
	}

	ul#nav li {
		width:25%;
	}

	#main .box {
		float:left;
		padding:0 1%;
		width:23.5%;
	}
	
	#content {
		float:left;
		width:74.5%;
	}
	

	#sidebar {
		float:right;
		width:23.5%;
	}
	

}

form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}