/* Uj Biologia */

/* --- Basic Div Properties --- */

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

body {
background: #fff;
}

#container {
margin: 0 auto;
width: 780px;
background-color: #5a80bd;
border: 3px solid #5a80bd;
}

#header {
position: relative;
width: 180px;
height: 300px;
}

#body {
position: relative;
width: 780px;
}

#col_1 {
position: relative;
float: left;
width: 180px;
}

#col_2 {
position: relative;
float: left;
margin-top: -300px;
left: 3px;
width: 597px;
background: #fff;
}

#footer {
position: relative;
float: right;
width: 597px;
height: 30px;
background: #fff;
}

/* --- Header --- */

#header_noimage {
position: absolute;
width: 180px;
height: 300px;
}

#header h1 {
padding: 15px 5px;
color: #fff;
text-align: center;
}

#header_image {
position: absolute;
width: 180px;
height: 300px;
background: url(../img/header_image_bg.png) 0 0 no-repeat;
}

/* --- Sidemenu --- */

#sidemenu {
background: #fff;
}

#sidemenu ul {
list-style: none;
}

#sidemenu li a {
display: block;
padding: 5px 5px 0 15px;
width: 160px;
height: 20px;
font-size: 14px;
color: #000;
background: url(../img/sidemenu_a_bg.png) 0 0 no-repeat;
overflow: hidden;
}

#sidemenu li a:hover {
background: url(../img/sidemenu_a_bg.png) 0 100% no-repeat;
}

/* --- Content --- */

#content {
position: relative;
margin: 0 0 35px 0;
padding: 10px 3px;
width: 590px;
font-size: 1.2em;
line-height: 1.6em;
text-align: justify;
}

#content h2 {
color: #5a80bd;
text-align: center;
}

#content img {
margin: 0;
}

#content ol,
#content ul {
padding-left: 1.8em;
font-size: 1.0em;
line-height: 1.8em;
margin-top: 0.2em;
margin-bottom: 0.1em; 
}

#content a {
color: #3d3d3d;
text-decoration: underline;
}

#content a:hover {
color: #3e5a05;
}

/* --- Footer --- */

#footer {
font-size: 10px;
font-family: Verdana, sans-serif;
color: #3d3d3d; 
text-align: center;
}

/* --- Misc --- */

.floatcleanup {
clear: both;
}

.minheight {
float: right;
width: 1px;
height: 560px;
}

#axon {
display: block;
position: absolute;
right: 10px;
margin-top: -35px;
width: 40px;
height: 60px;
background: url(../img/axonlogo.png) 0 0 no-repeat;
}

#axon:hover {
background: url(../img/axonlogo.png) 100% 0 no-repeat;
}