/*###########################################################*/
/*################## SMALL SCREEN - TABLET ##################*/
/*###########################################################*/
@media screen and (max-width: 959px),
screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){ /* Ipad 4 */

	/*body{
		background-color: yellow;
	}*/
	
	div#pathbar, div#footer, div#mainfooter, div#sidebarsx, div#sidebardx{
		display: none;
	}
	
	.hiddenresp{
		display: none;
	}
	
	#menutop, #menuutente, #menutemi, #menuprincipale, #menuservizio, h2.hidden, #funzionipagina{display: none !important;}
	
	/* TESTATA */
	div#testata{
		text-align: left;
		margin: 0 auto;
		padding: 0 0 10px;
		width: 100%;
		border-bottom: 1px solid #D2D4D5;
		float: left;
	}
	
	/* menu dropdown */
	.menuresp{
		clear: both;
		background-color: #6e6e6e;
		color: #fff;
		position: relative;
		margin: 0 40px 0;
		min-height: 40px;
		border-top: 10px solid #fff;
	}

	.menuresp.nosubmenu{
		background-color: #e4e4e4;
	}
	
	.menuresp a.toggle1 {
		background-image: url(../img/icona_menutoggle_close.png);
		background-repeat: no-repeat;
		background-position: center center;
		width: 49px;
		height: 40px;
		display: block;
		position: absolute; 
		top: 0;
		left: 0;
	}
	
	.open a.toggle1 {
		background-image: url(../img/icona_menutoggle_open.png);
	}
	
	.menuresp a.toggle1 span{
		display: none;
	}
	
	.menuresp a.toggle2 {
		background-image: url(../img/icona_menutoggle2_close.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-color: #6E6E6E;
		color: #fff;
		padding: 7px 0 0 55px;
		width: 50%;
		min-height: 33px;
		display: block;
		position: absolute; 
		top: 0;
		left: 49px;
		font-size: 1.4em;
		text-decoration: none;
	}
	
	.open a.toggle2 {
		background-image: url(../img/icona_menutoggle2_open.png);
	}
	
	.dropdown-menu {
		display: none;
		z-index: 9999;
		float: left;
		width: 100%;
		margin: 49px 0 20px;
		padding: 0;
		list-style: none;
	}

	.dropdown-menu li  h2{
		background-image: none;
		background-color: #3177BD;
		color: #fff;
		font-size: 1em;
		text-transform: uppercase;
		font-weight: normal;
		margin: -2px 0 0;
		padding: 2px 7px;
	}

	.dropdown-menu li{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.dropdown-menu li ul{
		margin: 0;
		padding: 0;
	}

	.dropdown-menu li li{
		background-image: url(../img/sfondo_bordodotted.png);
		background-position: bottom left;
		background-repeat: repeat-x;
		padding: 3px 7px;
	}
	
	.dropdown-menu li li.sel{
		background-color: #E7E7E7;
		color: #183360;
		font-weight: bold;
		}

	div.tr2 ul li{
		padding: 0.4em 0;
		list-style: none;
		background-image: url(../img/sfondo_bordodotted.png);
		background-position: bottom left;
		background-repeat: repeat-x;
		
	}

	div.tr2 ul li a{
		background-image: url(../img/icona_menusecondario.png);
		background-position: 0 0.3em;
		background-repeat: no-repeat;
		background-color: inherit;
		color: #183360;
		text-decoration: none;
		padding-left: 12px;
	}

	div.tr2 ul li.sel{
		background-color: #E7E7E7;
		color: #183360;
		font-weight: bold;
	}

	div.tr2 ul li ul{
		background-image: url(../img/sfondo_bordodotted.png);
		background-position: bottom left;
		background-repeat: repeat-x;
		padding: 0;
		margin: 0.4em 0 -0.3em;
		background-color: #fff;
	}


	div.tr2 ul li li{
		background-color: #fff;
		border-bottom: 0;
		background-image: url(../img/sfondo_bordodotted.png);
		background-position: top left;
		background-repeat: repeat-x;
		font-weight: normal;
	}

	div.tr2 ul li li.sel{
		background-color: #fff;
		font-weight: bold;
	}

	div.tr2 ul li li a{
		background-image: none !important;
		font-style: italic;
		padding-left: 20px;
	}

	div.tr2 ul li li li a{
		padding-left: 40px;
	}

	.dropdown-menu li a {
		display: block;
		clear: both;
		text-decoration: none;
	}
	

	.open > .dropdown-menu {
		display: block;
	}
	
	/* Altri elementi di testata */
	div#testata a#logo{
		background-image: url(../img/logo_resp.png);
		background-position: center center;
		background-repeat: no-repeat;
		float: left;
		width: 179px;
		height: 96px;
		margin: 12px 0 0 40px;
		padding: 0;
	}
	
	div#testata a#logo img{
		display: none;
	}
	
	
	div#testata ul#menusocial{
		padding: 18px 40px 0 0;
	}
	
	div#testata ul#menusocial li a{
		background-image: url(../img/icona_facebook_resp.png);
		background-repeat: no-repeat;
		background-position: center center !important;
		font-size: 0.95em;
		padding: 0 2px 0 0 !important;
		width: 42px !important;
		height: 42px;
	}

	div#testata ul#menusocial li.twitter a{
		background-image: url(../img/icona_twitter_resp.png);
	}

	div#testata ul#menusocial li.google a{
		background-image: url(../img/icona_google_resp.png);
	}

	div#testata ul#menusocial li.youtube a{
		background-image: url(../img/icona_youtube_resp.png);
	}

	div#testata ul#menusocial li.flickr a{
		background-image: url(../img/icona_flickr_resp.png);
	}

	div#testata ul#menusocial li.pinterest a{
		background-image: url(../img/icona_pinterest_resp.png);
	}

	div#testata ul#menusocial li.rss a{
		background-image: url(../img/icona_rss_resp.png);
	}

	div#testata ul#menusocial li.multimedia a{
		background-image: url(../img/icona_multimedia_resp.png);
	}

	div#testata ul#menusocial li.community a{
		background-image: url(../img/icona_community_resp.png);
	}

	div#testata ul#menusocial li.newsletter a{
		background-image: url(../img/icona_newsletter_resp.png);
	}

	div#testata ul#menusocial li span{
		display: none;
	}

	div#testata form{
		margin: 10px 40px 0;
		clear: right;
	}
	div#contenitore{
		margin: 0 auto;
		text-align: left;
		width: 100%;
	}
	
	div#container{
		background-image: none !important;
		padding: 0 40px;
		width: auto;
		float: none;
	}
	
	div#corpo{
		width: 100% !important;
		float: none;	
		clear: both;		
		padding: 0 0 40px;
	}
	
	div.boxnotizie
	{
		text-align:center;
		margin: 0 0 19px ;
		display: block !important;
	}
	
	p#copyright{
		background-color: #1b325e;
		color: #fff;
		clear: both;
		padding: 20px 4%;
		margin: 0 40px;
		font-weight: bold;
		width: auto;
	}
	
	/* HP */
	
	div.hp div#container div#corpo{
		padding-top: 10px;
	}
	
	div.hp div#container div#corpo div.box_triplo{
		display: none;
	}
	
	div.hp div#container div#sidebardx{
		display: block !important;
		width: 100% !important;
		float: none !important;
	}
	
	div.hp div#sidebardx div.box_inevidenza {
		padding: 2%;
		width: 44% !important;
	}

	div.hp div#container div#sidebardx div.sx{
		float: left;
	}

	div.hp div#container div#sidebardx div.dx{
		float: right;
	}
	

	div.hp div#sidebardx div.box_inevidenza{
		padding: 2%;
		float: left !important;
		width: 96% !important;
		margin: 0 0 12px 0 !important;
	}

	div.hp div#container div#sidebardx div.box_inevidenza div.sx{
		float: left;
		width: 48%;
	}

	div.hp div#container div#sidebardx div.box_inevidenza div.dx{
		float: right;
		width: 48%;
	}
	
	/* Foglia */
	
	div.info form.feedback input{
		background-image:url(../img/emote_positivo_big.png);
		margin-right: 10px;
		width: 44px;
		height: 44px;
	}

	div.info form.feedback input.feedback_negativo{
		background-image:url(../img/emote_negativo_big.png);
	}

	div.info form.feedback input.feedback_normale{
		background-image:url(../img/emote_neutro_big.png);
	}
	
	/* Magazine */
		
	div.magazine div#corpo ul.archivioMensile li{
		width: 150px;
	}
		
	div.magazine div#corpo div.pagcontainer div{
		display: none;
	}
		
	div.magazine div#corpo div.pagcontainer div.selected{
		display: block;
		float: left;
		width: auto;
	}
		
	div.magazine div#corpo div.pagcontainer div.selected div{
		display: block;
	}
	
	iframe.modalWindow{
		display: none;
	}
	
	/* modale cookies */
	
	.modal-dialog
	{
	width:auto;
	margin:-20px 40px 0 40px;
	

	}
	
	/* fine modale cookies */

}