body {
 background-color: #888888;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding-top: 15px;
}

#container {
 border: 1px solid #333333;
 width: 800px;
 background-color: #003366;
/* background-color: #000066;*/
 padding: 6px;
 height: 100%;
}

#header {
 /*background-image: url("imagenes/back.jpg");*/
/* border: 1px solid #333333;*/
 background-color: #336699;
/* background-color: #CCCCCC;*/
 color: #FFFFFF;
 /*vertical-align: bottom;*/
 text-align: left;
 height: 180px;
 padding: 10px;
}
 
#contentblock {
 border: 1px solid #333333;
 background-color: #dddddd;
 vertical-align: top;
 padding: 2px 20px 2px 20px;
 margin-top: 6px;
 margin-bottom: 6px;
 margin-left: 220px;
 text-align: left;
 font-size: 14px;
}

#contentblock h3 {
 font-size: 16px;
 font-weight:bold;
 letter-spacing: 1px;
 background-color: #336699;
 color: #ffffff;
 padding-left: 5px;
}

#contentblock h4 {
 font-size: 14px;
 font-weight:bold;
 letter-spacing: 1px;
 background-color: #009999;
 color: #ffffff;
 padding-left: 5px;
}

#contentblock p {
 color: #000000;
 text-align: justify;
}

#contentblock li {
 color: #cc0000;
 text-align: justify;
 padding: 5px;
 margin: 0px;
}

#contentblock a {
 color: #4444ff;
 text-decoration: underline;
}

#contentblock a:hover{
 color: #006666;
 text-decoration: underline;
}

#contentblock em {
 font-weight: bold;
 font-style: normal;
}

#contentblock img {
 border-style: none;
}

#izq {
 float: left;
 border: 1px solid #333333;
 background-color: #dddddd;
 text-align:left;
 width: 210px;
 margin-top: 6px;
 margin-bottom: 6px;
}

#leftnav {
 float: top;
 background-color: #dddddd;
 text-align:left;
 width: 210px;
 padding: 2px 0px 5px 0px;
}

#leftnav h3 {
 border: 1px solid #666666;
 margin: 5px 5px 1px 5px;
 background-color: #336699;
 color: #CCCCCC;
 font-weight:bold;
 font-size: 14px;
 text-align:center;
 text-decoration:none;
}

#leftnav ul {
 margin: 0; 
 padding: 0px 5px 0px 5px;
 list-style-type: none;
} 

#leftnav li {
 width:200px;
} 

#leftnav a:link, #leftnav a:visited, #leftnav a:active {
 display: block;
 color: #4444aa;
 padding: 0px 5px 0px 5px;
 border: 1px solid #CCCCCC;
 text-decoration: none; /*lets remove the link underlines*/
} 

#leftnav a:hover {
 display: block;
 padding: 0px 5px 0px 5px;
 border: 1px solid #333333;
 background: #666666;
 color: #CCCCCC;
 text-decoration: none; /*lets remove the link underlines*/
}

#leftnav img {
 border-style: none;
}

#lefttext{
 float: top;
 background-color: #dddddd;
 padding: 2px 2px 2px 2px;
 text-align:left;
 width: 206px;
}

#lefttext h3 {
 border: 1px solid #666666;
 padding: 2px 2px 2px 2px;
 margin: 5px 5px 1px 5px;
 background-color: #009999;
 color: #CCCCCC;
 font-weight:normal;
 font-size: 14px;
 text-decoration:none;
}

#lefttext h4 {
 border: 1px solid #666666;
 padding: 2px 2px 2px 2px;
 margin: 5px 5px 1px 5px;
 background-color: #990000;
 color: #CCCCCC;
 font-weight:normal;
 font-size: 14px;
 text-decoration:none;
}

#lefttext h5 {
 border: 1px solid #666666;
 padding: 2px 2px 2px 2px;
 margin: 5px 5px 1px 5px;
 background-color: #000099;
 color: #CCCCCC;
 font-weight:normal;
 font-size: 14px;
 text-decoration:none;
}

#lefttext p {
 color: #000000;
 padding: 0px 5px 0px 5px;
 text-align: justify;
}

#lefttext a {
 color: #4444ff;
 text-decoration: underline;
}

#lefttext a:hover{
 color: #006666;
 text-decoration: underline;
}

#lefttext img {
 border-style: none;
}

#footer {
 margin-top: 6px;
 clear: both; /* FIXED MAJOR LAYOUT ISSUE */
 border: 1px solid #333333;
 background-color: #336699;
 color: #333333;
 vertical-align: top;
 text-align: left;
 padding: 4px;
 padding-right: 15px;
}

#footer p {
 color: #ffffff;
 font-size: 10px;
 font-weight: normal;
}

#footer a {
 color: #000000;
 text-decoration: underline;
}

#footer a:hover{
 color: #dddd00;
 text-decoration: none;
}

.center {
float:center;
}