/*************************************************************************************/
/** RGB Colors. LtGrn:190,255,127 LtBlu:2,127,251 DkGrn:0,121,0 DkBlu:0,78,148  */ 
/** Hex Colors. LtGrn:#BEFF7F; LtBlu:#027FFB; DkGrn:#007900; DkBlu:#004E94  */
/************************************* Botones ***************************************/

.menu-btn{
    background-color: inherit;
    border: none;
    color:#0f0c0c;
    cursor: pointer;    
    font-size: 15pt;   font-weight: bold;
}
.menu-btn:hover{
    color:#844c01;
}
/***************************** Logo - Slogan - Menu **********************************/
header {	
    width:100%;   
    margin:0 auto;    
    z-index:0;    
    position:relative;  
}
.main {    
    width: 100%;    
    margin: 0;
}
.wrap {    
    overflow:hidden;    
    position:relative;
}
.logo	{    
    width: 26%;    
    float:left;    
    margin:0 ;
    padding: 1%;
}
.slogan { 
    height: 100px;
    display: table-cell; /* Necesario para centrar */
    text-align: justify-all; /* Centrado Horizontal */
    vertical-align: middle; /* Centrado Vertical */
    font-size: 15pt; font-weight: bold;
    color: white;
    width: 70%; /*--body-width:84vw; */  
    padding: 1% 1% 1% 22%; margin:0;/*--body-width:84vw; */  
}
.nav-shadow {
    height: 5.15vh; 
    background-color: transparent;    
    background-image: radial-gradient(#007900, #BEFF7F , #9ad9ea );    
    padding-top:1.00vh;
    margin:0;    
    position:relative; 
    border-radius: 1.5vh;
    box-shadow:0 3.00vh 1.5vh #201a1a;
    z-index:1;
}
.nav-cont{
    height: 5.15vh; width: 100%;
    padding-top:1.00vh; margin-bottom: 2.50vh;
    background-image: radial-gradient(#007900, #BEFF7F , #9ad9ea );
    border-radius: 1.5vh;
    box-shadow:0 3.00vh 1.5vh #201a1a;
    z-index:1;
}
.nav {
    display: table-cell; /* Necesario para centrar */
    text-align: center; /* Centrado Horizontal */
    vertical-align: bottom; /* Centrado Vertical */
    width: 1280px; height: 5.15vh;
    padding: 0; margin: 0;
    background: green; 
    border-radius: 1.00vh 1.00vh 1.50vh 1.50vh;
    box-shadow: 0 1.00vh 0.05vh #004e94;
}
#mitem1, #mitem2, #mitem3, #mitem4, #mitem5, #mitem6{ /* Nuevo menu por divs */
    height: 5.15vh; vertical-align: middle;
    display: table-cell; /* no permite ancho en % */
    width: calc( 1280px / 6); /* 1280 ancho de body - 6 botones  */
    margin: 0;padding: 0; background-color: transparent;
    font-size: 15pt; font-weight: bold; /* Fuente del menu */
}
#mitem2, #mitem3, #mitem4, #mitem5, #mitem6{
    border-left: solid whitesmoke;
    border-width: 0.25vh ;
}
div[id^="mitem"] a:visited {
     color: #0f0c0c;;
}
div[id^="mitem"] a:hover {
     color:#844c01;
}
/* ************************** User Info Table ******************************* */
table#userInfo{
    margin: 0 auto;
    width: 96%;
    white-space: nowrap;
}
.sessionInf{
    width:100%;
}