/*###########################################################*/
/*################ EXTRA SMALL SCREEN - PHONE ###############*/
/*###########################################################*/
@media screen and (max-width: 599px),
screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2){ /* S3 */

	/*body{
		background-color: red;
	}*/

	/* TESTATA */
	
	div#testata{
		text-align: center !important;
		margin: 0 auto;
		width: 100%;
		min-width: 320px;
	}

	div#testata a#logo{
		float: none;
		display: block;
		width: 179px;
		height: 96px;
		margin: 74px auto 15px;
		padding: 0;
	}

	div#testata div.menusocialsmart{
		background-color: #E4E4E4;
		color: #000;
		float: left;
		width: 100%;
		display: relative;
	}
	
	div#testata form  {display: none;}
	
	div#testata div.menusocialsmart form{
		background-color: #E4E4E4;
		color: #000;
		display: none;
		float: left;
		width: auto; 
		position: absolute;
		top: 38px;
		right: -40px;
		z-index: 1000;
		padding: 8px 20px;
	}
	
	div#testata div.menusocialsmart a.togglericerca{
		background-image: url(../img/sfondo_ricerca_resp.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 40px;
height: 50px;
		width: 49px;
		display: block;
		float: right;
		margin: 5px 20px 0 0;
	}
	
	div#testata div.menusocialsmart a.togglericerca span{
		display: none;
	}

	div#testata div.menusocialsmart ul{
		margin: 0;
		padding: 0 10px;
		float: none;
		list-style: none;
	}

	div#testata div.menusocialsmart li{
		padding: 8px 0;
		margin: 0;
		float: left;
	}

	div#testata div.menusocialsmart li a{
		background-image: url(../img/icona_facebook_resp.png);
		background-repeat: no-repeat;
		background-position: center center;
		font-size: 0.95em;
		padding-right: 4px;
		float: left;
		width: 32px;
		height: 32px;
width: 42px;
height: 42px;
	}
	
	div#testata div.menusocialsmart li.twitter a{
		background-image: url(../img/icona_twitter_resp.png);
	}

	div#testata div.menusocialsmart li.youtube a{
		background-image: url(../img/icona_youtube_resp.png);
	}

	div#testata div.menusocialsmart li.google a{
		background-image: url(../img/icona_google_resp.png);
	}

	div#testata div.menusocialsmart li.flickr a{
		background-image: url(../img/icona_flickr_resp.png);
	}

	div#testata div.menusocialsmart li.pinterest a{
		background-image: url(../img/icona_pinterest_resp.png);
	}

	div#testata div.menusocialsmart li.rss a{
		background-image: url(../img/icona_rss_resp.png);
	}
	
	div#testata ul#menusocial{
		float: none;
		margin: 0;
		padding: 5px 0 0;
		border-top: 1px solid #d2d4d5;
		text-align: center !important;
	}

	div#testata ul#menusocial li{
		float: none !important;
		display: inline !important;
		list-style: none;
		vertical-align: baseline !important;
	}
		
	div#testata ul#menusocial li.facebook, div#testata ul#menusocial li.twitter, div#testata ul#menusocial li.google, div#testata ul#menusocial li.youtube, div#testata ul#menusocial li.pinterest, div#testata ul#menusocial li.flickr, div#testata ul#menusocial li.rss{
		display: none !important;
	}
	
	div#testata ul#menusocial li.multimedia, div#testata ul#menusocial li.community{
		background-image: url("../img/icona_pipe.png");
		background-position: right 0.3em;
		background-repeat: no-repeat;
		margin: 0 6px 0 0 !important;
		padding: 0 6px 0 0 !important;
	}

	div#testata ul#menusocial li a{
		background-image: none !important;
		display: inline !important;
		width: auto;
		height: auto;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 0.95em;
	}

	div#testata ul#menusocial li a span{
		display: inline;
	}

	
	div#testata .menuresp {
		text-align: left;
		margin: 0 20px;
	}
	
	div#contenitore{
		margin: 0 auto;
		text-align: left;
		width: 100%;
		min-width: 320px;
	}
	
	div#container{
		padding: 0 20px;
	}
	
	div#container h3{
		clear: both;
	}
	
	div#container div.boxnotizie ul{
		margin: 20px;
		padding: 0 0 20px;
		border-top: 1px solid #fff;
	}
	
	div#container div.boxnotizie ul li{
		background-image: none;
		display: block;
		width: 100%;
		border-bottom: 1px solid #fff;
		text-align: left;
		padding: 0.4em 0;
	}
	
	div#container div.boxnotizie ul li a{
		text-decoration: none;
	}
	
	/* Homepage */

	div.hp div#container{
		margin: 0;
		clear: both;
	}
	
	div.hp div#container img{
		display: none;
	}
	
	div.hp div#corpo div.box_singolo div.contenuto a, div.hp div#corpo div.box_singolo div.contenuto h3{
		display: block !important;
		width: 100% !important;
	}
	
	div.hp div#container div#corpo div.box_singolo div.contenuto img{
		display: block !important;
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 10px !important;
	}
	
	/*div.hp div#container div.sx, div.hp div#container div.dx{
		width: 100% !important;
		float: none !important;
	}*/
	
	/* Homepage */

	div.hp div#corpo div.box_singolo{
		float: none !important;
		width: 100% !important;
		clear: both !important;
	}

	div.hp div#corpo div.box_singolo div.contenuto > a {
		display: none !important;
	}

	div.hp div#corpo div.box_singolo.primopiano div.contenuto > a {
		display: block !important;
	}

	div.hp div#corpo div.box_singolo div.contenuto h3 {
		margin: 20px 0 0;
	}

	div.hp div#sidebardx div.box_canali img, div.hp div#sidebardx div.box_regioni img, div.hp div#sidebardx div.box_agenda img  {
		display: block !important;
	}
	div.hp div#sidebardx div.box_inevidenza {
	    width: auto !important;
	}
	
	/* Tutte le info */
	div.info div#corpo div.contenuti_allegati{
		width: 100%;
		clear: both;
		margin: 0;
		padding: 0 0 20px;
		border-bottom: 0;
	}
	
	div.info div#corpo div.contenuti_allegati div.allegati{
		width: 100%;
		float: none;
	}
	
	div.info div#corpo div.contenuti_allegati div.allegati ul.ancore{
		display: none;
	}
	
	div.info div#corpo  div.contenuti_allegati div.contenuti_correlati{
		display: none;
	}

	div.info div#corpo div.contenuti_correlati_resp h4{
		padding-top: 15px;
		float: left;
		clear: both;
		width: 100%;
	}

	div.info div#corpo div.leggi_anche{
		width: 100%;
		margin-left: 0;
	}
	
	/* Esperto risponde */
	
	div.esperto  div#corpo div.risposta p.data{
		float: none;
		clear: both;
	}
	
	/* Blog */
	
	div.blog  div#corpo div.sx, div.blog  div#corpo div.dx{
		float: none;
		width: 100%;
	}
	
	div.blog  div#corpo div.sx img, div.blog  div#corpo div.dx img{
		display: none;
	}
	
	/* Homepage canale */
	
	div.canale div#corpo form {
		padding-right: 0 !important;
	}
	
	div.canale div.approfondimenti{
		display: none;
	}
	
	div.canale .sx, div.canale .dx{
		float: none !important;
		width: 100% !important;
	}
	
	div.canale div.primopiano > a, div.canale div.box_singolo > a , div.canale div.box_doppio div > a , div.canale div.highlight div.contenuto a{
		display: none !important;
	}	
	
	div.canale div.box_singolo {
		margin-top: 10px;
	}
	
	/* Magazine */
	
	div.magazine div#corpo ul.archivioMensile li{
		width: 150px;
		margin: 0 5px;
	}

	div.magazine div#corpo form  p{
		width: 100%;
		float: none;
		position: relative;
		margin-right: 0;
	}
		
	div.magazine div#corpo div.pagcontainer div.selected img{
		display: none !important;
	}
		
	div.magazine div#corpo  p.linkpdf, div.magazine div#corpo p.scaricaadobe{
		width: auto !important;
	}		
	
	/* Risultati ricerca - archivio */
	
	div.box_singolo > a {
		display: none !important;
	}
	
	div.paginazione ul{
		margin-bottom: 15px;
	}
	
	div.paginazione ul li{
		display: none;
	}
	
	div.paginazione ul li.next, div.paginazione ul li.prev{
		display: inline !important;
	}
	
	div.paginazione form#ricercaavanzata fieldset.elenco legend, div.paginazione form#ricercaavanzata fieldset.elenco  p.checkradio{
		text-align: left !important;
	}
	
	/* Elementi Form */
	
	div#corpo form .sx, div#corpo form .dx{
		float: none !important;
		width: 100% !important;
	}

	div#corpo form ul.selectlink li.complete{
		padding-right: 8% !important;
	}	
	
	p#copyright {
		margin: 0 20px;
		min-width: 260px;
	}
	
	/* modale cookies */
	
	.modal-dialog
	{
	width:auto;
	margin:-20px 20px 0 20px;
	}
	
	/* fine modale cookies */

	.ghost_div_dx
	{
		display: none;
	}
}