/*
Theme Name: Responsive Web Site

Description:  Tema realizzato in Html5, Responsive. 
Version: 1.0
Author: Andrea Marchetti
Site: http://www.marchettidesign.net
*/

/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	vertical-align: baseline;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family:Quicksand, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/*** General ***/

body {
	margin: 0;
	font-family:Quicksand, sans-serif; 
	font-size:18px;
	line-height: 30px;
}
a:link{text-decoration: none;
color:#00C
}
a:visited{text-decoration: none;
color: #C33
}
.topnav {
  overflow: hidden;
  background-color: #333;
  
	margin: 0 auto;
	/* da qui */
	max-width:1000px;
	/*margin:auto;*/
	/*text-align: left;*/
	width: auto;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 5px;
  text-decoration: none;
  font-family: oswald;
  font-size: 14px;
  
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 1000px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
#wrapper 		{
	height: auto;
	background-color: #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
#header 		{
	width: 100%;
	height: auto;
	background-color: #21aabd;
	 background-size: 100% 100%;
	background-image: url(../images/fondohome3.jpg);
	/*background-image: url(fondohome.jpg);*/
	
} 
#sezione 		{
	height: 700;
	background-color: #F9F9F9;
	line-height:24px;
	width: auto;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	max-width:800px;
	padding-bottom: 10px;
}
#sezionecolor 		{
	background-color: #CCCC00;
	width: auto;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	max-width:800px;
	padding-bottom: 10px;
	font-size:12px;
	line-height:18px;
}
#alto 		{
	height: auto;
	max-width:800px;
	margin:auto;
	text-align:left
	/*text-align: center;*/
	width: auto;
	background-color: #FFF;
	line-height:24px;
	padding-right: 10px;
	padding-left: 10px;
}
#secondo		{
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	line-height:24px
}

.foto {
 max-width: 100%;
 height: auto;
}
.foto_c {
 max-width: 100%;
 height: auto;
 text-align: center;
}

#site-title a 			{
	font-family:Quicksand, sans-serif;
	font-weight: bold;
	font-size:30px;
	text-transform:uppercase;
	float: none;
	padding-top: 10px;
	color:#000;
	text-align: center;	/*text-align: center;*/
	
}
#site-title a:hover 	{background: none;}
#intesta {
	/* background-color:#CC0099;*/
	height: auto;
	background-image: none;
	text-align: center;
	right: auto;
	clip: rect(auto,auto,auto,auto);
	padding-top: 10px;

}
h2	{
	font-weight: 400;
	font-size:18px;
	text-transform:uppercase;
	padding-top: 10px;
	color:#000;
	text-align: center;	/*padding-left: 65px;*/
	line-height: 28px;
} 
h3	{
	font-weight: 100;
	font-size:14px;
	color:#000;
	text-align: center;	/*padding-left: 65px;*/
} 
h4	{
	font-weight: 100;
	font-size:14px;
	color:#000;
	text-align: left;	/*padding-left: 65px;*/
} 
h5	{
	font-weight: 400;
	font-size:18px;
	text-transform:uppercase;
	padding-top: 10px;
	color:#000;
	text-align: left;	/*padding-left: 65px;*/
	line-height: 28px;
} 
.sotto {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
	border-color:#39F;
} 
.piccolo{
	font-weight: 100;
	font-size:14px;	
	
} 
.bottone
{
	font-weight: 100;
	font-size:18px;
	color:#000;
	}