html, body, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #544e38;
}
img {
	border: 0px;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}
.sred{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 17px;
        color: #d72811;
}
body {
	background-color: #000034;
	text-align: center;
	font: 12px arial, verdana, sans-serif;
}
#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
	position: relative;
	padding-top: 20px;
}

#template {
	background: url(images/body_bg.jpg) repeat-y;
	color: white;
	width: 100%;
}
#template-top {
	background: top left url(images/body_top.jpg) no-repeat;
	position: relative;
}

#template-bot {
	background: bottom left url(images/body_bot.jpg) no-repeat;
	padding-bottom: 17px;
}

h1 {
	position: absolute;
	top: 36px;
	left: 13px;
	font-size:26px;
	color:#3f3c2d;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	position: absolute;
	top: 25px;
	left:720px;
	font-size:14px;
	font-weight: bold;
	color:#c64934;
	font-family: Arial, Helvetica, sans-serif;
}
#nav {
	position: absolute;
	top: 160px;
	left: 216px;
}
#nav  a {
	background-image:url(images/menu.jpg);
	width:94px;
	height:22px;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	padding-top:6px;
	text-decoration:none;
	color: #000034;
	font-weight:bolder;
}
#nav  a:hover {
	color:#ffffff;
}
#nav2 {
	position: absolute;
	top: 186px;
	left: 216px;
}
#nav2  a {
	background-image:url(images/menu.jpg);
	width:94px;
	height:22px;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	padding-top:6px;
	color: #000034;
	text-decoration:none;
	font-weight:bolder;
}
#nav2  a:hover {
	color:#ffffff;
}

#body-bot {
	padding-top: 1px;
}
#menu {
	float: left;
	width: 170px;
	padding-left: 9px;
	padding-top: 139px;
	background-color:transparent;
	color:#000034;
	font-weight: bold;
        font-size: 11px;
}
#animation {
	position: absolute;
	top:420px; 
	left:10px;
}
#content {
	float: right;
	width: 656px;
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 48px;
	color: #686454;
	text-align: justify;
}
#content .title {
	font: 18px arial, sans-serif;
	font-weight: bold;
	color: #000034;
}
#content .left {
	margin-right: 10px;
}
#content a {
	color: #5A5644;
}
#content a:hover {
	color: #26241A;
}
#content li {
	list-style: circle;
}
#prometeo {
	float:left;
        background: url(images/prometeo.jpg);
        background-repeat: no-repeat;
        background-color: #f7dee4;
        width: 658px;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 40px;
        color: #686454;
        text-align: justify;
}
#prometeo .title {
	font: 18px arial, sans-serif;
	font-weight: bold;
	color: #000034;
}
#prometeo .left {
	margin-right: 10px;
}
#prometeo a {
	color: #5A5644;
}
#prometeo a:hover {
	color: #26241A;
}
#prometeo li {
	list-style: circle;
}
#topmenu {
	float: right;
	width: 656px;
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 180px;
	color: #686454;
	text-align: center;
	background-color: transparent;
}
#content2 {
	width: 700px;
	padding-right: 1px;
	padding-left: 180px;
	padding-top: 4px;
	color: #686454;
}
#content2 .title {
	font: 16px arial, sans-serif;
	font-weight: bold;
	color: #c64934;
	padding-left: 28px;
}
#content2 .left {
	margin-right: 1px;
}
#content2 a {
	color: #5A5644;
}
#content2 a:hover {
	color: #26241A;
}
#content2 li {
	list-style: circle;
}
#footer {
	font: 11px arial, sans-serif;
	color: #4E4A3A;
	text-align: center;
	padding-right: 47px;
}
#footer p {
	margin-top: 0.5em;
}