html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #50565B;
	background-color: #CCCCCC;
	text-align:center;
	min-width:640px;
	min-height:460px;
}

.red {
  color: #B4162C;
}

a:link {
  color: #50565B;
  text-decoration: none;
}    /* unvisited links */
a:visited {
  color: #50565B;
  text-decoration: none;
}   /* visited links   */
a:hover {
  color: #B4162C;
  text-decoration: none;
} /* user hovers     */
a:active {
  color: #50565B;
  text-decoration: none;
}   /* active links    */

a img {
	border: 0;
}

#vertical{
	float:left;
	height:50%;
	margin-top: -230px;/* half vertical height*/
	width:100%;
}

#main {
  position: relative;
  width: 640px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;/* allow content to scroll inside element */
	clear: both;
	background-color: #FFFFFF;
	background-image: url("_images/background-(photo-by-@Stefigno).jpg");
	box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
}

#logo {
  position: absolute;
	top: 40px;
	left: 40px;
}

#foto {
  position: absolute;
	top: 40px;
	right: 40px;
}

#txt {
  position: absolute;
	left: 40px;
	bottom: 40px;
	text-align: left;
}

#txt .icon {
  vertical-align: middle;
}

#badge {
  position: absolute;
	left: 40px;
	bottom: 35px;
	width: 80px;
	height: 15px;
}

li a {
  text-align: left;
}

li a img {
  vertical-align: middle;
}

.icon {
  width: 16px;
	height: 16px;
}