html, body {
	margin: 0px;
	background: #d0cbfe;
	height: 100%;
	}

#logo {
	position: absolute;
	left: 80px;
	top: 10px;
	z-index: 1;
}	

#logo img {
	border: 0px;
}

#blanco {
	position: absolute;
	left: 0px;
	top: 112px;
	width: 110px;
	height: 37px;
	background: #d0cbfe;
	z-index: 0;
}
	
#menu {
	width: 100%;
	height: 112px;
	background: #000 url('../img/menubg.jpg') repeat-x left bottom;
}

#nav{
	margin-top: 1px;
	margin-right: 80px;
	width: 900px;
	float: right;
	font-size:20px;
	font-family: Calibri;
	font-weight: bold;
}

#nav ul {
	margin: 0 0 0 0;
	list-style-type: none;
	float: right;
}

#nav li {
	width: 160px;
	margin: 0 0 0 0;
	line-height: 110px;
	float: left;
	text-align: center;
}

#nav ul li:hover 
{
	background:#5a48ff;
}

#nav ul li a:link, a:hover, a:visited
{
	color:#eaeaff;
	text-decoration: none;
}

#menudown {
	width: 100%;
	height: 37px;
	background: #000 url('../img/menudown.jpg') repeat-x left bottom;
	font-size:20px;
	font-family: Calibri;
	font-weight: bold;
	color: #fff;
}

#menudown div {
	line-height: 37px;
	margin-left: 400px;
}

#background {
	width: 95%;
	max-height: 80%;
	top: 200px;
	position:absolute;
	z-index: 1;
	color: #ccc9e8;
	font-family: Arial;
	font-size: 38px;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	text-align: justify;

}

#content {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 10px;
	width: 1000px;

	font-family: Verdana;
	font-size: 16px;
	background: #f6f5fc;
	min-height: 60%;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	z-index: 10;
}

#content a:link {text-decoration: none; color: red;}
#content  a:visited {text-decoration: none; color: red;}
#content  a:hover {text-decoration: none; color: #000;}

#content h1 {
	width: 80%;
	color: #b9b7ce;
	font-family: Arial;
	font-size: 48px;
}

#content h2 {
	color: #fcbd34;
	font-family: Arial;
	font-size: 22px;
}