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

/* -------------------------------- Note --------------------------------
Ehi, scrivere questo CSS mi è costato tanto tempo.
È un mio lavoro: non copiarlo; piuttosto, se ti pace la grafica di questo sito,
prendi spunto da questo CSS e realizzarne uno come vuoi tu.
*/

/* -------------------------------- Testata -------------------------------- */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #e0e0e0;
	font-size: 93%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Luxi Sans", "Verdana", sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	text-decoration: none;
	text-align: justify;
}

div, img, table {
	margin: 0;
	border: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
	color: #000000;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

h2 {
	font-size: 2em;
	font-weight: bold;
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

a {
	color: #0080ff;
}

a:link, a:visited {
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: underline;
}

/* -------------------------------- Testata -------------------------------- */

#testata {
	position: relative;
	height: 160px;
	background-color: #0080ff;
	background-image: url(../images/testata.png);
}

#testata h1 {
	position: relative;
	height: 96px;
	width: 512px;
	top: 32px;
	margin: 0 auto -96px;
	padding: 0 224px;
	background-image: url(../images/bustoarsizio3.png);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 1024px;
	overflow: hidden;
}

#loghi {
	position: relative;
	height: 96px;
	width: 736px;
	padding: 0 112px;
	margin: 16px auto;
}

#loghi img {
	position: absolute;
	height: 96px;
	width: 96px;
}

.destra {
	right: 112px;
}

/* -------------------------------- Menù -------------------------------- */

#testata ul {
	position: relative;
	width: 960px;
	height: 32px;
	background-image: url(../images/menu.png);
	margin: -1px auto 0;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 0;
	line-height: 0;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
}

#testata li{
	position: absolute;
	display: block;
	width: 160px;
	height: 16px;
	padding-top: 16px;
	background-position: center 25px;
	background-repeat: no-repeat;
}

#testata a{
	color: #ffffff;
	text-decoration: none;
}

#testata .attivo a {
	font-weight: bold;
}

#testata a:focus, #testata a:hover {
	font-weight: bold;
}

#home{
	background-image: url(../images/striscia-grigio.png);
	left: 0px;
}

#castorini{ 
	background-image: url(../images/striscia-blu.png);
	left: 160px;
}

#lc{
	background-image: url(../images/striscia-giallo.png);
	left: 320px;
}

#eg{
	background-image: url(../images/striscia-verde.png);
	left: 480px;
}

#rs{
	background-image: url(../images/striscia-rosso.png);
	left: 640px;
}

#coca{
	background-image: url(../images/striscia-viola.png);
	left: 800px;
}

/* -------------------------------- Sezione -------------------------------- */

.sezione {
	width: 100%;
	height: 24px;
	padding: 8px 0 0;
	background-position: center top;
	background-repeat: repeat-x;
	font-size: 71%;
	color: #808080;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.sezione ul {
	width: 960px;
	height: 12px;
	padding: 12px 0 0;
	margin: 0 auto 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #000000;
	background-image: url(../images/menu2.png);
	list-style-type: none;
	line-height: 0;
	text-align: center;
}

.sezione li {
	display: inline;
	padding: 0 32px;
}

.sezione a {
	color: #c0c0c0;
	text-decoration: none;
}

.sezione .attivo a {
	color: #ffffff;	
}

.sezione a:focus, .sezione a:hover {
	color: #ffffff;
}

#sezhome {
	background-image: url(../images/barra-grigio.png);
}

#sezhome li {
	padding: 0 20px;
}

#sezcastorini {
	background-image: url(../images/barra-blu.png);
}

#sezlc {
	background-image: url(../images/barra-giallo.png);
}

#sezlc li {
	letter-spacing: normal;
	padding: 0 8px;
}

#sezeg {
	background-image: url(../images/barra-verde.png);
}

#sezrs {
	background-image: url(../images/barra-rosso.png);
}

#sezcoca {
	background-image: url(../images/barra-viola.png);
}

/* -------------------------------- Chiusura -------------------------------- */
.copyright {
	height: 32px;
	overflow: hidden;
	visibility: hidden;
}

.colophon {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 32px;
	font-size: 0.67em;
	color: #b0b0b0;
}

.colophon p {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 0.5em;
	text-align: center;
}

/* -------------------------------- Contenuti -------------------------------- */

.pagina {
	position: relative;
	width: 832px;
	padding: 64px 64px 42px;
	margin: 32px auto;
	border: 1px solid #808080;
	background-color: #ffffff;
	color: #404040;
}

.pagina.branca {
	background-position: center 32px;
	background-repeat: no-repeat;
	padding-top: 160px;
}
.pagina.lc {
	background-image: url(../images/logolc.png);
}

.pagina.eg {
	background-image: url(../images/logoeg.png);
}

.pagina.rs {
	background-image: url(../images/logors.png);
}

#cartina {
	width: 960px;
	height: 512px;
	padding: 0;
}

object {
	width: 960px;
	height: 512px;
}