@charset "utf-8";
/* CSS Document */

.Accordion {
	WIDTH: 159px;
	OVERFLOW: hidden;
	vertical-align: middle;
}
.AccordionPanel {
	MARGIN: 0px;
	background-color: #66C9EB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
}
.AccordionPanelContent {
	MARGIN: 0px;
	FONT-SIZE: 11px;
	OVERFLOW: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	display:none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #00a6de;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 25px;
	background-image: url(../images/navegador2.png);
}
.AccordionPanelTab {
	BACKGROUND-COLOR: #FFF;
	PADDING-LEFT: 11px;
	BACKGROUND-REPEAT: no-repeat;
	COLOR: #000;
	CURSOR: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	height: 27px;
	background-image: url(../images/navegador.png);
	padding-top: 0px;
	margin: 0px;
	line-height: 25px;
}
.AccordionPanelTabHover {
	BACKGROUND-COLOR: #FFFFFF;
	MARGIN: 0px;
	PADDING-LEFT: 11px;
	COLOR: #00A6DE;
	CURSOR: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	height: 27px;
	text-align: left;
	padding-top: 0px;
}
.subnavegador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #DBF3FB;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: 5;
	border-right-style: 5;
	border-bottom-style: 5;
	border-left-style: 5;
}
a.subnavegador:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
}
.navegador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.navegador:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #00A6DE;
	text-decoration: none;
}

.none{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	COLOR: #000000;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 25px;
}