html, body {
 height: 100%;
 font-family: Arial, Helvetica, san-serif;
 
}
a {
text-decoration:  none;
}
img {
border: 0px;
}

#container {
  min-height: 100%; 
  background-color: #eeede6;  
}
 

#top {
  position: relative;	
  width: 100%;
  height: 300px; 
  background-color: #9d1014;  
}

#head {
width: 960px;
height:270px;
margin: 0 auto;
padding-top:30px;
}

#logo{
float:left;
width: 160px;
height:200px;
position: relative;
text-align: center;
background: url('/img/triangle_s.png') no-repeat;
}

#logo2{
float:left;
width: 200px;
height:200px;
position: relative;
text-align: center;
background: url('/img/vittorio.png') no-repeat;
background-position: 14px 8px;
}
#title {
float:left;
width: 600px;
height:200px;
position: relative;
text-align: center;
color: white;
}


#topmenu {
width: 960px;
height:50px;
position: relative;
top: -36px;
margin: 0 auto;
text-align:center;
}

#element {
padding-top:7px;
border-style:solid;
border-width:1px;
border-bottom: 0px;
border-color: #72b844;
margin: 5px 3px 5px 3px;
float: left;
min-height:18px;
padding-left: 5px;
padding-right: 5px;
padding-bottom:5px;
background-color: #ae1318/*72b844*/;
color: white;
text-align:center;
-webkit-box-shadow: 4px 5px 7px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 5px 7px rgba(50, 50, 50, 0.5);
box-shadow:         4px 5px 7px rgba(50, 50, 50, 0.5);
font-size: 14px;
}

#element:hover {
-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
border-color: #a42f1e;
cursor: pointer;
}

#element a{
color: white;
}

#element a:hover{
font-size: bold;
}
#page {
width: 960px;
height:100%;
position: relative;
margin: 0 auto;
font-size: 20px;
font: 100%/1.4 'MyriadWebProRegular', Arial, Helvetica, sans-serif;
color: black;/*#787878;*/
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

#page img {
margin-top: 10px;
margin-bottom: 10px;
}

#foother {
width: 960px;
height:30px;
position: relative;
clear:both;
margin: 0px auto;
font-size: 12px;
color: #4b4b4b;
}

#gallery {
width:960px;
position:relative;
}

#gallery img {
width: 290px;
float: left;
margin: 10px 10px 5px 10px;
}

#pcont {
width:960px;
clear:both;
}

#gallery p {
width: 290px;
float: left;
margin: 0px 10px 5px 10px;
padding-left: 2px;
text-align:center;
}

#gallery img:hover {
position: relative;
top: -2px;
left: -2px;
-webkit-box-shadow: 4px 5px 7px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 5px 7px rgba(50, 50, 50, 0.5);
box-shadow:         4px 5px 7px rgba(50, 50, 50, 0.5);
}
.left { float: left; margin:10px; padding: 10px;}

.right { float: right; margin:10px; padding: 10px;}

.clear { clear: both;}

.center { margin: 0px auto; text-align: center;}

#halfleft {
float: left;
min-height: 480px;
width: 480px;
padding-bottom: 30px;
}


#fotoleft {
float: left;
height: 480px;
width: 480px;
}