@charset "UTF-8";



.TabbedPanels { margin: 0px;padding: 0px;float: left; clear: none; width: 100%; border: 0px }


.TabbedPanelsTabGroup {margin: 0px;padding: 0px;}

.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	font-family: 'CabinSemiBold', arial, sans-serif;
	padding: 5px 5px;
	margin: 0px 1px 0px 0px;
	font-size:20px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align:center;
	color: white;
	background-color: #9E9D8E;
	
/*	-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px; */
	
}

/*con esta ruta eliminamos la imagen de viñeta sólo de la lista de títulos-fichas, mejoramos el padding... todo sin alterar las viñetas ni el orden del contenido*/
#TabbedPanels1 ul.TabbedPanelsTabGroup li.TabbedPanelsTab{
	
	font-weight:bold;
	font-size:16px;
	list-style-image:none;
	padding: 5px 10px 5px 10px;
	background-color:#9E9D8E;
	
	
	}
	
/*con esta declaración hacemos que cuando una ficha-t+ítulo esté seleccionada, tenga un fondo específico*/
#TabbedPanels1 ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected{
	
	background:#EABC2A;
	color:black;
	padding: 5px 10px 5px 10px;
	text-shadow: 0px 1px 0px white;/*efecto realzado de texto*/
	}

/*eliminamos la minibrujula de fondo que tienen los elementos de lista en el css principal*/
#TabbedPanels1 ul.TabbedPanelsTabGroup li{
	background:#ccc;
	}


/*creamos un efecto al hover en las  fichas inactivas*/
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTabHover{
	background:url(collapsible_hover.jpg) repeat-x bottom black;
	color:white;
}


.TabbedPanelsTabSelected {
	color:#FFF;
	
}

.TabbedPanelsTab a {color: black;text-decoration: none;}

.TabbedPanelsContentGroup {
	clear: both;
}

.TabbedPanelsContent {
	background:white;
	padding: 10px 20px 20px 20px;
	color:#000;
	border:#ccc 1px solid;
	
	
/*	-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 10px 10px 10px;
border-radius: 0px 10px 10px 10px; */
	
}

.TabbedPanelsContentVisible {}

.VTabbedPanels .TabbedPanelsTabGroup {float: left;width: 10em;height: 20em;background-color: #0066CC;position: relative;
border-top: solid 0px;
border-right: solid 1px  #EAEAEA;
border-left: solid 1px #FFFFFF;
border-bottom: solid 1px #EAEAEA;}

.VTabbedPanels .TabbedPanelsTab {float: none; margin: 0px; border-top: none; border-left: none; border-right: none;}

.VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEEEEE; border-bottom: solid 1px #999;}

.VTabbedPanels .TabbedPanelsContentGroup {clear: none; float: left; padding: 0px; width: 30em;height: 20em;}