@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

html { 
background: none; 
}
body {margin:0; padding:0; 
/*font-family: 'TitilliumRegular', Verdana;*/
font-family: 'Lato', sans-serif;
font-size:16px; text-align:center }
img { border:0}
a {text-decoration:none; color:#666 !important;}

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(/img/select.png) right no-repeat; padding:5px 5px 4px 5px;}
label {color:#666}


.telefono { padding:8px 5px 8px 5px !important; width:90% }
.prefisso, .telefono {font-size:16px; text-align:center; color:#090; 
border:2px solid #999; background:#fafafa }
.prefisso { padding:8px 5px 8px 5px !important;} 

.pin { padding:10px 10px !important; width:50%; margin:20px 0 40px 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 { display:block}
#logo-IF {display:none }
#accesso-IF {display:none }
 
#logo-sponsor img {margin:10px 0 20px 0; border:1px solid #ccc; padding:5px}

#mappa-hotspot {margin:2px auto;width:200px; padding:10px 0;text-align:center; }
#mappa-hotspot a { color:#333 !important; background:url(http://wifi.pisa.it/img/1_1.png) no-repeat left; padding:0 0 3px 25px}

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

.ita {border-right:0 !important; padding-right:0 !important; 
padding-left:25px !important; background-image:url(/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(/img/eng.gif); background-repeat: no-repeat; height:20px}


#corpo {margin:0px auto; background:#fff; width:380px;
color:#333; text-align:center; border:2px solid #fff;
box-shadow: 0px 0px 5px rgba(0,0,0,.2);
border-radius:10px;
 }

#menu-sopra {}
#menu-sopra ul {list-style:none; display:inline}
#menu-sopra li { display:inline; border-right:0px dotted #ccc; padding:0px 5px 0 5px;}
#menu-sopra li a {border-top:0px solid #1B376E; padding-top:0px}
.ultimo {border-right:0 !important; padding-right:0 !important}


#logo {text-align:center; margin:10px auto 20px auto}
#logo img {width:96%;}

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



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

#adv img {width:350px; height:100px}

.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 100px !important; font-size:16px;
background:#ff0000 url(/img/WiFly.png) no-repeat left !important; text-align:left;
background-size:auto 100%; width:auto !important; margin:0 35px !important}
.login-conferma a, .cerca-wifly a {color:#fff !important; }
.login-conferma:hover {background:#390}

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

.avviso {padding:0px 15px 10px 15px}
.avviso ol {text-align:left;}
.avviso li { margin:10px 0; padding:0; line-height:130%; font-size:18px;  
font-family: 'TitilliumBdBold', Verdana;}
.avviso li p {font-size:14px; 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 input {background:#090; color:#fff; border:0px; 
text-transform:uppercase;font-weight:bold;}

#accesso-Devitalia a, #accesso-IF a {text-decoration:none; border-bottom:0px solid #fff; color:#fff !important}
#accesso-Devitalia a:hover, #accesso-IF a:hover { text-decoration:none}


#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:5px auto 15px 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}

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

.bottone-procedi {background:#060; color:#fff; width:80%; 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}
.bottone-procedi:hover {background:#390}


#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%; font-size:13px}


#login.devitalia-ospiti h2 {font-size:28px; font-weight:bold; text-transform:uppercase; margin-top:40px}
#login.devitalia-ospiti p {font-size:18px; font-weight:bold; color:#145418; margin:25px 0 35px 0}
#login.devitalia-ospiti .login-conferma { background:#145418}

.pulisci {clear:both}