/* foglio di stile di APPIX.IT progettato da Antonio Grillo
tutti i diritti del software sono regolati dalla informativa
contenuta nel sito web appix.it
Copyright � 2005-2006 APPIX s.r.l. | C.F. - P.IVA 09130330013 | REA Torino: 1026908
*/


@media Print, Tv, Embossed, Handheld, Tty    
{

}

@media Screen    
{
	BODY {
		PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px 0.4em; FONT: 0.8em Arial, sans-serif, Helvetica; COLOR: #000; PADDING-TOP: 0px
	}
	UL {
		LIST-STYLE-TYPE: none;
		margin: 0.6em 5em; /*da verificare*/
	}
	LI {
		LIST-STYLE-TYPE: none
	}
	HR {
		DISPLAY: none
	}
	IMG {
		BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
	}
	#header {
		COLOR: #000000
	}
	#header H1 {
		MARGIN: 0px 0px 0px 1.0em; PADDING: 0
	}
	#header H2#tagline {
		FONT-WEIGHT: bolder;
		FONT-SIZE: 1.2em;
		/* MARGIN: 0.2em 0 0 0.2em;*/
		MARGIN: 0.2em 0 0.2em 2.3em;
		COLOR: #ff9933;
		PADDING:0;
	}
	#header SPAN {
		MARGIN: 0px 0.2em
	}
	#header DIV.tools {
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 1.0em 0px 0px; COLOR: #999; PADDING-TOP: 0px; TOP: 0px; text-align: right;
	}
	#header div.tools p.login {
		/*COLOR:#999;*/
		COLOR:#999;
		border: 1px solid #999;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		width: 400px;

		/*box-shadow:0px 0px 3px #666;*/
		-webkit-box-shadow:0px 0px 3px #666;
		-moz-box-shadow:0px 0px 3px #666666;
	}
	#header DIV.access {
		RIGHT: 0px; FLOAT: right; MARGIN: 0.3em 1em 0px 0px; TOP: 0px; TEXT-ALIGN: right
	}
	#header DIV.access P {
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.6em; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px
	}
	#header A.headerLink {
		COLOR: #0066cc;
	}
	#header A.headerLink:hover {
		COLOR: #0099ff
	}
	div#message.exclamation {
		RIGHT: 5px;
		TOP: 105px;
		text-align: right;
		border: 1px solid #FF9933;
		margin: -40px 1em 0pt 0pt;
		padding: 3px;
		/*float: right;*/
		/*clear: both;*/
		/*width: 50%;*/
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		background-color: #EEE;
		color: #666;

		position: absolute;
    width: 400px;
    z-index: 100;

		/*box-shadow:0px 0px 3px #666;*/
		-webkit-box-shadow:0px 0px 3px #666;
		-moz-box-shadow:0px 0px 3px #666666;
	}
	div#message.exclamation IMG.exclamation {
		float:left;
		margin-left:5px;
		margin-right:10px;
	}
	A.headerLink:visited {
		COLOR: #0066cc;
	}
	#canali {
		CLEAR: both;
		PADDING: 0.2em 0 0.4em 0.8em;
		FONT-SIZE: 1.0em;
		/*BACKGROUND-COLOR: #3399cc;*/
		BACKGROUND-COLOR: #fff;
		MARGIN: 0 0 0.4em 0;
		/*COLOR: #fff; */
		COLOR: #CCC;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		border-bottom:1px dashed #CCC;
		height:auto;
	}
	#canali SPAN.mainNav {
		FONT-WEIGHT: bold; MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em
	}
	#canali SPAN.mainNavVisited {
		FONT-WEIGHT: bold;
		MARGIN-LEFT: 1em;
		/*COLOR: #ffff99;*/
		/*COLOR: #336699;*/
		COLOR: #CCC;
		MARGIN-RIGHT: 1em
	}
	A.canaliLink {
		/*COLOR: #FFF;*/
		COLOR: #3399cc;
		TEXT-DECORATION: none;
		/*BACKGROUND-COLOR:#3399cc;*/
	}
	A.canaliLink:active {
		COLOR: #ff9933;
		TEXT-DECORATION: underline;
		/*BACKGROUND-COLOR:#3399cc;*/
	}
	A.canaliLink:hover {
		COLOR: #ff9933;
		TEXT-DECORATION: underline;
		/*BACKGROUND-COLOR:#3399cc;*/
	}
	#colonna-sx {
		/*BACKGROUND-POSITION: 50% top;*/
		FLOAT: left;
		WIDTH: 42%;
		COLOR: #333366;
	}
	#colonna-dx {
		FLOAT: left; WIDTH: 25%; COLOR: #333366
	}
	#colonna-sx .box {
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; /*border-bottom:1PX solid #fff;*/
		border:1px solid #EEE;
	}
	#colonna-sx .boxYellow {
		border:1px solid #ffe559;
		background-color: #fefdbe;
		/*color: #bf9a28;*/
	}
	#colonna-sx .boxGreen {
		border:1px solid #beed65;
		background-color: #e2ffc0;
		/*color: #4ca64e;*/
	}
	#colonna-sx .boxBlue {
		border:1px solid #cde5ef;
		background-color: #e7f5ff;
		/*color: #82aec0;*/
	}
	#colonna-sx .boxRed {
		border:1px solid #efcdcd;
		background-color: #ffe7e7;
		/*color: #bf2828;*/
	}
	#colonna-dx .box {
		/*PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px*/
		PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
	}
	#colonna-dx {
		MARGIN-RIGHT: -1px
	}
	#colonna-dx .box P.helpDesk {
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: right
	}
	#colonna-dx .box P.helpDesk A.colonnadxLink {
		COLOR: #0066cc
	}
	#colonna-dx .box P.helpDesk A.colonnadxLink:hover {
		COLOR: #09f
	}
	A.colonnadxLink:active {
		COLOR: #09f
	}
	#colonna-dx .box H3 {
		FONT-WEIGHT: bold; FONT-SIZE: 1.4em; MARGIN: 0.6em;
	}
	#colonna-dx .box H4 {
		FONT-WEIGHT: bold; FONT-SIZE: 1em; MARGIN: 1.2em;
	}
	#colonna-dx .box DIV.zoom P {
		MARGIN: 0.4em 0.8em 0.8em; COLOR: #000
	}
	#colonna-dx .box DIV.zoom H3 A.linkZoom {
		COLOR: #f60; TEXT-DECORATION: underline
	}
	#colonna-dx .box DIV.zoom H3 A.linkZoom:hover {
		COLOR: #09f; TEXT-DECORATION: underline
	}
	A.linkZoom:visited {
		COLOR: #09f; TEXT-DECORATION: underline
	}
	#colonna-dx .box DIV.zoom {
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffcc; PADDING-BOTTOM: 0.2em; MARGIN: 1em 0px; PADDING-TOP: 0.2em;
		/*min-width:250px;*/
	}
	#colonna-sx .box H3.titoloServizio {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FONT-SIZE: 1.4em;
		PADDING-BOTTOM: 4px;
		MARGIN: 0px 0.6em;
		PADDING-TOP: 0px;
	}
	#colonna-sx .box P.testoServizio {
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px 1.2em 0px 0.6em;
		PADDING-TOP: 0px;
		text-align:justify;
	}
	#colonna-sx .box A.serviziLink {
		COLOR: #06c; TEXT-DECORATION: none
	}
	#colonna-sx .box A.serviziLink:hover {
		COLOR: #0099ff;
		/*TEXT-DECORATION: underline*/
	}
	A.serviziLink:active {
		COLOR: #0099ff; TEXT-DECORATION: underline
	}
	#main {
		BACKGROUND: #eee; FLOAT: left; WIDTH: 75%; COLOR: #000
	}
	#principale {
		FONT-SIZE: 1em;
		BACKGROUND: #fff;
		FLOAT: left;
		MARGIN: 0px 0px -1px;
		WIDTH: 58%;
		COLOR: #000;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
	#principale .hide{
		display: none;
	}
	#principale .home {
		text-align: center;
		background-image: url('../img/copertina511.jpg');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#principale .box {
		BORDER-RIGHT: 1px dashed #ccc;
		PADDING-RIGHT: 10px;
		BORDER-TOP: #ccc 0px solid;
		PADDING-LEFT: 10px;
		PADDING-BOTTOM: 20px;
		BORDER-LEFT: #ccc 0px solid;
		PADDING-TOP: 10px;
		BORDER-BOTTOM: #ccc 0px solid;

		/* MARCO */
		HEIGHT: 100%;
		MIN-HEIGHT: 520px;
		MARGIN-LEFT: 3px;
		/* ===== */
	}
	#principale .box H2 {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FONT-SIZE: 2em;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px 0px 0.2em;
		COLOR: #333333;
		PADDING-TOP: 0px;
		TEXT-ALIGN: center;
	}
	#principale .box H3 {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px 0px 1.8em;
		FONT: 1.2em Arial, Helvetica, sans-serif;
		COLOR: #060;
		PADDING-TOP: 0px;
		TEXT-ALIGN: center;
	}
	#principale .box H4 {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 3px;
		FONT-WEIGHT: bold;
		FONT-SIZE: 1.4em;
		PADDING-BOTTOM: 2px;
		/*MARGIN: 0px 1em 0.4em 1.2em;*/
		MARGIN: 0px 1em 0px 1.2em;
		COLOR: #FFF;
		PADDING-TOP: 0px;
		TEXT-ALIGN: left;
		background-color:#336699;
	}
	#principale .box P {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 4px;
		MARGIN: 0px 3em 0.4em;
		FONT: 1em Arial, Helvetica, sans-serif;
		PADDING-TOP: 0px;
		TEXT-ALIGN:justify;
	}

	#principale .box P.homebox {
		/* MARCO */
		MIN-HEIGHT: 40px;
		MARGIN-TOP: 0.4em;
		/* ***** */
	}

	#principale .box P.loginbox {
		/* MARCO */
		MIN-HEIGHT: 40px;
		/* ***** */
	}

	#principale .box STRONG.appix {
		FONT-WEIGHT: bold;
		FONT-SIZE: 1.4em;
		COLOR: #3366cc;
		FONT-FAMILY: "Avant Garde", "Century Gothic", sans-serif, Tahoma, Verdana, serif;
	}
	#principale .box STRONG.testo {
		FONT-SIZE: 1em
	}
	#principale .box SPAN {
		COLOR: #ff9900
	}
	#principale .naming_dns {
		background-image: url("../img/namingdns-bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
	}
	#principale .storage {
		background-image: url("../img/storage-bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
	}
	#principale .hosting {
		background-image: url("../img/hosting-bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
	}
	#principale .messaging {
		background-image: url("../img/messaging-bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
	}
	#footer {
		CLEAR: left;
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FONT-SIZE: 1em;
		/*BACKGROUND: #3399cc; */
		FLOAT: left;
		PADDING-BOTTOM: 0.4em;
		MARGIN: 5px 0px;
		WIDTH: 100%;
		/*COLOR: #ccf;*/
		COLOR: #ccc;
		PADDING-TOP: 0.4em;
		TEXT-ALIGN: center;
		border-top:1px dashed #CCC;
	}
	#disclamer {
		CLEAR: left; FONT-SIZE: 0.9em; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center
	}

	a {
		/*outline-color: invert;*/
		outline-style: none;
		outline-width: medium;
	}

	.vround-btn-core {
		padding: 2px 10px 2px 0px;
		width:inherit;
		display: block;
		background-color: #DDD;
		margin:6px 0px 3px 0px;
		/*font-size: 13pt;*/
	}

	IMG.serviceImg {
		float:left;
		margin-left:20px;
		margin-right:10px;
	}

	IMG.pageImg {
		margin: 0 10px 0 10px;
		width: 100%;
		max-width:195px;
	}

}