/*******************************************************************************
 *
 *  CSS - General
 *
 *******************************************************************************/
 /*** Posición del menu ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu2, .sf-menu2 * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu2 {line-height:1.0;}
.sf-menu ul {position: absolute; top:-999em; width:10em; /* desplazamiento a la izquierda de los submenus*/}
.sf-menu.menu1 ul {position: absolute; top:-999em; width:10em; z-index:1000 /* desplazamiento a la izquierda de los submenus*/}
.sf-menu2 ul {position: absolute; top:-999em; width:10em; /* desplazamiento a la izquierda de los submenus*/}
.sf-menu ul li {width: 100%;}
.sf-menu2 ul li {width: 100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu2 li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu2 li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu2 a {display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */z-index:99;}
.sf-menu2 li:hover ul,
.sf-menu2 li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu2 li:hover li ul,
ul.sf-menu2 li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu2 li li:hover ul,
ul.sf-menu2 li li.sfHover ul {left:10em; /* match ul width */top:0;}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */top:0;}

ul.sf-menu2 li li:hover li ul,
ul.sf-menu2 li li.sfHover li ul {top:-999em;}
ul.sf-menu2 li li li:hover ul,
ul.sf-menu2 li li li.sfHover ul {left: 10em; /* match ul width */top:0;}


/*** Skin del Menu***/
.sf-menu {position:absolute; left:690px; top:110px; z-index:1000;}
.sf-menu a {padding:.75em 1em; text-decoration:none; font-size:14px; font-family:"Swis721 Cn BT",'Trebuchet MS',Arial,Helvetica,Sans-Serif,Tahoma,Verdana; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ font-size:14px; font-family:"Swis721 Cn BT",'Trebuchet MS',Arial,Helvetica,Sans-Serif,Tahoma,Verdana; color:#fff;}
.sf-menu li {background:#1A3553;}
.sf-menu li li {background:#1A3553;}
.sf-menu li li li {background:#1A3553;}
.sf-menu li.flecha-top {background:url(/prontus_fcom/imag/auxi/flecha1.gif) no-repeat right center;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {font-size:14px; font-family:"Swis721 Cn BT",'Trebuchet MS',Arial,Helvetica,Sans-Serif,Tahoma,Verdana; background:#3a5c83; outline:0;}
/* flechas */
.sf-menu a.sf-with-ul {padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em;
                   overflow:hidden; background:url('../images/arrows.png') no-repeat -10px -100px;
                   /* 8-bit indexed alpha png. IE6 gets solid image only */}
a>.sf-sub-indicator{/* give all except IE6 the correct values */top:.8em;	background-position: 0 -100px;}

/* Validaciones
/* aplicar hovers a exploradores modernos */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* punto para  anclar los submenus */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** sombras de los submenus***/
.sf-shadow ul {background:url('../images/shadow.png') no-repeat bottom right;	padding: 0 8px 9px 0;	-moz-border-radius-bottomleft: 17px;
               -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}



/******************************************************************************* *

/*** Skin del Menu2***/
.menu .sf-menu {position:absolute;  left:0; top:150px;  margin:10px 0 0 0; z-index:1;}
.menu .sf-menu a {padding:0.75em 0.85em 0.75em 0.65em; text-decoration:none; font-size:15px; color:#1a3553; font-family:"Swis721 Cn BT",'Trebuchet MS',Arial,Helvetica,Sans-Serif,Tahoma,Verdana; }
.menu .sf-menu a, .menu .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ font-size:15px; font-family:"Swis721 Cn BT",'Trebuchet MS',Arial,Helvetica,Sans-Serif,Tahoma,Verdana; color:#1a3553;}
.menu .sf-menu li {background:#fff;}
.menu .sf-menu li.flecha-top {background:url(/prontus_fcom/imag/auxi/flecha_menu.jpg) no-repeat right center;}
.menu .sf-menu li.flecha-top:hover, .menu .sf-menu li.flecha-top a:hover {background:url(/prontus_fcom/imag/auxi/flecha_menu.jpg) no-repeat right center;}
.menu .sf-menu li li {background-color:#f7f5f5; width:200px; border-bottom:1px solid #eae9e9;}
.menu .sf-menu li li li {background:#fff;}
.menu .sf-menu li:hover, .menu .sf-menu li.sfHover, .menu .sf-menu a:focus, .menu .sf-menu a:hover, .menu .sf-menu a:active {font-size:15px; font-family:"Swis721 Cn BT",'Trebuchet MS',Arial,Helvetica,Sans-Serif,Tahoma,Verdana; color:#7593D1; background:#fff; outline:0;}
/* flechas */
.menu .sf-menu a.sf-with-ul {padding-right: 0.85em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em;
                   overflow:hidden; background:url('../images/arrows.png') no-repeat -10px -100px;
                   /* 8-bit indexed alpha png. IE6 gets solid image only */}
a>.sf-sub-indicator{/* give all except IE6 the correct values */top:.8em;	background-position: 0 -100px;}

/* Validaciones
/* aplicar hovers a exploradores modernos */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* punto para  anclar los submenus */
.menu .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.menu .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu .sf-menu ul a:focus > .sf-sub-indicator,.menu .sf-menu ul a:hover > .sf-sub-indicator,.menu .sf-menu ul a:active > .sf-sub-indicator,
.menu .sf-menu ul li:hover > a > .sf-sub-indicator, .menu .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** sombras de los submenus***/
.sf-shadow ul {background:url('../images/shadow.png') no-repeat bottom right;	padding: 0 8px 9px 0;	-moz-border-radius-bottomleft: 17px;
               -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}



/******************************************************************************* *
 *  CSS - Menu Vertical *
 *******************************************************************************/
/*** agregando clase .sf-vertical  a la clase sf-menu para crear un menu  vertical ***/
.sf-vertical, .sf-vertical li {width:	10em;}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {left:10em; /* match ul width */	top:	0;}

/*** Modificar las direcciones de las flechas ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* Direccion de la flecha para  navegadores modernos for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}



/******************************************************************************* *
 *  CSS - Menu Horizontal *
 *******************************************************************************/
.sf-navbar {background:#BDD2FF; height:2.5em; padding-bottom:2.5em; position:relative;}
.sf-navbar li {background:#AABDE6; position:static;}
.sf-navbar a {border-top:none;}
.sf-navbar li ul {width:44em; /*IE6 soils itself without this*/}
.sf-navbar li li {background:#BDD2FF; position:relative;}
.sf-navbar li li ul {width:13em;}
.sf-navbar li li li {width:100%;}
.sf-navbar ul li {width:auto;float:left;}
.sf-navbar a, .sf-navbar a:visited {border:none;}
.sf-navbar li.current {background:#BDD2FF;}
.sf-navbar li:hover, .sf-navbar li.sfHover,.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {background:#BDD2FF;}
.sf-navbar ul li:hover, .sf-navbar ul li.sfHover,ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {background:#D1DFFF;}
ul.sf-navbar li li li:hover,ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {background:#E6EEFF;}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {left:0;top:2.5em;  /* match top ul list item height */}
ul.sf-navbar .current ul ul {top:-999em;}
.sf-navbar li li.current > a {font-weight:bold;}


/*** Todasl las flechas apuntan hacia  abajo ***/
/* punto de anclaje de submenus */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** quitar sombra en el primer menu ***/
.sf-navbar > li > ul {background: transparent;padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0;
                      -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0;}