﻿
/*

con la classe rh-300 la uso per nascondere gli elementi tra le pagine 

*/

@media only screen and (max-width: 479px){
  div.wrapper { width: 100%; }

  #toplogo {padding-bottom:5px;}
  #logo { margin: 0px 0px 0px 10px; float:none; text-align:center;}
	#logo img { width: 280px; margin: 0px; }

  #topbar { text-align:center;}
  #topnav { background: none; position:relative; display:inline-block; height: 30px; margin: 0; padding: 0; width: 280px; }
	#topnav #menu-top { display: block; }
	#topnav ul { display: none; }
  #menu-top { width: 280px; }
  div.top, #logo-agestanet, #totale, .banners, .box_addsense, #col_left, .responsive-h, #mappa, .rh-300 { display: none; }
	#ricerca.modulo, #thumbs, #mapzoom, .showcont { display: none !important; }
	
	.rs-w { width: 100% !important; }
		
		
	.rsp-img { width: 100% !important; height: auto; }
	.rsp-img-max { max-width: 100% !important; height: auto; }
	.rsp-sof-age { float: none !important; max-width: 100% !important; }
	
	.lista li { margin-bottom: 10px; }
		
	#topbar { width: 100%; padding: 20px 0 0 0; height: 30px; }
	
	
	#footer { width: 100%; padding: 20px; box-sizing: border-box;}
	#footer .footbox { margin: 0px; width: 48%; margin-bottom: 15px; box-sizing:border-box;}
  #footer .footbox:nth-child(even) {margin-left:4%;}
  #footer .footbox .h2 {font-size:13px; height:auto; line-height:13px; font-weight:bold;}
	#footer ul { margin-left: 0px; }
	#footer li { margin-bottom: 10px; }
	#footer a { font-size: 12px; line-height: 11px; }
  #breadcrumb, #copyright { width: 100%; box-sizing: border-box;}

	#breadcrumb ul { margin: 0; box-sizing: border-box;}
	
  .DivSelect {float:left;}
	.DivSelect div { padding-left: 0px; }
	.DivSelect select { padding-left: 6px; outline:0;}
	
	#str_zona.multi300 { margin: 40px 0 0; width: 278px; }
	
	/* --------- HOME -------- */
	
	#formricerca { height: auto; text-align:center;}
  #formricerca .ricerca_a_destra { height: auto; margin: 0 0 10px 0; width:100% }
	#formricerca .ricerca_a_destra .DivSelect { width: 190px !important; }
	#formricerca .ricerca_a_destra .DivText { width: 60px !important; }
	#formricerca .info_destra { height: auto; width: 280px; padding: 0px; border: none 0px; margin: 10px; display: none; }
	#formricerca .info_destra a { display: inline !important; margin-left: 37.5px; }
	#formricerca #str_zona { width: 190px !important; }
	.titolopunta { font-size: 18px; }
  #ricerca label {padding-left:5%;}

	#imageline { width: 100%; }
	#imageline li blockquote { font-size: 11px; line-height: 13px; margin-bottom: 0px; }
	#imageline li { border: none 0px; padding: 0px; margin: 0px; height: auto; width: 100%; }
	#imageline li p.readmore { position: static; }
	
	/* --------- AGENZIA ---------*/
	
	#login_area_riservata { display: block !important;  border-bottom: 0px none; } 
	.box_login { height: auto; } 
	
	/* --------- FINESTRA LOGIN ---------- */
	
	#cboxWrapper {  }
	
	/* --------- stile immobili.asp */
	#col_left {width:100%;}
	#search { width: 100%; background-image: none;  box-sizing:border-box;} 
	#search label { width: 100px; font-size: 12px; }
	#search #str_zona { margin-left: 100px; }
	.separatore { height: 7px; }
	
	#tabs { margin: 0 15px; }
	#tabs li.active a { padding: 4px 8px 5px; }
	#tabs li.active a:hover { padding: 4px 8px 5px; }
	#tabs li a { padding: 4px 8px; }
	
	.tab_content { padding: 0 15px; }
	.annuncio_list { margin-top: 20px; }
  .annuncio_list * {box-sizing:border-box;}
	.annuncio_list .annuncio_social { display: none; }
	.annuncio_list .annuncio_foto { width: 100%; text-align: center; }
	.annuncio_list .annuncio_desc { width: 100% !important; text-align: justify; padding-bottom: 30px; }
	.annuncio_list .annuncio_desc.rsp-imm-des { padding-bottom: 0px; }
	.annuncio_list .riquadro_desc { height: auto; font-size: 11px; }
	.annuncio_list .imm_age { position: static; margin: 5px 0; }
	
	.annuncio_gallery { margin: 10px 0px; width: 100%; padding: 15px;  box-sizing:border-box; height:auto;}
	.annuncio_gallery .annuncio_foto { width: 100%; }

	#tabmappa * {box-sizing:border-box;}
	#tabmappa #mappa { display: block; width: 100% !important; box-sizing:border-box; left:0; top:0; margin:10px 0;}
	.annuncio_mappe { width: 100%; box-sizing:border-box; margin:5px 0px; padding:10px;}
	.annuncio_mappe .mappe_img { width: 24px; }
	.annuncio_mappe .mappe_test { width: 90%; }

  #results, #results_top { width: 100%; box-sizing:border-box; }
  #results .pagine {padding-bottom: 40px;}
  #results .pagine .numpag-left { margin:0 3px 0 0; width:auto;}
  #results .pagine .numpag-right {margin:0 0 0 2px; width:auto;}  
  #results .pagine .numpag-right:after {content:' '; display:block; clear:both}  
	#results .pagine .numpag-left { margin-bottom: 10px; padding: 4px; }
	#results .pagine .numpag-right { margin-top: 10px; padding: 4px; }
	#results .pagine .numeropagine li a { padding: 4px; }
	#results .pagine .numeropagine li { margin: 0 0 0 4px; }
  #results.rs-w-p { width: 100% !important; padding: 0 10px; }
  #results .pagine .numeropagine { float:left; }
	
	.banner_immobile { margin-left: 0px; display: block; width: 100%; height: 52px; background-image: url('../images/richiedi_immobile_phone.png'); background-repeat:no-repeat; background-position:center center; }
	.banner_immobile img { display: none; }
	
	#tabs_container { padding-top: 5px !important; }
	.miobottone.chiudi { display: none; margin-bottom: 0px; }
	#btn-ricerca { display: inline-block;  margin-bottom: 0px; }
	.btn-mobile { display: block; text-align: center; }
	
  .lista {width:100%;}
	

	/* ---------- stile immobilie_dettaglio ----- */
	
	#container { width: 100%; padding: 10px; box-sizing:border-box;}
	#container .prezzo { margin: 0px; position: static; width: auto;  }
	#columnleft, #columnright, #googlemap, #googlemap iframe { width: 100%; margin: 0px; }

  #mag-dettagli ul li {width:100%;}
	#richiesta-destra { width: 100%; }
	.columnright, .columnright2, .columnright3 { padding: 5px; width: 100%; box-sizing:border-box;}
	#container .columnright ul { padding: 0px; margin: 10px 0px; }
	.columnright3 ul li { margin-bottom: 5px; }
	.filtri { font-size: 12px; }
  #container .columnright2 .h2 {margin-top:5px}
	
	#richiesta-destra .DivText { width: 100% !important; }
	#richiesta-destra textarea { width: 100% !important; max-width: 100% !important; }
	.l-datipersonali { width: 160px !important; }
	
	.img-classeenergetica { width: 100% !important; }
	
	.an_text { font-size: 11px; line-height: 15px; }


	/* Slider foto */
	#gallery { width: 100%; }
	div.slideshow-container { height: 310px; }
	div.slideshow a.advance-link { width: 100%; height: 310px; line-height: 330px; }
	div.slideshow img { max-height: 100%; max-width: 260px; }
	span.image-caption { width: 100%; }

  #jssor_1 img.cboxElement {position:relative!important; display:block!important; margin:0 auto!important; width:auto!important; max-width:100%!important;}


	/* - PAGINA CERCO/OFFRO - */
	
	.ric-off-main { width: 100%; position: static; margin: 0px; left: 0px; }
	.ric-off-imm .DivText, .ric-off-imm .DivSelect, .ric-off-imm textarea, .ric-off-imm .lbl-txtarea { width: 100% !important; }
	.ric-off-imm .DivText.little { width: 40% !important; clear: both; }
  .ric-off-main #ricerca label {font-weight:bold; padding:0; margin-bottom:2px;}
	
	/* - Agenzie immobiliari - */
	
  #banner * {box-sizing:border-box;}
	#banner .box_login { margin: 10px !important; width: 95% !important; box-sizing:border-box;}
	#banner .box_login .titolopunta { font-size: 16px; background:none; border-bottom:1px #F00 solid; padding-bottom:5px; margin-bottom:10px; height:auto;}
	.agenzia_list .agenzia_foto { float: none; }
	.agenzia_list .annuncio_desc { font-size: 11px; line-height: 13px; }
	.agenzia_list .agenzia_foto img {height:150px;}

	/* - REGISTRATI - */
	
	.reg-main { width: 100%; position: static; margin: 0px; left: 0px; }
	.reg-from .DivText, .reg-from .DivSelect, .reg-from textarea { width: 100% !important; }
	.reg-from .ric-lbl-privaci { width: 100% !important; }
  #ricerca.reg-from label {font-weight:bold; padding:0; margin-bottom:2px;}
	
	/* - IMMOBILI AGENZIA - */
	
	#dettaglio_agenzia { height: auto; text-align: center; }
	#dettaglio_agenzia img { float: none !important; margin: 0 auto; }
	#dettaglio_agenzia div { float: none !important; margin: 10px 0 0 0 !important; width: 100% !important; text-align: left; }
	
	/* - ANNUNCI TOP - */
	
	.rsp-img-top { width: 100%; }
	
	/* - CONTATTI - */
	
	#columnmenu { width: 100%; margin: 0px; min-height: 0px; padding-bottom: 5px; margin-bottom:20px}
	#columnmenu ul li { width: 100%; }
	#columnmenu ul li a { font-size: 16px; }
	
	#columncontainer { width: 100%; margin-top: 10px; }
	#columncontainer input { width: 145px !important; }
	#columncontainer select { width: 145px !important; }
	#columncontainer textarea { width: 145px !important; height: 50px !important; }
	
	#columncontainer #but_invia { width: 180px !important;  }
	
	.ris-natale { display: none; }
	
}