/*

Nome	                Largura x Altura	Formato	Total de pixels
QVGA	                320 x 240	4:3	76.800
VGA	                640 x 480	4:3	307.200
VGA	                720 x 480	4:3	345.600
SVGA	                800 x 600	4:3	480.000
XGA	                1024 x 768	4:3	786.432
10K UHDTV	        10328×7760	4:3	80.145.280

Full HD/1080p	        1920 x 1080	16:9	2.073.600
WXGA-HD¹/720p	        1280 x 720	16:9	921.600
WXGA¹	                1366 x 768	16:9	1.049.088
UXGA	                1600 x 900	16:9	1.440.000
WQHD	                2560 x 1440	16:9	3.686.400
4K Ultra HD/2160p	3840 x 2160	16:9	8.294.400
8K UHDTV/4320p	        7680 x 4320	16:9	33.177.600

UXGA++	                1680 x 1050	16:10 (8:5) 1.764.000
WXGA+	                1440 x 900	16:10 (8:5) 1.296.000

Full HD Ultra Wide[1]	2560 x 1080	21:9	2.764.800
10K UHDTV	        10240×4320	21:9	44.236.800

*/

/* RESOLUÇÕES:  1680x1050  E  1920x1080 */
.background {
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #87CEFA;
    overflow: hidden;
}

.topo5 {

    top: 5px;
}

.direita5 {

    right: 5px;
}

.esquerda5 {

    left: 5px;
}

.background-player {

    background-color: #6495ED;
    position: absolute;
    z-index: 1000; 
}


.marquee {
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 105px;
    text-align: center !important;
    position: absolute;
    background-color: rgb(54, 96, 173);
    color: #FAFAD2; 
    font-size: 68px;
    overflow: hidden;
}

.div-ultimas-chamadas {

    bottom: 110px;
    height: 148px;
    text-align: center !important;
    position: absolute;
    background-color: rgb(54, 96, 173);
}


.texto-ultimas-chamadas {

    color: #ffffff;
    font-size: 28px;
}

.titulos-ultimas-chamadas {

    color: #ffffff;
    font-size: 28px;
}


/* MÓDULO 1 ÚLTIMAS CHAMADAS */
.titulo-senha-1-1680x1050 {

    width: 170px;
    top: 45px;
    left: 20px;
    position: absolute;
}

.titulo-hora-1-1680x1050 {

    width: 170px;
    top: 45px;
    left: 200px; /* anterior + 180*/
    position: absolute;
    border-right: 1px dotted rgba(248, 248, 255, 0.7);
    border-left: 1px dotted rgba(248, 248, 255, 0.7);
}

.titulo-guiche-1-1680x1050 {

    width: 170px;
    top: 45px;
    left: 380px; /* anterior + 180*/
    position: absolute;
}

.titulo-senha-1-1920x1080 {

    width: 170px;
    top: 45px;
    left: 10px;
    position: absolute;
}

.titulo-hora-1-1920x1080 {

    width: 170px;
    top: 45px;
    left: 190px; /* anterior + 180*/
    position: absolute;
    border-right: 1px dotted rgba(248, 248, 255, 0.7);
    border-left: 1px dotted rgba(248, 248, 255, 0.7);
}

.titulo-guiche-1-1920x1080 {

    width: 260px;
    top: 45px;
    left: 370px; /* anterior + 180*/
    position: absolute;
}
/* FIM  MÓDULO 1 ÚLTIMAS CHAMADAS */


/* MÓDULO 2 ÚLTIMAS CHAMADAS */
.titulo-senha-2-1680x1050 {

    width: 170px;
    top: 45px;
    left: 570px;
    position: absolute;
}

.titulo-hora-2-1680x1050 {

    width: 170px;
    top: 45px;
    left: 750px; /* anterior + 180*/
    position: absolute;
    border-right: 1px dotted rgba(248, 248, 255, 0.7);
    border-left: 1px dotted rgba(248, 248, 255, 0.7);
}

.titulo-guiche-2-1680x1050 {

    width: 170px;
    top: 45px;
    left: 930px; /* anterior + 150*/
    position: absolute;
}

.titulo-senha-2-1920x1080 {

    width: 170px;
    top: 45px;
    left: 640px;
    position: absolute;
}

.titulo-hora-2-1920x1080 {

    width: 170px;
    top: 45px;
    left: 820px; /* anterior + 180*/
    position: absolute;
    border-right: 1px dotted rgba(248, 248, 255, 0.7);
    border-left: 1px dotted rgba(248, 248, 255, 0.7);
}

.titulo-guiche-2-1920x1080 {

    width: 260px;
    top: 45px;
    left: 1000px;
    position: absolute;
}
/* FIM  MÓDULO 2 ÚLTIMAS CHAMADAS */


/* MÓDULO 3 ÚLTIMAS CHAMADAS */
.titulo-senha-3-1680x1050 {

    width: 170px;
    top: 45px;
    left: 1120px;
    position: absolute;
}

.titulo-hora-3-1680x1050 {

    width: 170px;
    top: 45px;
    left: 1300px; /* anterior + 180*/
    position: absolute;
    border-right: 1px dotted rgba(248, 248, 255, 0.7);
    border-left: 1px dotted rgba(248, 248, 255, 0.7);
}

.titulo-guiche-3-1680x1050 {

    width: 170px;
    top: 45px;
    left: 1480px; /* anterior + 150*/
    position: absolute;
}


.titulo-senha-3-1920x1080 {

    width: 170px;
    top: 45px;
    left: 1280px;
    position: absolute;
}

.titulo-hora-3-1920x1080 {

    width: 170px;
    top: 45px;
    left: 1460px; /* anterior + 130*/
    position: absolute;
    border-right: 1px dotted rgba(248, 248, 255, 0.7);
    border-left: 1px dotted rgba(248, 248, 255, 0.7);
}

.titulo-guiche-3-1920x1080 {

    width: 260px;
    top: 45px;
    left: 1640px; /* anterior + 150*/
    position: absolute;
}
/* FIM  MÓDULO 1 ÚLTIMAS CHAMADAS */

.ultimas-chamadas {
    color: #F0E68C;
    top: 90px;
    font-size: 30px;
    font-weight: bold;
}

.bordas {
    border-top: 1px solid rgba(248, 248, 255, 0.7);
    border-bottom: 1px solid rgba(248, 248, 255, 0.7);
    border-left: 1px solid rgba(248, 248, 255, 0.7);
    border-right: 1px solid rgba(248, 248, 255, 0.7);
}

.borda-base {

    border-bottom: 1px solid rgba(248, 248, 255, 0.7);
}

.borda-base-dot {

    border-bottom: 1px dotted rgba(248, 248, 255, 0.7);
}

.borda-topo-dot {

    border-top: 1px dotted rgba(248, 248, 255, 0.7);
}