/*********************************************************************************************************************/
/** MENU ESTILO PESTAÑAS */
/*********************************************************************************************************************/
div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
}

a.tab {
  background-color: #0096DB;
  border: 2px solid #000000;
  border-bottom-width: 0px;
  border-color: #016DDA #0010DB #0010DB #016DDA;
  -moz-border-radius: .75em .75em 0em 0em;
  padding: 1px 0.5em 1px 0.5em;
  position: relative;
  text-decoration: none;
  top: 22px;
}

a.tab, a.tab:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}
/*********************************************************************************************************************/
/*********************************************** MENU PESTAÑAS HORIZONTAL ********************************************/
/*********************************************************************************************************************/
/** trabaja con dos imágenes: menu_shade.gif y menu_shadeactive.gif */

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/web3/img/menu_shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/web3/img/menu_shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
/*********************************************************************************************************************/
/* MENU SUPERIOR ***********************************************************************************/
/*********************************************************************************************************************/

#tabSuperior {
      float:left;
      width:100%;
      background: White;
      font-size: 1.2em;
      line-height:normal;
	  border-bottom:1px solid #24618E;
	}
#tabSuperior ul {
	margin:0;
	padding: 10px 0 0 10px;
	list-style: none;
	}
#tabSuperior li {
      display:inline;
      margin:0;
      padding:0;
}
#tabSuperior a {
      float:left;
      background:url("/web3/img/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
}
#tabSuperior a span {
      float:left;
      display:block;
      background:url("/web3/img/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabSuperior a span {float:none;}
/* End IE5-Mac hack */
#tabSuperior a:hover span {
      color:#FFF;
}
#tabSuperior a:hover {background-position:0% -42px;}
#tabSuperior a:hover span {
      background-position:100% -42px;
}
/* Tab activada */
#tabSuperior li.activado a span {
		display:block;
      background-position: 100% -42px;
		color: White;
}
#tabSuperior li.activado a {
		display:block;
      background-position: 0% -42px;
}

/*********************************************************************************************************************/
/* SUBMENU VERTICAL */
/*********************************************************************************************************************/

ul#finder li#subfinder a
{
	font-size:0.90em; 
	padding: 5px 0 6px 25px;
	background:url(../img/bolo_menulat.gif) 15px no-repeat;
	background-color: #FFFFFF;
	color: #0096DB;
}

ul#finder li#subfinder a:hover 
{
	font-size:0.90em; 
	background-color: #CCCCCC;
}

/* FIN SUBMENU */
/*********************************************************************************************************************/
/*****************************************MENU HORIZONTAL PASOS************************************************/
/*********************************************************************************************************************/
#pasos{
	font-family: verdana,sans-serif;
	border: 0.2em dotted #B2B3FF;
	margin:0 20px;
	float:left;
	display:inline;/*Ie double margin fix*/
	vertical-align: middle;
  width: 175px;
  height: 91px;
	font-size: 0.2 em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1pt;
	line-height: 2;
}
#pasos.pasoActual{
	color: #0015B8;
	background-color: #DADCF3;
}

#pasos.pasoDesactivado{
	color: #C5C5C5;
	background-color: #FFFFFF;
}