@font-face{
     font-family: 'Calibri';
     src: url('fuentes/CALIBRIL.TTF');  
}
@font-face{
     font-family: 'CalibriBold';
     src: url('fuentes/calibri.ttf');  
}
@font-face{
     font-family: 'CalibriExtraBold';
     src: url('fuentes/calibrib.ttf');  
}
@font-face{
     font-family: 'OpenSans';
     src: url('fuentes/OpenSans-Light.ttf');  
}
@font-face{
     font-family: 'OpenSansBold';
     src: url('fuentes/OpenSans-Regular.ttf');  
}
@font-face{
     font-family: 'OpenSansExtraBold';
     src: url('fuentes/OpenSans-Semibold.ttf');  
}
:root{

	--color-hover1: #58595B;
	--color-hover2: #282e31; /*RESALTADO*/
	--color-texto: #58595B;
}
html,body{
	height: 100%;
    width: 100%;
}
*{
	padding: 0;
    margin: 0;
    color: var(--color-texto);
    font-family: "OpenSans", "Arial";
}
body{
	overflow-x: hidden;
	font-size: 1.2em;
	display: table;
}
h1,h2,h3{
	font-weight: normal;
}
b{
    color: black;
    font-weight: normal;
    font-family: "OpenSansBold";
}
#body{
	border: 0x solid blue;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    padding: 180px 0 160px; /* arriba -- a los lados -- abajo*/
	min-height: 50%;
}

#mensaje_servidor{
	/*background-color: red;*/
    position: fixed;
    bottom: 50px;
    right: 10px;
    padding: 5px 15px 9px;
    display: block;
}