html, * {
	margin: 0px;
	padding: 0px;
}

body {
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	/*line-height: 14.5px;*/
	color: #5a5a5a;
	text-align: justify;
}

#wrapper {
	width: 100%;
	max-width: 100%;
	padding: 0px;
	margin: 0px;
}

div.delimiter {
	width: 100%;
	max-width: 100%;
}
@media screen and (min-width: 768px) {
	div.delimiter { width: 960px; max-width: 960px; margin: 0 auto; padding: 0; }
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a img, a:hover img, a img:hover { border: none; }

p { padding: 3px 0px; }
li { margin: 1px 0px 1px 25px; }





header {
	z-index: 9999;
	height: 150px;
	position: absolute;
	top: 0px;
	width: 100%;
	background: transparent;
}
header .title { position: relative; }
header h1 img { width: 100%; }
@media screen and (min-width: 768px) {
	header h1 img { width: 700px; padding: 15px; }
}

.translate {
	float: right;
	margin: 10px 10px 0px 0px;
}
@media screen and (min-width: 768px) {
	.translate { margin: 5px 5px 0px 0px; }
	.translate a { padding: 0px 2px; }
}

nav { background: #e6e7e8; text-align: left; margin-top: 0px; border: none; font-size: 1.1em; }
nav h2 { background: transparent url('/img/menu-toggle.png') 5px center no-repeat; padding: 5px 5px 5px 30px; }
nav ul { background: transparent; list-style: none; margin: 5px 0px; }
nav ul li { padding: 0px 5px 5px 5px; }
@media screen and (min-width: 768px) {
	nav { background: #fff; color: #363535; }
	nav ul { background: transparent; margin: 0px; padding: 4px 0px 5px; border-width: 0px 0px 2px; border-style: solid; border-color: #d9d7d7; }
	nav ul li { display: inline; padding: 5px 10px; margin: 1px 0px; border: none; }
	nav ul li a:hover  { text-decoration: none; }
	nav ul li:hover, nav ul li.selected { background: #d9d7d7 url('/img/bg_menu-hover.jpg') right center no-repeat; }
	nav h2 { display: none; }
}





#container {
	padding: 10px 20px;
	line-height: 120%;
}

@media screen and (min-width: 768px) {
	img.picture:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; border: 1px solid #d9d7d7; }
}

section h2 { margin: 10px 0px; padding: 10px 0px 20px; }
article div.social { clear: both; margin-top: 25px; padding: 25px 0px; }
figure { margin: 5px 0px; }
figure img { width: 100%; }
@media screen and (min-width: 768px) {
	section#home h2 { padding-left: 35px; background: transparent url('/img/icona.gif') left top no-repeat; }
	section#home article { float: right; width: 620px; max-width: 620px; }
	figure img.picture { float: left; margin: 5px 10px 5px 0px; padding: 3px; width: 250px; max-width: 250px; border: 1px solid #d9d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

aside { padding: 15px 0px; }
aside img.picture { float: left; margin: 5px; padding: 3px; width: 120px; max-width: 90px; border: 1px solid #d9d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
aside img:last-child:after {
	content: "\A";
	display: block;
	height: 0;
	font-size: 0;
	line-height:0;
	clear: both;
	visibility: hidden;
}
@media screen and (min-width: 768px) {
	aside { float: left; padding: 0px; width: 325px; max-width: 325px; }
}

section.gallery {
	padding: 15px 0px;
	text-align: center;
	margin: 0px auto;
}
@media screen and (min-width: 768px) {
	section.gallery { width: 864px; max-width: 864px; }
}
section.gallery img.picture { float: left; margin: 5px; padding: 3px; width: 120px; max-width: 90px; border: 1px solid #d9d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section.gallery img:last-child:after {
	content: "\A";
	display: block;
	height: 0;
	font-size: 0;
	line-height:0;
	clear: both;
	visibility: hidden;
}

section#stripe {
	clear: both;
	padding: 15px 0px;
	font-size: 0.9em;
}
section#stripe div {
	padding: 10px 0px;
}
section#stripe div img { width: 100%; margin: 5px 0px; }
@media screen and (min-width: 768px) {
	section#stripe div { float: left; width: 260px; max-width: 260px; margin: 0px 30px; }
	section#stripe div img { width: 250px; max-width: 250px; margin: 5px 0px; padding: 3px; border: 1px solid #d9d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	section#stripe div:last-child:after {
		content: "\A";
		display: block;
		height: 0;
		font-size: 0;
		line-height:0;
		clear: both;
		visibility: hidden;
	}
}





footer {
	clear: both;
	margin-top: 25px;
	background: #000;
	color: #fff;
	padding: 5px;
	font-size: 0.8em;
	width: 100%;
	text-align: center;
}
footer a { color: #fff; }
footer ul { background: inherit; list-style: none; }
footer div div { padding: 10px 0px; }
footer input[type="text"] { margin: 7px 0px; padding: 7px; font-size: 1.1em; width: 200px; }
footer input[type="submit"] { margin: 7px 0px; padding: 7px; font-size: 1.1em; }
@media screen and (min-width: 768px) {
	footer { width: 950px; max-width: 950px; margin: 0 auto; }
	footer div div { float: left; padding: 10px; margin: 0px 10px; width: 280px; max-width: 280px; height: 280px; }
	footer div div:not(:first-child) {
		border-width: 0px 0px 0px 1px; border-color: #fff; border-style: solid;
	}
	footer div div:last-child:after {
		content: "\A";
		display: block;
		height: 0;
		font-size: 0;
		line-height:0;
		clear: both;
		visibility: hidden;
	}
	footer div div.contacts { text-align: left; width: 275px; max-width: 275px; line-height: 1.5em; }
}