/* layout complessivo per tutte le pagine - resta escluso solo il fancybox che ha il suo CSS */

	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
	} /* reset di tutti i valori */

body {
	background-color: #EEEEEE;
} /* definisco colore dello sfondo per tutte le pagine */

#wrapper {
	width: 850px;
	background-color: #EEEEEE;
	margin-right: auto;
	margin-left: auto;
} /* definsco posizione centrata e colore bg identico al body */

/* style per la testata */

#header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.png);
	height: 200px;
	vertical-align: bottom;
	background-color: #FFFFFF;
	border: thin solid #999999;
	background-repeat: no-repeat;
}

.header_nav {
	padding-top: 135px;
	width: 90%;
	text-align: right;
	padding-right: 50px;
}

.header_nav_icons {
	height: 63px;
	width: 37px;
}

/* finisce la testata */

#main_canvas {
	width: auto;
	margin-top: 15px;
	background-color: #FFFFFF;
}

/* stile per la navigazione principale */
.top_navigation ul {
	list-style: none;
	padding: 0;
	display: block;
	overflow: hidden;
	font-size: 0.8em;
	height:33px;
	text-transform:capitalize;
	background-color: #9e131b;
	background-image: url(../images/butt_back.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.top_navigation ul li {
	display: inline;
}
.top_navigation ul li a {
	display: block;
	float: left;
	padding: 10px 20px;
	color: white;
	text-decoration: none;
}
.top_navigation ul li a:hover {
	background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}

/* finisce la navigazione */

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
} /* loader stile apple */

/* stile per i contenuti generici */
#common_content {
	position: relative;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-bottom: 8px;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
}


.left_content {
	float: left;
	width: 400px;
}

.left_content ul {
	list-style-type: none;
	padding-left: 38px;
	float: left;
}
.left_content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #6c7b81;
}
.left_content li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #6c7b81;
	text-decoration: none;
}
.left_content li a:hover {
	
	color: #333333;
}
.left_content li span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #6c7b81;
	font-weight: bold;
}

/* ----- right_list ----- */
.right_list{
	float:left;
	width: 400px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 25px;
}
.right_list ul {
list-style:none;
padding:0;
margin:0px;
}
.right_list ul li{
	padding:6px 0 6px 0;
	margin:0px;
	width:382px;
}
.right_list ul li span{
	color:#9e131b;
	font-weight:bold;
	font-size: small;
}
.right_list ul li a{
text-decoration:none;
padding:0 0 0 10px;
font-size:12px;
margin:0px;
color:#6c7b81;
}
.right_list ul li a:hover{
color:#000000;
}

.right_list_buttons {
	width: 400px;
	float: left;
	padding-left: 10px;
	margin-left: 15px;
}

.right_list_buttons ul {
	list-style:none;
	padding:0;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.right_list_buttons ul li{
	padding-left: 5px;
	color: #6c7b81;
	font-weight: bold;
	font-size: x-small;
	height: 40px;
}
.right_list_buttons ul li img{
	padding-top: 5px;
	visibility: visible;
}
.right_list_buttons ul li a{
	text-decoration: none;
	color: #CCCCCC;
}
.right_list_buttons ul li a:hover{
	color: #6c7b81;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	visibility: visible;
}

#col_spa {
	background-color: #FF0000;
	width: 100%;
	clear: both;
} /* separatore */
/* finisce stile per il contenuto */


/* Style per il footer */

#footer {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	position: absolute;
	width: 850px;
	margin-top: 10px;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	clear: both;
	padding-top: 8px;
}

/* Style per il contenuto del box del footer */
/* ogni box è definito da un <ul> -- ridefinire la larghezza in base al num di <ul> */ 
.foot_content ul  {
	float: left;
	padding: 5px;
	width: 46%;
	list-style-image: none;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.foot_content ul li {
	list-style-image: none;
	list-style-type: none;
}

.foot_content ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
}
/* finto style per contenuto del box */




.footer_links {
	text-align: center;
	color: #666666;
	font-size: x-small;
	clear: both;
	margin-bottom: 10px;
}

.footer_links ul {
	margin-top: 15px;	
}

.footer_links  li {
	margin-right: 15px;
	margin-left: 15px;
	list-style-type: none;
	display: inline;
}

.footer_links li a, #foot li a:visited {
	text-decoration: none;
	color: #9e131b;

}
.footer_links li a:hover {
	text-decoration: underline;

}

/* typografia generale */

/* nuova tipografia */
p {
	color: #6c7b81;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
}

.mini_p {
	color: #6c7b81;
	padding-right: 8px;
	padding-left: 8px;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 15px;
	font-size: small;
}

.titoli_p {
	color: #9e131b;
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	padding-top: 10px;
}

a {
	color: #6c7b81;
	text-decoration: underline;
}


/* vecchia tipografia */
/* style esclusivo per home.php */

/* definisco gli slideshow della pagina principale, e le loro immagini (IMG) */
#slideshow1, #slideshow2, #slideshow3, #slideshow4, #slideshow5 {
	position:relative;
	height:200px;
	border-top-width: thin;
	border-top-color: #333333;
}

#slideshow1 IMG, #slideshow2 IMG, #slideshow3 IMG, #slideshow4 IMG, #slideshow5 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow1 IMG.active, #slideshow2 IMG.active, #slideshow3 IMG.active, #slideshow4 IMG.active, #slideshow5 IMG.active {
    z-index:10;
}

#slideshow1 IMG.last-active, #slideshow2 IMG.last-active, #slideshow3 IMG.last-active, #slideshow4 IMG.last-active, #slideshow5 IMG.last-active {
    z-index:9;
}

/* definisco il box del commento che va nello slideshow principale, e imposto la trasparenza */

#slide_comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FF0000;
	height: 160px;
	border: 1px solid #CCCCCC;
	position: absolute;
	z-index: 20;
	background-color: #576077;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */

    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	}

.position_left {
	left: 10px;
	top: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	width: 200px;	
} /* con questa classe da applicare a #slide_comment definsco la posizione di ogni riquadro */

.position_right {
	left: 628px;
	top: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	width: 200px;	
}

#slide_comment p, #slide_comment_bis p {
	color: #FFFFFF;	
}

/* definisco il corpo della pagina diviso in sezioni - columns */

.columns {
	height: auto;
	margin-top: 6px;
}

.columns a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} /* diventa il tag del titolo delle columns se tutto il div column è linkabile */

.left_column {
	width: 200px;
	margin-left: 6px;
	clear: right;
	float: left;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	padding-bottom: 8px;
	text-align: center;
}


.center_column {
	width: 200px;
	margin-left: 10px;
	clear: right;
	float: left;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	padding-bottom: 8px;
	text-align: center;
}
.right_column {
	width: 200px;
	margin-left: 10px;
	float: left;
	clear: right;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	padding-bottom: 8px;
	text-align: center;
}

.left_column p, .center_column p, .right_column p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
	text-align: justify;
	margin-top: -90px;
}

/* chiudo home.php */ 


/* style esclusivo per account.php */	
#pix {
	background-image: url(../images/gradient_001.png);
	background-repeat: repeat-x;
	width: 100%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
}
/* chiudo account.php */

/* style esclusivo per domains.php e exts */
/* scelta delle aree di selezione degli exts */
.show_maps_list{
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	clear: both;
}
.show_maps_list ul {
	list-style:none;
	padding:0;
	margin:0px;
}
.show_maps_list ul li{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	width: 75px;
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.show_maps_list ul li span{
	color:#9e131b;
	font-weight:bold;
	font-size: small;
}
.show_maps_list ul li a{
text-decoration:none;
padding:0 0 0 10px;
font-size:12px;
margin:0px;
color:#6c7b81;
}
.show_maps_list ul li a:hover{
color:#884449;
}

/* box */

/* for the datas lists */
#datas_table {
	margin-left: 8px;
}
#datas_table tr#line1  {
	background-color: #CCCCCC;
	height: 25px;
}
#datas_table tr#line2 {
	background-color: #EAEAEA;
}
#datas_table tr td{
	padding-top: 1px;
	padding-bottom: 1px;
}
#datas_table tr#line1 a{
	color: #9e131b;
	text-decoration: none;
}
#datas_table tr#line2 a{
	color: #9e131b;
	text-decoration: none;
}


/* chiudo domains.php e exts */

/* style esclusivo per guides.php e correlati*/	
/* chiudo guides.php */

/* style esclusivo per hostings.php e correlati*/	
/* chiudo hostings.php */
.compare_table {
}

.compare_table td {
	text-align: center;
	vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.compare_table td.title  {
	background-image: url(../hostings/images/infos.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 25px;
	color: #666666;
	text-decoration: none;
}

.compare_table td.title a {
	color: #666666;
	text-decoration: none;
}
.compare_table td.title a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.compare_table td.on {
	background-image: url(../hostings/images/spunta.png);
	background-repeat: no-repeat;
	background-position: center center;
} 


.show_plans{
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	clear: both;
	width: 100%;
} /* mostra i piani hosting */

.show_plans ul {
	list-style:none;
	padding:0;
	margin:0px;
}
.show_plans ul li{
	padding-left: 0;
	display: inline;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 70px;
	margin-right: 40px;
	text-align: right;
	padding-top: 10px;
}

.show_plans ul li span{
	color:#9e131b;
	font-weight:bold;
	font-size: small;
}
.show_plans ul li a{
text-decoration:none;
padding:0 0 0 10px;
font-size:12px;
margin:0px;
color:#6c7b81;
}
.show_plans ul li a:hover{
color:#884449;
}