body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

a{
	text-decoration:none;
	color:#000000;
}

a:hover{
	color:black;
}

#container { 
	width: 786px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 0px;
	text-align: left;
} 
#header { 
	background: #ffffff;
	padding: 0px;
} 
#header h1 {
	margin: 0;
	padding: 3px 0;
}

#sidebar1 {
	float: left; 
	width: 11em;
	background: #FFFFFF;
	padding: 0px;
}
#sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar1 h3 {
	margin-left: 10px;
	margin-right: 10px;
}

#mainContent {
	margin: 0 0.5em 0 11.5em;
	padding-top: 10px
} 
#footer { 
	padding: 0px;
	background:#ffffff;
}

#titulos {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-align:left;
	background-color: #ffffff;
	font-size: 17px;
}

#titucp {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-align:left;
	background-color: #006633;
	font-size: 17px;
	color: #ffffff;
}

.titulo1 { font-size: 20px; color: #ffffff;}

.titulo2 { font-size: 16px; font-weight:bold; color: #000066;  }

.titulo3 { font-size: 14px; font-weight:bold; color: #006633;}
.mail { font-size: 12px; font-weight:bold;}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

	.menu {
				height:199px;
				font-size:90%;
				float:left;
				width:140px;
			}

			/* Remuebe todos los bullets, borders y paddings para la lista de estilos por default */
			.menu ul {
				position:inherit;
				z-index:500;
				padding:0;
				margin:0;
				list-style-type:none;
				width:138px;
			}
			/* Estilo para lalista de opciones */
			.menu li {
				background:#ffffff;
				height:26px;
				/* Para IE7 */
				float:left;
			}
			.menu li.sub {background:#ffffff url(sub.gif) no-repeat right center;} 

			/* Deshacerse de la tabla */
			.menu table {
				position:absolute;
				border-collapse:collapse;
				top:182px;
				left:164px;
				z-index:100;
				font-size:1em;
				float:left;
				width: 138px;
				height: 35px;
			}

			/* estiloa para los links */
			.menu a:visited {
				display:block; 
				text-decoration:none;
				height:25px;
				line-height:25px;
				width:138px;
				color:#000033;
				text-indent:3px;
				border-bottom:1px solid #ffffff;
				border-width:0 1px 1px 1px;
			}
			.menu a {
				display:block; 
				text-decoration:none;
				height:25px;
				line-height:25px;
				width:138px;
				color:#000033;
				text-indent:3px;
				border-bottom:1px solid #ffffff;
				border-width:0 1px 1px 1px;
			}
			/* hack para IE5.5 */
			* html .menu a:visited {width:150px; w\idth:149px;}
			* html .menu a {width:150px; w\idth:149px;}
			/* estilo del hover de los links*/
			* html .menu a:hover {color:#ffffff; background:#006633; position:relative;}

			.menu li:hover {position:relative;}

			/* para acceder a un menu superior */
			.menu a:focus {color:#ffffff; background:#006633;}

			.menu a:active {color:#ffffff; background:#006633;}

			/* pone color de fondo y texto para submenus*/
			.menu li:hover > a {color:#ffffff; background:#006633;}
			 
			.menu li ul {
				visibility:hidden;
				position:absolute;
				top:-30px;
				left:100px;
				padding:30px;
				background:transparent url(transparent.gif);
			}

			.menu li:hover > ul {visibility:visible;}

			.menu ul a:hover ul ul{
				visibility:hidden;
			}
			/* keep the fourth level+ hidden when you hover on second level link*/
			.menu ul a:hover ul a:hover ul ul{
				visibility:hidden;
			}
			/* keep the fifth level hidden when you hover on third level link*/
			.menu ul a:hover ul a:hover ul a:hover ul ul{
				visibility:hidden;
			}

			/* make the second level visible when hover on first level link */
			.menu ul a:hover ul {
				visibility:visible;
			}
			/* make the third level visible when you hover over second level link */
			.menu ul a:hover ul a:hover ul{ 
				visibility:visible;
			}
			/* make the fourth level visible when you hover over third level link */
			.menu ul a:hover ul a:hover ul a:hover ul { 
				visibility:visible;
			}
			/* make the fifth level visible when you hover over fourth level link */
			.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
				visibility:visible;
			}