/*Aquí vamos a definir las propiedades de la página en general, más adelante definiremos las de las cajas principales*/
       /*formatos de párrafo, linea de separacion, encabezados 1 al 6, tablas, vínculos (en sus 4 estados) y body respectivamente*/
body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	text-align : justify;
	line-height: 10px;
}
p {
	font-size:11px;
	color: #586885;
	line-height: 120%;
}
hr {
	display:none;
 }
h1 {
	font-size:25px;
	text-align : left;
	color : #666666;
	margin:0;
}
h2 {
	font-size:20px;
	text-align : left;
	color:#486895;
	text-transform: capitalize;
}
h3 {
	font-size:18px;
	text-align : left;
	color : #666666;
}
h4 {
	font-size:15px;
	text-align : left;
	color : #666666;
}
h5 {
	font-size: 13px;
	text-align : left;
	color : #666666;
}
h6 {
	font-size:12px;
	text-align : left;
	color : #666666;
}
td {
	font-size: 12px;
	text-align : center;
	color : #586885;
}
a {
	font-size:12px;
	color:#325FA0;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#325FA0;
}
a:hover {
	text-decoration: none;
	color:#000066;
}
a:active {
	text-decoration: none;
	color:#0099CC;
}

#container {
       background-color:#DDE6AC;
       border-style:solid;
       border-color:#000000;
       margin: 0 auto;
       width:700px;
       height:auto;
}

.header{
       width:700px;
       height:140px;
       background-color:#CC9933;
       border-bottom-style:solid;
       border-bottom-color:#000000;
       margin:0 0 10px 0;
}


.izquierda{
       width:100px;
       height:auto;
       background-color:#EFEFEF;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin:0 0 0 1px;
       float:left;
       padding:1px;
}

.izquierda ul {
       font:bold 15px Verdana, Arial, Helvetica, sans-serif;
       color:#586885;
       line-height: 140%;
       text-transform:capitalize;
}

.derecha{
       width:150px;
       height:auto;
       background-color:#FFFFDD;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin:0 5px 0 0;
       float:right;
       padding:5px;
}

.principal{
       width:390px;
       height:auto;
       background-color:#FFF;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin:0 5px 0 117px;
       padding:10px;
}

.footer{
       width:auto;
       height:30px;
       background-color:#FFF;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin:5px;
}

.footer h6{
       text-align:center;
       text-transform:uppercase;
       margin:5px auto;
       color:#666666;
       font-size:10px;
}      


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #ffa1a3; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(http://www.geocities.com/fabian_david_gil/media/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
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: 8px 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%;
}
</style>
<![endif]-->