body, html {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	text-align: center; /* allineamento al centro per centrare il box su ie5 */
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	background: #ffffff url(images/sfondo.jpg) no-repeat 50% 0;
	color::#2e414b;
	line-height: 130%;
}
.skip{
	left: -9999px;
    position: absolute;
}
p {
	margin: 0;
	padding: 8px 0;
	color: #3a4c56;
}
ul{
	margin: 0;
	padding: 6px 0;
	color: #3a4c56;
}
li {
	margin: 0;
	padding: 4px 8px 4px 20px;
	background:transparent url(images/bullet.png) no-repeat 0 6px;
	list-style:none;
}
a:link, a:visited {
	text-decoration: underline;
	color:#2e414b;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
	color: #666666;
}
strong{
	color: #3a4c56;	
}
h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 4px 0;
	clear: left;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 4px 0;
	clear:left;
	color: #3a4c56;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 4px 0;
	clear: left;
	color:#2e414b;
}
img {
	border: 0;
}
.centrato {
	margin: 0 auto; /* per allineare il box al centro su tutti i browser pių recenti */
	text-align: left; /* riallineamento testo a sinistra per annullare l'effetto dichiarato nel body */
	width: 942px;
	border: 0;
	padding: 0;
	position: relative;
}
.social{
	position: absolute;
	width:50px;
	top: 88px;
	left:901px;
	z-index:555;
}
/* pacchetti top */
.pack{
	position: absolute;
	width:260px;
	top: 0;
	left: 640px;
	z-index:100;
	padding-left:30px;
}
.pack h3{
font-size: 13px !important;
font-weight:normal;
}
h3 .packst{
color: #e06733;
padding-left: 10px;
}
h3 .packsm{
color: #e34426;	
padding-left: 33px;
}
h3 .packsp{
color:#e11c21;	
padding-left: 17px;
}
/* logo */
.logo{
height: 71px;	
}
.logo h1 {
padding-bottom: 0 !important;	
}
.logo h1 a {
text-indent: -9999px;
width: 117px;
height: 58px;
display: block;
background: #fff url(images/logo.jpg) no-repeat 0 0;
}
.logo h2{
color: #000;
font-size:8px;
padding:0;
margin: 0 0 0 25px;
letter-spacing: 1px;
}
/* pacchetti rollover */
.pack a{
display:block;	
text-indent:-9999px;
float:left;
margin-right:5px;
margin-top:10px;
}
a.stpack{
width:60px;
height:86px;
background: transparent url(images/pacchetti_01.png) no-repeat 0 0;
}
a.stpack:hover, a.stpacksel{
	width:60px;
height:86px;
background: transparent url(images/pacchetti_hover_01.png) no-repeat 0 0;
}
a.smpack{
width:60px;
height:86px;
background: transparent url(images/pacchetti_02.png) no-repeat 0 0;
}
a.smpack:hover, a.smpacksel{
	width:60px;
height:86px;
background: transparent url(images/pacchetti_hover_02.png) no-repeat 0 0;
}
a.sppack{
width:60px;
height:86px;
background: transparent url(images/pacchetti_03.png) no-repeat 0 0;
}
a.sppack:hover, a.sppacksel{
	width:60px;
height:86px;
background: transparent url(images/pacchetti_hover_03.png) no-repeat 0 0;
}

/* fine pacchetti rollover */
/* menu */
.menu {
height: 24px;
padding-top: 7px;
padding-bottom:7px;
}
.menu ul li{
display: inline;
background-image:none;
margin: 0;
padding:0 5px 0 10px;
}
.menu ul li a{
padding: 2px 4px;	
margin: 0;
text-decoration: none;
}
.menu ul li a:link,
.menu ul li a:visited{
color: #2e414b;	
}
.menu ul li a:hover,
.menu ul li a:active,
.menu ul li a:focus,
.menu ul li a.areac:hover,
.menu ul li a.areac:active,
.menu ul li a.areac:focus,
.menu ul li a.selected{
background-color: #2e414b !important;
color: #fff;
}
.menu ul li a.areac:link,
.menu ul li a.areac:visited{
background-color: #f4f4f4;	
}
/* testata grafica */
.testata {
	display:block;	
	width: 942px;
	height:234px;
	margin: 0;
	padding: 0;
	border: 0;
	position:relative;
}
.testata h1{
	color: #e10e22;
	line-height: 1.5;
	font-family: Arial, 'Open Sans', sans-serif;
}
.testata h2{
	color: #2e414b;	
}
.testata h2 span{
	color: #e10e22;
}
.testhome h1 span{
	color: #2e414b;	
}
.testata .offerta{
	color: #2e414b;
	font-size: 14px;
	width: 150px;
	font-weight:bold;
	letter-spacing: -1px;
}
.testhome .offerta{
	position: absolute;
	top: 38px;
	right: 35px;
}
.teststart .offerta,
.testsmart .offerta,
.testspazio .offerta{
	position: absolute;
	top: 42px;
	right: 18px;
}
.testata .offerta h2,
.testata .offerta p{
	margin: 0;
	padding: 0;
}
.testata .offerta p{
	font-size: 12px;	
}
.testhome h1{
	padding: 40px 0 0 40px;
}
.teststart h1{
	padding: 40px 0 0 145px;
	font-size: 26px;
	color:#E06733;
}
.teststart h2,
.testsmart h2,
.testspazio h2{
	padding-left: 145px;	
}
.testsmart h1{
	padding: 40px 0 0 145px;
	font-size: 26px;
	color:#E34426;
}
.testspazio h1{
	padding: 40px 0 0 145px;
	font-size: 26px;
	color:#e8101b;
}

.testhome{
background: #fff url(images/testata_home.jpg) no-repeat 0 0;
}
.testcop{
background: #fff url(images/testata_copertura.jpg) no-repeat 0 0;	
}
.testcop h1,
.testrout h1,
.testamico h1,
.testspeed h1, 
.testclub h1,
.testsupp h1,
.testcon h1{
padding-top: 70px;
font-size: 26px;
}
.testcop h2,
.testrout h2,
.testamico h2,
.testspeed h2,
.testclub h2,
.testsupp h2,
.testcon h2{
font-size: 18px;
line-height:1.2;
}
.teststart{
background: #fff url(images/testata_start.jpg) no-repeat 0 0;	
}
.testsmart{
background: #fff url(images/testata_smart.jpg) no-repeat 0 0;	
}
.testspazio{
background: #fff url(images/testata_spaziowifi.jpg) no-repeat 0 0;	
}
.testrout{
background: #fff url(images/testata_router.jpg) no-repeat 0 0;		
}
.testamico{
background: #fff url(images/testata_portaunamico.jpg) no-repeat 0 0;		
}
.testspeed{
background: #fff url(images/testata_speed.jpg) no-repeat 0 0;		
}
.testclub{
background: #fff url(images/testata_connecmiclub.jpg) no-repeat 0 0;		
}
.testsupp{
background: #fff url(images/testata_supporto.jpg) no-repeat 0 0;		
}
.testcon{
background: #fff url(images/testata_contattaci.jpg) no-repeat 0 0;		
}
/* contenuto pagina */
.contenuti {
	width: 942px;
	margin: 0;
	padding: 0;
	border: 0;
	float:left; /* per far sė che si veda il colore di sfondo */
}
.colonna1 p, .col p{
	line-height: 1.5;	
}
/* homepage */
.boxhome{
	width: 297px;
	margin-right:20px;
	margin-bottom:30px;
	margin-top:10px;
	background-color:#eeeff0;
	float:left;
	position:relative;
}
.boxhome h2{ padding:0 !important; height:101px !important;}
.boxhome h2 a{display:block; height:69px; width:213px; padding: 32px 0 0 85px; text-decoration:none;}

.last{
margin-right: 0 !important;	
}
.boxhome p{
	padding: 5px 15px;
	height:75px;
}
.boxhome .attiv{
	display: block;
	width: 130px;
	float:left;
}
.boxhome .prezzo{
	display: block;
	width: 130px;
	float:right;
	position:relative;
	color:#e10e22;
	font-size:32px;
	font-weight:bold;
	padding: 10px 20px 0 0;
	text-align:right;
}
.prezzo span{
	font-size: 16px !important;	
}
.prezzo .mese{
	width: 40px;
	position:absolute;
	right:20px;
	top: 0;
	font-size:9px;
	color: #000000;
}
.prezzo .stroke{
	font-size:16px;
	color:#2e414b;
	text-decoration:line-through;
}
.prezzo .noprice{
	font-size:16px;
	color:#2e414b;
	text-decoration:line-through;
	width:40px;
	position:absolute;
	left:0;
	bottom: 0;
}
p.dettagli {
	display: block;
	position:absolute;
	bottom:0;
	right: 20px;
	height: 20px !important;
	padding: 0!important;
}
p.dettagli a{
	text-decoration:none;
	padding: 2px 4px;
	background-color: #2e414b;
}
p.dettagli a:link,
p.dettagli a:visited{
	color: #fff;
}
p.dettagli a:hover,
p.dettagli a:active,
p.dettagli a:focus{
	color: #eee;
}
.boxhome h2 span{
display:block;
position: absolute;
color: #2e414b;
left: 85px;
top: 60px;
font-size:12px;
letter-spacing:-1px;
}
.start h2{
	display:block;
	background: #eeeff0 url(images/1_home_start.jpg) no-repeat 0 0;
	height:69px;
	padding: 32px 0 0 85px;
	color: #e06733;
	font-size:22px;
	position:relative;
}
.smart h2{
	display:block;
	background: #eeeff0 url(images/2_home_smart.jpg) no-repeat 0 0;
	height:69px;
	padding: 32px 0 0 85px;
	color: #e34426;
	font-size:22px;
	position:relative;
}
.spazio h2{
	display:block;
	background: #eeeff0 url(images/3_home_spaziowifi.jpg) no-repeat 0 0;
	height:69px;
	padding: 32px 0 0 85px;
	color:#e11c21;
	font-size:22px;
	position:relative;
}
/* fine homepage */
/* pagina due colonne */
.colonna1 {
	width: 612px;
	float: left;
	display: inline; 
	margin: 0;
	padding: 25px 0 45px 0;
	border: 0;
}
.colonna2 {
	width: 315px;
	float: left;
	display: inline; 
	margin: 0;
	padding: 25px 0 0 15px;
	border: 0;
}
/* box operatore */
.operatore{
	background: #fff url(images/banner_attivaconopertore.jpg) no-repeat 0 0;
	width:206px;
	height:155px;
	padding-left: 100px;
	float:left;
	margin-bottom:15px;

}
.operatore h2{
	color: #fff;
	
	font-size:18px;
	
	letter-spacing:-1px;
}
form p{
font-size: 11px;
padding-bottom:2px !important;
	
}
.notepriv{
	font-size: 9px;
	float:left;
	line-height:1;
	padding-right:20px;
}
input.prefix, input.tel{
	height: 10px;
}
input.prefix{width:30px !important; margin-right:4px;}
input.cont{
	text-decoration:none;
	padding: 2px 4px !important;
	margin-top:6px;
	background-color: #2e414b;
	border:0;
	color:#fff;
	font-size:13px;
	margin-right: 14px;
	float:right !important;
}
input.invia{
	text-decoration:none;
	padding: 2px 4px;
	background-color: #2e414b;
	border:0;
	color:#fff;
	font-size:16px;
	margin-right: 10px;
	margin-top: 15px;
}

form.raccogli input{
	float: left;	
	display:inline;
	padding: 4px 10px 4px 4px;
	
}
/* banner contattaci */
.contattaci{
	background: #fff url(images/banner_contattaci.jpg) no-repeat 0 0;
	width:226px;
	height:104px;
	padding-right: 80px;
	float:left;
	margin-bottom: 15px;
}
.contattaci h2{
	color: #fff;
	font-size:18px;
	padding-left:20px;
	letter-spacing:-1px;
	padding-top:6px !important;
}
.contattaci p{
	font-size: 14px;
	padding-top:20px;
	padding-left:20px;
	line-height:1.2;
}
.social-connectmi{
	background: #fff url(images/banner_social.png) no-repeat 0 0;
	width:291px;
	height:90px;
	float:left;
	margin-bottom: 15px;
	padding-top:14px; padding-left:15px;
}
.social-connectmi h2{color:#293f4d; font-size:16px; letter-spacing:-1px; margin-bottom:10px;}
.social-connectmi .social-button{float:left; display:block;}
.social-connectmi .social-button.facebook{width:139px;}
.social-connectmi .social-button.twitter{width:126px; margin-left:9px;}
/* fine banners*/
img.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}
img.alignright{
	float: right;
	margin: 0 0 10px 20px;
}
/* footer */
.footer {
	clear: left;
	width: 942px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size:11px;
	border-top: 1px solid #2e414b;
	color: #3a4c56;
	position:relative;
	padding:10px 0;
}
.firma{
	float: right;
	width: 124px;
	height:28px;
	display:block;
	margin-top:8px;
}
.footer a{
	color: #3a4c56;
	text-decoration:none;
}
.footer p,
.menufoot{
padding: 0;
margin:0;
}
.menufoot li{
	background-image: none;
	border-right:1px solid #3a4c56;
	display:inline;
	padding:0 5px 0 0;
	margin:0;
}
/* pagina start-smart-spazio */
.col{
	width: 260px;
	float:left;
	padding-right: 26px;
}
.piani{
	background: #f3f4f4 url(images/prezzitop.jpg) no-repeat 0 0;
	width:303px;
	float: left;
	margin-bottom:15px;
}
.piani h2{
	color: #ec132a;
	padding: 16px 8px 32px 8px;
	font-size:16px;
}
.price .stroke{padding-right:10px;}

.piani .stroke{
	text-decoration:line-through;
	display:inline-block;
}
.piani .desc{
width: 138px;
float:left;
padding: 4px 8px;
}
.piani .price{
text-align: right;	
float: right;
width: 128px;
padding: 4px 8px;
}
.noteprezzi{
float: left;
display:block;
width:295px;
padding-left:8px;
font-size: 11px;
font-style:italic;
border-bottom:1px solid #2e414b;
}
.piani .finale{
	border-top:1px solid #2e414b;
	padding-top:10px;
	float:left;
	width:303px;
}
.piani .prezzo{
	color:#e10e22;
	font-size:32px;
	font-weight:bold;
	text-align:right;
	margin-bottom:15px;
	padding-right:10px;
}
#accordion{
	margin-top: 25px;	
}

/* spazio wifi come funziona */
.boxframe{
	height:585px;
	text-align:left;
	margin-left:5px;
	
	background: #fff url(images/sfondocome.jpg) no-repeat 0 0;
}
.side{
	float:left;
	width:290px;
	padding-left:50px;
	padding-top:50px;
}
.side h3, .centerino h3{
	color: #e10e22;	
	padding-top: 40px;
	font-weight:800;
	font-size:15px;
	margin-left:8px;
}
.centerino{
	padding-top: 200px;
	float:left;
	width:500px;
	padding-left:50px;
	color:#3A4C56;
}
.centerino ol{
	padding: 0;
	margin:0;
}
.centerino ol li{
	list-style: none;
	padding:0 0 5px 22px;
}
.centerino ol li.un{
	background: #fff url(images/un.gif) no-repeat 0 0;	
}
.centerino ol li.du{
	background: #fff url(images/du.gif) no-repeat 0 0;	
}
.centerino ol li.tr{
	background: #fff url(images/tr.gif) no-repeat 0 0;	
}
.centerino ol li.qu{
	background: #fff url(images/qu.gif) no-repeat 0 0;	
}
.perchi{
	background-color: #fff;
	margin-bottom:10px;
	padding: 0 45px 10px 10px;
	float:left;
	width:535px;
}
.skeda{
	width: 400px;
	float:right;
}
.skeda h3{
	font-size: 14px;
	background-color: #e4e4e4;
}
hr{
border: 0;
clear:both;
}
.form_left{
	width: 35%;
	float:left;
}
.form_left input{height:20px;}
.form_contatti label,
.form_contatti input,
.form_contatti select,
.form_contatti textarea{
	width: 90%;	
	float: left;
	margin-bottom:8px;
}
.form_contatti .pref{
	width: 25% !important;
	float:left;
}
.form_contatti .tel{
	width: 60% !important;	
	float: left;
	
	margin-left:5px;
}
.form_right{
	width: 65%;	
	float: left;
}
/* correzioni */
#TB_window{
	z-index: 9999;	
	
}
.boxpriv{
	
	background-color:#fff;
	text-align:left;
	
}

/* Copertura
----------------------------------------------- */

.check-copertura {background: #F1F1F1; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:17px 0; text-align:center; margin-bottom:20px;}
.check-copertura .field {border:2px solid #CCC; vertical-align:middle; padding:3px; font-size:13px;}
.check-copertura h6 {font-family: 'Open Sans', sans-serif; font-size:12px; border-top:1px dotted #CCC; margin-top:10px; font-weight:bold; padding-top:30px; margin-bottom:0; padding-bottom:0; line-height:1.2; background:url(images/special.png) 20px no-repeat; height:52px; color:#666;}
.check-copertura h6 span {color:#e5251a;}
.check-copertura button {font-family:Arial, Helvetica, sans-serif; color:#FFF; overflow:visible; text-align:center; border-width:1px; background:#8EB100; padding:5px 20px; font-size:10px; font-weight:bold; text-transform:uppercase; margin-left:6px; overflow:visible; vertical-align:middle;}
.check-copertura button:disabled {color:#999; background:#CCC;}

#copertura-true {display:none; background:url(images/copertura-ok.png) 20px center no-repeat #F1F1F1; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:28px 0 28px 100px; font-size:11px;}
#copertura-true img {margin-bottom:6px;}
#copertura-false {display:none; background:url(images/copertura-no.png) 20px center no-repeat #F1F1F1; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:28px 0 28px 100px; font-size:11px;}
#copertura-false img {margin-bottom:6px;}
#copertura-non-telecom {display:none; background:url(images/copertura-non-telecom.png) 20px center no-repeat #F1F1F1; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:28px 0 28px 100px; font-size:11px;}
#copertura-non-telecom img {margin-bottom:6px;}

#copertura-wait {display:none; background:url(images/copertura-wait.gif) 10px center no-repeat #F1F1F1; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:28px 0 28px 90px; font-size:11px;}

#copertura-unavailable {display:none; background:url(images/copertura-unavailable.png) 10px center no-repeat #F1F1F1; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:28px 0 28px 90px; font-size:11px;}
#copertura-unavailable img {margin-bottom:6px;}

/* Overlay SpeedTest
----------------------------------------------- */

.overlay {
	background-color:rgba(255,255,255,0.5);
	width:100%;
	height: 100%;
	z-index: 995;
 	top: 0;
 	left: 0;
}

.overlay .frame-container {	
	text-align: center;
	background-color:#fff;
	width:635px;
	height:390px;
	left: -10px;
	overflow:hidden; 
	z-index: 996;
}
.overlay iframe {width:648px; height:490px; margin-top:-35px; margin-left:-10px; border:0; z-index: 997;}

.overlay .close {
	color:#CAD201;
	font-weight:bold;
	font-size:11px;
	position:absolute;
	display:block;
	top:3px; 
	right:3px;
	z-index:200;
	height:12px;
	z-index: 998;
}
.ui-accordion .ui-accordion-header{margin-top:5px !important; padding-bottom:3px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background-color:#fff !important; border-bottom:5px solid #f3f3f3 !important; border-radius:0 !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background-color:#fff !important; border-bottom:5px solid #F39300 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background-color:#fff !important; border-bottom:5px solid #f3f3f3 !important;}
.ui-widget-content{background-color:#f3f3f3 !important;}

#TB_window{border:1px solid #1C3F5C !important; padding:10px !important;}
body.no-bg{background:white !important;}
#TB_title{height:24px !important; line-height:24px !important;}
#TB_ajaxWindowTitle {padding:0 0 0 10px !important;}
.boxframe .side{padding:0 !important;}
#TB_closeWindowButton{background-image:url(images/close_popup.png); background-repeat:no-repeat; background-position:right top; display:block; font-size:0; line-height:0; width:20px; height:20px; margin-left:50px;}

.ui-accordion h3 {font-weight:normal;}
h3 strong{font-weight:600;}
.ui-accordion .ui-accordion-header{font-weight:600;}

#TB_iframeContent {margin-top: -33px !important;}
.boxframe .side{margin-top:20px;}
.boxframe .centerino strong{font-style:italic;}

input.error{border:2px solid #FF6826;}

.amico_testobignero{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1;
	line-height:25px;
	color:#2e414b;
	}
.amico_testobigrosso{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1;
	color:#ff0000;
	line-height:25px;
	}
.amico_piede{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1;
	}
.amico_link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1;
	color:#ff0000;
	text-decoration:none;
	}
.amico_link:hover{
	color:#ff6600;
	}
#facebox {
 
    /* overlay is hidden before loading */
    display:none;
 
    /* standard decorations */
    width:479px;
    border:10px solid #666;
 
    /* for modern browsers use semi-transparent color on the border. nice! */
    border:10px solid rgba(82, 82, 82, 0.698);
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
  }
 
  #facebox div {
    background-color:#fff;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	text-align:center;
  }
 
  #facebox h2 {
    margin:-11px;
    margin-bottom:0px;
    color:#fff;
    background-color:#6D84B4;
    padding:5px 10px;
    border:1px solid #3B5998;
    font-size:20px;
  }