.mobile {display:block}

#top {height:30px; }
#top-menu { margin:5px 0 0 0; }
#top-menu li  {margin-right:3px; padding-right:3px;  }

#testata {margin:20px 0 0 0 !important}


html { 
  background: url(../images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {margin:0; padding:0;
font-size:15px; text-align:center }
img { border:0}
a {text-decoration:none; color:#666 ;}
.pulisci {clear:both}


.mobile {display:block}
.desktop {display:none !Important}


.header .header-lingue {float:right; margin:0px 10px 0 0; top:0; right:0 !important; position:absolute}
.header-lingue li {display:inline; font-size:13px}
.header-lingue li a { color:#fff; margin:0 0 0 5px; font-weight:normal}

#header-mobile {margin-bottom:40px}

#hotspot-info {background:#730000; padding:5px 0}
#hotspot-info span {background:url(../images/icon/hotspot.png) left no-repeat;
padding-left:20px; font-size:13px} 
#hotspot-info a {color:#fff !important; border-bottom:0px dotted #fff; }

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:95%;
-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; 
 text-align:center; font-size:14px; text-align:left }
select {width:98%;}

#testata {margin:20px 0}
#testata-home { text-align:center; margin:10px 0 -30px 0 !important } 

.wrapper,.wrapper-testata {width:100% !important; min-width:100%; padding:0; margin:0px;  }
.wrapper-testata { background:#fff}

.interna {text-align:left; background:#fff; padding:0px 20px; margin-bottom:50px}
.interna h1 {font-size:24px; text-align:center; margin:70px 0 30px 0; display:none}

.interna-hotspot {text-align:left; padding:0 20px}
.interna-hotspot h1 { display:none}
.interna-hotspot figure {width:100%; text-align:left}

.interna-areapersonale h1 {font-size:24px; text-align:center; margin:60px 0 30px 0;
background:#460909 !important; color:#fff; padding:20px 0; text-transform:uppercase}


#fascia, #fascia-sx { height:auto; margin-top:40px;}
#fascia {background:url(../images/ponte.jpg) center; }
#fascia-sx { width:auto; float:none; margin:0px 0;padding:40px 30px 30px 30px}
#fascia-sx .condizioni {margin:30px 0 10px 0;font-size:15px }

.cmxform {width:auto !important; margin:0 0px 0px 0px !Important}
.mt-20 {margin:0 0 15px 0 !important; width:100%; float:none; margin:auto } 
.cmxform label {font-weight:bold; color:#000;}

.form-verifica input { text-align:center; font-size:24px}

.form-telefono {padding:25px 15px 15px 15px}
.form-telefono .form-telefono-prefisso,
.form-telefono .form-telefono-numero {width:100%; float:none; margin:0 0 15px 0}

.registrati, .verifica {margin:auto;  float:none; width:100% !important}

.interna-abilitato, 
.interna-errore {margin:50px 10px 80px 10px}

.interna-areapersonale  {width:94%; margin:20px auto 40px auto}

.interna-errore h1 {color:#c00; font-size:24px}
.interna-errore a {text-decoration:underline; color:#090; font-weight:bold;} 

	#menu-accesso {margin:0px 0 50px 0;}
	#menu-accesso h1 {margin-bottom:20px}
	#menu-accesso h4 {font-size:20px; }
	.menu-accesso-sx, .menu-accesso-dx {width:100%; float:none; background:#eee; padding:10px 0 30px 0 }

	#menu-privato li { width:100%; float:none}

	#menu-privato {margin:0px 0 30px 0 !important; text-align:center}
	#menu-privato li {margin:5px 4%;padding:25px 0; width:92% !important; float:none}	



.interna-areapersonale table {width:100%; margin:20px auto 0 auto}
.interna-areapersonale table td {border: 1px solid #ccc; padding:5px}
.interna-areapersonale table th {background:#333; color:#fff; padding:5px}


#footer p {font-size:13px}


#mappa {height: 98%; margin:auto; overflow: hidden; font-size:12px;}

#side_bar {padding:10px 10px 40px 10px; margin:auto; display:none; 
position:absolute; right:2%; left:2%; bottom:2%; height:110px; z-index:9999;
opacity:.95; text-align:left;
background:#fff;
box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-transition: top 1s ease, left 1s ease;
-moz-transition: top 1s ease, left 1s ease;
-o-transition: top 1s ease, left 1s ease;
-ms-transition: top 1s ease, left 1s ease; 
}
#side_bar h2 {text-align:center; font-size:14px; text-transform:uppercase; margin-bottom:10px}
#side_bar ul { height:100%; overflow-y:scroll;}
#side_bar li {margin-bottom:5px; padding:0 0px 5px 22px; 
font-size:15px; background-repeat:no-repeat; }
#side_bar li a {color:#333}
#side_bar li a:hover {color:#c00}
#side_bar .numero {background:#ccc; padding:0 5px}

.fumetto { width:230px; }
.fotina { display:none}
.fumetto h3 {text-transform:uppercase; font-size:16px;}
.info {color:green; }

#siti-lista {}
#siti-lista li {width:98% !important; float:none; margin:10px 1% 10px 1%} 


