@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
	width: 180px;
    background-color: white;
}

/* Alberga todo el panel*/
.AccordionPanel {
	margin-left: 0px;
	padding-left: 0px;
	height:auto;
    
}
/*
.AccordionPanelTab = Asi aparecen de entrada, sin estar seleccionada
 */
.AccordionPanelTab {
	background-color: #F0F0F0;
	border-bottom: dotted 1px #636363;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 8px 0px;
	cursor: pointer;
	color: red;
    font-size: 11px;
	height:auto;
}

.AccordionPanelContent {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height:auto;
	overflow: hidden;
    

}
.AccordionPanelOpen {
	background-color: #d7d7d7;
	border-bottom: dotted 1px #636363;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 8px 0px;
	cursor: pointer;
	color: white;
	font-size: 11px;
	height:auto;
}
.AccordionPanelTabHover{
	color: #666666;
	background-color:#F0F0F0;
}
/* 
.AccordionFocused = Cuando el panelTab está focused
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #F6f6f6;
}
/*
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab = El panel tab abierto
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: white;
	border-bottom: dotted 1px #636363;
}
.atributos .AccordionPanelOpen {
	font-size: 10px;
}