/*
Template : Moving Blocks
Author	 : Frans Braam (Snarf)
Website  : http://braam.wolweb.nl/
*/

body {
  margin: 0;
  padding: 0;
  background: #340035;
  font: normal 12px arial, helvetica, verdana, tahoma, sans-serif;
  color: #FFF;
  text-align: center;
}

/* Main styling */

#centreposition {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
}

#outside {
  margin-left: -380px;
  position: absolute;
  top: -220px;
  left: 50%;
}

#maincontainer {
  border: 1px solid #000;
  background: #FFE;
  width: 768px;
  height: 440px;
}

#header
{
	margin: 0 auto;
	width: 768px;
	padding: 5px 0px;
	color: #E099FF;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#block1 {
  float: left;
  width: 228px;
  height: 120px;
  display: block;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #8F00D6;
}

#block2 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #5C008A;
}

#block3 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #77538A;
}

#block4 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #77538A;
}

#block5 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #5C008A;
}

#block6 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #D6D6D6;
}

#block7 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #8F00D6;
}

#block8 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #77538A;
}

#block9 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #77538A;
}

.imageblock {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('imagescursos/splash.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:5px; margin-bottom:3px
}

.imageblock1 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('imagescursos/splash.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

#content1 {
  float: left;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #5C008A;
  text-align: left;  
  overflow: auto;
}

#content2 {
  float: right;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #5C008A;
  text-align: left;  
  overflow: auto;
}

#content3 {
  float: left;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #5C008A;
  text-align: left;  
  overflow: auto;
}

#content4 {
  float: right;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #5C008A;
  text-align: left;  
  overflow: auto;
}

#footer {
	margin: 0 auto;
	width: 768px;
	padding: 10px 0px;
	text-align: right;
}

/* Element styling */

h1 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
  text-align: left;  
}

h2 {
  font-size: 20px;
}

a {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}
  
#footer a {
  font-weight: normal;
  text-decoration: none;
}

#footer a:link {
  color: #E099FF;
}

#footer a:hover {
  font-weight: bold;
}

blockquote {
  margin: 25px;
  padding: 0 0 0 20px;  
  background-color: #E098FF; 
  border: 1px solid #9D6BB3; 
  color: #5C008A;	
}

#content1 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content1 ul li {
  padding-left: 15px; 
  background: url('imagescursos/block.gif') no-repeat 0 5px;
}

#content2 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content2 ul li {
  padding-left: 15px; 
  background: url('imagescursos/block.gif') no-repeat 0 5px;
}

#content3 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content3 ul li {
  padding-left: 15px; 
  background: url('images/block.gif') no-repeat 0 5px;
}

#content4 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content4 ul li {
  padding-left: 15px; 
  background: url('images/block.gif') no-repeat 0 5px;
}

/* Image styling */

.img1 {
  float: left;
  margin: 0 10px 0 0;
  padding: 2px;
  border: 1px solid #8F00D6;
}

.img2 {
  float: right;
  margin: 0 0 0 3px;	
  padding: 2px;
  border: 1px solid #8F00D6;
}

.img3 {
    float: none;
    margin: 5px 10px 0 10px;
    padding: 2px;
    border: 1px solid #8F00D6;
}

.img4 {
    float: none;
    margin: 0 10px 0 80px;
    padding: 2px;
    border: 1px solid #8F00D6;
}