body
{
  font: 12px;
  font-family: Georgia, Verdana, Arial, serif;
}

#logo
{
  margin-top: -1;	
  background-image: url("../head_curso.jpg"); background-repeat: repeat;background-position: center; 

  background-color: #0A0001;
  text-align:center;	
		
  display: block;
  width: 780px;
  height: 100px;
  border-top: 2px solid  #003973;
  border-left: 1px solid  #003973;
  border-right: 1px solid  #003973;
  border-bottom: 1px solid  #FFCC33;
}

#titulo
{
  text-align:center;
  font-weight:bold;
  font-size:medium;
	
  background-color: #eee;
  padding-top:  15px;	
  display: block;
  width: 780px;
  height: 30px;
  border-top: 0px;
  border-left: 1px solid  #003973;
  border-right: 1px solid  #003973;
  border-bottom: 0px
}

#pie
{
  text-align:center;	
  background-color: #eee;
  padding-top: 10px;	
  padding-bottom: 10px;	
  border-right: 1px solid  #003973;
  border-left: 1px solid  #003973;
  border-bottom: 1px solid  #003973;
  display: block;
  width: 780px;
  height: 20;
}

#contenedor
{
  background-color: #eee;
  text-align:center;	
  padding-top: 5px;
  padding-bottom: 25px;
  width: 780;
  height: 380;
  /*height: auto;*/

  border-bottom: 0px;
  border-top: 0px;
  border-left: 1px solid  #003973;
  border-right: 1px solid  #003973;
}

#info
{	
  font-family: Georgia, Verdana, Arial, serif;
  font-size:12px;
  background-color: #eee;
  text-align:justify;
  width: 700px;
  display: block;

  border: 1px solid  #003973;	
  padding-top:  15px;
  padding-bottom:  30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left:  20px;	  
  margin-right:  20px;	  
}

#codigo
{	
  font-family: Georgia, Verdana, Arial, serif;
  font-size:12px;
  background-color: #fff;
  text-align:justify;
  width: 600px;
  display: block;

  border: 1px dashed  #c01d1d;			
  padding-top:  10px;
  padding-bottom:  5px;

  padding-left: 20px;
  padding-right: 20px;
  margin-left:  30px;	  
  margin-right:  30px;
}

#tit-codigo
{	
  font-family: Georgia, Verdana, Arial, serif;
  font-size:10px;
  color: #bababa;
  margin-left:  30px;  
}

#info li a
{
  text-decoration:none;
  color: #003973;
}
#info li a:hover
{
  text-decoration:underline;
  color: #835252;
}

#pie a:link, #pie a:visited
{
  text-align:justify;	
  text-decoration:none;
  color: #A50011;
}
#pie a:hover
{
  text-decoration:underline;
  color: #000;
}