@charset "utf-8";
/* CSS Document */

html {
background:#fff !important;

}

body {
margin:0; padding:0; 
font-family: 'TitilliumRegular', Verdana;
font-size:13px; margin:auto; text-align:center}
img { border:0}


input, select, textarea {border:1px solid #adadad; 
-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;}
input, select { padding:10px 5px; border:1px solid #ccc; width:98%; 
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; 
 text-align:center; font-size:14px; text-align:left }
select { background: #f7f7f7 url(http://hotspot.devitalia.it/img/select.png) right no-repeat; padding:5px 5px 4px 5px;}
label {color:#666}
.prefisso {font-size:20px } 
.telefono { padding:10px 5px !important; width:97%; font-size:20px}
.pin { padding:10px 10px !important; width:50%; margin:10px 0 10px 0; 
border:2px solid #13AA02; color:#13AA02; background:#fafafa; 
font-size:36px; text-align:center}

#checkbox {border:1px solid #ccc; width:20px !important}
.radio {border:0 !important; margin-right:10px; width:15px; margin:auto; height:15px;}

.debug {height:150px; width:98%; margin:auto;}

#accesso-Devitalia { } 
#logo-IF {display:none}
#accesso-IF {display:none}

#logo-sponsor img {margin:10px 0 20px 0; border:1px solid #ccc; padding:5px}

#mappa-hotspot { display:none }

#logo {text-align:center; margin:auto}
#logo img {width:100%;  text-align:center}

#adv img {width:100%; height:auto}


#login {margin:10px 20px 10px 20px;  text-align:center;
padding:20px; font-size:14px; background:#fafafa; border:1px solid #bbb;
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; }

#scegli-lingua {margin:0px auto 0 auto; 
text-align:center; text-transform:uppercase}  
#scegli-lingua li { list-style:none; display:inline; 
margin:0;  text-align:right;}
#scegli-lingua li a {padding:0 0px !important; color:#333; text-decoration:none}
#scegli-lingua li a:hover {background:#fff; color:#333}
#scegli-lingua .selezionato {background:#fff; color:#333; font-weight:bold}

.ita {border-right:0 !important; padding-right:0 !important; 
padding-left:25px !important; background-image:url(http://hotspot.devitalia.it/img/ita.gif); 
background-repeat: no-repeat; height:20px}
.eng {border-right:0 !important; padding-right:0 !important; 
padding-left:25px !important; background-image:url(http://hotspot.devitalia.it/img/eng.gif); 
background-repeat: no-repeat; height:20px}

#corpo { 
background:#fff !important; border:0 !important;
padding:0 0 10px 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-transition: none;
-moz-transition: none; width:100%;
}

.tabula{ margin:0 20px;
border-width: 1px; 
border-collapse: collapse; 
border-color: #c1c1c1; 
background-color: transparent;
font-family: verdana;
font-size: 11px;
}

.login-conferma,
.cerca-wifly, 
.logout-conferma {margin:10px auto 20px auto !important; background:#060; color:#fff; width:80%; padding:10px 20px; text-align:center;
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;   border:0; background:#069;}

.logout-conferma { background-color: #333333; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#333333',EndColorStr='#666666');}
.cerca-wifly {background-color: #ec2b39; padding:20px 0px 20px 90px !important; font-size:15px;
background:#ff0000 url(http://hotspot.devitalia.it/img/WiFly.png) no-repeat left !important; text-align:left;
background-size:auto 100%; width:auto !important; margin:0 15px !important}
.login-conferma a, .cerca-wifly a {color:#fff !important}

.indietro {margin-top:20px;}
.indietro a { color:#333; padding-left:20px; background:url(http://hotspot.devitalia.it/img/back.png) left no-repeat}


.avviso {padding:0px 5px 10px 5px}
.avviso ol {text-align:left;}
.avviso li { margin:10px 0; padding:0; line-height:120%; font-size:16px;  
font-family: 'TitilliumBdBold', Verdana;}
.avviso li p {font-size:13px; font-family: 'TitilliumRegular', Verdana;}

#accesso-Devitalia, #accesso-IF {margin:0px auto 10px auto;
padding:10px 5px; width:75%; 
background:#090; 
border-top:0px solid #ccc; border-bottom:0px solid #ccc; font-size:14px;
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; 
text-transform:uppercase; font-family: 'TitilliumBdBold', Verdana; 
}

#accesso-Devitalia a, #accesso-IF a {text-decoration:none; border-bottom:0px solid #fff; color:#fff !important}
#accesso-IF {margin:10px auto; padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px}

#scegli-wifi table {}
#scegli-wifi td {background:#eee; -webkit-border-radius: 12px; padding:10px; text-align:left}
.coupon { background:#006600 !important; padding-top:15px; text-align:center;  color:#fff !important}
.coupon_gratuito { color:#fff !important}

.bottone-procedi {background:#060; color:#fff; width:60%; margin:40px auto; padding:10px 20px; text-align:center;
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;   border:0; background:#069;}
.bottone-procedi a { color:#fff !important; text-decoration:none}
.bottone-procedi:hover {background:#390}


#persempreconnesso {margin:10px 10px}
#persempreconnesso input { border:0 !important}
.persempreconnesso-avviso {margin:20px 20px; text-align:left }
.persempreconnesso-avviso p { font-size:13px; }
.persempreconnesso-avviso input { text-align:center !important}

.persempreconnesso-bottone a {text-decoration:none; border-bottom:0px solid #fff; color:#fff !important}
.persempreconnesso-bottone a:hover { text-decoration:none}
.persempreconnesso-bottone {margin:0px auto 10px auto;
padding:10px 5px; width:75%;  text-align:center;
background:#ccc; 
border-top:0px solid #ccc; border-bottom:0px solid #ccc; font-size:14px;
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; 
text-transform:uppercase; font-family: 'TitilliumBdBold', Verdana; 
}


#footer {margin:10px auto 20px auto; padding-top:10px; border-top:0px solid #ddd}
#footer img {height:50px}

#footer-pagamento {margin:20px auto 0px auto; padding-top:10px; border-top:1px solid #ddd}

#recupera-dati a {color:#333 !important; text-decoration:none !important; font-size:12px; text-transform:uppercase}

#errore {color:#AA00E1; background:#fff; border:2px dotted #AA00E1;	font-size: 15px; padding:30px 0; text-align:center; margin:20px 10px 20px 10px}
#avviso {color:#AA00E1; background:#fff; border:2px dotted #AA00E1; font-size: 15px; padding:30px 0; text-align:center; margin:20px 10px 20px 10px}

#avviso-richiedi-accesso p {color:#060; margin:0px 10px 5px 10px; line-height:140%}

.pulisci {clear:both}