body {
    font-family:Calibri, Arial, 'Times New Roman';
    background-color:#FBFBFB;
    color: black;
}

#web {
    width:80%;
    max-width:1000px;
    margin:0 auto;
}

#herramientas {
    height:20px;
    padding-right:1%;
    text-align:right;
}

#cabecera {
    height:90px;
    background-color:#FBFBFB;
}

#logo {
    float:left;
    padding-right:20px;
    border-right:1px solid  #666666;
    box-sizing:border-box;
}

#libro {
    float:left;
    padding-left:20px;
    width:510px;
    font-size:46px;
    font-weight: bold;
    /*text-align:center; */
    text-decoration:none;
    color:#6F7273;
}

.mainlevel{
    text-decoration: none;
    color: #6F7273;
}

#principal {
    margin-top:0;
    background-color:white;
    width:100%;
    border-radius:10px;
    padding-bottom:5px;
}

.msgPrincipal {
    float:left;
    width:38%;
}

.imgPrincipal {
    float:right;
    /*margin: 0 7% 1.5em 0; /* 21px/663px */
    width:60%; /* 197px / 633px*/

}

#pie {
    padding-top:5px;
    color:#6F7273;
    font-size:14px;
    text-align:center;

}

#pieSPPS {
    border-top:1px solid #dedede; 
    border-bottom:1px solid #dedede; 
    padding:14px 0px;
}

#domicilioSPPS {
    border-top:1px solid #dedede; 
    border-bottom:1px solid #dedede; 
    font-style:italic;
    padding:14px 0px;
}

@media screen and (max-width:480px) {
    .msgPrincipal {
        width:100%;
    }
    .imgPrincipal {
        width:100%;
    }
    #libro {
        width:100%;
    }
    #libro {
        text-align:center;
    }

}



/* Formato al Menú de la Barra de Horizontal   
----------------------------------------------------------*/
#Menu {
    margin:0 auto;
    padding-top:0px;
}

    #Menu ul {
        margin:0 auto;
        padding:0;
        line-height:30px; /*Centra el texto con el qancho del menu*/
        text-align:center; /*Centra los Nombres de los menus*/
    }

        #Menu li {
        margin:0 auto;
        padding:0;
        list-style:none;
        display:inline-block; /*Permite Centrar los menus en pantalla*/
        position:relative;
        background:#666666; /*Color del fondo Primario del Menu*/
        border-top-left-radius:10px; /*Borde redondeado Superior izquierdo*/
        border-bottom-right-radius:10px; /*Borde redondeado Inferior derecho*/
    }

        #Menu ul li a {
        text-align:center;
        text-decoration:none;
        height:30px;
        width:140px; /*Ancho de cada título del menu*/
        display:block;
        color:white; /*Color Letra para el menu y submenus*/
        /*border:1px solid #FFF; /*Color del borde*/
        font-weight:bold;
        /*text-shadow:1px 1px 1px white; /*Sombra sobre el texto*/
    }

    #Menu li ul {
        display:none;
        position:absolute;
        min-width:140px;
    }

    #Menu li:hover > ul{
        display:block;

    }

    #Menu li ul li {
        position:relative;/*Para poner los submenus al lado derecho*/
    }
        #Menu li ul li ul {
            float:left;
            top:0px;
            margin-left:140px;
        }


    #Menu ul li:hover {
		background: #444444;
        box-shadow: 0 0 5px #000000;
	}
		#Menu ul li:hover a {
			color: #fff;
		}


input.textEntry 
{
    border: 1px solid #ccc;
    font-family: Calibri;
    font-size: medium;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}