body {
background-color:#a6a6a6/* fondo color blanco*/

}

#container {
position:absolute;
top:0;
left:0;
width: 100%; 
height:100%;
}

#contenedor1{
padding-left:40px;
padding-top:30px;
padding-right:20px;
margin:10px;
background:#e6cced;
border:double;
border-color:#72045c;
}
p{
padding:30px;
color:#000000;
size:10;
font:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
text-decoration:none;
}

.slidedoormenu{
padding-top:20px;
background-color:#ededed;/*color de fondo*/
float:left;
list-style-type: none;
margin: 10px;
padding: 0;
width: 180px; /* ancho del menu*/
border-left: 8px solid #72045c; /* borde del menu izq */
border-bottom: 2px solid #72045c;
border-right: 2px solid #72045c;
border-top: 2px solid #72045c;
}

.slidedoormenu li{
border-bottom: 2px solid #72045c; /* linea entre boton y boton */
}

.slidedoormenu li a{
background: white url(img/menu.png) repeat-y left top; /* fondo de menu */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 2px solid white; /* separacion entre boton y boton */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 7px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

</style>

<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}

#contenedor5{
text-align: left;
height:2000;
width: 100;
margin:10px;
padding-right:10px;
}


#principal{
background:#FFFFFF;
height:2000;
background:#ededed;
margin-left:350px; /*Este margen hace que no se encime el contenido en tu menúlateral, es importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
border:#000000 0px solid; /*ponemos un dorde para que se vea bonito*/
}


#lateral{
width:210px;
background-color:#ffffff;
float:left;
margin-left:10px;
padding-top:10px;
}



p.capitalLetter:first-letter
{
   float:left;
   color:black;
   background:white;
   border:1px solid #999999;
   font-size:80px;
   line-height:60px;
   padding:2px;
   font-family:times;
   margin-right: 5px;   
}

#pie{
background:#e6cced;
height:30px;
}

H2{
background-color:#72045c;
color:#ffffff;
}

hr {
background-color: #e6cced;
height: 2px;
}