/* CSS Document */


html, body  {
	height: 100%;
	}

.body  {
	background-color: #000000;
	color:#ffffff;
	height: 90%;
	}
	
/* unvisited link */
a:link {
    color: #dedede;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: #dedede;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #8a0020;
	text-decoration:none;
}

/* selected link */
a:active {
    color: #dedede;
	text-decoration:none;
}
.container {
	background-image:url(img/back_leo_12_LP.jpg);
	background-position:center top !important;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size:auto 100%;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
	width:98%;
	max-width:1350px;
	position:relative;
    }
	
.top_logo {
	width:100%;
	max-width:1350px;
	display:block;
	padding:5px;
	margin-top:50px;
	background:none;
	}
	
.logo {
	display:block;
	width:auto;
	}

/*
.contenitore1 {
	width:100%;
	max-width:500px;
	background:none;
	float:left;
	padding:5px;
				}
*/
				
.blocco_pulsanti  {
    display:block;
	width:100%;
	margin-top:250px;
	background:none;
	/*border-top: solid 1px #999999;*/
				}
				
.pulsante {
    width:100%;
	float:left;
	padding:6px;
	margin-bottom:10px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	-webkit-transition: all 500ms ease-in 0.05s;
	-moz-transition: all 500ms ease-in 0.05s;
	-o-transition: all 500ms ease-in 0.05s;
	transition: all 500ms ease-in 0.05s;
	} 
	
.pulsante:hover {
    -webkit-transition: all 500ms ease-in 0.05s;
	-moz-transition: all 500ms ease-in 0.05s;
	-o-transition: all 500ms ease-in 0.05s;
	transition: all 500ms ease-in 0.05s;
	
	} 
				
.contenitore_01 {
    display:table;
	height: 100px;
	margin: auto;
	margin-top:350px;
	margin-bottom:0px;
   	width:98%;
	max-width:1350px;
	position:absolute;
	bottom:0;
	}
	
.contenitore_icona {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	width:54px;
	height:54px;
	background:#222222;
	border:1px solid #444444;
	border-radius: 6px;
	}
	
.contenitore_icona:hover {
	-webkit-transition: all 100ms ease-in 0.025s;
	-moz-transition: all 100ms ease-in 0.025s;
	-o-transition: all 100ms ease-in 0.025s;
	transition: all 100ms ease-in 0.025s;
	background:#8a0020;
	border:1px solid #000000;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45) inset;
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45) inset;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45) inset; 
	}
	
.contenitore_icone {
    display:table;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
	}

/*.contenitore_icona_youtube {
	float:left;
	margin-right:5px;
	width:54px;
	height:54px;
	background-image:url(img/icone/youtube.png);
	background-repeat:no-repeat;
	background:none;
	}
	
.contenitore_icona_youtube:hover {
	float:left;
	margin-right:5px;
	width:54px;
	height:54px;
	background-image:url(img/icone/youtube.png);
	background-repeat:no-repeat;
	background:#999999
	
	}*/
	
	
	
@media screen and (max-width: 680px) {
  
.body  {
	background-color: #000000;
	color:#ffffff;
	height: 90%;
	}
	
/* unvisited link */
a:link {
    color: #dedede;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: #dedede;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #8a0020;
	text-decoration:none;
}

/* selected link */
a:active {
    color: #dedede;
	text-decoration:none;
}
.container {
    background:none;
  	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
	width:98%;
	max-width:1350px;
	}
	
.top_logo {
	width:100%;
	max-width:1350px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	margin-top:2px;
	background:none;
	}
	
.logo {
	display:block;
	width:auto;
	}

.blocco_pulsanti  {
    display:block;
	width:100%;
	margin-top:250px;
	background:none;
				}
				
.pulsante {
    width:100%;
	float:left;
	padding:6px;
	margin-bottom:10px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	-webkit-transition: all 500ms ease-in 0.05s;
	-moz-transition: all 500ms ease-in 0.05s;
	-o-transition: all 500ms ease-in 0.05s;
	transition: all 500ms ease-in 0.05s;
	} 
	
.pulsante:hover {
    -webkit-transition: all 500ms ease-in 0.05s;
	-moz-transition: all 500ms ease-in 0.05s;
	-o-transition: all 500ms ease-in 0.05s;
	transition: all 500ms ease-in 0.05s;
	
	} 
	
	
.contenitore_00 {
    display:block;
    background-image:url(img/back_leo_12_LP.jpg);
	background-position:center top !important;
	background-repeat: no-repeat;
	background-attachment:scrool;
	background-size:auto 100%;
	max-width:680px;
	height: 700px;
}
				
.contenitore_01 {
    display:table;
	height: 100px;
	margin: auto;
	margin-top:10px;
	margin-bottom:0px;
   	width:98%;
	max-width:1350px;
	position:inherit;
	}
	
.contenitore_icona {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	width:54px;
	height:54px;
	background:#222222;
	border:1px solid #444444;
	border-radius: 6px;
	}
	
.contenitore_icona:hover {
	-webkit-transition: all 100ms ease-in 0.025s;
	-moz-transition: all 100ms ease-in 0.025s;
	-o-transition: all 100ms ease-in 0.025s;
	transition: all 100ms ease-in 0.025s;
	background:#8a0020;
	border:1px solid #000000;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45) inset;
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45) inset;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.45) inset; 
	}
	
.contenitore_icone {
    display:table;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
	}
}