/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 50; margin: 50; }

body {
	margin: 30px auto; 
	width: 800px;
	/*margin: 1%;*/
	/*padding: 1%;*/
	font: normal .72em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;	
	height: 70%;	
}

/* links */
a { background: inherit; color: #CB3354; }
a:hover { background: inherit; color: #CB3354; text-decoration: underline;}

p {
	margin: 10px 15px;
}

/* images */
img {
	border: 1px solid #CCC;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}

img.float-right2 {
  margin: 5px 0px 5px 15px;  
}

img.float-left {
  margin: 5px 15px 5px 0px;
}

a img {  
  border: 1px solid #CB3354;
}


code {
  margin: 5px auto;
  padding: 10px;
  text-align: center;  
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em Arial, Helvetica, sans-serif;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}


/***********************
	  LAYOUT
************************/

/* main */
#main {
	width: 70%;	
	margin: 0 auto; padding: 0;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	font: normal .95em/1.5em Arial, Helvetica, sans-serif;

}
#footer h3, #footer p {
	margin-left: 0;
}
#footer-content {	
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 15px;
}
#footer-content a {
	text-decoration: none;
	color: #777;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 0;	
}
#footer-content .col2 {
	width: 33%;
	padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.rosa { color: #CB3354; }