/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em; /*Posicion del eje Y */
}

/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3 px 0; /*Distancia de tabs y cpas*/
border-bottom: 1px solid #e1e1e1; /*778*/
font: bold 11px Verdana; /*Tamaņo de la letra de TABS */
/* width:500px; /* Ancho de la linea superior de la capa */
}

ul.tabbernav li
{
list-style: none;
margin: 5; /* DIstancia entre Tabs*/
display: inline;

}

ul.tabbernav li a
{
padding: 3px 0.5em; /*Alto de titulo de tabs */
margin-left: 1 px; /*Inicio de Margen Izquierdo de los tabs*/
border: 1px solid #e1e1e1; /*Borde de tabs*/
border-bottom: none;
background: #e1e1e1; /*DDE Fondo de tabs sin pasar maouse */
text-decoration: none;

}

ul.tabbernav li a:link { color: #333333; } /* 448*/
ul.tabbernav li a:visited { color: #667; } /*667*/
ul.tabbernav li a:hover
{
color: #FFF; /*color de letra al pasar el mauose */
background: #cccccc; /*color al pasa el mauose */
border-color: #e1e1e1; /*227 */

}

ul.tabbernav li.tabberactive a
{
background-color: #fff; /* Color de tab por default*/
border-bottom: 1px solid #fff; /*Alto del borte del tab*/

}

ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: #e4e4e4; 
border-bottom: 1px solid white; /*al pasar el mouse Alto del borte del tab*/

}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px; /*Tamaņo por defecto de la capa*/
border:1px solid #e1e1e1; /* aaa Contorno de la capa*/
border-top:0;
/*width:500px; /* Ancho de la capa */
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */

/* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:400px;
overflow:auto

}