body{
	margin: 0px;
        background-color: #eee;
}


#principal{
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
	background-color: white;
}


#titulo{
	width:740px;
	background-color: #fff;
        border-left: solid 50px #003d46;
        margin: 0px;
        padding: 10px;
        border-right: solid 1px #666;
}

#contenido{

	width:740px;
	background-color: #fff;
        border-left: solid 50px #00776e;
        margin: 0px;
        padding: 10px;
        border-right: solid 1px #666;
		  border-bottom: solid 1px #666;
		  padding-bottom: 50px;
}

p { 
    text-align: justify; 
     color: black;
     font-family: verdana, Arial, Helvetica, sans-serif;
     font-size:14px; 
   }

p.figura { 
    text-align: center; 
     color: black;
     font-family: verdana, Arial, Helvetica, sans-serif;
     font-size:14px; 
     font-weight: bold; 
   }


li { 
    text-align: justify; 
     color: black;
     font-family: verdana, Arial, Helvetica, sans-serif;
     font-size:14px; 
   }



p.codigo { 
    text-align: left; 
     color: #003d46;
     font-family: currier;
     font-size:10px; 
     border: solid 1px #666;
     padding: 15px;
   }

.comentario { 
     color: #00776e;
   }

h1 {
     text-align: center;
     color: #00776e;
     font-family: verdana, Arial, Helvetica, sans-serif;
     font-size:28px; 
     border:0px;
   }

h2 {
     text-align: left;
     color: #000000;
     font-family: verdana, Arial, Helvetica, sans-serif;
     font-size:24px; 
     border:0px;
   }


h4 {
     text-align: center;
     color: #000000;
     font-family: verdana, Arial, Helvetica, sans-serif;
     font-size:18px; 
     border:0px;
   }

img
   {
     border:0px;
   }
	
/* Para compatibilizarlo con XHTML1.1 */
.center 
	{
		text-align: center;
	}

#photo 
	{
		float : left;
		margin-right: 1em;
	}
	
.version 
	{
		text-align: right;
	}