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

body {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: grey;
	background-color: #6a82a4;
	background-position: top;
	background-repeat: repeat;
	cursor: url(../layout/metalcursor.gif);
}
a {
	color: #99ccff;
	text-decoration:none;
}
a:hover {
	color: white;
}

.link1 {
	color: white;
	text-decoration:none;
}
.link1:hover {
	color: white;
}
.link2 {
	color: black;
	text-decoration:none;
}
.link2:hover {
	color: #99ccff;
}
.link3 {
	color: white;
	text-decoration:none;
}
.link3:hover {
	color: #99ccff;
}
.link4 {
	color: silver;
	text-decoration:none;
}
.link4:hover {
	color: #99ccff;
}

.LinkHome {
	position: absolute;
	width: 715px;
	height: 90px;
	margin-left: 270px;
	margin-top: 0px;
	border: 0px solid white;
}


#layout { 
	width: 1261px;
	height: auto;
	text-align: left;
	border: solid 0px silver;
}

#testata {
	background: url(../layout/Testata.jpg);
	cursor: pointer;
	width: 1261px;
	height: 150px;
}
#sottoTestata {
	background: url(../layout/sottoTestata.jpg);
	width: 1261px;
	height: 319px;
}
#bloccoSin {
	background: url(../layout/BloccoSin.gif);
	width: 605px;
	height: 384px;
	float: left;
}
#bloccoCentro {
	background: url(../layout/BloccoCentro.gif);
	width: 262px;
	height: 384px;
	float: left;
}
#bloccoDex {
	background: url(../layout/BloccoDex.jpg);
	width: 394px;
	height: 384px;
	float: left;
}
#preBottom {
	background: url(../layout/preBottom.jpg);
	width: 1261px;
	height: 218px;
	clear: both;
}
#bottom {
	background: url(../layout/Bottom.jpg);
	width: 1261px;
	height: 219px;
	clear: both;
}

#bloccoSinContent {
	background: url(../layout/SfumaturaLungaInutile.gif) repeat-x;
	width: 200px;
	height: 703px;
	float: left;
}
#bloccoSinContent2 {
	background: url(../layout/SfumaturaLungaInutile900px.gif) repeat-x;
	width: 200px;
	height: 900px;
	float: left;
}
#bloccoCentroContent {
	background: url(../layout/SfumaturaLungaScura.jpg) repeat-x;
	width: 861px;
	height: 703px;
	float: left;
}
#bloccoCentroContent2 {
	background: url(../layout/SfumaturaLungaScura900px.jpg) repeat-x;
	width: 861px;
	height: 900px;
	float: left;
}
.testoPagineContent {
	padding: 20px;
	width: auto;
	border: 0px solid silver;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 1px;
	text-align: justify;
}

#bloccoDexContent {
	background: url(../layout/SfumaturaLungaInutile.gif) repeat-x;
	width: 200px;
	height: 703px;
	float: left;
}
#bloccoDexContent2 {
	background: url(../layout/SfumaturaLungaInutile900px.gif) repeat-x;
	width: 200px;
	height: 900px;
	float: left;
}



.tasto {
	background: url(../layout/tastoMenuOff.gif);
	width: 101px;
	height: 36px;
	color: white;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
}
.tasto:hover {
	background: url(../layout/tastoMenuOff.gif);
	background: url(../layout/tastoMenuOn.gif);
}

.tastoUno {
	position: absolute;
	margin-left: 320px;
	margin-top: 99px;
}
.tastoDue {
	position: absolute;
	margin-left: 451px;
	margin-top: 99px;
}
.tastoTre {
	position: absolute;
	margin-left: 582px;
	margin-top: 99px;
}
.tastoQuattro {
	position: absolute;
	margin-left: 713px;
	margin-top: 99px;
}
.tastoCinque {
	position: absolute;
	margin-left: 844px;
	margin-top: 99px;
}



.testoSottoTestata {
	margin-left: 710px;
	padding-top: 45px;
	border: 0px solid grey;
	width: 400px;
	text-align: right;
	letter-spacing: 2px;
	line-height: 20px;
}


.fotoSin {
	position:absolute;
	background: url(../layout/fotoSin.jpg);
	width: 436px;
	height: 150px;
	margin-left: 147px;
	margin-top: 28px;
}

.fotoCentro {
	position:absolute;
	background: url(../layout/fotoCentro.jpg);
	width: 218px;
	height: 150px;
	margin-left: 22px;
	margin-top: 28px;
}

.fotoDex {
	position:absolute;
	background: url(../layout/fotoDex.jpg);
	width: 218px;
	height: 150px;
	margin-left: 22px;
	margin-top: 28px;
}



.testoSin {
	position:absolute;
	margin-left: 147px;
	margin-top: 190px;
	width: 436px;
	height: 145px;
	border: 0px solid silver;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 1px;
	text-align: justify;
}
.tastoSin {
	position:absolute;
	margin-left: 485px;
	margin-top: 340px;
	text-align: left;
	width: 100px;
	height: 25px;
	border: 0px solid red;
	font-size: 11px;
	line-height: 24px;
	letter-spacing: 1px;
	color: black;
	font-weight: bold;
}



.testoCentro {
	position:absolute;
	margin-left: 22px;
	margin-top: 190px;
	width: 220px;
	height: 145px;
	border: 0px solid silver;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 1px;
	text-align: justify;
}
.tastoCentro {
	position:absolute;
	margin-left: 144px;
	margin-top: 340px;
	text-align: left;
	width: 100px;
	height: 25px;
	border: 0px solid red;
	font-size: 11px;
	line-height: 24px;
	letter-spacing: 1px;
	color: black;
	font-weight: bold;
}


.testoDex {
	position:absolute;
	margin-left: 22px;
	margin-top: 190px;
	width: 220px;
	height: 145px;
	border: 0px solid silver;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 1px;
	text-align: justify;
}
.tastoDex {
	position:absolute;
	margin-left: 144px;
	margin-top: 340px;
	text-align: left;
	width: 100px;
	height: 25px;
	border: 0px solid red;
	font-size: 11px;
	line-height: 24px;
	letter-spacing: 1px;
	color: black;
	font-weight: bold;
}

.compraSubito {
	position:absolute;
	margin-left: 1150px;
	margin-top: 190px;
	text-align: left;
	border: 0px solid red;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
}

.tastiBottom {
	position:absolute;
	margin-left: 120px;
	margin-top: 15px;
	text-align: center;
	border: 0px solid red;
	font-size: 10px;
	letter-spacing: 1px;
}
.tastiBottom a {
	width: 95px;
	float: left;
	margin-right: 0px;
}
.bordoMenuDex {
	border-right: 1px solid silver;
}

.pIva {
	position:absolute;
	margin-left: 855px;
	margin-top: 15px;
	text-align: right;
	border: 0px solid red;
	font-size: 10px;
	letter-spacing: 1px;
	color: silver;
}

.bandierine {
	position:absolute;
	margin-left: 25px;
	margin-top: 15px;
	width: 100px;
	height: 30px;
}
.flagEng {
	background: url(../layout/flag-ENG.gif);
	width: 16px;
	height: 10px;
	display: block;
	border: 1px solid silver;
	float: left;
	margin-right: 5px;
}
.flagEng:hover {
	border: 1px solid white;
}
.flagIta {
	background: url(../layout/flag-ITA.gif);
	width: 16px;
	height: 10px;
	display: block;
	border: 1px solid silver;
	float: left;
	margin-right: 5px;
}
.flagIta:hover {
	border: 1px solid white;
}


.form1{
	text-align: right;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	color: silver;
	margin-bottom: 10px;
}
.form1 select{
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, sans-serif;
	background-color: black;
	border: 1px solid silver;
	color: silver;
	cursor: pointer;
}
.submit1 {
	border: 1px solid silver;
	color: silver;
	cursor: pointer;
	background: black;
	width: 21px;
	font-size: 9px;
	font-weight: bold;
}
.submit1:hover {
	border: 1px solid orange;
	color: orange;
}


.richiestasito {
	border: 1px solid white;
	background: url(../layout/SfumaturaLungaInutile.gif) repeat-x;
	background-position: 0px 0px;
	font-size: 10px;
	cursor: pointer;
	padding: 3px 4px 3px 4px;
	margin-left: 315px;
	display: inline;
	font-variant: small-caps;
	font-weight: 600;
	color: white;
	line-height: 16px;
	text-transform: uppercase
}
.richiestasito:hover {
	border: 1px solid silver;
	background: black;
	color: #6ad7ff;
	color: orange;
}




/*sample hover*/
.sample1 {
	background: url(../layout/sample1.jpg) 52px 0px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 114px;
	width: 188px;
	height: 216px;
	border: 0px solid silver;
	cursor: pointer;
}
.sample1:hover {
	background: none;
}

.sample2 {
	background: url(../layout/sample2.jpg) 54px 0px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 322px;
	width: 188px;
	height: 216px;
	border: 0px solid silver;
	cursor: pointer;
}
.sample2:hover {
	background: none;
}

.sample3 {
	background: url(../layout/sample3.jpg) 57px 0px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 535px;
	width: 188px;
	height: 216px;
	border: 0px solid silver;
	cursor: pointer;
}
.sample3:hover {
	background: none;
}

.sample4 {
	background: url(../layout/sample4.jpg) 59px 0px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 747px;
	width: 188px;
	height: 216px;
	border: 0px solid silver;
	cursor: pointer;
}
.sample4:hover {
	background: none;
}

.sample5 {
	background: url(../layout/sample5.jpg) 52px 0px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 959px;
	width: 188px;
	height: 216px;
	border: 0px solid silver;
	cursor: pointer;
}
.sample5:hover {
	background: none;
}




/* pagina BandStorage.asp */
.ElencoBand {
	border: 1px solid #ffcc66;
	padding: 4px;
	margin-bottom: 25px;
	background-color: black;
	height: 58px;
	font-size: 9px;
	font-family: tahoma;
}
.ElencoBand img {
	width: 152px;
	max-height: 55px;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid silver;
}
.ElencoBand span {
	float: left;
	margin-right: 10px;
}
.ElencoBand font {
	color: white;
	font-style: italic;
	border: 0px solid grey;
}
.ElencoBand strong {
	color: white;
}
.RecordBand1{
	border: 1px solid #6699ff;
	border-left: 3px solid #6699ff;
	background: url(../layout/SfumaturaElencoBand.gif) repeat-x;
}
.RecordBand2{
	border: 1px solid #ccff66;
	border-left: 3px solid #ccff66;
	background: url(../layout/SfumaturaElencoBand2.gif) repeat-x;
}
	
	


.TotalWebSpaceTable {
	color: silver;
	margin-top: 10px;
	border: 0px solid silver;
	font-size: 11px;
}
.TotalWebSpaceTable td {
	background-image: url(../../ws/layout/sfuma.png);
	height: 14px;
	min-height: 14px;
	width: 50px;
	text-align: center;
	padding: 3px 5px 3px 5px;
}



.PageStat {
	position: absolute;
	margin: 0px 0px 0px 115px;
	width: 150px;
	padding-top: 130px;
	text-align: right;
	color: black;
	font-size: 9px;
	border: 0px solid white;
}
.PageStat a {
	color: black;
}
.PageStat a:hover {
	color: grey;
}













/* +++ testo minuscolo e prima lettera maiuscola +++ */
.txt {text-transform:capitalize;color:silver;}
/* +++ testo tutto maiuscolo +++ */
.txtup {text-transform:uppercase;}
/* +++ testo sottolineato: usato per i link +++ */
.underline {text-decoration: underline}
/* +++ float: right */
.Fright {float: right;}
/* +++ float: left */
.Fleft {float: left;}
/* margin top: 5 */
.marginTop5 {margin-top: 5px;}
/* weight:bolg */
.textBold {font-weight:bold;}
/* +++ estensione massima in larghezza */
.width100 {width: 100%;}
/* +++ clear: both */
.Cboth {clear: both;}
/* +++ display: block */
.Block {display: block;}
/* +++ clear: both -----> comodo da usare su un elemento riga <hr> dopo elementi con "float:left" che non permettono di aggiornare la pagina in altezza (vedi esempio della pagina delle news: "news.inc") */
.DivCointainFleftElement {display: block; clear: left; visibility: hidden;}
/* +++ riga 1 px */
.riga1px {border-top:1px solid; width: 100%; display: block; margin-top: 3px; margin-bottom: 5px;}
/* +++ non si vede ma occupa lo spazio */
.invisibile {visibility: hidden;}
/* +++ non viene visualizzato e non occupa lo spazio */
.nascosto {display: none;}
/* +++ viene applicata la posizione assoluta all'elemento */
.posAsso {position: absolute;}
/* riempimento totale: usato spesso per espandere il link (tag A) a tutto il div che lo contiene.. esempio la fasca prebottom che linka alla home*/
.RiempimentoTotale {width: 100%; height: 100%; display: block;}
/* bordo nullo */
.noborder {border: 0px;}
/* testo piccolo 7  */
.textSize7 {font-size: 7px;}
/* testo piccolo 8  */
.textSize8 {font-size: 8px;}
/* testo piccolo 9 */
.textSize9 {font-size: 9px;}
/* testo piccolo 10 */
.textSize10 {font-size: 10px;}
/* testo medio 11 */
.textSize11 {font-size: 11px;}
/* testo medio 12 */
.textSize12 {font-size: 12px;}
/* testo medio 13 */
.textSize13 {font-size: 13px;}
/* testo medio 14 */
.textSize14 {font-size: 14px;}
/* testo medio 16 */
.textSize16 {font-size: 16px;}
/* testo medio 15 */
.textSize15 {font-size: 15px;}
/* testo grande 18 */
.textSize18 {font-size: 18px;}
/* testo grande 34 */
.textSize34 {font-size: 34px;}
/* testo justify */
.textJustify {text-align: justify;}
/* testo left */
.textLeft {text-align: left;}
/* testo right */
.textRight {text-align: right;}

.Interlinea {line-height: 14px;}

/* testo giallino */
.ColorGiallino {color: #ffffcc;}
/* testo bianco */
.ColorBianco {color: white;}
/* testo azzurrino */
.ColorAzzurrino {color: #99ccff;}
/* testo nero */
.ColorNero {color: black;}
/* testo argento */
.ColorArgento {color: silver;}
/* testo giallo */
.ColorGiallo {color: yellow;}
/* testo arancio */
.ColorArancione {color: orange;}
/* testo verdino */
.ColorVerdino {color: #33ff66;}
/* testo verdegiallo */
.ColorVerdeGiallo {color: #ccff00;}
/* testo rosso */
.ColorRosso {color: red;}
/* testo lime */
.ColorLime {color: lime;}