<!--

/* Estilos relacionados con colores */

.tabpanel_container {
	position: relative;
    clear: both;
    overflow: auto;
	border: 1px solid #CCCC99;
	border-top: 0;
	margin-bottom: 1em;
	padding: .5em 1em .5em 1em;	
}

.tab_selector {
    border-bottom: 1px solid #CCCC99; /*Add border strip to bottom of menu*/
}


/* Estilos propios para contenedor de paneles */

@media screen {
    .tab_oculto {
        display: none;
        visibility: hidden;
        font-size: 0;
    }
}

/* Solo IE \*/
* html .tabpanel_container {
    padding-top: 0.5em;
}
/* Fin IE */

/* Estilos para impresion */
@media print {
    .tab_selector {
        display: none;
        visibility: hidden;
        font-size: 0;
    }
    .tabpanel_container {
        border: 0;
        clear: none;
        overflow: visible;
    }
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.tab_selector {
	float:left;
	width:100%;
	font-size:90%;
	line-height:normal;
}

.tab_selector {
	list-style-type: none;
	margin:0;
	padding:0;
}

.tab_selector li{
	display:inline;
	margin:0;
	padding:0;
}

.tab_selector a{
	position: relative;
	float:left;
	border: 1px solid #CCCC99;
	margin: 0;
	margin-right: 0.1em; /*spacing between each tab*/
	padding: .3em 2em .3em 2em;
	text-decoration:none;
	background: #EFEFDF;
	top: 1px;
}

.tab_selector li:first-child a{
	margin-left: 1.2em;
}

.tab_selector a span{
	float:left;
	display:block;
	font-weight:bold;
	color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab_selector a span {float:none;}
/* End IE5-Mac hack */

.tab_selector a:hover span {
	color: #666;
	text-decoration: underline;
}

.tab_selector .current_tab a{ /*Selected Tab style*/
	background-position:0 -7em; /*Shift background image up to start of 2nd tab image*/
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.tab_selector .current_tab a span{ /*Selected Tab style*/
	background-position:100% -7em; /*Shift background image up to start of 2nd tab image*/
	color: #666;
}

.tab_selector a:hover{ /*onMouseover style*/
	background-position:0% -7em; /*Shift background image up to start of 2nd tab image*/
}

.tab_selector a:hover span{ /*onMouseover style*/
	background-position:100% -7em; /*Shift background image up to start of 2nd tab image*/
}
-->