body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #333333;
	font-size: 100%;
	color: #FFF;
	font-style: normal;
	font-weight: 400;
}
#contatore {
	left: 0px;
	top: 0px;
	height: 0px;
	width: 10px;
	visibility: hidden;
}
header {
	height: 330px;
	width: 100%;
	position: absolute;
	bottom: 80px;
	list-style: none;
	background-repeat: repeat;
	padding-top: 3px;
}
.home{
	background-image: url(../images/stripes.png);
}
.sezione{
	background-image: url(../images/stripes.png);
}
#riquadro {
	width: 600px;
	height: 317px;
	position: absolute;
	bottom: 82px;
	right: 10px;
	border: 7px solid #141414;
	background-image: url(../images/bg-checker.png);
	background-repeat: repeat;
	text-align: justify;
}
#slider {
	width: 600px;
	height: 317px;
	position: absolute;
	bottom: 82px;
	right: 10px;
	border: 7px solid #141414;
	text-align: justify;
	background-color: #141414;
}
footer {
	font-family: 'Conv_regular-webfont';
	text-align: center;
	height: 40px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-image: url(../images/footer.png);
	background-repeat: repeat;
	border-color: #B9B9B9;
	border-width: 1px 0px 0px;
	border-style: solid;
}
#zoom {
	font-size: 10px;
	color: #FFF;
	background-color: #141414;
	position: absolute;
	z-index: 2000;
	right: 10px;
	bottom: 82px;
	height: 15px;
	width: 190px;
	text-align: center;
	padding-top: 1px;
}
#ceramica {
	background-image: url(../images/ceramica_bardelli.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 135px;
	position: absolute;
	bottom: 43px;
	right: 10px;
	text-indent: -10000px;
}
a:focus {
	outline: 0;
}
img {
	outline: 0;
}
.img-left {
	float: left;
}
.img-right {
	float: right;
}

@media screen and (max-height: 620px) {
header {
	bottom: auto;
	top: 280px;
}
#zoom {
	bottom: auto;
	top: 595px;
}
#riquadro, #slider {
	bottom: auto;
	top: 280px;
}
#riquadro-var {
	bottom: auto;
	top: 280px;
}
footer {
	bottom: auto;
	top: 650px;
}
#ceramica {
	bottom: auto;
	top: 610px;
}
}

@media screen and (max-width: 1180px) {
#riquadro, #slider {
	width: 450px;
}
}

@media screen and (max-width: 900px) {
.home {
	background-image: url(../images/vuoto.png);
	bottom: 130px;
}
#riquadro, #slider {
	width: 600px;
	margin: 0 auto 0 50%;
	right: auto;
	left: -307px;
}
#zoom {
	width: 614px;
	margin: 0 auto 0 50%;
	right: auto;
	left: -307px;
}
}

@media screen and (max-width: 630px) {
.sezione {
	background-image: url(../images/vuoto.png);
	bottom: 130px;
}
#riquadro, #slider {
	width: 100%;
	margin: 0 auto 0 auto;
	left: auto;
	border-right: 0px solid #141414;
	border-left: 0px solid #141414;
	bottom: 92px;
}
footer {
	height: 50px;
}
#zoom {
	width: 100%;
	margin: 0 auto 0 auto;
	left: auto;
	right: 0px;
	bottom: 92px;
}
#ceramica {
	bottom: 53px;
}
}