@font-face
{
    font-family: "PTSans";
    src:
        url('../fuentes/ptsans.ttf') format('truetype'),
        url('../fuentes/ptsans.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face
{
    font-family: "PTSans Bold";
    src:
        url('../fuentes/ptsansbold.ttf') format('truetype'),
        url('../fuentes/ptsansbold.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face
{
    font-family: "PTSans Caption";
    src:
        url('../fuentes/ptsanscaption.ttf') format('truetype'),
        url('../fuentes/ptsanscaption.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face
{
    font-family: "PTSans Caption Bold";
    src:
        url('../fuentes/ptsanscaptionbold.ttf') format('truetype'),
        url('../fuentes/ptsanscaptionbold.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
*
{
    font-family:"PTSans Caption";
}
html
{
    width:100%;
    height:100%;
}
body 
{
    background-color:#F1F1F1;
    min-width:1280px;
    min-height:720px;
    width:100%;
    height:100%;
    border:0;
    margin:0;
    padding:0;
}
#encabezado
{
    z-index:99;
    width:100%;
    height:15%;
	position:relative;
	float:left;
}

.mapas
{
    z-index:0;
    width:24.7%;
    margin-top: 1.5%;
    position:relative;
    float:left;
}


.resumen
{
    z-index:0;
    width:50%;
	top: 2.2%;
	position:relative;
	float:left;
    border-style: solid;
    border-color: #172559;
    border-width: 0px 3px 0px 3px
}


#resumen
{
	z-index:0;
    width:99%;
    height:97%;
	position:relative;
	float:center;
	text-align: center;
	font-size: 75%;
	color: #084B8A;
    margin-bottom: 15px;
}


.celdaresumen{
	height:5%;
}

#pieDePagina
{
    z-index:99;
    width:100%;
    height:10%;
	position:relative;
	float:left;
    border-top: solid 30px #172559;
}
#areaIconos
{
    z-index:5;
    position:static;
    background-color:#D1D3D4;
    width:100%;
    height:60%;
}
    #areaIconos span
    {
        float:left;
        width:2px;
        height:150%;
        background-color:#939598;
        border-radius:100px;
        margin-top:3%;
    }
    #areaIconos div
    {
        position:static;
        float:left;
        width:14%;
        height:100%;
    }
    #areaIconos img
    {
        float:left;
        width:20%;
        height:100%;
        margin-left:5%;
    }
    #areaIconos h1
    {
        margin-top:10%;
        line-height:16px;
        font-size:20px;
    }
    #areaIconos h2
    {
        float:left;
        font-size:13px;
        line-height:0px;
        margin-top:0;
        color:#414042;
    }
#areaRangos
{
    background-color:#A7A9AC;
    width:100%;
    height:20%;
}
    #areaRangos div
    {
        position:static;
        float:left;
        width:14%;
        height:100%;
        text-align:center;
    }
    #areaRangos h3
    {
        color:#231F20;
        font-size:13px;
        line-height:0;
    }
#areaInfo
{
    background-color:#808285;
    width:100%;
    height:20%;
}
    #areaInfo div
    {
        position:static;
        float:left;
        width:14%;
        height:100%;
        text-align:center;
    }
    #areaInfo h3
    {
        color:#231F20;
        font-size:13px;
        line-height:0;
    }
#logoUAQ
{
#    position:relative;
#    float:left;
#    width: 25%;
#    margin-top: 0%;
#    margin-left: 1%;


    position:relative;
    float:left;
    width: 468px;
    height: 99px;
    margin-top: 0.4%;
    margin-left: 1%;
    object-fit: cover;
    object-position: 0% 96%;


}

#proteccionCivilElMarquesLogo {
    position:relative;
    float:left;
    width: 5%;
    margin-top: 1%;
    margin-left: 0.5%;
}

#elMarquesLogo {
    position:relative;
    float:left;
    width: 13%;
    margin-top: 1%;
    margin-left: 1%;
}


#logoIFI
{
    position:relative;
    float: right;
    width: 7%;
    margin-top: 1.8%;
    margin-right: 2%;
}