/* classi speciali 
	.tabNonCambiare: da inserire sulle tabelle che non vuoi cambiare in div (rimangono tabelle)
	.nonMostrare: per togliere un specifico elemento dalla versione mobile
*/
 
.preload{
	color:silver;
	margin-top:40px;
}

tbody{
	width:100%;
}

#menuTopContainer{
	position:fixed;
	top:0px;
	width:100%;
	max-width:100%;
	height:30px;
	left:0px;
	z-index:99;
}

#menuTop2{
	width:100%;
	height:20px;
	max-width:100%;
	color:white;
	background:#1f7eff ;
	line-height:20px;
	font-weight:bold;
	text-align:left;
	text-indent:20px;
	cursor: pointer;
}
#menuTop{
	width:100%;
	height:46px;
	max-width:100%;
	color:#004A7F;
	background:#EAEAEA;
	line-height:30px;
	font-weight:bold;
	font-size:30px;
	text-align:left;
	text-indent:10px;
	cursor: pointer;
	font-family: "Corben";
	background-image: url('/londra_logo2.png');
	background-size: 189px 43px;
	background-repeat: no-repeat;
    background-position: 50%; 

}
#menuTopContent{text-align:left;height:350px;overflow:auto !important;background:white;box-shadow:0 0 2px blue;-webkit-overflow-scrolling:touch;}
#menuTopContent a {display:block !Important}
#menuTopContent img {display:none !Important}
#menuTopContent > *{-webkit-transform:translateZ(0px);}
#menuTopContent div{margin-left:20px;}
#menuTopContent p{padding:0px;width:100%;max-width:100%;display:block;border-bottom:solid 1px #314092;text-align:left !important;text-indent:20px;padding:3px 0;}
#menuTopContent2{text-align:left;height:250px;overflow:auto !important;background:white;box-shadow:0 0 2px blue;display:block;width:100%;-webkit-overflow-scrolling:touch;}
#menuTopContent2 > *{-webkit-transform:translateZ(0px);}
#menuTopContent2 div{margin-left:20px;}
#menuTopContent2 p{padding:0px;width:100%;max-width:100%;display:block;border-bottom:solid 1px #314092;text-align:left !important;text-indent:20px;padding:3px 0;}


#menuTopArrow
{
  position: absolute;
  left: -5px;
  top: 0.14em;
  bottom: 0.14em;
  font-size:50px;
text-shadow: 2px 2px #CCCCCC;

}

@media all and (max-width: 300px) {
	 td.olimpiadi { 
		padding:0px;
		width:280px !Important;
		max-width:100% !Important;
     margin: 0 auto;
	 text-align:center;
	 border:none !Important;
display:none !Important;
	}
}

@media all and (max-width: 600px) {
	
	.td{ 
		margin-left:0px !Important; margin-right: 0px !Important;
	}
	
	#table19{ 
		font-size:14px !important; font-weight:normal; 
	}
	
	.home_img  { 
		display:none; 
	}
	
	.no{

    display:none; 

    }
	.info1{

    width:100%!Important;

    }
    td.olimpiadi { 
		padding:0px;
		width:320px !Important;
		max-width:100% !Important;
     margin: 0 auto;
	 text-align:center;
		 border:none !Important;
	 display:none !Important;
	}
	
    .share { 
		width:100% !Important;
		max-width:100% !Important;
	}
	
		
    .numerotel { 
		padding:2px;
		background-color:#EAEAEA;
	}
	
	
	#table19 p{ margin:0px !important; } 		#table92 p{ margin:0px !important; } 
	.cornice{
		padding:0px !important; 
		margin:0px;
		box-shadow:none !important;
		border:none !important;
	}		table.main_alto{width:100%; max-width:100%;}	    
	table.top{ margin-top:15px !important; width:100%; max-width:100%;} 		span.titolo {color:#003366; font-family: "Corben","Georgia"; font-size:40px;}
	
	
	table.scheda_home {
		display:none;
	}
	
	.cornice{
		padding:0px !important; 
		margin:0px;
		box-shadow:none !important;
		border:none !important;
	}
	
	
	.cornice1{
		padding:0px !important; 
		margin:0px;
		box-shadow:none !important;
		border:none !important;
	}
	
	.cornice2{
		padding:0px !important; 
		margin:0px;
		box-shadow:none !important;
		border:none !important;
	}

	
	td.ricerca_alto, tr.home_desk {
		display:none !Important;
	}
	
	.tube {
     display:none;
     }
	.cornice input{
		display:block;
	}
	h1  {
		display:block !Important;
	}
		.left{ 		display:none !Important;	}	
	.titolo_alto font{ display:block; }
	
	/* form google basso */

	#table18 td{
		display:block;
		white-space: normal !important;
	}
}

@media all and (max-width: 600px) {
	div{
		display:inline-block;
		max-width:100%;
	}    	
	center { 
    text-align: left !important
    }
	/* .add_left{
		display:none;
	}	 */	
	
	.add_left{
	margin:0 auto !Important;
	}	 
	
	
	.imghome {display:none;}
	
	table.top {	
	max-width:100% !important;
	display:block !important;}

	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: 100%;
	}
	
	map{
		width:100%;
		max-width:100%;
	}		
	
	td.left{width:100%;		max-width:100%;	}		
	
	td.interno {		width:100% !Important;		max-width:100% !Important;	}

	body{
		margin-top:40px; 
		width:96%;
		max-width:96%;
		margin-left:auto;
		margin-right:auto;
		background-image: none !Important;
	}

	/* logo di diverse dimensionni */
	img.logo {
/* 		max-width:200px !important;
		max-height:129px !important;	    
		display: block;
		margin-left: auto;
        margin-right: auto; */
		display:none;
	} 
	
	div.voli{
	    display: none;
	}
	
	.left{ 
		display:none !Important;
	}			
	div.voli  {		max-width:100%;		width:300px;; float:left;margin-top:20px;margin-bottom:20px;padding-botttom:10px !important;	}
	
	table {
		display: block;
	}
	div.footer {
		display:block;
		max-width:100% !important;
		width:100% !important;
	}
	
	div.footer  img{
		display:block;
		max-width:100% !important;
	}
	
	td, th{
		display: block !important;
		margin:0px;
		padding:0px;
		max-width:100% !important;
	}

	.main{
		max-width:100% !important;
		border:none !important;
		box-shadow: none !important;
		overflow: visible !important;
		overflow-x: hidden !important;
		overflow-y: hidden !important;
		margin-top:0px !important;
		display:block;
	}	

	.content{
		display:block;
		max-width:100% !important;
		width:100% !important;
	}
	
	.content{
		display:block;
		max-width:100% !important;
		width:100% !important;
	}
	
	td.content p {
    max-width:95% !Important;	
	margin-right:0px !Important; margin-left: 0px !Important;
	line-height:2.02em !Important; 
	font-size:1.1em;
	}
	
	.bookmark{font-size:13px !important;-webkit-text-size-adjust:100%;}

	hr {max-width:90%;-webkit-text-size-adjust:100%;}
	.alto_add_host{
		max-width:98%;
		width:100%;
		margin-top:10px;
	}
	
	/* annuncio in alto */
	div.alto_add {
		/* display:none !important;    */
		max-width:100%;
		width:100%; 
	}
	
	div.alto_add  td{
		/* display:none !important;    */
		max-width:100%;
		width:100%; 
	}
	
	/* class annuncio 356 trovato in citta' */
	.cormetz2{
		max-width:100%;
		width:100%;
	}
	  
	.wrapper{
		display:none;
	}
	
	object{
		display:none;
	}			span.titolo{ display:block; }
	
	#table93 td{
		width:100% !important;		display:block; 
	}		#table93 span{      		width:100% !important;		display:block; 		clear:both;	}		
	
	td.search_home {display:none !Important;}
	
	div.share_home {display:none !Important;}
	
	
   #table93 {	width:100% !important;	}
	#table92{
		margin-top:10px;
		width:100%;
		background:#eaeaea;
	}
	    table.uno {		display:block Important; 	}
	
	.newsletter{
		width:100% !important;
		border:none !important;
		border-radius:0px;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
	#slider{
		max-width:100% !important;
		width: auto !important;
		height: auto !important;
		left:0px !important;
		background-repeat:no-repeat !important;
		background-size:contain !important;
		background-position:center !important;
	}
	
	.home_2{
		max-width:100% !important;
		width:100% !important;
		border-radius:none !important;
		margin:0px !important;
		padding:0px !important;
		border:none !important;
	}
	
	.home_2 td{
		width:99%;
		border:none !important;
		padding:0px !important;
		border-bottom: solid 1px #D5E2EF !important;
		padding:5px 0 !important;
	}
	
	.home_2 td img{
		width: 100px;
	}
	
	
	p.cornice img{
		width: auto;
	}
	
	.home_2 p img{
		width: auto;
	}
	

	
	/* middle share */
	table.share{
		max-width:100% !important;
		width:100% !important;
		border:none !important;
		box-shadow:none !important;
		margin:0px !important;
		padding:0px !important;
		text-align:left !important;
		border-top:solid 1px silver !important;
		border-bottom:solid 1px silver !important;
		height:auto !important;
		background: #D5E2EF !Important;
		margin-top:5px !important;
		margin-bottom:5px !important;
		padding-top:2px !important;
		padding-bottom:2px !important;
		display: inline-block;
		/* display:none; */
	}
	
	table.share td{
		max-width:100% !important;
		width:100% !important;
		border:none !important;
		box-shadow:none !important;
		margin:0px !important;
		padding:0px !important;
		text-align:left !important;
		border-top:solid 1px silver !important;
		border-bottom:solid 1px silver !important;
		height:auto !important;
		background: #D5E2EF !Important;
		margin-top:5px !important;
		margin-bottom:5px !important;
		padding-top:2px !important;
		padding-bottom:2px !important;
		display:inline !Important;
		/* display:none; */
	}
	
	.share span{
		margin: 1px 0 !important;
	}

	
	span.st_fblike_hcount, span.st_email_hcount {
		display:none !Important;
	}
	
	
	
	/* laterale share */
	.no_div{ display:none; }
	.addthis_toolbox{
		display:none;
	}
	
	#feedback_but{ display:none; }
	p{ margin:0px; padding:0px; }
	
	
	/* citta main2 */
	.main2{
		max-width:100% !important;
		width:100% !important;
		border:none !important;
		text-align:left;
	}
	
	.main2 table{
		max-width:100% !important;
		width:100% !important;
		border:none !important;
	}
	
	/* altre versioni main */
	.main3{
		max-width:100% !important;
		width:100% !important;
		border:none !important;
		text-align:left;
	}
	
	.main3 table{
		max-width:100% !important;
		width:100% !important;
		border:none !important;
		text-align:left;
	}
	
	
	/* cerca ostelli */
	.imp_search{
		width:100%;
		max-width:100%;
	}


	/* tabble37,  divisioni paesi. es: informagiovani-italia.com/viaggiare_in_europa.htm */
	#table37 td{
		text-align:left !important;
		display:block;
		border:0 !important;
	}
	#table37{
		border:0 !important;
	}	
	
	/* table commenti */
	.commenti{
		width:100% !important;
		max-width:100% !important;
	}
	
	/* tag speciali */
	.tabNonCambiare{
		max-width:100% !important;
		display:table;
		width:100% !important;
	}
	
	.tabNonCambiare table{
		display:table !important;
		max-width:100%;
	}

	.tabNonCambiare td{
		display:table-cell !important;
	}


	.tabNonCambiare tr{
		display:table-row !important;
	}

	.tabNonCambiare th{
		display:table-row !important;
	}

	.nonMostrare{
		display:none !important;
	}
	
	/* tabella cerca hostel */
	.imp-search{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		width:99%;
	}
	
	/* mappa in hostel */
	.open_map, .riga_list{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		width:100%;

	}
	/* Sticky */
#sticker.stick {
    position: fixed;
    top: 35px;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}
 /*Banner Footer */
#banFoo {
    width: 100%;
   height: auto;
   display:initial;
}

}
@media all and (max-width:600px){
body img{max-width:290px; max-height:290px;}
}

div.alto_add  {border:6px solid #D8D8D8; #D5E2EF;}
