﻿html, body {
    width: 100vw;
    min-width: 100%;
    height: 100vh;
    min-height: 100%;
}

html {
    display: table;
}

body {
    background: #fff url(../../Images/Guia/bg01.jpg) no-repeat center center fixed;
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
}

h1 {
    color: #fff;
    margin: 0;
    position: fixed;
    top: 46%;
    margin-top: -83px;
}

    h1 small {
        text-transform: none;
        color: #fff;
        font-size: 0.42em;
    }

section {
    height: auto !important;
}

.topicos {
    text-align: left;
    /*list-style-type: decimal-leading-zero;*/
}

    .topicos li {
        font-family: 'sanuk-regularitalic';
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 1px 2px #03498F;
    }

        .topicos li,
        .topicos li a,
        .topicos li span {
            -moz-transition: .5s linear;
            -o-transition: .5s linear;
            -webkit-transition: .5s linear;
            transition: .5s linear;
        }

            .topicos li:hover,
            .topicos li:hover a {
                font-size: 26px;
                text-transform: uppercase;
            }

                .topicos li:hover a span {
                    /*font-size: 18px;*/
                    text-transform: none;
                    color: inherit !important;
                    background-color: inherit !important;
                    text-shadow: none;
                }

            .topicos li a {
                font-size: 20px;
                color: #fff;
                padding: 3px 0;
                -moz-transition: linear 0.2s;
                -o-transition: linear 0.2s;
                -webkit-transition: linear 0.2s;
                transition: linear 0.2s;
            }

    .topicos a:hover {
        text-decoration: none;
        color: #0186CB;
        text-shadow: none !important;
        background-color: #fff;
    }

    .topicos a.disabled:hover {
        color: #fff;
        text-decoration: none;
        text-shadow: 0px 1px 2px #03498F !important;
        background-color: transparent !important;
        cursor: default;
    }

    .topicos li a span {
        font-family: 'Yantramanav', sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: rgba(255, 255, 255, .75);
        text-shadow: 1px 1px 1px #03498F;
    }

img {
    width: 172px;
    height: 72px;
    position: absolute;
    bottom: 2%;
    right: 2%;
}

footer {
    display: none !important;
}
