@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700,700italic);

html, body { 
    margin: 0; 
    padding: 0; 
    border: 0;
    width: 100%; 
    height: 100%; 
}

html, body, input, select, a, textarea { 
    font-family: 'Titillium Web', sans-serif; 
    color: #5d5d5d;
}

input, select, textarea {
    box-sizing: border-box;
    padding: 7px 
}

.conteudo { 
    position: relative; 
    width: 94%; 
    left: 50%; 
    margin-left: -47%; 
}


/*@media only screen and (min-width: 320px) and (max-width: 479px) { 
    html, body {
        font-size: 12px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    html, body {
        font-size: 14px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 799px) {
    html, body {
        font-size: 14px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
    html, body {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    html, body {
        font-size: 16px;
    }
    }*/

    @media only screen and (min-width: 0px) {
        html, body {
            font-size: 16px;
        }

        header {
            margin-top: 10px;
            text-align: center;
            font-size: 60px;
            color: #39585a;
            font-weight: bold;
        }

        header img {
            width: 400px;
            margin-right: 15px;
        }

        header hr {
            width: 590px;
            height: 1px;
            border: none;
            background: #333333;
            /*margin-top: 15px;*/
            margin-top: 0px;
        }

        #menu-principal {
            text-align: center;
            margin-top: -20px;
            margin-bottom: 30px;
        }

        #menu-principal a {
            text-decoration: none;
            color: #29AB22;
            font-size: 16px;
        }

        #menu-principal a:not(:first-child) {
            margin-left: 10px;
        }

        .menuSelected {
            color: #39585a !important;
            font-weight: bold;
        }

        #banner img {
            width: 100%;
        }

        #inf-evento {
            width: 100%;
            overflow: hidden;
            background: #39585a;
            height: 116px;
            padding-top: 42px;
            padding-bottom: 42px;
            margin-bottom: 50px;
        }

        #inf-evento li {
            width: 49%;
            float: left;
            text-align: left;
            list-style: none;
            color: white;
            position: relative;
            font-size: 18px;
        }

        #inf-evento li:last-child {
            float: right;
            text-align: right;
        }

        .right {
            position: absolute;
            top: 0;
            right: 0;
        }

        .left {
            position: absolute;
            top: 0;
            left: 0;
        }

        #inf-evento li .inf-titulo {
            font-size: 30px;
            position: relative;
            top: 15px;
        }

        #inf-evento li .inf-subtitulo {
            position: relative;
            top: 7px;
        }

        #mensagem {
            margin-bottom: 85px;
        }

        #mensagem img {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        #congressistas {
            position: relative;
            text-align: center;
        }

        .line {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: #39585a;
            height: 1px;
        }

        .label {
            font-size: 60px;
            color: #39585a;
            background: white;
            text-align: center;
            position: relative;
            top: -48px;
            padding: 30px;
        }

        #lista-congressistas ul {
            margin: 0;
            padding: 0;
        }

        #lista-congressistas ul li {
            display: inline-block;
            width: 220px;
            list-style: none;
            color: #39585a;
            font-size: 14px;
            line-height: 1;
            text-align: center;
            margin: 5px;
            margin-bottom: 25px;
        }

        #lista-congressistas ul li img {
            width: 100%;
        }

        #lista-congressistas ul li span {
            font-weight: bold;
            font-size: 24px;
        }

        #inscreva-se {
            background: #f1f1f1;
            line-height: 0.9;
            height: 235px;
            color: #39585a;
            margin-top: 60px;
            position: relative;
        }

        #chamada {
            position: absolute;
            top: 40px;
            left: 3%;
            font-size: 82px;
            font-weight: bold;
            font-style: italic;
        }

        #chamada span {
            position: relative;
            left: 150px;
        }

        #inscricao {
            position: absolute;
            top: 50%;
            right: 3%;
            margin-top: -50px;
            width: 225px;
            color: white;
            background: #39585a;
            color: white;
            text-align: center;
            font-size: 28px;
            font-style: italic;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 70px;
            padding-right: 70px;
            cursor: pointer;
        }

        #inscricao a {
            color: white;
            text-decoration: none;
            line-height: 1.1
        }

        #programacao {
            margin-top: 55px;
        }

        #programacao img {
            margin-bottom: 15px;
            display: block;
        }

        #transporte {
            margin-top: 55px;
        }

        #transporte img {
            margin-bottom: 15px;
            display: block;
        }

        #mapa {
            margin-top: 55px;
        }

        #mapa iframe {
            width: 100%;
            height: 360px;
        }

        #social {
            margin-top: 55px;
            text-align: center;
            background: #39585a;
            color: white;
            font-size: 34px;
            padding: 35px;
        }

        #social img {
            /*margin: 7px;*/
        }

        #realizacao-apoio {
            margin-top: 55px;
        }

        #realizacao {
            float: left;
        }

        #realizacao div {
            line-height: 225px;
            width: 225px;
            box-sizing: border-box;
            border: 2px solid #39585a;
            margin-top: 30px;
        }

        #realizacao div img {
            width: 75%;
            margin-left: 12%;		
        }
/*Apoio*/
        #apoio {
            float: left;
            margin-left: 90px;
            max-width: 530px
        }


        #apoio .title-apoio {
            opacity: 0;
        }

        #apoio div {
            margin-top: 30px;
        }

        #apoio div li {
            line-height: 160px;
            width: 235px;
            box-sizing: border-box;
            border: 2px solid #f1f1f1;
            display: inline-block;
            margin-bottom: 5px;
        }

/*    #apoio div li:not(:nth-child(5n+5)) {
        margin-right: 10px;
        }*/

        #apoio div li img {
            width: 100%;   
        }

        footer {
            text-align: center;
            margin-top: 30px;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        footer a {
            font-weight: bold;
            text-decoration: none;
        }
        /*Secretaria*/
        #secretaria {
            float: left;
            margin-left: 100px;
            max-width: 530px
        }


        #secretaria .title-patrocinio {
            opacity: 0;
        }

        #secretaria div {
            margin-top: 30px;
        }

        #secretaria div li {
            line-height: 160px;
            width: 235px;
            box-sizing: border-box;
            border: 2px solid #f1f1f1;
            display: inline-block;
            margin-bottom: 5px;
        }

/*    #patrocinio div li:not(:nth-child(5n+5)) {
        margin-right: 10px;
        }*/

        #secretaria div li img {
            width: 100%;   
        }

/*Patrocinio*/
        #patrocinio {
            float: left;
            margin-left: 700px;
            max-width: 530px
        }


        #patrocinio .title-patrocinio {
            opacity: 0;
        }

        #patrocinio div {
            margin-top: 50px;
        }

        #patrocinio div li {
            line-height: 120px;
            width: 130px;
            box-sizing: border-box;
            border: 5px solid #f1f1f1;
            display: inline-block;
            margin-bottom: 15px;
        }

/*    #patrocinio div li:not(:nth-child(5n+5)) {
        margin-right: 10px;
        }*/

        #patrocinio div li img {
            width: 100%;   
        }

        footer {
            text-align: center;
            margin-top: 30px;
            padding-bottom: 20px;
            margin-bottom: 10px;
        }

        footer a {
            font-weight: bold;
            text-decoration: none;
        }

        footer {
            text-align: center;
            margin-top: 30px;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        footer a {
            font-weight: bold;
            text-decoration: none;
        }

        
        .fundos-transp{
            background: #39585a;
        }
    }