html{
	width: 768px; /* da modificare */
    position: relative; /* tenere questi due!!*/
    min-height: 100%;
}

body{
	background-color: #e6e6e6;
    margin-bottom: 70px; /* deve coincidere con l'altezza del footer */ /* da 40 a 70*/
}

.container{
	min-height: 700px;
}

.header{	
	text-align: left;
	font-size: 24px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 10px;
}

.header p{
	width: 468px;
	font-size: 14px;
	margin-bottom: 0px;
	font-style: italic;
}

.menu a {
	margin-right: 20px;
	padding-left: 20px;
	float: center;
}

.scritte-logo{
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 70px;
}

p{
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
}


h3{
	color: rgb(51,53,56);
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: bold; 
}


h4{
	color: #e6e6e6;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: bold; 
}

td {
	padding: 3px;
	font-size: 12px;
}

#data{
	position: relative ;
	float : right;
}

#data p{
	width: 468px;
	font-size: 16px;
	margin: 0px;
	margin-left: 70px;
	font-style: italic;
}

#logo{
	padding-top: 15px;
	margin-left: 30px;
}



.home{
	padding-top: 0px;
	padding-bottom: 20px;
	font-family: "Helvetica Neue", arial, sans-serif;
	color: black;
	font-size: 18px;
	text-align: center;
}

/*BARRA LATERALE*/

.sidebar{
	
	float: left;
	padding-left: 50px; 
	padding-bottom: 380px;
	padding-top: 15px;
}

.sidebar p{
	
	
	font-family: "Helvetica Neue", arial, sans-serif;
	font-size: 14px;
	line-height: 0.3;
}


.sidebar ul{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 30px;
}



.sidebar ul .active a{
	color: #00aeef;
}



.sidebar a:hover{
	color: #00aeef;
}



.sidebar a{
	font-family: "Helvetica Neue", Arial, sans-serif;
	color: red;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

.sidebar li{
	padding-bottom: 16px;
}



/*PAGINA CONTATTI*/

.contatti{
	float: center;
	margin-left: 250px;
	margin-top: 15px;
}

.contatti p{
	width: 468px;
	font-size: 14px;
	margin-bottom: 12px;
	font-style: italic;
}

.contatti a{
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: black;
}

.contatti ul .active a{
	color: #00aeef;
}

.contatti a:hover{
	color: #00aeef;
}

.contatti h3{
	padding-bottom: 20px;
	padding-top: 0px;
}

.contatti td {
	font-size: 14px;
}

.main-content{
	float: center;
	margin-left: 250px;
	margin-top: 15px;
}

.main-content #temp{
	width: 40px;
}

.main-content p{
	width: 468px;
	font-size: 14px;
	margin-bottom: 12px;
	font-style: italic;
}

.main-content a{
	float: left;
	color: black;
	font-weight: bold;
	font-family: "Helvetica Neue", arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: italic;
	padding-bottom: 16px;
}

.main-content ul .active a{
	color: #00aeef;
}

.main-content a:hover{
	color: #00aeef;
}

.main-content h3{
	padding-bottom: 20px;
	padding-top: 0px;
}

.row{
	overflow: hidden;
}

footer{
	background-color: rgb(51,53,56);
	font-family: helvetica, arial;
	font-size: 18px;
	font-style: italic;
	color: rgb(230,230,230);
	text-align: center;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	width: 768px;
	/*margin-top: 20px;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
}

footer p{
	padding-top: 10px;
	margin: 0px;
}

/* TEST animazione */

lamprosso {
    color: red;
    -webkit-animation-name: lamprosso; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: lamprosso;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes lamprosso {
    0%   {color: rgba(255, 0, 0, 1);}
    49.9%   {color: rgba(255, 0, 0, 1);} /*da eliminare*/
    50% {color: rgba(255, 0, 0, 0);}
    100% {color: rgba(255, 0, 0, 0);}   /*da eliminare*/
}

/* Standard syntax */
@keyframes lamprosso {
    /*0%   {color: red;}
    25%  {color: black;}
    50%  {color: red;}
    100% {color: black;}*/
    0%   {color: rgba(255, 0, 0, 1);}
    49.9%   {color: rgba(255, 0, 0, 1);}    /*da eliminare*/
    50% {color: rgba(255, 0, 0, 0);}
    100% {color: rgba(255, 0, 0, 0);}   /*da eliminare*/
    
}

lampblu {
    color: #00aeef;
    -webkit-animation-name: lampblu; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: lampblu;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes lampblu {
    0%   {color: rgba(0, 174, 239, 1);}
    49.9%   {color: rgba(0, 174, 239, 1);} /*da eliminare*/
    50% {color: rgba(0, 174, 239, 0);}
    100% {color: rgba(0, 174, 239, 0);}   /*da eliminare*/
}

/* Standard syntax */
@keyframes lampblu {
    /*0%   {color: red;}
    25%  {color: black;}
    50%  {color: red;}
    100% {color: black;}*/
    0%   {color: rgba(0, 174, 239, 1);}
    49.9%   {color: rgba(0, 174, 239, 1);} /*da eliminare*/
    50% {color: rgba(0, 174, 239, 0);}
    100% {color: rgba(0, 174, 239, 0);}   /*da eliminare*/
}

/*----------------*/