html, body {
  height: 100%;
}


img.bg {
min-height: 500px;
min-width: 1280px;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index:-9999;
}



#header{
position: fixed;
top: 22%;
left:12%;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{
#header{
position: absolute;
z-index: 2000;		
top: 22%;
left:9%;
z-index: 3;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
#header{
position: absolute;
z-index: 2000;		
top: 15%;
left:3%;
z-index: 3;
}
}



#header h1
{
	
font-size: 30px;
	
font-weight: 400;
	
text-transform: uppercase;
			
	
background: none transparent;

}


#navigation {
	
display: block;
  font-family: carme;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-top: 17%;
  text-align: right;
  z-index: 3;

}


#navigation a{
	
color: #000;
	
display: block;
	
line-height: 24px;
	
padding: 0px 20px;

text-transform: uppercase;
	
margin-bottom: 6px;
		
font-size: 24px;

font-family: 'Carme',Arial,sans-serif;
}


#navigation a:hover {
	
color:#444444;
}


#navigation3 {
    display: block;
  font-family: 'Carme',Arial,sans-serif;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-top: 60px;
  z-index: 3;
  text-align:right;
}

#navigation3 a {
  color: #000000;
  display: block;
  font-family: 'Carme',Arial,sans-serif;
  font-size: 18px;
  line-height: 44px;
  margin-bottom: 6px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  text-transform: uppercase;
}

#navigation3 a:hover {
color: #444444;
}

#navigation > p {
  color: #444444;
  font-size: 14px;
  font-style: italic;
  padding-right: 25px;
}

#slide {
  margin-left: 35%;
  margin-top: 10%;
  width: 700px;
}

#freccia {
float:right;
margin-top:10px;
}