body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#000000;}
h1,h2,h3,h4 { margin:0; padding:0;}

/*
div {border:1px solid red;}
*/

#container {height:1600px; margin-left:auto; margin-right:auto; background-position:50% 0;background-image:url(i/main-bg.jpg); background-repeat:no-repeat;}
#main-content {  margin-left:auto; margin-right:auto; text-align:left; width:995px;}

#logo {float:left;  margin:30px 0 30px 30px; }
#logo img {border:0px;}
	#logo-hwup { float:left; margin:0 0 0 50px;}
	#logo-partner { float:left; margin: 0 0 0 150px; }

.powered {font-size:9pt; font-weight:bold; color:#FFFFFF; text-align:center;}

#desc { font-size:11pt; padding:10px; line-height: 14pt;}
#desc h1 {font-size:16pt; margin:10px 0 5px 0;}
#desc h1.title{font-size:14pt; letter-spacing:-1px;}

#desc li {margin-bottom:10px;}

#desc table { font-size:9pt;}

.bottone { margin:20px;}

.bottone img {width:572px; height:232px}

#col-sx {  float:left; width:250px; margin:0 20px 0 0px; color:#fff; background-image:url(i/bg-sx.png); display:inline;  }

#col-cx {  float:left; width:700px; margin:0 0 0 0px; color:#fff; background-image:url(i/bg-sx.png); }

#col-dx {  float:right; width:300px; margin: 0 20px 0 10px; color:#FFFFFF;  display:inline;}

#col-dx h2{ color:#FFFFFF; font-size:16pt; margin:0 0 0px 0px; background-image:url(i/bg-sx.png); padding:5px; }

#col-cx img { max-width:680px;}

.menu li { list-style:none;margin:0 0 5px 0px; font-size:12px }
.menu li .mainlink { list-style:none; margin:0 0 5px -15px; padding: 0 0 0 5px; font-size: bold; font-size:13pt; border-left:3px solid #6C0; }
.menu li .linkgreen.mainlink { color:#6C5}

.link-dx {font-size:9pt; font-weight:bold; line-height:14pt; background-image:url('i/bg-sx.png'); padding:5px;}

.link-next { margin-top:20px;text-align:right;}

.title { color:#ffffff; }

.clear {clear:both; font-size:1px; height:1px; visibility: hidden;}

.news { margin:10px 10px 15px 10px;; font-size: 9pt;}
.news img {border:2px solid #333333; padding:0px; float:left; margin-right:5px; width:35px; height:35px;}
.news h1 { font-size: 12pt;}

.video { text-align:center; margin:0px 0px 40px 0px;}
.video h1 { width: 290px; margin-left:auto; margin-right:auto; font-size:11pt; text-align:left; margin-bottom:5px; margin-top:10px;}
.video img {border:4px solid #999999;}

.col-dx-desc {font-size:8pt; width:290px; text-align:left; margin-left:auto; margin-right:auto; }



.bottone-box {
	margin:10px;
	width: 500px;
	height: 250px;
	float:left;
	background-color:#999999;
	border:3px solid #333333;
	background-repeat:no-repeat;
	vertical-align:bottom;
	position:relative;
	overflow:hidden;
	margin-left:225px;
	text-align:left;
	display:inline;

}

.bottone-box-titolo span {
	font-size:14pt;
	color: #ffffff;
}

.bottone-box-titolo {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	/*background-image:url('http://www.hwupgrade.it/img/new/background-png-50-10x10.png');*/
	background-color: #333333;
	color: #fff;
	font-weight: bold;
	font-size:9pt;
	padding:5px;
	width: 496px;
	position:absolute;
	bottom:0;
	
}


.attivo .bottone-box-titolo {background-color:#66cc00;background-image:url(''); color:#FFFFFF;}
.attivo .bottone-box {border:3px solid #66cc00;}
.attivo .bottone-box-titolo span {	font-size:14pt;	color: #1D3C3B; }

.bottoni a { text-decoration:none; }

.elenco-pulsanti { text-align:center; }
.elenco-pulsanti a { margin:10px; display:block;}
.elenco-pulsanti img { border:3px solid #fff; }



/*Pulsanti HOME*/
.boxed { position:relative; border:3px solid #66cc00; width:500px; height:250px; text-align:left; font-family:Arial, Helvetica, sans-serif; margin: 20px auto; overflow:hidden;}
.boxed img {  position:absolute;z-index:0;}
.boxed span.desc-container { width:100%; float:left;position:absolute; z-index:10; text-align:left; bottom: 0px; color:#FFFFFF; background-color:#66cc00; font-size:9pt; padding-bottom:2px; }
.boxed span.desc { float:left; margin:5px 5px 0 5px; font-weight:bold; }
.boxed .titolo { font-size:14pt; font-weight:bold; color:#1D3C3B;}

.spento {border:3px solid #333333;}
.spento span.desc-container { background-color:#333333;}
.spento .titolo { color: #999999;}
.spento span.desc { color: #999999;}

.boxed a:link    { color: #fff; text-decoration:none; }
.boxed a:visited { color: #fff; text-decoration:none; } 
.boxed a:hover, .boxed a:active   { color: #fff; text-decoration: none; }


.listashop { margin:0; padding:0;}
.listashop li { float:left; margin:0 15px 0 15px; padding:0; }


a.linkgrey:link    { color: #333333; text-decoration:none; }
a.linkgrey:visited { color: #333333; text-decoration:none; } 
a.linkgrey:hover, a.linkgrey:active   { color: #333333; text-decoration: underline; }

a.linkwhite:link    { color: #ffffff; text-decoration:none; }
a.linkwhite:visited { color: #ffffff; text-decoration:none; } 
a.linkwhite:hover, a.linkwhite:active   { color: #FF9933; text-decoration: none; }

a {cursor:pointer; color:#66cc00;}

a.linkgreen:link    { color: #66cc00; text-decoration:none; }
a.linkgreen:visited { color: #66cc00; text-decoration:none; } 
a.linkgreen:hover, a.linkgreen:active   { color: #66cc00; text-decoration: underline; }

a.linkred:link    { color: #ED1B24; text-decoration:none; }
a.linkred:visited { color: #ED1B24; text-decoration:none; } 
a.linkred:hover, a.linkred:active   { color:#ED1B24; text-decoration: underline; }

/* GALLERY */
.gallery-preview { background-color:#333333; width:580px; margin-top:20px; border:2px solid #000; padding-bottom:10px; font-family: arial; text-align:center;}
.gallery-preview h2 { margin:10px; padding:0; font-size:15pt; }
.gallery-thumb img {margin:5px; border:3px solid #000;}
.gallery-header { background-color:#000000; color:#FFFFFF; font-size:9pt; font-weight:bold; padding:3px;}

a.thumb-link:link    { color: #FFFFFF; text-decoration:none; }
a.thumb-link:visited { color: #FFFFFF; text-decoration:none; } 
a.thumb-link:hover, a.thumb-link:active   { color: #FFCC00; text-decoration: none; }