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:#0277BD; /* 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:#0277BD; /* celeste chiaro */
	
}


.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:#0277BD; /* celeste chiaro */
}

.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 */
	
}

.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 */
}


.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 #0277BD; /* 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(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 #0277BD; /* celeste chiaro  */
}

#Asocial a{
	color:#b31a34;/* rosso  */	
	color:#2e7d32;/* verde  */
	color:#039be5;/* light celeste chiaroe  */
	color:#558b2f;/* light green  */
	color:#0277BD;/* 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:#0277BD; /* 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);
	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:#0277BD;
	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:20px;} 


.LogoPos{
	
	padding:2% 0;
	/*background-color: green !important */
}



@media only screen and (min-width: 576px) { 
body { /*background-color: cyan !important*/}



.LogoPos{
	
	/*margin-top:20px;*/
	/*background-color: yellow !important */
}




}



@media  only screen and (min-width: 768px) {

body {
/*background-color: red !important; */
}

/*.miur{font-size:0.9em;}*/


.LogoPos{
	/*padding:2% 0;*/
	margin-top:8px;
/*	background-color: white !important */
}

 }


@media  only screen and (min-width: 992px) {

body {
/* background-color: yellow !important; */
}


.LogoPos{
	padding:0 0;
	/*margin-top:8px;*/
	margin-top:24px;
	
}




 }


@media  only screen and  (min-width: 1200px) {

body {

/*background-color: blue !important; */

}
.LogoPos{
	padding:0 0;
	/*margin-top:8px;*/
	margin-top:0;
	
}


}

