/*Inicio Cabecera, Cuerpo, Pie*/
 #header
{          
    position:fixed;   
    top: 0px;   
    z-index: 2;              
    width: 900px;
    background-color: White;
}
#cuerpo
{    
  position:absolute;       
  top: 149px;
  padding-bottom: 60px;  
  z-index: 0;     
  width: 900px;     
  background-color: White;              
}
#footer
{    
    position:fixed;        
    bottom: 0px;          
    z-index: 1;        
    width: 900px;       
    background-color: White;             
    height:70px;     
}   
/*logon*/
 #headerLogon
{       
  position:fixed;   
  top: 0px;   
  z-index: 2;            
  width: 900px;  
  background-color: White;
}   
#cuerpoLogon
{    
  position:absolute;       
  top: 80px;
  padding-bottom: 145px;  
  z-index: 0;     
  width: 900px;     
  background-color: White;        
}

#footerLogon
{    
  position:fixed;        
  bottom :0px;      
  z-index: 1;        
  width: 900px;  
  background-color: White;
}  
 #headerCorporativo
{          
    position:fixed;   
    top: 0px;   
    z-index: 2;                  
    background-color: White;
    width: 900px;
}
#cuerpoCorporativo
{    
  position:absolute;       
  top: 163px;
  padding-bottom: 500px;  
  z-index: 0;     
  width: 900px;     
  background-color: White;         
}
#footerCorporativo
{    
    position:fixed;        
    bottom: 0px;          
    z-index: 1;        
    width: 900px;       
    background-color: White;             
    height:70px;     
} 
/*Fin Cabecera, Cuerpo, Pie*/

/*Menu*/
ul, ol
{    
    margin:0; /*Hace que el menú este centrado*/
    padding:0;/*Hace que el menú este centrado*/
    list-style: none;    
}

.LinkButton
{
    color: White;   
    text-decoration: none;    
}

.nav
{        
   padding-top : 11px; /*Hace que el menú tenga un espacio debajo de la cabecera*/
   width:800px;         
   text-align:center;     
}
.nav > li
{
   float: left;     
}

/*Determina el anchon, color de fonfo, tamaño de fuente del menú principal*/     
.nav li
{    
    background-color: #4a5fa0;/* background: linear-gradient(#2D70B3, #8FA2B4);*/        
    display: block;  
    width :160px;     
    font-family: 'Open Sans' , sans-serif;
    font-size:14px;             
    border-radius: 6px;            
    top: 0px;
    left: 0px;
}
/*Determina border inferior y el cursor : mano*/      
.nav li:hover
{
    border-bottom: 2px solid #00CC00;
    color: #00CC00;       
    cursor: pointer;
}
/*Determina el color de fuente al ubicar el mouse sobre el Menú*/
.nav li a:hover
{   
    color: #00CC00;          
}
/*Determina el la visualización del menú y la posición del mismo*/
.nav li ul
{
    display: none;
    position: absolute;    
}
/*Determina la posición, text-align, el tamaño, la sangría del texto y el color del Submenú*/
.nav li ul li
{    
    position : relative;
    text-align:left;         
    width: 255px;   
    text-indent: 10px;
    color: White;         
}   
/*Determina el hover y la posición del Submenú*/     
.nav li:hover > ul
{         
    display: block;  
    left: 0%;        
    top: 41px;         
}
/*Determina el hover y la posición del Submenú > Submenú*/
.nav li ul li:hover > ul
{         
    display: block;  
    left: 255px;        
    top: 0px;               
}     
/*Indica que contiene un Submenú*/                       
.MenuSecundario{  
  position: relative;
  padding: 0 36px 0 x;
  line-height: 40px;  
  border-radius: 3px;        
  text-decoration: none;
  color: White;    
  text-align:left;             
  text-indent: 10px;
}              
.MenuPrincipal {
  display: block;
  position: relative;
  padding: 0 36px 0 x;
  line-height: 40px;  
  color: #ffffff;
  border-radius: 3px;  
  text-align:left;
  text-indent: 10px;
}

.MenuPrincipal::before, .MenuPrincipal::after {
  /* this is the arrow inside the dropdown trigger*/
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 9px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, -moz-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.MenuPrincipal::before {
  right: 22px;
  -webkit-transform: rpx;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.MenuPrincipal::after {
  right: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*Fin Indica que contiene un Submenú*/         

/*Indica el Submenú > Submenú*/
.Submenu > a::before, .Submenu > a::after{
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.Submenu > a::before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Submenu > a::after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Submenu > a::before, .Submenu > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}
/*Fin Indica el Submenú > Submenú*/   

/*Determina el hover y la posición del Submenú*/     
.HoverLeft ul li
{                             
    position:relative;        
    left:-96px;   
    top: 0px;      
    border-right: 1px solid #ccc    ;
} 
/*Determina el hover y la posición del Submenú > Submenú*/ 
.HoverLeft1 ul li
{                             
    position:relative;        
    left:-510px;   
    top: 0px;          
}  
/**/
.SinSubMenu
{                             
    text-decoration: none;     
    color: White;      
}
/**/           
 
/**/
#Button14
{                             
    font-size:12px;          
}
/**/
/**/
#Progreso
{    
    position:fixed;        
    bottom: 0px;          
    z-index: 1;       
    padding-bottom: 15px;      
}
/**/
/*Posicionamos el scroll arriba*/
.scrolltop {    
}
/**/

/*.nav li ul li ul li*/
.nav li ul li ul li ul li
{
    position : relative;
    text-align:left;         
    white-space: nowrap;   
    width:auto;                
    text-indent: 10px;    
    color: White;        
    border-right: 10px solid #4a5fa0;        
}