body {
	font-family: Arial, Helvetica;background-color:#5854A1;
	text-align:center;
}
#page{
  width:1020px; margin-left:auto; margin-right:auto;
}
a:link	{color:#C5C5C8; text-decoration:none } 
a:visited {color:#C5C5C8; text-decoration:none}
a:hover	{color: #ececec; text-decoration:none}
h1 {
	font-family: "Book Antiqua";
	font-size: 14px;
	font-style: normal;
	color: #C5C5C8;
	font-weight: 400;	
}
h2 {
	font-family: "Book Antiqua";
	font-size: 14px;
	font-style: normal;
	color: #C5C5C8;
	font-weight: 400;	
}
#header{
   width: 100%;
   clear: both;
   height: 182px;
}
#intro_cpp {
 	width:100%;
 	text-align:left; color:#C5C5C8;
	font-family:Book Antiqua, Arial, Helvetica;
	font-size:48px;
	vertical-align:top;
	float:left;
    height: 182px;
}
#intro_html {
 	width:100%;
 	text-align:left; color:#C5C5C8;
	font-family:Book Antiqua, Arial, Helvetica;
	font-size:48px;
	vertical-align:top;
	float:left;
    height: 182px;
}
.intro_text {
	width:100%;
	text-align:left; color:#C5C5C8;
	font-family:Book Antiqua, Arial, Helvetica;
	font-size:48px;
	vertical-align:top;
	float:left;
	height: 182px;
}
.intro_autor {
	width:100%;
	text-align:left; color:#C5C5C8;
	font-family:Book Antiqua, Arial, Helvetica;
	font-size:12px;
	float:left;
	height: 182px;
}
#col1{
   width: 120px;
   padding: 0px;
   float: left;
   position: relative;
   /*background-color: green;*/
   height: 546px;
}
#col2{
   width: 360px;
   padding: 0px;
   float: left;
   position: relative;
   /*background-color: gray;*/
   height: 546px;
}
#col3{
   width: 60px;
   padding: 0px;
   float: left;
   position: relative;
   /*background-color: green;*/
   height: 546px;
}
#col4{
   width: 360px;
   padding: 0px;
   float: left;
   position: relative;
   /*background-color: gray;*/
   height: 546px;
}
#col5{
   width: 120px;
   padding: 0px;
   float: left;
   position: relative;
   /*background-color: green;*/
   height: 546px;
}
#footer{
   width: 100%;
   left: 0%;
   height: 60px;
   clear: both;
}