body{
  padding: 0px; 
  margin: 0px;
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #444444;
  font-weight:300;
}

a{
  text-decoration: none;  
}

img{
	border: 0px;	
}

.layout-size{
  width: 960px;
  margin: auto;
}

#header {
padding: 0px;
top: 0px;
left: 0px;
height: 130px;
position: relative;
border-bottom: 30px solid #dc0800;
} 

#header::before {
background-color: #dc0800;
content: "";
width: 100%;
height: 30px;
position: absolute;
z-index: -1;
top: 130px;
}

#header #nav a {
text-decoration: none;
font-weight: 600;
font-size: 24px;
font-variant: small-caps;
}

#main-content {
float: left;
width: 600px;
}

#main-content div{
color: #666666;
position: relative;
overflow: hidden;
font-size: 20px;
margin-right: 40px;
}

#main-content br{
line-height: 40px;
}

#main-content a {
color: #dc0800;
font-weight: 700;
}

#main-content img {
float: left;
max-width: 200px;
margin-right: 20px;
margin-bottom: 20px;
}

#main-content h1 {
  font-size: 48px;
  margin-top: 60px;
  color: #dc0800;
}

#logo {
  float: left;
}

#logo img {
height: 150px;
}

.top-logo {
float: left;
margin: 30px 0px 30px 60px;
width: 50px;
text-align: center;
font-weight: 700;
}

.top-logo img{
  width:60px;
}

.top-logo a{
  color: #666666;
}

#nav {
  float: right;
  margin-top: 60px;
  font-size: 14px;
}
#nav a {
margin-left: 50px;
color: #666666;
}

#content {
margin-bottom: 80px;
overflow: hidden;
min-height: 300px;
}

#content.page h1 {
float: right;
width: 600px;
  font-size: 24px;
}

#content.page h2 {
float: right;
width: 600px;
font-size: 20px;
}

#content.page div{ 
  font-size: 17px;
  float: right;
  width: 600px;
}

#content.page a{ 
  font-weight: 500;
}


#nav-content {
float: right;
width: 200px;
border: 1px solid red;
}

#nav-contents {
float: right;
width: 360px;
background-color:#dc0800;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0800', endColorstr='#ff8410',GradientType=0 );
background: -webkit-linear-gradient(#dc0800, #ff8410); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#dc0800, #ff8410); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#dc0800, #ff8410); /* For Firefox 3.6 to 15 */
background: linear-gradient(#dc0800, #ff8410); /* Standard syntax (must be last) */
}

#nav-contents div{
width: 50%;
float: left;
display: inline-block;
text-align: center;
height: 180px;
font-size: 16px;
}

#nav-contents a {
font-size: 20px;
font-weight: 600;
color: #ffffff;
display: table-cell;
vertical-align: middle;
height: 160px;
width: 180px;
padding: 0px 30px;
}

#nav-contents img{
height: 180px;
width: 180px;
display: block;
}

#footer{
font-size: 14px;
bottom: 0px;
width: 100%;
height: 150px;
padding-top: 10px;
color: white;
background-color:#dc0800;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8410', endColorstr='#dc0800',GradientType=0 );
background: -webkit-linear-gradient(#ff8410, #dc0800); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ff8410, #dc0800); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ff8410, #dc0800); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ff8410, #dc0800); /* Standard syntax (must be last) */
}

#footer a{
  color:white;
  font-weight: 600;  
}

#footer img{
  width:150px;
}


#footer .layout-size div {
float: left;
margin-right: 80px;
}

.people-image::before{
  background-image:url('../img/people-big.png');
}

.gt51-image::before{
  background-image:url('../img/terminale-apriporta-gt51.jpg');
}

.content-image::before{
  width:300px;
  height: 300px;
  display: block;
float: left;
    content: ' ';
background-repeat: no-repeat;
    -webkit-animation: colorize 2s; /* Chrome, Safari, Opera */
    animation: colorize 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes colorize {
    from {-webkit-filter: grayscale(99%);filter: grayscale(99%);}
    to {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
}

/* Standard syntax */
@keyframes colorize {
    from {-webkit-filter: grayscale(99%);filter: grayscale(99%);}
    to {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
}