a:active  {
	outline: 4px solid coral;
	
	
}

.tcolore {
	background-color:#B71C1C; /* rosso  */
	
	background-color:#2e7d32; /* verde */
	background-color:#039be5; /* light celeste chiaroe */
	background-color:#558b2f; /* light green */
	background-color:#005F98; /* celeste chiaro */
}

 


.sidebar-nav li:before {
   
	background-color: #b31a34; /* rosso  */
	
	background-color:#2e7d32; /* verde */
	background-color:#039be5; /* light celeste chiaroe */
	background-color:#558b2f; /* light green */
	background-color:#005F98; /* celeste chiaro */
	background-color:#005F98; /* blu navy */
}


.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{

    background-color: #B31A34; /* rosso  */
	
	background-color:#2e7d32; /* verde */
	background-color:#039be5; /* light celeste chiaroe */
	background-color:#558b2f; /* light green */
	background-color:#005F98; /* celeste chiaro */
	background-color:#005F98; /* blu navy */
}

.sidebar-nav .dropdown-menu li a:hover,
.sidebar-nav .dropdown-menu li a:active,
.sidebar-nav .dropdown-menu li a:focus,
.sidebar-nav .dropdown-menu li.open a:hover,
.sidebar-nav .dropdown-menu li.open a:active,
.sidebar-nav .dropdown-menu li.open a:focus{

    background-color: rgba(179,26,52,0.9); /*rosso */
	
	background-color: rgba(46,125,50,0.9); /*verde */
	background-color: rgba(3,155,229,0.9); /*light celeste chiaroe */
	background-color: rgba(85,139,47,0.9); /*light green */
	background-color: rgba(2,119,189,0.9); /*celeste chiaro */
	background-color: rgba(0,95,152,0.9);
}

.submenus li a:hover,
.submenus li a:active,
.submenus li a:focus,
.submenus li.open a:hover,
.submenus li.open a:active,
.submenus li.open a:focus{
    background-color: rgba(179,26,52,0.9); /*rosso */
	
	background-color: rgba(46,125,50,0.9); /*verde */
	background-color: rgba(3,155,229,0.9); /*light celeste chiaroe */
	background-color: rgba(85,139,47,0.9); /*light green */
	background-color: rgba(2,119,189,0.9); /*celeste chiaro */
	background-color: rgba(0,95,152,0.9);
}


.SearchStyle img{
	border-left: 1px solid #b31a34; /* rosso  */

	border-left: 1px solid #2e7d32; /* verde  */
	border-left: 1px solid #039be5; /* light celeste chiaroe  */
	border-left: 1px solid #558b2f; /* light green  */
	border-left: 1px solid #005F98; /* celeste chiaro  */
}

#AreaRicercaMobile{
	background-color: rgba(179,26,52,0.9); /*rosso */
	
	background-color: rgba(46,125,50,0.9); /*verde */
	background-color: rgba(3,155,229,0.9); /*light celeste chiaroe */
	background-color: rgba(85,139,47,0.9); /*light green */
	background-color: rgba(2,119,189,0.9); /*celeste chiaro */
	background-color: rgba(0,95,152,0.9);
	/* background-color: rgba(49,27,146,0.9);*/
}

.SearchStyleMob img{
	border-left: 1px solid #b31a34; /* rosso  */
	
	border-left: 1px solid #2e7d32; /* verde  */
	border-left: 1px solid #039be5; /* light celeste chiaroe  */
	border-left: 1px solid #558b2f; /* light green  */
	border-left: 1px solid #005F98; /* celeste chiaro  */
}

#Asocial a{
	color:#b31a34;/* rosso  */	
	color:#2e7d32;/* verde  */
	color:#039be5;/* light celeste chiaroe  */
	color:#558b2f;/* light green  */
	color:#005F98;/* celeste chiaro  */
}

 #Asocial{ 	
 color:#FFF; 
 }
 
 #AreaMenuOpzionale a{
	color:#FFF;
}



#Atitolo{	
	
	color:#FFF;
}

#Atitolo a,
#Atitolo a:link,
#Atitolo a:visited,
#Atitolo a:hover,
#Atitolo a:active
{
color:#FFF;
}


 /* ---------------------------------------------------------------------------*/
 /* modulo di login ------------------------------------------------------------*/
.dnnLogin .dnnLabel label{
	color:#FFF;
}
 
 
.LoginPanel{
	background-color:#005F98; /* celeste chiaro  */
}
 
 
 /* ---------------------------------------------------------------------------*/
 /* ---------------------------------------------------------------------------*/
 /* SIDEBAR--------------------------------------------------------------------*/

.sidebar-nav li a {
	color: #000;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #FFF;
    
}


.sidebar-nav .dropdown-menu {
 
	background-color: rgba(2,119,189,0.9);
	background-color: rgba(0,95,152,0.9);
	color: #000;
 
}



.backscuola{background-color:#F6F7F8;}
.backarti{background-color:#FF8400;color:#000;}
.backgrafica{background-color:#1F1CB4;color:#FFF;}
.backarchi{background-color:#075315;color:#FFF;}
.backdesign{background-color:#EE3F3F;color:#000;}

.a_black a,
.a_black a:active,
.a_black a:visited
{
	color:#000;
	text-decoration:none;
}
.a_black a:hover{
	text-decoration:underline;
}

.a_white a,
.a_white a:active,
.a_white a:visited
{
	color:#FFF;
	text-decoration:none;
}
.a_white a:hover{
	text-decoration:underline;
}


 /* ---------------------------------------------------------------------------*/
 /* ---------------------------------------------------------------------------*/
 /* MENU AMMINISTRAZIONE TRASPARENTE--------------------------------------------------------------------*/
 
 #stacked-menu{
	font-size:1.1em; 
	font-weight:700;
 }
 
 
   #stacked-menu  > ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
  }
  
  
  #stacked-menu > li{
	background-color:#005F98;
	border-radius:0px;
	margin-bottom:10px;
 }
 

 
 #stacked-menu  li  a{
	color: #FFF !important;
 }

  #stacked-menu  li  a:hover,
  #stacked-menu  li  a:focus {
	background-color: #000 !important
 }
 
 
#Alogo img{
	max-width:100%; 
	padding-top:40px; 
	/*background-color: cyan !important  */
	} 


.LogoPos{
	
	 padding:2% 0; 
	 /* background-color: green !important */
}

#Atitolo{	margin-top:10px;
	/*line-height:15px;*/
	/*background-color: grey !important}*/

@media only screen and (min-width: 576px) { 


.LogoPos{
	padding:0 0;		
	margin-top:20px;
	/* background-color: red !important */
}




}



@media  only screen and (min-width: 768px) {
.LogoPos{	padding:2% 0;	margin-top:4px;	/*background-color: navy !important*/  }
 }


@media  only screen and (min-width: 992px) {
.LogoPos{	padding:0 0;	margin-top:14px;	/*background-color: pink !important*/ }
/*#Atitolo{	margin-top:10px;	line-height:150px;	/*background-color: grey !important*/}*/
 }


@media  only screen and (min-width: 1280px) {
.LogoPos{	padding:0 0;	margin-top:8px;	/*background-color: grey !important*/ }
}

@media  only screen and  (min-width: 1920px) {
.LogoPos{	padding:0 0;	max-width:100%;	margin-top:-3px; /*background-color: black !important*/}
}

@media  only screen and  (min-width: 2500px) {
.LogoPos{	padding:0 0;	max-width:100%;	margin-top:0px;	/* background-color: yellow !important */ }
}