html {
	overflow-x: hidden;
	}
	
body {
	background: #f2f2f2;
	
}

.box-notifiche-home {
	background: white;
	Border-radius: 10px;             
	padding: 15px;
	margin-top: 20px;
    margin-bottom: 20px;
	-webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	-moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	width: 96%;
}

.box-riga-corsi {
	background: white;
	Border-radius: 10px;             
    padding: 5px 10px;
	margin-top: 20px;
    margin-bottom: 20px;
	-webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	-moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	width: 96%;
}

.card1 {
	padding: 0 30px;	
}

.titolocard1 h4 {
	font-weight: bold;	
} 

.w4u-subline-testo {
    border-top: 1px solid #d4d4d4;
}

.text-justify {
	text-align: justify;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}


.titolocard1 {
	padding: 0 30px 10px 30px;;	
}

.fa-green {
	color: #009900;	
}

.box-corsi-home {
	background: #009900;
	color: white;
	text-align: center;
	Border-radius: 10px;             
	margin-top: 20px;
    margin-bottom: 20px;
	-webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	-moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	width: 96%;	
}

.box-lab-home {
	background: #79ad79;
	color: white;
	text-align: center;
	Border-radius: 10px;             
	margin-top: 20px;
    margin-bottom: 20px;
	-webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	-moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	width: 96%;	
}

.box-eventi-home {
	background: #79ad799e;/*url(../../img/bg-eventi.jpg) 80% 80% no-repeat;*/
	background-size: cover;
	color: white;
	text-align: center;
	Border-radius: 10px;             
	margin-top: 20px;
    margin-bottom: 20px;
	-webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	-moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	width: 96%;	
}

.catname {
    padding: 10px 10px 0 20px;
}

.fa-corsi-a {
		color: #f06d53;
		font-size: 4em!important;
}

.fa-corsi-b {
		color: #80a8d7;
		font-size: 4em!important;
}

.fa-corsi-c {
		color: #a3d39d;
		font-size: 4em!important;
}

.fa-corsi-d {
		color: #fff470;
		font-size: 4em!important;
}

.fa-corsi-e {
		color: #a970ff;
		font-size: 4em!important;
}

.fa-corsi-f {
		color: #f05353;
		font-size: 4em!important;
}

.fa-corsi-g {
		color: #5362f0;
		font-size: 4em!important;
}

.fa-corsi-h {
		color: #53f083;
		font-size: 4em!important;
}

.fa-corsi-i {
		color: #f0af53;
		font-size: 4em!important;
}

.fa-corsi-j {
		color: #f053e7;
		font-size: 4em!important;
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.pad-corsi {
	padding-right: 0px; 
}

.pad-corsib {
	padding-left: 0px; 
}

.fa-corsi-desc {
    font-size: 8em!important;
}

.bold {
	font-weight: bold;	
}

a {
	color: #333;	
}

a:focus, a:hover {
    color: #333;
    text-decoration: none;
}

.buttoncard h3 {
    margin-top: 10px;
	color: white;
}

.box-dett-corsi {
    background: white;
    Border-radius: 10px;
    padding: 15px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
    -moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
    box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
    width: 96%;
}

.img-notifica {
	border-radius: 10px;
	height: 70px;
    overflow: hidden;
}

.img-responsive{
	margin-top:-10%;
}

.navbar {
	background:#009900;
}

.navbar-toggle {
	float:left;
	background:#009900;
	border-color:white;
	margin-left:10px;
}

.icon-bar {
	background:white !important;
}

#menu {
	background-color: #ffa500;
	width: 780px;
	overflow: hidden;
	max-height: 0;
	padding: 0;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease;
  }
  #menu-toggle:aria-expanded + #menu {
	max-height: 100px;
  }

  .box-info {
	background: #000000a8;
	color: white;
	text-align: center;
	Border-radius: 10px;             
	margin-top: 20px;
    margin-bottom: 20px;
	-webkit-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	-moz-box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	box-shadow: -3px 9px 26px -3px rgba(125,125,125,0.6);
	width: 96%;	
}

.btn-link{
	text-align: center;
	background-color: #009900;
	border-radius: 5px;
	color: white;
	height: 25px;
	border-color: none;
	padding: 3px;
	margin-top: 20px;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 30; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #044004e3; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.top-menu {
	width: 100vw;
    margin-left: -20px;
	margin-top: -20px;
	background: #009900;
	padding: 5px 0;
	color: white;
}

.icon1 {
width: 22%;
}

@media (max-width: 400px) {
	.icon1 {
		width: 22%;
	}
}

.pd-left {
margin-left: 20px;
}

.sidenav .closebtn {
    padding-top: 20px;
}

.top-menu {
    padding: 20px 0;
	position: fixed;
	    z-index: 9999;
}

#corpo_pagina {
    margin-top: 90px!important;
}