<style type="text/css">


/******************************************************************************

* Cambia backgroun en index                                           *

******************************************************************************/


table {
    margin:auto;
 }
#container {
  width: 300px;
  height: 175px;
  align: right;
 }


/******************************************************************************

* Styles for the tabbed displays.                                             *

******************************************************************************/



/*-----------------------------------------------------------------------------

  Note: The border-radius property is a proposed feature for CSS3 which creates

        rounded corners. Mozilla/Netscape browsers currently support this

        feature via the proprietary -moz-border-radius property. Both are

        defined here. Browsers that support neither should simply ignore them.

-----------------------------------------------------------------------------*/



div.tabBox {}



div.tabArea {

  font-size: 80%;

  font-weightbold;

  padding: 0px 0px 1px 0px;

}



a.tab {

  background: url('../imagenes/bg1.gif');

  border: 2px solid #000000;

  border-bottom-width: 0px;

  border-color: #d1d1d1 #d1d1d1 #d1d1d1 #d1d1d1;

 

  padding: 2px 1em 2px 1em;

  position: relative;

  text-decoration: none;

  top: 3px;

  z-index: 100;

}



a.tab, a.tab:visited {

  color: #000033;
  font-family:Verdana,Helvetica;
  font-size:11px;

}



a.tab:hover {

    background: url('../imagenes/bg2.gif');

  border-color: #95d2f9 #95d2f9 #95d2f9 #95d2f9;

  color: #336699;

}



a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {

 background: url('../imagenes/bg3.gif');

  border-color: #a3dc87 #a3dc87 #a3dc87 #a3dc87;

  color: #516945;

}



a.tab.activeTab {
	background: url('../imagenes/bg3.gif');
  padding-bottom: 4px;

  top: 1px;

  z-index: 102;

}



div.tabMain {

  background-color: #F7FDFF;

  border: 2px solid #000000;

  border-color: #CEE8F9;

  -moz-border-radius: 0em .5em .5em 0em;

  border-radius-topright: .5em;

  border-radius-bottomright: .5em;

  padding: 0.5em;

  position: relative;

  z-index: 101;

}



div.tabIframeWrapper {

  width: 100%;

}



iframe.tabContent {

  background-color: #ffffff;

  border: 1px solid #000000;

  border-color: #a3c3e5 #81aad5 #81aad5 #a3c3e5;

  width: 100%;

  height: 36ex;

}



/******************************************************************************

* Additional styles.                                                          *

******************************************************************************/



h4#title {

  background-color: #503080;

  border: 1px solid #000000;

  border-color: #7050a0 #b090e0 #b090e0 #7050a0;

  color: #d0b0ff;

  font-weight: bold;

  margin-top: 0em;

  margin-bottom: .5em;

  padding: 2px .5em 2px .5em;

}



</style>td.bgnorepeat {
	background-repeat: no-repeat;
	background-position: top;
}
