html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  background-image: url(immagini/background2.png);
  background-position: top left;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #284A5A;
}
h1 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
a,  a:link {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
a:focus {
  color: #FFFFFF;
    text-decoration: none;
}
a:active {
  color: #FFFFFF;
    text-decoration: none;
}
#outerWrapper {
  margin: 0 auto 0 0;
  width: 927px;
}
#outerWrapper #header {
  height: 111px;
  width: 927px;
}
#outerWrapper #contentWrapper #rightColumn1 {
	border-left: solid 1px #666;
	float: right;
	width: 135px;
}
#outerWrapper #contentWrapper {
}
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #contentWrapper #content {
	margin: 0 136px 0 0px;
}
#outerWrapper #footer {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	position: absolute;
	left: 142px;
	top: 762px;
	width: 700px;
	padding: 18px;
}
#griglia-header01 {
	position:absolute;
	left:0px;
	top:0px;
	width:927px;
}
#aletonga-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:495px;
	height:111px;
	text-indent: -9999px;
}
#aletonga-03 {
	position:absolute;
	left:557px;
	top:0px;
	width:83px;
	height:62px;
}
#aletonga-05 {
	position:absolute;
	left:738px;
	top:0px;
	width:104px;
	height:62px;
}
#aletonga-07 {
	position:absolute;
	left:842px;
	top:53px;
	width:85px;
	height:58px;
}
#aletonga-08 {
	position:absolute;
	left:495px;
	top:62px;
	width:62px;
	height:49px;
}
#aletonga-10 {
	position:absolute;
	left:640px;
	top:62px;
	width:118px;
	height:49px;
}
#aletonga-08 a:link, #aletonga-08 a:visited, #aletonga-08 a {
	background:transparent url(immagini/menu-home.png) top left no-repeat;
	width:62px;
	height:49px;
	display: block;
	text-indent: -9999px;
}
#aletonga-08 a:hover, #aletonga-08 a:focus{
	background:transparent url(immagini/menu-home.png) 0px -49px no-repeat;
	width:62px;
	height:49px;
	display: block;
	text-indent: -9999px;
}
#aletonga-03 a:link, #aletonga-03 a:visited, #aletonga-03 a {
	background:transparent url(immagini/menu-archivio-vignette.png) top left no-repeat;
	height: 62px;
	width: 83px;
	display: block;
	text-indent: -9999px;
}
#aletonga-03 a:hover, #aletonga-03 a:focus{
	background:transparent url(immagini/menu-archivio-vignette.png) 0px -62px no-repeat;
	height: 62px;
	width: 83px;
	display: block;
	text-indent: -9999px;
}
#aletonga-10 a:link, #aletonga-10 a:visited, #aletonga-10 a {
	background:transparent url(immagini/menu-about.png) top left no-repeat;
	width:118px;
	height:49px;
	display: block;
	text-indent: -9999px;
}
#aletonga-10 a:hover, #aletonga-10 a:focus{
	background:transparent url(immagini/menu-about.png) 0px -48px no-repeat;
	width:118px;
	height:49px;
	display: block;
	text-indent: -9999px;
}
#aletonga-05 a:link, #aletonga-05 a:visited, #aletonga-05 a {
	background:transparent url(immagini/menu-personaggi.png) top left no-repeat;
	width:104px;
	height:62px;
	display: block;
	text-indent: -9999px;
}
#aletonga-05 a:hover, #aletonga-05 a:focus{
	background:transparent url(immagini/menu-personaggi.png) 0px -62px no-repeat;
	width:104px;
	height:62px;
	display: block;
	text-indent: -9999px;
}
#aletonga-07 a:link, #aletonga-07 a:visited, #aletonga-07 a {
	background:transparent url(immagini/menu-contatti.png) top left no-repeat;
	width:85px;
	height:58px;
	display: block;
	text-indent: -9999px;
}
#aletonga-07 a:hover, #aletonga-07 a:focus{
	background:transparent url(immagini/menu-contatti.png) 0px -58px no-repeat;
	width:85px;
	height:58px;
	display: block;
	text-indent: -9999px;
}
/* Navigazione orizzantale "active tabs"
------------------------------------------------------------------*/
body#home-page #aletonga-08 a:link, body#home-page #aletonga-08 a:visited, body#home-page #aletonga-08 a {
	background:transparent url(immagini/menu-home.png) 0px -49px no-repeat;
	width:62px;
	height:49px;
	display: block;
	text-indent: -9999px;
}
body#vignette #aletonga-03 a:link, body#vignette #aletonga-03 a:visited, body#vignette #aletonga-03 a {
	background:transparent url(immagini/menu-archivio-vignette.png) 0px -62px no-repeat;
	height: 62px;
	width: 83px;
	display: block;
	text-indent: -9999px;
}	
body#about #aletonga-10 a:link, body#about #aletonga-10 a:visited, body#about #aletonga-10 a {
	background:transparent url(immagini/menu-about.png) 0px -48px no-repeat;
	width:118px;
	height:49px;
	display: block;
	text-indent: -9999px;
}
body#personaggi #aletonga-05 a:link, body#personaggi #aletonga-05 a:visited, body#personaggi #aletonga-05 a {
	background:transparent url(immagini/menu-personaggi.png) 0px -62px no-repeat;
	width:104px;
	height:62px;
	display: block;
	text-indent: -9999px;
}
body#contatti #aletonga-07 a:link, body#contatti #aletonga-07 a:visited, body#contatti #aletonga-07 a {
	background:transparent url(immagini/menu-contatti.png) 0px -58px no-repeat;
	width:85px;
	height:58px;
	display: block;
	text-indent: -9999px;
}
#masthead a {
	display: block;
	width: 495px;
	border: 0;
	margin: 0;
	padding: 0;
	height: 111px;
}
:focus {outline-style: none}
#footer p {
	padding: 0px;
	margin: 0;
}
form {
	margin:0;
	padding:0px;
	width: 300px;
	text-align: left;
}
legend {
	display: none;
}
fieldset {
	padding: 15px;
	background-color: #E9BE63;
	border: 2px dashed #fff;
	border-top: 2px dashed #BC6751;
		border-bottom: 2px dashed #BC6751;

}
label {
	color: #D3612B;
	line-height: 2em;
	font-size: 12px;
	font-weight: bold;
}
.zemSubmit {
	margin-top: 20px;
}
.zemError {
	padding-top: 15px;
	padding-bottom: 20px;
}
.zemError li {
	padding-left: 20px;
	background: url(immagini/exclamation.gif) no-repeat left center;
	line-height: 2em;
	margin-left: 0px;
	color: #333333;
}
#contact {
	position: absolute;
	left: 354px;
	top: 292px;
	text-align: left;
	width: 300px;
	height: 357px;
}
textarea {
	background: #fff url(immagini/bottiglia2.png) no-repeat bottom right;
	color: #666;
	overflow: auto;
	padding: 3px;
	border:1px solid #A5ACB2;
}
textarea:focus {
	background: #fff;
	border:1px solid #A5ACB2;
}
.centered {
	text-align: center;
}
.right {
	text-align: right;
}
/*  CONTROLS
------------------------------------------------------------------*/
#controls {
	width: 52px;
	height: 137px;
	position: absolute;
	left: 801px;
	top: 367px;
}
#controls .down {
	background: url(immagini/down.png) no-repeat;
}
#controls .down a:hover {
	background: url(immagini/down.png) no-repeat 0 -63px;
}
#controls .down a {
	width: 52px; height: 63px;
	display: block;
	text-indent: -1500px;
	outline: none;
	margin-top: 10px;
}
#controls .up a:hover {
	background: url(immagini/up.png) no-repeat;
}
#controls .up {
	background: url(immagini/up.png) no-repeat 0 -64px;
}
#controls .up a {
	width: 52px; height: 64px;
	display: block;
	text-indent: -1500px;
	outline: none;
}
/*  CONTROLLI PREVIOUS E NEXT
------------------------------------------------------------------*/
#next {
	position:absolute;
	left:832px;
	top:432px;
	width:25px;
	height:21px;
}
#next a:link, #next a:visited, #next a  {
	background:transparent url(immagini/next.png) -25px 0px no-repeat;
	width:25px;
	height:21px;
	display: block;
	text-indent: -9999px;
}
#next a:hover, #next a:focus  {
	background:transparent url(immagini/next.png) top left no-repeat;
	width:25px;
	height:21px;
	display: block;
	text-indent: -9999px;
}



#prev {
	position:absolute;
	left:801px;
	top:432px;
	width:25px;
	height:21px;
}
#prev a:link, #prev a:visited, #prev a  {
	background:transparent url(immagini/previous.png) top left no-repeat;
	width:25px;
	height:21px;
	display: block;
	text-indent: -9999px;
}
#prev a:hover, #prev a:focus  {
	background:transparent url(immagini/previous.png) -25px 0px no-repeat;
	width:25px;
	height:21px;
	display: block;
	text-indent: -9999px;
}

/*  SETS
------------------------------------------------------------------*/
#comic1, #comic2, #comic3, #comic4, #comic5, #comic6, #comic7, #comic8, #comic9, #comic10 {
	width: 764px;
	height: 520px;
	padding: 0;
	margin: 0;
	float: left;
	margin-bottom: 40px;
}
img {
	border: none;
	text-align: center;
}
#quadro-vignetta {
	text-align: left;
	width: 791px;
	height: 520px;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 85px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.english {
	float: left;
	width: 230px;
	height: 370px;
	text-align: left;
	padding-top: 135px;
	color: #284A5A;
	font-weight: bold;
}
.verticale {
	padding: 0;
	width: 520px;
	height: 520px;
	float: right;
	text-align: center;
	}
.aprichiudi {
	color: #284A5A;
}
.english .bottone {
	text-align: center;
}
.english .bottone-translate {
	text-align: center;
}
.orizzontale {
	padding: 0;
	width: 520px;
	height: 438px;
	float: right;
	text-align: center;
	padding-top: 82px;
}
#testi, #archivio, #arca {
	height: 265px;
	position: absolute;
	left: 300px;
	top: 311px;
	width: 382px;
	padding: 0  15px 15px 15px;
	overflow: hidden;
	margin-top: 0px;
}
#archivio, #arca {
	overflow: auto;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
}
#testi p {
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	line-height: 18px;
}
#titolo {
	position: absolute;
	height: 22px;
	width: 408px;
	left: 300px;
	text-indent: -9999px;
	display: block;
	background-image: url(immagini/disegnatore-01.png);
}
body#contatti #titolo {
	background: url(immagini/cheaspetti.png) no-repeat top left;
	top: 234px;

}
body#about #titolo {
	background: url(immagini/disegnatore.png) no-repeat top left;
	top: 244px;

}
body#vignette #titolo {
	background: url(immagini/avventure.png) no-repeat top left;
	top: 244px;

}
body#personaggi #titolo {
	background: url(immagini/personaggi.png) no-repeat top left;
	top: 244px;

}
#frase-contatti {
	position: absolute;
	left: 322px;
	top: 264px;
	font-weight: bold;
	text-align: center;
	width: 374px;
}
#archivio a {
	border-bottom: 1px dotted #E9BE63;
}
#archivio a:hover {
	color:#8ADD6F;
	border: 0;
}
#arca .titoli-arca {
	clear: both;
	padding-top: 8px;
}
