/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body>.container {
	min-height: 100%;
	height: auto;
}
ul, li, form {
	padding: 0;
	margin: 0;
}
img, table {
	border: 0;
}
.container, .header, .navigation, .content, .footer {
	width: 100%;
	padding: 0;
	margin: 0;
}
.container {
	position: relative;
	height: 100%;
	margin: 0 auto;
}
.header {
	height: 108px;
	background-image: url(../images/top-background.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.header .logo {
	float: left;
	margin-left: 30px;
	margin-top: 9px;
}
.header .logoWidestore {
	float: right;
	margin-right: 30px;
	margin-top: 30px;
}
.navigation {
	background-image: url(../images/nav-background.gif);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #9db0bc;
	border-top: 1px solid #9db0bc;
	text-align: right;
	height: 29px;
}
.navigation ul {
	list-style-type: none;
}
.navigation ul li {
	display: inline;
	float: right;
	text-align: center;
}
.navigation ul li.navSeparator {
	width: 1px;
}
.navigation ul li.navSeparator img {
	margin-top: 3px !important;
	margin-top: 1px;
}
.navigation ul li a {
	color: #235cb2;
	display: block;
	width: 115px;
	text-decoration: none;
	font-size: 14px;
	line-height: 29px;
}
.navigation ul li a:hover {
	background-image: url(../images/nav-hover.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.content {
	margin-top: 10px;
	margin-bottom: 30px;
}
.disclamer {
	width: auto;
	clear: both;
	color: #808080;
	margin-top: 10px;
	font-size: 11px;
	padding-left: 10px;
}
.menu {
	width: 188px;
	float: left;
}
.menuTop {
	width: 100%;
	height: 20px;
	background-image: url(../images/menu-backTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.menuCenter {
	width: 100%;
	background-image: url(../images/menu-backCenter.gif);
	background-position: top right;
	background-repeat: repeat-y;
	background-color: #fdfdfd;
}
.menuCenter h4 {
	padding: 3px 0 3px 10px;
	background-color: #CCCCCC;
	font-size: 16px;
	margin: 0;
}
.menuBottom {
	width: 100%;
	height: 29px;
	background-image: url(../images/menu-backBottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.menu ul {
	list-style-type: none;
	width: 100%;
}
.menu ul li {
	background-image: url(../images/menu-separator.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.menu ul li a {
	display: block;
	cursor: pointer;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	text-decoration: none;
	font-size: 14px;
}
.menu ul li a.red {
	color: #a91700;
}
.menu ul li a.green {
	color: #36de07;
}
.menu ul li a.blue {
	color: #0059ef;
}
.menu ul li a.orange {
	color: #ff9c00;
}
.menu ul li a.gray {
	color: #666666;
}
.menu ul li a:hover {
	background-image: url(../images/menu-backLink.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.menu form {
	margin: 8px 10px 10px 5px;
}
.menu fieldset {
	padding: 5px;
}
.menu legend {
	color: #666666;
}
.menu .input {
	border: 1px solid #999999;
	height: 18px;
}
.menu .loginButton {
	border: 1px solid #999999;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.containerBoxProduct, .containerPageProduct {
	width: auto;
	margin-left: 190px;  /* era 190px */
	padding-left: 5px;
}
.containerPageProduct ul, .containerPageProduct ol {
	padding: 10px;
	margin: 5px 5px 5px 20px;
}
.containerPageProduct .contentGeneral {
	width: 70%;
	margin: 0 auto;
	padding: 5px;
}
.containerPageProduct .contentGeneral a {
	color: #333333;
	text-decoration: underline;
}
.containerPageProduct .contentGeneral .boxHelp {
	text-align: center;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.containerPageProduct .contentGeneral .boxHelp input {
	border: 1px solid #333333;
	background-color: #D0D0D0;
	cursor: pointer;
}
.productBox
{
	float : left;
	width : 48%;
	min-width : 325px;
	margin-left : 10px;
	margin-top : 30px;
}
.ProductTitle {
	font-size: 24px;
	padding-left: 5px;
}
.productContent {
	height: 130px;
	width: 100%;
	background-image: url(../images/content-bgProduct.gif);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}
.productContent img {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	vertical-align: middle;
	behavior: url("iepngfix.htc");
}
.productContent a {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	margin-top: 3px;
}
.productContent a:hover {
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
.productContent p
{
	margin-top : 8px;
	margin-right : 30px;
	margin-left : 90px;
	max-height : 103px;
	overflow : hidden;
}
.productFooter {
	height: 34px;
}
.productPageTitle {
	background-repeat: no-repeat;
	background-position: left top;
	width: 90%;
	margin: 0 auto;
}
.pageAngRed {
	background-color: #a71900;
	background-image: url(../images/virtualHostingAng-top.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.pageAngGreen {
	background-color: #1fb700;
	background-image: url(../images/dedicatiAng-top.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.pageAngBlue {
	background-color: #023bc9;
	background-image: url(../images/pecAng-top.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.pageAngOrange {
	background-color: #f89601;
	background-image: url(../images/orangeAng-top.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.pageTitleVirtualHosting {
	background-image: url(../images/virtualHosting-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleSmtpDedicato {
	background-image: url(../images/smtp_dedicato_top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleFtpDedicato {
	background-image: url(../images/Ftp_dedicato_top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleVirtualServer {
	background-image: url(../images/virtualServer-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleDedicati {
	background-image: url(../images/dedicati-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 86px;
	text-align: right;
}
.pageTitleHousing {
	background-image: url(../images/housing-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleRidondanza {
	margin-right: 20px;
	width: auto;
	height: 102px;
	text-align: center;
}
.pageTitlePec {
	background-image: url(../images/pec-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleSms {
	background-image: url(../images/sms-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleWid {
	background-image: url(../images/wid-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleSsl {
	background-image: url(../images/ssl-top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.pageTitleMailingList {
	background-image: url(../images/Mailing_List_Top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 20px;
	width: auto;
	height: 88px;
	text-align: right;
}
.productPageTitle img {
	margin-top: 15px;
}
.productPageDescription {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	background-image: url(../images/productPage-Bg01.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #d9d9d9;
	width: 90%;
	margin: 1px auto;
	position: relative;
}
.productPageDescription .descriptionBg2 {
	background-image: url(../images/productPage-Bg02.gif);
	background-repeat: no-repeat;
	background-position: bottom left;	
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
}
.productPageDescription ul {
	padding: 5px;
}
.productPageDescription ul li {
	padding: 3px;
	margin-left: 20px;
}
.descriptionBg2 .loghiExtra {
	position: absolute;
	top: -90px;
	left: 5px;
}
.logopec {
	width: 94px;
	height: 147px;
	background-image: url(../images/pec-logoTop.png) !important;
	background-image: url(../images/pec-logoTop.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.productContainerTable {
	width: 90%;
	margin: 5px auto;
	position: relative;
}
.separatorSwitch {
	background-image: url(../images/productSwitch-Bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #949494;
}
.switchAcceso {
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
	border-right: 1px solid #949494;
}
.switchAccesoDiv {
	border: 1px solid #FFFFFF;
	background-image: url(../images/productSwitch-BgAcceso.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 40px;
}
.switchAccesoDiv a {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
}
.switchAccesoDiv img {
	margin-right: 10px;
	vertical-align: middle;
}
.switchSpento {
	border-bottom: 1px solid #949494;
	background-image: url(../images/productSwitch-Bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.switchSpentoDiv {
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background-image: url(../images/productSwitch-BgSpento.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 40px;
	margin-right: 10px;
}
.switchSpentoDiv a {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
}
.switchSpentoDiv img {
	margin-right: 10px;
	vertical-align: middle;
}

/* TABELLA PREZZI */
.pricetable {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}
.pricetable th {
	height: 46px;
	border-right: 1px solid #8e8e8e;
	vertical-align: bottom;
	padding-bottom: 5px;
}
.pricetable th a {
	color: #000000;
	text-decoration: none;
}
.pricetable th.side {
	border-left: 1px solid #8e8e8e;
}
.pricetable th.onRed {
	background: transparent url(../images/bg_th_on.gif) no-repeat bottom center;
	color: #FFFFFF;
}
.pricetable th.onGreen {
	background: transparent url(../images/bgGreen_th_on.gif) no-repeat bottom center;
	color: #FFFFFF;
}
.pricetable th.onOrange {
	background: transparent url(../images/bgOrange_th_on.gif) no-repeat bottom center;
	color: #FFFFFF;
}
.pricetable th.onBlue {
	background: transparent url(../images/bgBlue_th_on.gif) no-repeat bottom center;
	color: #FFFFFF;
}
.pricetable th.onBlue a, .pricetable th.onOrange a, .pricetable th.onGreen a, .pricetable th.onRed a {
	color: #FFFFFF;
	text-decoration: none;
}
.pricetable tbody td {
	text-align: center;
	border-right: 1px solid #8e8e8e;
	color: #000000;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 5px;
	width: 70px;
}
.pricetable tbody td.side {
	text-align: right;
	color: #000000;
	border-left: 1px solid #8e8e8e;
	background-image: url(../images/bg_borderTable.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	vertical-align: middle;
	font-weight: bold;
	/*width: auto;*/
}
.pricetable tbody td.side span {
 font-style: italic;
 font-weight: normal;
}
.pricetable tbody td.choiceA, tbody td.choiceB, tbody td.choiceC, tbody td.choiceD, tbody td.choiceE, tbody td.choiceF, tbody td.choiceG {
	background-image: url(../images/bg_borderTable.gif);
}
.pricetable tbody td.choiceA {
	background-color: #f4f4f4;
}
.pricetable tbody td.choiceB {
	background-color: #f4f4f4;
}
.pricetable tbody td.choiceC {
	background-color: #eaeaea;
}
.pricetable tbody td.choiceD {
	background-color: #eaeaea;
}
.pricetable tbody td.choiceE {
	background-color: #dadada ;
}
.pricetable tbody td.choiceF {
	background-color: #dadada;
}
.pricetable tbody td.choiceG {
	background-color: #dadada;
}
.pricetable tbody td.onRed {
	background: transparent url(../images/bg_td_on.gif) repeat-y bottom center;
	color: #FFFFFF;
}
.pricetable tbody td.onGreen {
	background: transparent url(../images/bgGreen_td_on.gif) repeat-y bottom center;
	color: #FFFFFF;
}
.pricetable tbody td.onOrange {
	background: transparent url(../images/bgOrange_td_on.gif) repeat-y bottom center;
	color: #FFFFFF;
}
.pricetable tbody td.onBlue {
	background: transparent url(../images/bgBlue_td_on.gif) repeat-y bottom center;
	color: #FFFFFF;
}
.pricetable tfoot td {
	height: 30px;
	border-right: none;
}
.pricetable tfoot td.onRed {
	background: transparent url(../images/bg_foot_td_on.gif) no-repeat top center;
}
.pricetable tfoot td.onGreen {
	background: transparent url(../images/bgGreen_foot_td_on.gif) no-repeat top center;
}
.pricetable tfoot td.onOrange {
	background: transparent url(../images/bgOrange_foot_td_on.gif) no-repeat top center;
}
.pricetable tfoot td.onBlue {
	background: transparent url(../images/bgBlue_foot_td_on.gif) no-repeat top center;
}
.pricetable tfoot td.side {
}
/* FINE TABELLA */

.productForm {
	padding: 1px;
}
.redFormBorder {
	border: 1px solid #b61100;
}
.greenFormBorder {
	border: 1px solid #1fb700;
}
.blueFormBorder {
	border: 1px solid #2254dc;
}
.orangeFormBorder {
	border: 1px solid #fab122;
}
.productFormTitle {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 10px;
	line-height: 28px;
}
.redFormTitle {
	background-image: url(../images/virtualForm-title.gif);
	background-repeat: repeat-x;
	height: 28px;
}
.greenFormTitle {
	background-image: url(../images/greenForm-title.gif);
	background-repeat: repeat-x;
	height: 28px;
}
.blueFormTitle {
	background-image: url(../images/blueForm-title.gif);
	background-repeat: repeat-x;
	height: 28px;
}
.orangeFormTitle {
	background-image: url(../images/orangeForm-title.gif);
	background-repeat: repeat-x;
	height: 28px;
}
.productTableForm {
	font-size: 11px;
	font-weight: bold;
}
.productTableForm td {
	width: 25%;
	/*white-space: nowrap;*/
}
.productTableForm span {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.productTableForm em {
	font-weight: normal;
}
.textForm {
	border: 1px solid #000000;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
}
.textArea {
	border: 1px solid #000000;
	line-height: 16px;
	font-size: 11px;
}
.virtualTitle {
	color: #a71900;
}
.dedicatiTitle {
	color: #1fb700;
}
.serviziTitle {
	color: #003ac8;
}
.positionTitle {
	color: #f79500;
}
.redBg {
	background-color: #ad1600;
}
.greenBg {
	background-color: #37c816;
}
.blueBg {
	background-color: #2254dc;
}
.orangeBg {
	background-color: #fab122;
}
.cellDettagli {
	width: 100%;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
}
.cellDettagli a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.cellArrow {
	width: 1px;
}
.condizioni a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.condizioni a:hover {
	text-decoration: none;
	color: #FF0000;
}
.condizioni img {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
.tableSSL {
	width: 50%;
	border: 1px solid #D0D0D0;
}
.tableSSL .cellTitle {
	width: 35%;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #fab122;
	height: 20px;
	padding-left: 5px;
}
.tableSMS, .tableSMServizi {
	width: 100%;
	border: 1px solid #003ac8;
}
.tableSMS .cell {
	background-color: #d3deff;
}
.tableSMServizi {
	clear: left;
}
.SmsContentBox {}
.SmsContentBox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.SmsContentBox ul li {
	display: inline;
	float: left;
	text-align: center;
}
.SmsContentBox ul li a, .SmsContentBox ul li.boxAcceso a {
	color: #000000;
	display: block;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	margin-right: 5px;
	padding: 5px;
	border-left: 1px solid #003ac8;
	border-top: 1px solid #003ac8;
	border-right: 1px solid #003ac8;
}
.SmsContentBox ul li a:hover, .SmsContentBox ul li.boxAcceso a {
	background-color: #003ac8;
	color: #FFFFFF;
	font-weight: bold;
}
.tableSMServizi .cellTitle {
	background-color: #003ac8;
	color: #FFFFFF;
	font-size: 12px;
	height: 20px;
	vertical-align: middle;
	padding-left: 10px;
}
.tableSMServizi .modalita {
	background-color: #d3deff;
	width: 20%;
	text-align: center;
}
.tableSMServizi .description {
	background-color: #ecf1ff;
	padding: 3px;
}
.divSpacerTxt {
	width: 80px;
	height: 50px;
	float: left;
}
.InputProduct {
	width: 190px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-stretch: condensed;
	border-width: 0px;
	background: none;
}
.separator {
	height: 20px;
}
.clearFooter {
	clear: both;
	height: 135px;
}
.footer {
	height: 126px;
	position: relative;
	bottom: 0;
	background-color: #f0f0f0;
	border-top: 1px solid #dddddd;
	clear: both;
}
.footerMenu {
	float: left;
	margin-top: 13px;
	padding-left: 10px;
}
.footerMenu, .footerMenu a {
	color: #235c95;
	text-decoration: none;
	font-size: 11px;
}
.footerInfo {
	float: right;
	margin-top: 13px;
	padding-right: 10px;
}
.footerInfo a {
	color: #808080;
	font-size: 11px;
	font-weight: bold;
}

.footer #graphicBy
{
	float: right;
	margin-top: 50px;
}

/* Chat */
.chat {
display : block;
width: 320px;
height: 320px;
position: absolute;
top: 220px;
left: 35%;
z-index: 10;
}
/* Ridondanza */

#tabContent ul, #tabContent li
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabContent ul
{
	border-bottom: solid 1px #DEDEDE;
	height: 29px;
	padding-left: 20px;
}
#tabContent li
{
	float: left;
	margin-right: 2px;
}
#tabContent .tab a:link, #tabContent .tab a:visited
{
	background: url(../images/tab-round.png) right 60px;
	color: #666666;
	display: block;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}
#tabContent .tab a span
{
	background: url(../images/tab-round.png) left 60px;
	display: block;
	height: 30px;
	margin-right: 14px;
	padding-left: 14px;
}
#tabContent .tab a:hover
{
	background: url(../images/tab-round.png) right 30px;
	display: block;
}
#tabContent .tab a:hover span
{
	background: url(../images/tab-round.png) left 30px;
	display: block;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
#tabContent .active a:link, #tabContent .active a:visited, #tabContent .active a:visited, #tabContent .active a:hover
{
	background: url(../images/tab-round.png) right 0 no-repeat;
} 
#tabContent .active a span, #tabContent .active a:hover span
{
	background: url(../images/tab-round.png) left 0 no-repeat;
}
.NoteMessaggi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
}
.div_vito {
	height: 400px;
	width: 800px;
}
.PrezzoOfferta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: line-through;
}

#30 {
	left:1185px;
	top:319px;
	width:50px;
	height:50px;
	z-index:1;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

/* DARIO 2010 Marzo */

.ServerDed-home
{
	height : 123px;
	background : url(../images/home-dedicati-logo.png) no-repeat bottom left;
	cursor : pointer;
}

.Housing-home
{
	height : 123px;
	background : url(../images/home-housing-logo.png) no-repeat bottom left;
	cursor : pointer;
}

.dedicatedBannerMiddle
{
	background : url(../images/dedicati-Banner-Middle.gif) repeat-x top left;
	vertical-align : top;
}

.dedicatedSubBannerMiddle
{
	height : 130px;
	padding-right : 180px;
	background : url(../images/dedicati-Banner-Dx.gif) no-repeat right top;
}

.dedicatedBannerMiddle img { margin : 10px 0 0 0; }

.dedicatedBannerMiddle p
{
	margin : 10px 0 0 0;
	padding : 0 5px;
	font-size : 14px;
}

.homeLayer
{
	position : absolute;
	top : 220px;
	left : 35%;
	width : 396px;
	height : 298px;
	text-align : center;
	z-index : 100;
}

.homeLayer a { position : relative; }

.homeLayer a.closeDiv
{
	display : block;
	float : right;
	position : absolute;
	top : 0;
	right : 17px;
	width : 57px;
	height : 17px;
	cursor : pointer;
	z-index : 120;
}
