/*----------- INDICE -------------------*/
/*--------------------------------------*/
/*		Font-face						*/
/*		Gutter		                    */
/*		SVG								*/
/*		YOUTUBE							*/
/*		BOOTSTRAP						*/
/*		-- Modal						*/
/*		Generiche						*/
/*		-- Utility						*/
/*		Specifiche						*/
/*		Header							*/
/*		-- Top-Header					*/
/*		-- Sottomenu    				*/
/*		-- Shrink				        */
/*		-- Eccezione-interna		    */
/*		Footer							*/
/*		Home							*/
/*		-- Carousel					    */
/*		-- Fasce	 				    */
/*		Pagina Interna					*/
/*		-- Breadcrumbs				    */
/*		-- Sidebar					    */
/*		-- Affix 					    */
/*--------------------------------------*/
/*		Media Query						*/
/*		-- 1200px MD (Bootstrap)	    */
/*		-- 992px SM	(Bootstrap)		    */
/*		-- 767px XS (Bootstrap)		    */
/*		-- 480px (eccezione)		    */
/*		-- 350px (eccezione)		    */
/*		-- 320px (eccezione)		    */
/*--------------------------------------*/

/* 
	NOTA BENE CHE: 
	--- la struttura si ripete allo stesso modo all'interno dei MEDIA QUERY 

	--- Per saltare velocemente con un FIND/CERCA alle sezioni ho applicato un UNDERSCORE ("_") davanti a tutti i nomi di sezione
		ad esempio per andare a "font-face" basta fare una ricerca per "_font-face".
		per i media query basta scrivere _risoluzione , ad esempio _992.
*/

/* ------------------------------------------------------*/
/*                _FONT-FACE inizio                      */
/* ------------------------------------------------------*/
@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Regular.eot');
	src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
		url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Italic.eot'); 
	src: url('../fonts/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Italic.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-Italic.woff') format('woff'),
		url('../fonts/TitilliumWeb-Italic.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-SemiBold.eot');
	src: url('../fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'),
		url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot');
	src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.woff') format('woff'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Bold.eot');
	src: url('../fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-Bold.woff') format('woff'),
		url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-BoldItalic.eot');
	src: url('../fonts/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-BoldItalic.woff') format('woff'),
		url('../fonts/TitilliumWeb-BoldItalic.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

/* ------------------------------------------------------*/
/*                _FONT-FACE fine                        */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _GUTTER inizio                         */
/* ------------------------------------------------------*/
.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
/* ------ 10 ------*/
.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.gutter-10 a > [class^="col-"], .gutter-10 a > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
/* ------ 3 ------*/
.gutter-3.row {
  margin-right: -6px;
  margin-left: -6px;
}
.gutter-3 > [class^="col-"], .gutter-3 > [class^=" col-"] {
  padding-right: 3px;
  padding-left: 3px;
}
.gutter-3 a > [class^="col-"], .gutter-3 a > [class^=" col-"] {
  padding-right: 3px;
  padding-left: 3px;
}
/* ------ 0 ------*/
.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{
  padding-right: 0;
  padding-left: 0;
}
/* ------------------------------------------------------*/
/*                _GUTTER fine                           */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _SVG inizio                            */
/* ------------------------------------------------------*/
svg 										{/* width: 100%;*/ height: 100%;}

	/* SVG in INTERNET EXPLORER inizio -------------------------------------*/

	.ie9 img[src$=".svg"] 					{width: 100%;}

	@media screen and (-ms-high-contrast: active) , (-ms-high-contrast: none){ 
	  img[src$=".svg"] {
		width: 100%; 
	  }
	}

	/* SVG in INTERNET EXPLORER fine --------------------------------------*/

/* ------------------------------------------------------*/
/*                _SVG fine                              */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _YOUTUBE inizio                        */
/* ------------------------------------------------------*/
.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
	position: absolute;
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
/* ------------------------------------------------------*/
/*                _YOUTUBE fine                          */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _BOOTSTRAP inizio                      */
/* ------------------------------------------------------*/
.alert-warning  								{ 	color: #715D35; 	}
/*body .alert-warning p small 	 				{ 	line-height:21px !important;	}*/

	/* ------------------------------------------------------*/
	/*                _MODAL inizio                          */
	/* ------------------------------------------------------*/
	
	.modal-dialog { margin-top:90px;}
	.modal-header .close {
		margin-top: 0px;
		position: absolute;
		right: -15px;
		top: -15px;
		background: #FFFFFF;
		font-size: 25px;
		border-radius: 53px;
		padding: 10px;
		line-height: 30px;
		color: #B34000;
		opacity:1;
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
	}
	.modal-header .close .glyphicon  {
	    margin: 3px 3px 0px 3px;
	}

	.modal-content					{overflow: visible;}
	.modal-body						{background:#FFFFFF;}
	.modal-header					{background:#ffffff;}
	.modal-footer					{background:#ffffff; margin-top:0px;}
	
	.modal-title					{color:#AF0000; font-size:30px; text-align:center; font-weight: 700;}
	.modal-content p 				{font-size:21px;}
	.modal-content label			{margin-top:10px; margin-bottom:0px;}
	.modal-content .fa				{padding-left:5px;padding-right:5px;}
	.modal-content .messaggio		{text-align:center; font-size:21px; font-weight:600}
	.modal-content .btn				{
											margin-bottom:0px; 
											-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.31);
											-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.31);
											box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.31);
									}

	/* ------------------------------------------------------*/
	/*                _MODAL fine                            */
	/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _BOOTSTRAP fine                        */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _GENERICHE inizio                      */
/* ------------------------------------------------------*/

html 											{}

body 											{
													font-family: 'Titillium Web';
													font-weight: normal;
													font-style: normal;
													font-size: 18px;
													padding-top: 46px;
													background:#fafafa;
	
													position: relative /* Aggiunto per lo scrollSpy, come da Tip nel sito web */
												}

a 												{	color:#0066cc; }
a:hover, a:focus 								{	color:#003B82}

#contenuto a 									{ 	
													text-decoration: underline;	
													color: #0066cc; 
													font-weight:700; 
													letter-spacing: 0.5px
												}
#contenuto a:hover 								{ 	color:#0029AF;	}
p 												{ 	font-size: 21px;	margin: 0 0 10px 0;	}

ul.box, 
ol.box 											{ 	font-size: 21px; }
ul.box > li, 
ol.box > li 									{ 	
													background:#ffffff; 
													margin-bottom:5px; 
													padding:5px 15px;
													border:1px solid #eaeaea;
												}
ul.box > li ul 									{ 	font-size: 19px; padding: 10px 0px 10px 30px;}

h1 												{
													color: #00376E;
													font-size: 39px;
													font-weight: 700;
													margin-top: 0px;
													padding-bottom: 10px;
													margin-bottom: 10px;
													/*border-bottom: 2px solid #cacaca;*/
												}

h2 												{ 	font-size: 31px; color: #00376E }

	/* ------------------------------------------------------*/
	/*                _UTILITY inizio                        */
	/* ------------------------------------------------------*/
	.numero-nero 									{ 	
															color:#dadada !important;
															font-size:32px !important;
															font-weight:700 !important;
															border:0px !important;
															letter-spacing: 1px;
													}

	.numero-verde 									{ 	
															color:#00C000 !important;
															font-size:32px !important;
															font-weight:700 !important;
															border:0px !important;
															letter-spacing: 1px;
													}

	.bordino-left 									{border-left: 1px solid #d4d4d4;}
	.bordino-right 									{border-right: 1px solid #d4d4d4;}
	.list-group-item 								{margin:5px;}

	.rosso 											{color:#C10004;}
	.verde 											{color:#217409;}
	
	/* ------------------------------------------------------*/
	/*                _UTILITY fine                          */
	/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _GENERICHE fine                        */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _SPECIFICHE inizio                     */


#sidebar-container .user-miur-li a:hover			{	background:#ffffff url(../img/sidebar/rosso.png) repeat-y;}
#sidebar-container .user-scuola-li a:hover			{	background:#ffffff url(../img/sidebar/giallo.png) repeat-y;}
#sidebar-container .user-esterno-li a:hover			{	background:#ffffff url(../img/sidebar/celeste.png) repeat-y;}


.user-miur h1, 										
.user-miur h2, 										
.user-miur a										{ 	color:#821F2F 	}

.user-miur #sidebar-container ul li > a.active-mio  			
													{	
														color:#821F2F !important;
														background:#FFD3DA url(../img/sidebar/rosso.png) repeat-y !important;
														background-position: left -7px top !important;
														font-weight: 600;
													}

.user-miur #sidebar-container ul ul li > a.active-mio  		
													{	
														background:#FFEAED url(../img/sidebar/rosso.png) repeat-y !important;
														background-position: left -3px top !important;
													}

.user-miur #sidebar-container ul ul ul li.active > a 			
													{
														background: #ffffff url(../img/sidebar/rosso.png) repeat-y;
														background-position: left 0px top !important;
														color: #821F2F;
														font-weight: 600;
													}

.user-miur #sidebar-container ul ul a 				{
														background:#FFEAED url(../img/sidebar/rosso.png) repeat-y;
														background-position: left -15px top;
														border-bottom: 1px solid #FFEAED;
													}
.user-miur #sidebar-container ul ul ul a 			{	
														background:#ffffff url(../img/sidebar/rosso.png) repeat-y;
														background-position: left -15px top;	
													}


.user-scuola h1, 										
.user-scuola h2, 										
.user-scuola a 											{color:#B34000}

.user-scuola #sidebar-container ul li > a.active-mio  			
													{	
														color:#B34000 !important;
														background:#FFEE93 url(../img/sidebar/giallo.png) repeat-y !important;
														background-position: left -7px top !important;
														font-weight: 600;
													}
.user-scuola #sidebar-container ul ul li > a.active-mio  		
													{	
														background:#FFF7CC url(../img/sidebar/giallo.png) repeat-y !important;
														background-position: left -3px top !important;
													}
.user-scuola #sidebar-container ul ul ul li.active > a 			
													{
														background: #ffffff url(../img/sidebar/giallo.png) repeat-y;
														background-position: left 0px top !important;
														color: #B34000;
														font-weight: 600;
													}
.user-scuola #sidebar-container ul ul a 			{
														background:#FFF7CC url(../img/sidebar/giallo.png) repeat-y;
														background-position: left -15px top;
														border-bottom: 1px solid #FFCF9B;
													}
.user-scuola #sidebar-container ul ul ul a 			{	
														background:#ffffff url(../img/sidebar/giallo.png) repeat-y;
														background-position: left -15px top;	
													}

.user-esterno h1, 										
.user-esterno h2, 										
.user-esterno a 										{color:#305270}

.user-esterno #sidebar-container ul li > a.active-mio  			
													{	
														color:#1B4264 !important;
														background:#CAE6FF url(../img/sidebar/celeste.png) repeat-y !important;
														background-position: left -7px top !important;
														font-weight: 600;
													}
.user-esterno #sidebar-container ul ul li > a.active-mio  		
													{	
														background:#E8F3FF url(../img/sidebar/celeste.png) repeat-y !important;
														background-position: left -3px top !important;
													}
.user-esterno #sidebar-container ul ul ul li.active > a 			
													{
														background: #ffffff url(../img/sidebar/celeste.png) repeat-y;
														background-position: left 0px top !important;
														color: #305270;
														font-weight: 600;
													}
.user-esterno #sidebar-container ul ul a 			{
														background:#E8F3FF url(../img/sidebar/celeste.png) repeat-y;
														background-position: left -15px top;
														border-bottom: 1px solid #B7D3F3;
													}
.user-esterno #sidebar-container ul ul ul a 			{	
														background:#ffffff url(../img/sidebar/celeste.png) repeat-y;
														background-position: left -15px top;	
													}


.icon-sezione 										{ 	padding-top:10px; margin-bottom:10px;	}

/*                _SPECIFICHE fine                       */
/* ------------------------------------------------------*/


/* ------------------------------------------------------*/
/*                _HEADER inizio                         */
/* ------------------------------------------------------*/


header											{
													-webkit-transition:  all 0.23s ease-in-out;
													-moz-transition: all 0.2s ease-in-out;
													-o-transition: all 0.2s ease-in-out;
													transition: all 0.2s ease-in-out;
												}

#top-header										{	background: #30373D; font-size:16px;min-height: 46px;		 	}
#top-header a									{	color: #ffffff; padding: 12px 10px 12px 0px;	}

#top-header .scritta-ministero 					{	display:block; float:left; padding: 10px;	}
#top-header .scritta-miur 						{	display:none; float:left; padding: 12px;	}
#top-header .login-container					{	float:right;	}
#top-header a.login-btn							{	display: block; width: 114px; padding: 12px 20px;}
#top-header a.login-btn:hover					{	cursor:pointer;	background: #000000; text-decoration: none;}
#top-header a.login-btn .login-btn-testo		{	display:inline-block; vertical-align: middle;	}
#top-header .login-container img 				{	height:16px; width:16px;  margin-right: 2px;	display:inline-block}

.navbar											{	margin-bottom: 0px; border: 0px solid transparent; border-radius: 0px;}
.navbar-default 								{
													background-color: transparent  !important;
													border-color: #e7e7e7;
													-webkit-transition:  all 0.3s ease-in-out;
													-moz-transition: all 0.3s ease-in-out;
													-o-transition: all 0.3s ease-in-out;
													transition: all 0.3s ease-in-out;
												}
.navbar .logo-nav								{	
													width: 59%;
													text-align: left;
													float: left;
													position:relative;
												}
.navbar .logo-nav .logo-nav-link				{	display: block;	color: #ffffff;}
.navbar .logo-nav .logo-nav-titolo 				{	
													color:#ffffff;
													margin:0px;
													font-weight: 700; 
													position:absolute; 
													top: 109px;
    												left: 0px;
													font-size:48px;
													border:0px;
													text-shadow: 0px 2px 5px #011232;
	
													-webkit-transition:  all 0.23s ease-in-out;
													-moz-transition: all 0.2s ease-in-out;
													-o-transition: all 0.2s ease-in-out;
													transition: all 0.2s ease-in-out;
												}
.navbar .logo-nav img 							{	width:100px; float:left; padding:10px; position: absolute; top: 0px;}

.navbar-default .navbar-nav>li>a 				{ 	color: #ffffff; padding: 15px 20px;	text-shadow: 0px 2px 5px #011232;}
.navbar-nav										{ 	margin:0px auto; float:right; text-align:center; }

.navbar-nav > li								{	font-size: 18px !important; font-weight:600; }
.navbar-nav li a								{
													font-weight:600;
													-webkit-transition:  all 0.23s ease-in-out;
													-moz-transition: all 0.2s ease-in-out;
													-o-transition: all 0.2s ease-in-out;
													transition: all 0.2s ease-in-out;
												}
.navbar-nav > li a:hover,
.navbar-default .navbar-nav>.open>a  			{	
													background:rgba(26,54,92,0.3) !important; 
													color:#ffffff !important;
												}
.dropdown-menu>li>a:hover						{
													background:rgba(0,251,255,0.22) !important ; 
													color: #00376E !important; 
												}
.navbar-nav logo-nav 							{	float:left;	}
.navbar-nav logo-nav-item 						{	float:right;	}
.navbar-nav li a.logo-nav-link:hover  			{	background:rgba(26,54,92,0) !important;	}
.navbar-nav li a.active							{	background:rgba(23,59,110,0.9) !important; color:#ffffff !important;}
.navbar-toggle									{	float:right; margin: 12px 10px 5px 0px;  border: 0px;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus			{	background: none;	}
.navbar-default .navbar-toggle .icon-bar 		{	background:#ffffff; width: 25px;}
.navbar-collapse 								{	max-height: 440px;}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form 					{	border: 0px solid #1975D1;}
.navbar-nav > li > .dropdown-menu				{	padding: 0px 0px !important;}
.dropdown-menu>li>a 							{
													font-size:18px; 
													text-align:left; 
													padding: 6px 20px; 
													border-bottom: 1px solid #e1e1e1;
												}
#brand-mobile									{	
													display:none; 
													padding: 12px 10px 10px 5px; 
													font-weight: 700; 
													font-size:19px;
													
												}
#brand-mobile a 								{ 	color:#ffffff;	text-shadow: 0px 2px 5px #011232;}
.testo-contatti-header 							{ 	color:#0066cc; font-size:18px; padding: 5px 10px;	}

	/* -------------------------------------------------*/
	/*                 _SOTTOMENU inizio                */
	/* -------------------------------------------------*/
	.sottomenu 										{
														display: none;
														width: 100%;
														padding: 7px;
														color: #ffffff;
														font-weight:700;
														font-size:20px;
														background: #0066cc;
														background-position: left 21px top 18px;
														margin-bottom: 10px;
														
														-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35), 0px 0px 8px 0px rgba(79, 79, 79, 0.1);
														-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35),0px 0px 8px 0px rgba(79, 79, 79, 0.1);
														box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35), 0px 0px 8px 0px rgba(79, 79, 79, 0.1);
														background-size: 25px 20px;
														-webkit-transition: all 0.1s ease-in-out;
														-moz-transition: all 0.1s ease-in-out;
														-o-transition: all 0.1s ease-in-out;
														transition: all 0.1s ease-in-out;
														/*border-top: 6px solid #F6962C;*/
													}

	.sottomenu-logo									{
														display: block;
														float: left;
														width: 250px;
														max-height: 28px;
														padding-top:3px;
													}
	/* -------------------------------------------------*/
	/*                 _SOTTOMENU fine                  */
	/* -------------------------------------------------*/
	/* -------------------------------------------------*/
	/*                 _SHRINK inizio                   */
	/* -------------------------------------------------*/

	.shrink.pagina-interna 							{	margin-top:33px;	}

	.shrink header									{
														top: -42px;
														-webkit-box-shadow: 0px 5px 5px 0px rgba(0,22,44,0.25);
														-moz-box-shadow:    0px 5px 5px 0px rgba(0,22,44,0.25);
														box-shadow:         0px 5px 5px 0px rgba(0,22,44,0.25);
													}

	.shrink .navbar-default 						{	
														background-color: rgba(0,102,204,0.9) !important;
														border-color: #e7e7e7; 
														color:#ffffff;
													}

	.shrink .navbar-default .navbar-nav>li>a 		{ 	color: #ffffff;  }
	.shrink .navbar-nav li a:hover,
	.shrink .navbar-default .navbar-nav>.open>a  	{	background: #0057AD !important;color:#ffffff !important;}
	.shrink .navbar .logo-nav-link					{	position:relative;}
	.shrink .navbar .logo-nav .logo-nav-titolo 		{	
														margin:0px;
														font-weight: 700; 
														font-size: 24px; 
														position:absolute; 
														top: 11px;
														left: 0px;
														-webkit-transition:  all 0.3s ease-in-out;
														-moz-transition: all 0.3s ease-in-out;
														-o-transition: all 0.3s ease-in-out;
														transition: all 0.3s ease-in-out;
													}
	.shrink .navbar .logo-nav img 					{	
														top:-150px;
														-webkit-transition:  all 0.3s ease-in-out;
														-moz-transition: all 0.3s ease-in-out;
														-o-transition: all 0.3s ease-in-out;
														transition: all 0.3s ease-in-out;
													}

	/* -------------------------------------------------*/
	/*                 _SHRINK Fine                     */
	/* -------------------------------------------------*/

	/* -------------------------------------------------*/
	/*           _ECCEZIONE-INTERNA inizio              */
	/* -------------------------------------------------*/
	.pagina-interna .navbar-default 				{	
														background-color: rgba(0,102,204,0.9) !important;
														border-color: #e7e7e7; 
														color:#ffffff;
													}
	.pagina-interna .navbar-default .navbar-nav>li>a 		
													{ 	color: #ffffff;  }
	.pagina-interna .navbar-nav li a:hover,
	.pagina-interna .navbar-default .navbar-nav>.open>a  	
													{	background: #0057AD !important;color:#ffffff !important;}
	.pagina-interna .navbar .logo-nav-link			{	position:relative;}
	.pagina-interna .navbar .logo-nav .logo-nav-titolo 		
													{	
														margin:0px;
														font-weight: 700; 
														font-size: 24px; 
														position:absolute; 
														top: 11px;
														left: 0px;
														-webkit-transition:  all 0.3s ease-in-out;
														-moz-transition: all 0.3s ease-in-out;
														-o-transition: all 0.3s ease-in-out;
														transition: all 0.3s ease-in-out;
													}
	.pagina-interna .navbar .logo-nav img 			{	
														top:-150px;
														-webkit-transition:  all 0.3s ease-in-out;
														-moz-transition: all 0.3s ease-in-out;
														-o-transition: all 0.3s ease-in-out;
														transition: all 0.3s ease-in-out;
													}
	/* -------------------------------------------------*/
	/*           _ECCEZIONE-INTERNA fine                */
	/* -------------------------------------------------*/


/* ------------------------------------------------*/
/*                    _HEADER fine                 */
/* ------------------------------------------------*/

/*-------------------------------------------------*/ 
/*                    _FOOTER inizio               */
/*-------------------------------------------------*/ 
#footer											{	background:#30373d; color: #ffffff;padding:35px 0px;}
#footer a										{	color:#65dde0; border-bottom: 1px solid #65dde0; font-weight: 400;}
#footer a:hover									{	color:#a9fdff; text-decoration:none;}
#footer a.ministero,
#footer a.ministero:hover						{
													display:block;
													color:#ffffff; 
													font-size:24px; 
													margin-top:10px;
													font-weight:600; 
													border-bottom: 0px
												}
.footer-line									{	
													padding-bottom: 20px; 
													margin-bottom: 20px; 
													border-bottom: 1px solid #474f56;
												}
#footer h2										{	
													font-weight: 600; 
													font-size:24px;
													color: #ffffff;
													padding-bottom: 10px;
													margin-top: 0px;
												}
#footer p 										{ 	color:#d1d1d1; font-size:17px;	}
#footer p strong 								{ 	letter-spacing:0.5px	}
#footer ul										{ 	list-style:none; padding-left:0px;	}
#footer li 										{	margin-bottom:5px;	}
.footer-align-right								{	float:right;	}
.footer-align-right	a							{	margin: 0px 0px 0px 20px;	}

/*-----------------------------------------------------*/ 
/*                    _FOOTER fine                     */
/*-----------------------------------------------------*/ 

/* ----------------------------------------------------*/
/*                 _HOME inizio                        */
/* ----------------------------------------------------*/
	/* ------------------------------------------------------*/
	/*                 _CAROUSEL inizio                      */
	/* ------------------------------------------------------*/

	header.carousel .item, 
	header.carousel .item.active, 
	header.carousel .carousel-inner 				{
														height: 100%;
													}
	.carousel .fill 								{
														width: 100%;
														height: 100%;
														background-position: center;
														background-size: cover;
													}

	/* ------------------------------------------------------*/
	/*                 _CAROUSEL fine                        */
	/* ------------------------------------------------------*/

	/* ------------------------------------------------------*/
	/*                 _FASCE inizio                        */
	/* ------------------------------------------------------*/
	.fascia-01 										{ 	
														background:#ffffff url(../img/_home/Grafica_slideshow_homapage_02.png);
														width: 100%;
														height: 100%;
														background-position: center;
														background-size: cover;
														color:#ffffff;
													}
	.fascia-01 h2									{ 
														color:#ffffff;
														
														margin-top:163px; 
														margin-bottom: 20px; 
														font-style:italic;
														text-shadow: 0px 2px 5px #011232;
														font-size: 27px;

														-webkit-transition:  all 0.23s ease-in-out;
														-moz-transition: all 0.2s ease-in-out;
														-o-transition: all 0.2s ease-in-out;
														transition: all 0.2s ease-in-out;
													}
	.fascia-01 p 									{	margin-bottom: 50px; text-shadow: 0px 2px 5px #011232; font-size: 20px;	}
	.fascia-01 p strong     						{	letter-spacing: 0.5px; font-size:110%; text-shadow: 0px 2px 5px #000B1E;}
	.fascia-01-img									{	margin-top: 115px;	}
	.fascia-01 a  									{	color:#65dde0;	}
	
	.fascia-02 										{	text-align: center; padding:20px 0px;}
	.fascia-02 > [class^="col-"] 					{ 	background:red; padding-bottom:10px}
	.fascia-02 .box-utenti a img 					{ 	padding: 10px 30px 0px 30px; }
	.fascia-02 .box-utenti a > div 					{
														-webkit-transition:  all 0.23s ease-in-out;
														-moz-transition: all 0.2s ease-in-out;
														-o-transition: all 0.2s ease-in-out;
														transition: all 0.2s ease-in-out;
													}
	.fascia-02 .box-utenti a:hover > div 			{ 	background:#ffffff;  }
	.fascia-02 .box-utenti h2 						{ 	margin-top: 0px; font-weight:700; }
	.fascia-02 .box-utenti h2 small 				{ 	color:#00376E; }

	.fascia-03 										{ 	color:#ffffff; background:#1B3A61; padding:30px 0px;}
	.fascia-03 h2 									
													{ 	
														font-size:40px;	
														color:#ffffff; 
														font-weight:600; 
														margin-top: 7px; 
														margin-bottom: 4px;
													}
	.fascia-03 h2 small								{ 	color:#f1f1f1;	}
	.fascia-03 h3 									{	font-weight:600; }
	.fascia-03 hr 									{ 	border-top: 1px solid #a1a1a1;	}
	.fascia-03 p  									{  font-size: 17px; }

	/* ------------------------------------------------------*/
	/*                 _FASCE fine                           */
	/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                 _HOME fine                            */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                 _PAGINA INTERNA inizio                */
/* ------------------------------------------------------*/

.pagina-interna 										{	/*margin-top: 33px;*/ margin-top: 70px;
															-webkit-transition:  all 0.23s ease-in-out;
															-moz-transition: all 0.2s ease-in-out;
															-o-transition: all 0.2s ease-in-out;
															transition: all 0.2s ease-in-out;
														}
.pagina-interna h2 										{
															font-weight: 600;
															padding-bottom: 10px;
															margin-bottom: 13px;
															border-bottom: 2px solid #cacaca;
															margin-top: 35px;
														}
#contenuto 												{	
															min-height:700px; 
															margin-bottom:40px;
															padding-left: 25px;
														}

	/* ------------------------------------------------------*/
	/*                 _BREADCRUMBS inizio                   */
	/* ------------------------------------------------------*/
	#breadcrumb, #breadcrumb a							{	font-size:15px; margin-bottom: 15px;}
	#breadcrumb span									{	margin: 0px 8px }
	/* ------------------------------------------------------*/
	/*                 _BREADCRUMBS fine                     */
	/* ------------------------------------------------------*/

	/* ------------------------------------------------------*/
	/*                 _SIDEBAR inizio                       */
	/* ------------------------------------------------------*/
	
	#sidebar-title-area 								{
															font-size: 30px !important;
															font-weight: 600;
															color: #606060;
															padding: 2px 25px 10px 20px;
															border-bottom: 1px solid #d1d1d1;
															line-height: 34px;
														}	
	#sidebar-container a:hover							{	
															background:#ffffff url(../img/sidebar/ottanio.png) repeat-y; 
															background-position: left -5px top; 
															text-decoration: none; 
														}
	#sidebar-container a.none							{	
															background: #e1e1e1;
															color: #828282;
														}	
	#sidebar-container a.none span 						{	display: inline; }
	#sidebar-container a.none:hover 					{ 	
															background:#e1e1e1 !important; 
															cursor: not-allowed !important;
														}
	#sidebar-container ul								{	list-style: none; padding-left: 0px;	}
	#sidebar-container ul span							{	display:none; }
	#sidebar-container ul a								{
															display:block; 
															width: 100%; 
															padding: 12px 10px;
															font-size: 18px;
															color:#606060;
															padding-left:20px;
															background:#fafafa  url(../img/sidebar/ottanio.png) repeat-y;
															background-position: left -10px top;
															/*background:#dbeff7 url(../img/sidebar/ottanio.png) repeat-y;*/
															/*background-position: left -10px top;*/
															border-left:0px; 
															border-right:0px;
															border-bottom: 1px solid #d3d4d4;

															-webkit-transition:  all 0.1s ease-in-out;
															-moz-transition: all 0.1s ease-in-out;
															-o-transition: all 0.1s ease-in-out;
															transition: all 0.1s ease-in-out;
														}
	#sidebar-container ul li.active > a 				{
															background:#ffffff url(../img/sidebar/ottanio.png) repeat-y;
															background-position: left -5px top;
															font-weight:600;
															color:#606060;
														}
	#sidebar-container ul ul a							{
															background:#E6F2F2 url(../img/sidebar/ottanio.png) repeat-y;
															background-position: left -10px top;
															padding: 8px 10px 8px 30px; 
															font-size: 15px; 
															border-bottom: 1px solid #b6dbdc;
														}
	#sidebar-container ul ul li.active > a     			{
															background:#E4F5F4  url(../img/sidebar/ottanio.png) repeat-y;
															background-position: left -10px top;
															color:#606060;
															font-weight:600;
														}
	#sidebar-container ul ul ul li.active > a     		{
															background:#ffffff url(../img/sidebar/ottanio.png) repeat-y;
															background-position: left 0px top;
															color:#00376E;
															font-weight:600;
														}
	#sidebar-container ul ul ul							{}
	#sidebar-container ul ul ul a						{	padding: 8px 10px 8px 50px; background: #ffffff; color: #404040;	}
	#sidebar-container .ul-open							{	
															color:#114a83;
															background:#f7f7f7 url(../img/sidebar/ottanio-open.png) repeat-y; 
															background-position: left -11px top;
														}
	/* ACTIVE MIO - inizio */

	#sidebar-container ul li > a.active-mio  			{	
															color:#00376E !important;
															background:#AFECEC url(../img/sidebar/ottanio.png) repeat-y !important;
															background-position: left -7px top !important;
															font-weight: 600;
														}
	#sidebar-container ul ul li > a.active-mio  		{	
															background:#E4F5F4 url(../img/sidebar/ottanio.png) repeat-y !important;
															background-position: left -3px top !important;
														}
	/* ACTIVE MIO - fine */

	#sidebar-container ul ul .ul-open					{	
															background:#f7f7f7 url(../img/sidebar/ottanio-open.png) repeat-y; 
															background-position: left -5px top;
														}

	#sidebar-container .ul-open span,
	#sidebar-container .ul-close span					{	display:block; font-size:10px; font-weight: 400; margin-top: 8px; }
	#sidebar-container a.ul-open  a.ul-open span,
	#sidebar-container a.ul-close  a.ul-close span		{	font-size:10px !important; }
	#sidebar-container > .active > a					{
															font-weight:600;
															background:#ffffff url(../img/sidebar/ottanio.png) repeat-y; 
															background-position: left -5px top;

															color:#000000; 
															border-color:#d3d4d4
														}
	#sidebar-container .ul-close + ul					{ 	display:none;	}
	#sidebar li.active 									{	border: 0 #eee solid;	}

	#sidebar-title-area-mobile 							{
															display:none;
															font-size: 21px !important;
															font-weight: 600;
															color: #606060;
															margin-top: 10px;
														}  

	.nav-stacked>li+li  								{	margin-top: 0px;}

	/* ------------------------------------------------------*/
	/*                 _SIDEBAR fine                         */
	/* ------------------------------------------------------*/

	/* ------------------------------------------------------*/
	/*                 _AFFIX inizio                         */
	/* ------------------------------------------------------*/
	
	.affix-top,.affix									{ position: static;}
	.affix-top,.affix,.affix-bottom 					{ width: 358px;}
	.affix  											{ position:fixed;}
	.affix-bottom  										{ position: absolute;}

	/* ------------------------------------------------------*/
	/*                 _AFFIX fine                           */
	/* ------------------------------------------------------*/


/* ------------------------------------------------------*/
/*                 _PAGINA INTERNA fine                  */
/* ------------------------------------------------------*/

/* _1200 Large Devices, Wide Screens (MD) */
@media only screen and (max-width : 1200px) {
	
	/* --------------- HEADER inizio ----------------------------------------*/	
	.navbar-nav > li 							{ 	float:left;	}	
	.navbar-nav li a 							{	padding-left: 10px; padding-right: 10px;	}
	.navbar .logo-nav .logo-nav-titolo 			{	font-size:35px 	}
	.navbar-nav 								{		}
	/* --------------- HEADER fine ----------------------------------------*/	
	/* --------------- CAROUSEL inizio --------------------------------------*/
	.fascia-01 h2								{ 	margin-top:148px;	}
	.fascia-01-img								{	margin-top:90px;	}
	/* --------------- CAROUSEL inizio --------------------------------------*/
	
	/* --------------- PAGINA INTERNA inizio -------------------------*/
		/* --------------- SIDEBAR inizio ----------------------------*/
	
		/* --------------- SIDEBAR fine ------------------------------*/
		/* --------------- AFFIX inizio ------------------------------*/
		
		.affix-top,.affix,.affix-bottom 					{ width: 290px;}
		
		/* --------------- AFFIX fine --------------------------------*/

	/* --------------- PAGINA INTERNA fine ---------------------------*/
}

/* _992 Medium Devices, Desktops (SM)*/
@media only screen and (max-width : 992px) {
	/* --------------- GENERICHE inizio ----------------------------------------*/	
	h1 											{	font-size: 35px;	}  
	/* --------------- GENERICHE fine ----------------------------------------*/	
	/* --------------- HEADER inizio ----------------------------------------*/	
	.back										{	display:block; float:left; padding:1px 15px 3px 10px;}
	.navbar-nav li 								{	font-size: 15px !important;}
	.navbar-nav 								{		}
	.navbar .logo-nav .logo-nav-titolo 			{	top: 64px;		}
	.navbar .logo-nav img  						{	width: 60px;	}
	
		/* --------------- SOTTOMENU inizio ------------------------------------------*/
		.pagina-sottomenu header 					{	display: none;	}
		.sottomenu 									{
														display: block;
														position: fixed;
														top: 0px;
														z-index: 200;
														left: 0px;
														right: 0px;
													}
		.sottomenu-icon 							{	padding: 0 20px 0 10px; float: right;	}
		
		/* --------------- SOTTOMENU fine ------------------------------------------*/
	/* --------------- HEADER fine ------------------------------------------*/
	
	/* --------------- CAROUSEL inizio --------------------------------------*/
	.fascia-01 h2								{ 	margin-top: 108px;	}
	.fascia-01-img								{	margin-top:130px;	}
	/* --------------- CAROUSEL inizio --------------------------------------*/
	
	/* --------------- PAGINA INTERNA inizio -------------------------*/
	.pagina-interna 							{	margin-top: 0px; }
		/* --------------- BREADCRUMBS inizio ----------------------------*/
		#breadcrumb 								{	display: none;	}
		/* --------------- BREADCRUMBS fine ------------------------------*/
		/* --------------- SIDEBAR inizio ----------------------------*/
	
		#sidebar-title-area-mobile 					{display:block;}
		.pagina-sottomenu header 					{display:none;}
		.pagina-sottomenu #sidebar-title-area  		{display:none;}
		.pagina-sottomenu #sidebar-container #sidebar-inside > ul 					
													{
														overflow: hidden;
														height: auto;
														display: none;
														position: fixed;
														top: 46px;
														left:0px;
														z-index: 190;
														width: 100%;
														background: #ffffff;
														padding: 0px 0px 0px 0px;

														-webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.31);
														-moz-box-shadow:    0px 1px 8px 0px rgba(50, 50, 50, 0.31);
														box-shadow:         0px 1px 8px 0px rgba(50, 50, 50, 0.31);
													}

		.pagina-sottomenu #sidebar-container #sidebar-inside > ul a 				
													{	
														padding: 6px 20px; 
														background: #ffffff; 
														padding-left: 50px; 
													}
		.pagina-sottomenu #sidebar-container #sidebar-inside > ul a.ul-close 		{background:#f1f1f1;} 
		.pagina-sottomenu #sidebar-container #sidebar-inside > ul ul a 				{padding-left: 70px;}
		.pagina-sottomenu #sidebar-container #sidebar-inside > ul ul ul a 			{padding-left: 90px;}

		.pagina-sottomenu #sidebar-container #sidebar-inside > ul li.active a 
													{ 	background: #ffffff;	}
	
		/* --------------- SIDEBAR fine ------------------------------*/
		/* --------------- AFFIX inizio ------------------------------*/

		/* --------------- AFFIX fine --------------------------------*/													
	/* --------------- PAGINA INTERNA fine ---------------------------*/

}

/* _767 Small Devices, Tablets (XS)*/
@media only screen and (max-width : 767px) {
	/* --------------- GENERICHE inizio ----------------------------------------*/	
	h1  										{ 	font-size: 27px; 	}
	h2 											{ 	font-size: 26px;	}
	p  											{ 	font-size: 18px; 	}
	ul.box, 
	ol.box 										{ 	font-size: 18px; padding-left:20px; }
	/* --------------- GENERICHE fine ----------------------------------------*/	
	/* --------------- HEADER inizio ----------------------------------------*/	
	.navbar-nav									{	width:100%;float:right; }
	.navbar-nav .logo-nav 						{	display:none;	}

	.navbar-nav li 								{	width:100%; border-top: 1px solid #CFE9F8;}
	.navbar-nav > li  							{ 	float: left; 	}
	.navbar-default .navbar-nav>li>a 			{	color:#0066cc; padding: 13px 20px; font-size: 17px;	}
	.navbar-nav li.logo-nav-item 				{	float:left;	}
	
	.navbar-nav li a:hover, 
	.navbar-default .navbar-nav>.open>a  		{
													background: #ffffff !important;
													color: #0066cc !important;
												}
	.navbar-default .navbar-collapse 			{	background:#ffffff;		}
	.navbar-default .navbar-nav .open 
	.dropdown-menu>li>a 						{	text-align:center; font-size: 16px; padding: 8px 10px; background: aliceblue;}
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form 				{	padding:0px;}
	#top-header	.container						{	padding-right:0px; padding-left:0px;}
	#top-header .scritta-ministero				{	padding:10px; width:60%}
	#top-header .scritta-ministero 				{	display:none;} 
	#top-header .scritta-miur 					{	display:block;}
	#top-header a.login-btn						{	display: block; width: 120px;}
	#brand-mobile								{	display: block; margin-left:11px; font-size:23px;	}
	.navbar .logo-nav .logo-nav-link			{	display:none;	}
	.navbar-default .navbar-nav>li>a 			{ 	text-shadow: none;}
	/* --------------- SHRINK inizio ----------------------------------------*/
	.shrink header 								{	top: -44px;}
	.shrink .navbar-default .navbar-nav>li>a  	{ 	color: #0066cc; 	}
	/* --------------- SHRINK fine ----------------------------------------*/
	/* --------------- HEADER fine ----------------------------------------*/
	/* --------------- HOME inizio ----------------------------------------*/	
		/* --------------- CAROUSEL inizio --------------------------------------*/
		.fascia-01 h2 								{	margin-top: 56px; font-size: 27px; }
		.fascia-01 p 								{	margin-bottom: 20px; font-size: 16px;	}
		.fascia-01-img								{	margin-top:0px; margin-bottom: 30px;	}
		/* --------------- CAROUSEL inizio --------------------------------------*/
		/* --------------- FASCE inizio --------------------------------------*/
		.fascia-02 h2 								{ 	font-size: 33px; text-align: left; margin-top:20px;}
		.fascia-02 .box-utenti a img 				{ 	padding: 0% 0% 0% 40%;	}
		/* --------------- FASCE fine  --------------------------------------*/
	/* --------------- HOME fine ----------------------------------------*/	
	
	/* --------------- PAGINA INTERNA inizio -------------------------*/
	#contenuto 									{ 	padding-left:15px;}
	.pagina-interna h2 							{ 	margin-top: 10px;	}

	/* --------------- PAGINA INTERNA fine ---------------------------*/
	/* --------------- FOOTER inizio ----------------------------------------*/	
	.footer-align-right							{	float:left;}
	.footer-bottom-left							{	margin-left:20px;}
	/* --------------- FOOTER fine ----------------------------------------*/
}

/* _480 Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	/* --------------- HEADER inizio ----------------------------------------*/	
	#top-header									{	font-size: 18px;}
	.sottomenu-logo 							{ 	font-size:16px; width: 200px;padding-top: 6px;}
	/* --------------- HEADER fine ------------------------------------------*/
	/* --------------- FOOTER inizio ----------------------------------------*/
	.footer-bottom-left 						{	margin-left:0px;	}
	#footer .footer-align-right a 				{ 
													display:block; 
													width:100%;
													margin-left:0px; 
													border:none; 
													text-decoration:underline 
												}

	#footer .gutter-0.row 						{
												  	margin-right: 0;
												  	margin-left: 0;
												}
	#footer.gutter-0 > [class^="col-"], 
	#footer.gutter-0 > [class^=" col-"] 		{
												  	padding-right: 0;
												  	padding-left: 0;
												}
	/* --------------- FOOTER fine ----------------------------------------*/
}

/* _350 Media Query personale */ 
@media only screen and (max-width : 350px) {
	#brand-mobile		 						{	font-size: 16px;	}
}

/* _320 Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.sottomenu-logo		 						{	font-size: 14px; width:160px	}
}