@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(tablet.css); @import url(smart_hor.css); @import url(smart_vert.css);
@import url(ico_mondial.css);
@import url(menu.css);
@font-face {
    font-family: 'mondial';
    src: url('font/Microbrew-One-webfont.eot');
    src: url('font/Microbrew-One-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/Microbrew-One-webfont.woff2') format('woff2'),
        url('font/Microbrew-One-webfont.woff') format('woff'),
        url('font/Microbrew-One-webfont.ttf') format('truetype'),
        url('font/Microbrew-One-webfont.svg#microbrewone') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}
a img{
    border: none;
}
img{
    max-width: 100%;
}

.erro{
    color:tomato;
    font-style: italic;
    font-size: 12px;
    display: block;
    margin-top: 4px;
    
}
.clearfix:after{
    content: "";
    display: table;
    clear: both;
}
h3{
   font-weight: normal;
   font-family: 'mondial'; 
}
.container.cor{
    background: #f49c00;
}


/* DESKTOP */
@media screen and  (min-width: 1024px){
    .bg_barrasuperior{
        width: 100%;
        height: auto;
        background: #002559;
    }
    .bg_barrasuperior *{
        font-family: 'mondial';
    }
    .bg_barrasuperior .barrasuperior{
        width: 1000px;
        height: 40px;
        margin: 0 auto;
    }
    .bg_barrasuperior .barrasuperior .esq{
        float: left;
        overflow: hidden;
    }
    .bg_barrasuperior .barrasuperior .dir{
        float: right;
        overflow: hidden;
    }
    .bg_barrasuperior .barrasuperior .btn{
        width: auto;
        height: 40px;
        float: left;
        margin-right: 15px;
    }
    .bg_barrasuperior .barrasuperior .btn a{
        display: block;
        text-decoration: none;
        color: #ffed00;
        padding: 10px;
    }
    .bg_barrasuperior .barrasuperior .btn a.area-do-expositor{
        background: #ffed00;
        color: #002559;
    }
    .bg_barrasuperior .barrasuperior .btn.busca input{
        background: none;
        border: 0;
        color: #ffed00;
        height: 40px;
        outline: 0;
        font-size: 16px;
    }
    .bg_barrasuperior .barrasuperior .btn.busca ::-webkit-input-placeholder{
        color: #ffed00;
    }
    .bg_barrasuperior .barrasuperior .btn.busca :-moz-placeholder{
        color: #ffed00;
    }
    .bg_barrasuperior .barrasuperior .btn.busca ::-moz-placeholder{
        color: #ffed00;
    }
    .bg_barrasuperior .barrasuperior .btn.busca :-ms-input-placeholder{
        color: #ffed00;
    }

    .bg_barrasuperior .barrasuperior .plug-facebook{
        float: left;
        padding: 10px 0;
    }
    .bg_barrasuperior .barrasuperior .redes-sociais{
        float: left;
        overflow: hidden;
    }
    .bg_barrasuperior .barrasuperior .redes-sociais a{
        display: block;
        width: 21px;
        height: 40px;   
        background: no-repeat center center;
        float: left;
        margin-left: 10px;
    }
    .bg_barrasuperior .barrasuperior .redes-sociais a.facebook{
        background-image: url(../img/facebook.png);
    }
    .bg_barrasuperior .barrasuperior .redes-sociais a.instagram{
        background-image: url(../img/instagram.png);
    }
    .bg_barrasuperior .barrasuperior .redes-sociais a.twitter{
        background-image: url(../img/twitter.png);
    }
    .bg_barrasuperior .barrasuperior .redes-sociais a.youtube{
        background-image: url(../img/youtube.png);
    }

    .bg_barrasuperior .barrasuperior .idioma{
        float: left;
        overflow: hidden;
        margin-left: 20px;
    }
    .bg_barrasuperior .barrasuperior .idioma a{
        display: block;
        width: 22px;
        height: 40px;   
        background: no-repeat center center;
        float: left;
        margin-left: 10px;
    }
    .bg_barrasuperior .barrasuperior .idioma a.pt{
        background-image: url(../img/bandeira-pt.png);
    }
    .bg_barrasuperior .barrasuperior .idioma a.en{
        background-image: url(../img/bandeira-en.png);
    }

    /* HEADER */
    .bg_header{
        width: 100%;
        height: 280px;
        /*background: #f9961d;*/
        background: url(../img/bgheader2.jpg) center center no-repeat ;
    }
    .bg_header header{
        width: 1000px;
        height: auto;
        margin: 0 auto;
    }
    .bg_header header .logo{
        float: left;
        width: 300px;
        position: relative;
        top: 30px;
    }
    .bg_header header .logo img{
        display: block;
        width: 100%;
    }
    .bg_header header .info_evento{
        float: left;
        margin-left: 60px;
        position: relative;
        top: 70px;
    }
    .bg_header header .info_evento .data{
        color: #002559;
        font-size: 60px;
        line-height: 50px;
        font-family: 'mondial';
    }
    .bg_header header .info_evento .local{
        color: #fff;
        font-size: 60px;
        line-height: 50px;
        font-family: 'mondial';
    }
    .bg_header header .info_evento .armazens{
        font-size: 20px;
        color: #002559;
        font-family: 'mondial';
    }
    .bg_header header .dt_cerveja{
        float: right;
        width: 190px;
        position: relative;
        top: 55px;
    }
    .bg_header header .dt_cerveja img{
        display: block;
/*        width: 100%;*/
        float: right;
    }

    /* MENU */
    .menu{
        background: #002559;
        width: 100%;
    }
    .menu nav{
        width: 1000px;
        margin: 0 auto;
    }
    .menu nav ul{
        list-style: none;
        text-align: center;
        /*display: block*/
    }
    .menu nav > ul > li{
        display: block;
        /*display: table;*/
        width: 16.5%;
        height: 100px;
        float: left;
        border-right: 1px solid #ffed00;
    }
    .menu nav > ul > li:last-of-type{
        /*background: none;*/
        border-right: 0;
    }
    .menu nav > ul > li > a{
        display: block;
        /*        display: table-cell;
                vertical-align: middle;*/
        padding: 10px;        
        color: #ffed00;
        text-decoration: none;
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase;
        /*font-family: 'Oswald', sans-serif;*/
        min-height: 100%;    
        font-family: 'mondial';
    }
    .menu nav > ul > li > a > i{
        font-size: 32px;
        display: block;
        margin-bottom: 10px;
    }
    .menu nav > ul > li:hover > a{
        color: #002559;
        /*    background: #ffed00;*/
    }
    .menu nav > ul > li > a.atv{
        color: #002559;
        background: #ffed00;
    }
    .menu nav > ul > li > a {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .menu nav > ul > li > a:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffed00;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .menu nav > ul > li:hover > a:before{
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    /*
    FORMATAÇÃO UL DO MENU (SEM RESPONSIVO)
    .menu nav > ul ul{
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 999;
        width: 50%;
        height: auto;
        display: none;
    }
    */

    .menu nav > ul > li{
        position: relative;
    }
    .menu nav > ul > li:hover > ul{
        /*display: block;*/
        top: 100%;
        min-width: 100%;
    }
    .menu nav > ul > li > ul > li{
        float: none;
        text-align: center;
        border-bottom: 1px solid #002559;
        min-width: 100%!important;
    }
    .menu nav > ul > li > ul li:last-child{
        border-bottom: 0;
    }
    .menu nav > ul > li > ul li a{
        color: #002559;
        padding: 8px 12px;
        background: #ffed00;
        display: block;
        text-decoration: none;
        /*font-family: 'Oswald', sans-serif;*/
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        font-family: 'mondial';
    }
    .menu nav > ul > li > ul li a:hover{
        background: #002559;
        color: #ffed00;
    }


    /* FOOTER */
    footer{
        width: 100%;
        height: auto;
        background: #00205a;
        padding: 40px 0;
    }
    footer nav{
        width: 1000px;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }
    footer nav ul{
        list-style: none;
        font-size: 10px;
        /*text-transform: uppercase;*/
        overflow: hidden;
    }
    footer nav > ul > li{
        float: left;
        margin-right: 20px;
        /*margin-bottom: 20px;*/
        display: inline;
        max-width: 140px;
    }
    /*footer nav > ul > li:last-of-type{
        float: right;
        margin-right: 0;
    }*/
    footer nav > ul > li > a{
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        font-size: 18px;
        font-family: 'mondial';
        text-transform: uppercase;
    }
    footer nav > ul ul{
        margin-top: 3px;
        max-width: 140px;
    }
    footer nav ul ul > li > a{
        color: #fff;
        text-decoration: none;
        float: none;
        display: block;
        padding: 4px 0px 2px 0;
        font-size: 16px;
        font-family: 'mondial';
        text-transform: capitalize;
    }
    footer nav ul ul > li > a:hover{
        text-decoration: underline;
    }
    .bg_auxfooter{
        width: 100%;
        height: auto;
        padding: 30px;
        background: #00112f;
    }
    .bg_auxfooter .aux{
        width: 1000px;
        height: auto;
        margin: 0 auto;
        font-size: 12px;
        color: #fff;
        overflow: hidden;
    }
    .bg_auxfooter .glevents{
        float: left;
        display: table-cell;
        vertical-align: middle;
        margin-right: 20px;
    }
    .bg_auxfooter h6{
        float: left;
        color: #fff;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        margin-right: 50px;    
        font-weight: normal;
        display: table-cell;
        vertical-align: middle;
        line-height: 18px;
    }
    .bg_auxfooter h6 span{
        font-family: 'mondial';
        font-weight: normal;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
    }
    .bg_auxfooter .guppy{
        float: right;
    }

    .hashtag{
        width: 100%;
        padding: 30px;
        background: #ffed00;
        text-align: center;
    }
    .hashtag p{
        color: #002559;
        font-size: 18px;
        vertical-align: middle;
        font-family: 'mondial';
    }
    .hashtag p span{
        font-size: 28px;
        vertical-align: middle;
        font-family: 'mondial';
    }
/*
	.destaque{
		width: 68%;
		height: auto;
		float: left;
		background: #fff;
	}
	.destaque h2{
		color: #f49c00;
		font-size: 20px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.destaque h2 img{
		margin-right: 6px;
		vertical-align: -1px;
	}
	.destaque a{
		text-decoration: none;
	}
	.destaque .i-destaque{
		width: 47%;
		height: auto;
		float: left;
		margin-right: 3%;
		margin-bottom: 3%;
		overflow: hidden;
	}
*/
	
    .destaque{
		width: 100%;
		height: auto;
		float: left;
		background: #f49c00;
        text-align: center;
        position: relative;
	}
	.destaque h2{
		color: #fff;
		font-size: 20px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.destaque h2 img{
		margin-right: 6px;
		vertical-align: -1px;
	}
	.destaque a{
		text-decoration: none;
	}
	.destaque .i-destaque{
		width: 23%;
		height: auto;
/*		float: left;*/
		margin-right: 1.666666%;
		margin-bottom: 3%;
		overflow: hidden;
        display: inline-block;
/*        padding: 0 6%;*/
	}
    
    
    .destaque .i-destaque img{
		width: 100%;
	}
	.destaque .descricao{
		width: 100%;
        height: 64px!important;
        padding: 5% 4%;
        background: #00205a;
        display: table;
	}
	.destaque .descricao h3{
		font-size: 17px;
		text-transform: uppercase;
		color: #fff;
/*		margin-bottom: 5px;*/
/*        display: table-cell;*/
        vertical-align: middle;
	}
	.destaque .descricao p{
		color: #fff;
		font-size: 13px;
        display: none;
	}
    .d6-home{
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: -27px;
    }
    .d6-home p{
        color: #011741!important;
        text-transform: uppercase;
        font-size: 29px!important;
        font-family: 'mondial'!important;
        line-height: 34px !important;
    }
	.sidebar-home{
		width: 30%;
		height: auto;
		float: right;
        display: none;
	}
	.sidebar-home h2{
		color: #f49c00;
		font-size: 20px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.sidebar-home h2 img{
		margin-right: 6px;
		vertical-align: -2px;
	}
	.sidebar-home .btn{
		width: 100%;
		height: 65px;
		text-align: center;
		background: #011741;
		margin-bottom: 10px;
		line-height: 65px;
	}
	.sidebar-home .btn a{
		color: #ffc90e;
		font-size: 20px;
		text-transform: uppercase;
		text-decoration: none;
		font-family: mondial;
	}
	.sidebar-home .programacao{
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	.sidebar-home .programacao .i-programacao{
		width: 100%;
		height: auto;
		background: #f1f2f2;
		padding: 4%;
		display: table;
		margin-bottom: 15px;
	}
	.sidebar-home .programacao .i-programacao .data{
		width: 11%;
		float: left;
		text-align: center;
	}
	.sidebar-home .programacao .i-programacao .data span{ 
		font-weight: bold;
		font-size: 20px;
		color: #b0b1b4;
	}
	.sidebar-home .programacao .i-programacao .data p{
		color: #b0b1b4;
	}
	.sidebar-home .programacao .i-programacao .descricao{
		width: 87%;
		float: left;
		margin-left: 2%;
	}
	.sidebar-home .programacao .i-programacao .descricao h3{
		color: #001d55;
		text-transform: uppercase;
		font-size: 14px;
	}
	.sidebar-home .programacao .i-programacao .descricao p{
		font-size: 13px;
	}
	.sidebar-home .noticias{
		width: 100%;
		height: auto;
		margin-top: 50px;
	}
	.sidebar-home .noticias h2{
		display: inline-block;
		text-transform: uppercase;
	}
	.sidebar-home .noticias a{
		text-decoration: none;
		color: #a6a7aa;
		text-transform: uppercase;
		float: right;
	}
	.sidebar-home .noticias .i-noticias{
		width: 100%;
		height: auto;
		display: table;
		padding: 5px 0;
		border-top: 1px solid #ccd3d5;
	}
	.sidebar-home .noticias .i-noticias:last-of-type{
		border-bottom: 1px solid #ccd3d5;
	}
	.sidebar-home .noticias .i-noticias .data{
		width: 20%;
		float: left;
	}
	.sidebar-home .noticias .i-noticias .data span{
		font-size: 13px;
	}
	.sidebar-home .noticias .i-noticias .titulo{
		width: 80%;
		float: right;
	}
	.sidebar-home .noticias .i-noticias .titulo p{
		margin-bottom: 0;
		font-size: 13px;
		text-transform: none;
	}
	.sidebar-home .noticias .i-noticias  a{
		width: 100%;
		float: left;
	}
    .galeria-fotos{
        width: 1000px;
        height: auto;
        background: #f49c00;
        overflow: hidden;
        padding: 2%;
		margin: auto;
    }
    .galeria-fotos .i-fotos{
        width: 32%;
        height: 220px;
        background: #000;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
        overflow: hidden;
    }
    .galeria-fotos .i-fotos:nth-child(3),
    .galeria-fotos .i-fotos:nth-child(6),
    .galeria-fotos .i-fotos:nth-child(9),
    .galeria-fotos .i-fotos:nth-child(12),
    .galeria-fotos .i-fotos:nth-child(15),
    .galeria-fotos .i-fotos:nth-child(18),
    .galeria-fotos .i-fotos:nth-child(21){
        margin-right: 0;
    }
    .galeria-fotos .i-fotos img{
        width: 100%;
        display: block;
    }
    .galeria-fotos .i-fotos .frase{
        width: 100%;
        height: 100%;
        display: table;
        background: #00205a;
    }
    .galeria-fotos .i-fotos .frase p{
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
        font-family: 'mondial';
    }
    .galeria-fotos .i-fotos .frase p span{
        font-size: 28px;
        font-family: 'mondial';
    }
    .galeria-fotos .i-fotos .frase p a{
        display: inline-block;
        color: #00205a;
        text-decoration: none;
        font-size: 16px;
        padding: 10px;
        background: #f49c00;
        border: 2px solid transparent;
        font-family: 'mondial';
    }
    .galeria-fotos .i-fotos .frase p a:hover{
        color: #f49c00;
        border-color: #f49c00;
        background: none;
    }

    /* CONTAINER */
    body{
        background: #011741;
    }
    .container{
        width: 1000px;
        height: auto;
        margin: 0 auto;
        padding: 20px;
        background: #fff;
    }
    .container:after{
        content: "";
        display: table;
        clear: both;
    }
    .container p{
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 20px;
        color: #222;
    }
    .container p a,.container td a{
        color: #00205a;
        text-decoration: none;
    }
    .container p a:hover,.container td a:hover{
        text-decoration: underline;
    }

    /* INTERNAS */
    .titulo_pagina{
        width: 1000px;
        height: auto;
        color: #fff;
        margin: 0 auto;
        background: #ffed00;
        font-size: 28px;
        color: #00205a;
        padding: 10px 20px;
        text-transform: uppercase;
        font-family: 'mondial';
        font-weight: normal;
    }

    /* PÁGINAS DE NOTÍCIAS */
    .container.noticias .esq{
        width: 65%;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .container.noticias .dir{
        width: 30%;
        height: auto;
        float: right;
    }
    .container.noticias ul{
        list-style: none;
    }
    .container.noticias ul li{
        margin-bottom: 16px;
    }
    .container.noticias ul li:last-of-type{
        margin-bottom: 0px;
    }
    .container.noticias ul li a{
        text-decoration: none;
        color: #333;
        font-weight: normal;
        font-size: 20px;
        font-family: 'mondial';
    }
    .container.noticias ul li a:hover{
        text-decoration: underline;
    }
    .container.noticias ul li span.dataNoticia{
        display: inline-block;
        font-size: 10px;
        padding: 3px;
        border-radius: 4px;
        background: #00205a;
        color: #fff;
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif;
    }
    .container.noticias ul li small{
        font-size: 12px;
        display: block;
        font-family: 'Roboto', sans-serif;
    }

    /* VER NOTÍCIAS */
    .container.ver_noticia .esq{
        width: 65%;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .container.ver_noticia .dir{
        width: 30%;
        height: auto;
        float: right;
    }
    .container.ver_noticia span.dataNoticia{
        display: inline-block;
        font-size: 10px;
        padding: 3px;
        border-radius: 4px;
        background: #00205a;
        color: #fff;
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif;
    }
    .container.ver_noticia small.fonte{
        font-size: 12px;
        display: block;
        font-family: 'Roboto', sans-serif;
    }
    .container.ver_noticia .esq p:first-of-type{
        margin-top: 15px;
    }
    .container.ver_noticia .dir.leiaMais{
        background: #dfdfdf;
        padding: 15px;

    }
    .container.ver_noticia .dir.leiaMais h2{
        color: #333;
        font-weight: normal;
    }
    .container.ver_noticia .dir.leiaMais ul{
        list-style: none;
    }
    .container.ver_noticia .dir.leiaMais ul li{
        margin-bottom: 10px;
    }
    .container.ver_noticia .dir.leiaMais ul li a{
        text-decoration: none;
        color: #333;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }
    .container.ver_noticia .dir.leiaMais ul li a:hover{
        text-decoration: underline;
    }


    /* PÁGINAS DE RELEASES */
    .container.releases .esq{
        width: 65%;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .container.releases .dir{
        width: 30%;
        height: auto;
        float: right;
    }
    .container.releases ul{
        list-style: none;
    }
    .container.releases ul li{
        margin-bottom: 16px;
    }
    .container.releases ul li:last-of-type{
        margin-bottom: 0px;
    }
    .container.releases ul li a{
        text-decoration: none;
        color: #333;
        font-weight: normal;
        font-size: 20px;
        font-family: 'mondial';
    }
    .container.releases ul li a:hover{
        text-decoration: underline;
    }
    .container.releases ul li span.dataRelease{
        display: inline-block;
        font-size: 10px;
        padding: 3px;
        border-radius: 4px;
        background: #00205a;
        color: #fff;
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif;
    }
    .container.releases ul li small{
        font-size: 12px;
        display: block;
        font-family: 'Roboto', sans-serif;
    }
    /* VER RELEASES */
    .container.ver_release .esq{
        width: 65%;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .container.ver_release .dir{
        width: 30%;
        height: auto;
        float: right;
    }
    .container.ver_release span.dataRelease{
        display: inline-block;
        font-size: 10px;
        padding: 3px;
        border-radius: 4px;
        background: #00205a;
        color: #fff;
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif;
    }
    .container.ver_release small.fonte{
        font-size: 12px;
        display: block;
        font-family: 'Roboto', sans-serif;
    }
    .container.ver_release .esq p:first-of-type{
        margin-top: 15px;
    }
    .container.ver_release .dir.leiaMais{
        background: #dfdfdf;
        padding: 15px;

    }
    .container.ver_release .dir.leiaMais h2{
        color: #333;
        font-weight: normal;
    }
    .container.ver_release .dir.leiaMais ul{
        list-style: none;
    }
    .container.ver_release .dir.leiaMais ul li{
        margin-bottom: 10px;
    }
    .container.ver_release .dir.leiaMais ul li a{
        text-decoration: none;
        color: #333;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }
    .container.ver_release .dir.leiaMais ul li a:hover{
        text-decoration: underline;
    }

    /* LISTA DE EXPOSITORES */
    .container.expositores p.chamadaVisita{
        /*        color: #f49c00;
                font-size: 16px;
                font-weight: 300;*/
        margin-bottom: 10px;
    }
    .container.expositores .filtro{
        width: 100%;
        height: auto;
        padding: 10px;
        background: #f1f2f2;
        margin-bottom: 50px;
    }
    .container.expositores .filtro > a{
        display: block;
        float: left;
        padding: 30px 10px;
        text-transform: uppercase;
        font-family: 'mondial';
        color: #d1d3d4;
        background: #f1f2f2;
        font-weight: bold;
        font-size: 20px;
    }
    .container.expositores .filtro .cl{
        width: 100%;
        height: 20px;
    }
    .container.expositores .filtro > a:hover{
        text-decoration: none;
        /* CINZA */
        /*color: #f1f2f2;*/
        /*background: #d1d3d4;*/
        /* ROXO */
        background: #a6ce39;
        color: #f49c00;
    }
    .container.expositores .filtro a:first-of-type{
        /*    background: #53136f;
            color: #feee00;*/
    }
    .container.expositores .filtro > a.atv{
        /* CINZA */
        /*color: #f1f2f2;*/
        /*background: #d1d3d4;*/
        /* ROXO */
        color: #a6ce39;
        background: #f49c00;
    }
    .container.expositores .filtro select[name="pavilhaoExpositor"]{
        width: 30%;
        height: 30px;
        padding: 4px;
        float: left;
        border: 0;
    }
    .container.expositores .filtro input[name="buscaExpositor"]{
        width: 68%;
        height: 30px;
        padding: 4px;
        /*        float: right;*/
        border: 0;
    }
    .container.expositores .filtro .imprimir{
        float: right;
    }
    .container.expositores .filtro .imprimir a{
        margin-left: 10px;
        font-size: 12px;
    }
    .container.expositores .listaExpositores{
        width: 100%;
        height: auto;
        overflow: hidden;
        font-family: 'Roboto', sans-serif;
    }
    .container.expositores .listaExpositores .i-listaExpositores{
        width: 130px;
/*        height: 75px;*/
        height: 220px;
        float: left;
        margin: 10px;
        border-top: 10px solid #00205a;
    }
    .container.expositores .listaExpositores .i-listaExpositores strong.nomeExpositor{
        color: #6d6e71;
        font-weight: bold;
        line-height: 20px;
        font-size: 16px;
        display: block;
        font-family: 'Roboto', sans-serif;
        margin-top: 10px;
    }
    .container.expositores .listaExpositores .i-listaExpositores figure.logoExpositor{
        display: block;
        height: 121px;
        text-align: center;
        /*    margin: 0px 0 10px 0;*/
        overflow: hidden;
    }
    .container.expositores .listaExpositores .i-listaExpositores figure.logoExpositor img{
        display: block;
    }
    .container.expositores .listaExpositores .i-listaExpositores span.dadosExpositor{
        color: #6d6e71;
        font-weight: 300;
        line-height: 20px;
        font-size: 12px;
        text-transform: uppercase;        
        font-family: 'Roboto', sans-serif;
    }

    /* PÁGINA DE CONTATO */
    .container.contato .esq{
        width: 65%;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .container.contato .dir{
        width: 28%;
        height: auto;
        float: right;
    }
    .container.contato form fieldset{
        width: 100%;
        border: 0;
        margin-bottom: 10px;

    }
    .container.contato form fieldset:last-of-type{
        margin-bottom: 0px;
    }
    .container.contato form label{
        display: inline-block;
        background: #f49c00;
        border-radius: 5px 5px 0px 0px;
        padding: 4px 10px 2px 10px;
        color: #fff;
        font-weight: normal;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }
    .container.contato form input{
        width: 100%;
        height: 30px;
        border: 1px solid #f49c00;
        padding: 10px;
        font-family: 'Roboto', sans-serif;
    }
    .container.contato form select{
        width: 100%;
        height: 30px;
        border: 1px solid #f49c00;
        /*padding: 10px;*/
        font-family: 'Roboto', sans-serif;
    }
    .container.contato form textarea{
        width: 100%;
        max-width: 100%;
        height: 100px;
        max-height: 100px;
        border: 1px solid #f49c00;
        padding: 10px;
        font-family: 'Roboto', sans-serif;
    }
    .container.contato form input[type="submit"],.container.contato form input[type="button"]{
        display: inline-block;
        background: #f49c00;
        border-radius: 0px 0px 5px 5px;
        color: #fff;
        width: auto;
        height: auto;
        text-transform: uppercase;
        margin-top: -10px;
        font-weight: bold;
        float: right;
        padding: 6px 40px;
        font-family: 'Roboto', sans-serif;
        border: 0;
        outline: 0;
    }

    ul.lista-busca{
        list-style: none;
    }
    ul.lista-busca li{
        margin-bottom: 15px;

    }
    ul.lista-busca li small{
        display: block
    }
    h2{
        font-weight: normal;
        font-family: 'mondial';
    }

    /* VIDEO HOME */
/*
    .video_home{
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .video_home video{
        width: 100%;
        height: auto;
        display: block;
    }
    .video_home video source{
        width: 100%;
        height: auto;
    }
*/    
    /* BANNER HOME */
    .banner_home{
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .banner_home img{
        width: 100%;
        height: auto;
        display: block;
    }

    /* PÁGINAS DO ADMIN */
    .cadIngresso{
        overflow: hidden;
    }
    .cadIngresso input{
        float: left;
        margin-right: 10px;
        height: 30px;
        padding: 5px;    
    }
    .cadIngresso input[type="button"]{
        padding: 5px 10px;
        background: #00205a;
        color: #fff;
        border: 0;
    }

    /* COLUNAS PÁGINAS DO ADMIN */
    .colunas{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .colunas .c3{
        float: left;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        text-align: justify;
    }
    .colunas .c3:nth-child(3),.colunas .c3:nth-child(6),.colunas .c3:nth-child(9),.colunas .c3:nth-child(12){
        margin-right: 0;
    }

    /*NEWSLETTER*/
    .newsletter{
        width: 350px;
        height: 160px;
        position: fixed;
        bottom: 100px;
        right: 0;
    }
    .newsletter form{
        width: 100%;
        overflow: hidden;
    }
    .newsletter h2{
        padding-left: 45px;
    }
    .newsletter form *{
        font-family: 'mondial';
        color: #fff;
        font-size: 22px;
    }
    .newsletter form input[type="email"]{
        width: 240px;
        height: 110px;
        float: left;
        background: #00205a url(../img/bg_mail_newsletter.png) no-repeat left 15px center;
        border: 0;
        outline: 0;
        padding-left: 55px;
        border-radius: 55px 0 0 55px;
    }
    .newsletter form input[type="button"]{
        width: 110px;
        height: 110px;
        float: right;
        background: #00112f;
        border: 0;
        outline: 0;
    }
    .newsletter form a{
        width: 110px;
        height: 110px;
        line-height: 110px;
        text-align: center;
        text-decoration: none;
        float: right;
        background: #00112f;
        border: 0;
        outline: 0;
    }
    .newsletter form ::-webkit-input-placeholder{
        color: #fff;
    }
    .newsletter form :-moz-placeholder{
        color: #fff;
    }
    .newsletter form ::-moz-placeholder{
        color: #fff;
    }
    .newsletter form :-ms-input-placeholder{
        color: #fff;
    }
    .newsletter .close{
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        background: #00205a;
        padding: 2px;
        text-decoration: none;
        display: block;
    }
    #frmCadNews input{
        height: 30px;
        width: 100%;
        display: block;
        margin-bottom: 10px;
        padding: 5px;        
    }
    #frmCadNews input[type="button"]{
        background: #00205a;
        color: #fff;
        font-size: 16px;
        font-family: 'mondial';
        border: 0;
        height: auto;
    }
    #frmCadNews p{
        color: #aaaaaa;
        font-size: 12px;
        text-align: justify;       
        margin-bottom: 10px;
    }
    #frmCadNews #spanNews{
        display: block;
        margin-top: 10px;
    }
    #frmCadNews h2{
        color: #002559;
        margin-bottom: 10px;
        font-size: 24px;
        font-family: 'mondial';
    }
    #frmCadNews input[type='radio']{
        height: auto;
        width: auto;
        display: inline;
    }
    #frmCadNews label{
        margin: 0 20px 0 4px;
        font-size: 13px;
    }

    /* RODAPE PATROCINADORES */
    .rodape_patrocinadores{
        width: 100%;
        height: auto;
        background: #fff;
        padding: 20px 0;
        text-align: center;
    }
    
    
    /* PONTOS DE VENDA */
    .pontos-venda tr td{
        padding: 5px;
    }
    
    /* PÁGINA BANDA */
    .container .bandas2017{
        width: 100%; 
        height: auto; 
        float: left;
    }
    .container .bandas2017 .tituloDia{
        width: 100%; 
        height: 40px; 
        float: left;
        background-color: rgb(85, 131, 149); 
        line-height: inherit; text-align: center; 
        border-style: dotted!important; 
        border-color: #999999 !important;
    }
    .container .bandas2017  .tituloDia span{
        color: #fff; 
        font-family: arial, tahoma, verdana; 
        font-size: 24px; 
        font-weight: bold; 
        line-height: 34px;
    }
    .container .bandas2017 .i-bandas2017{
        width: 100%; 
        height: auto; 
        float: left;
    }
    .container .bandas2017 .i-bandas2017 .tituloBanda{
        width: 100%;
        height: 40px;
        background-color: rgb(48, 49, 44);;
        text-align: center;
        border-style: dotted !important;
        border-color: rgb(153, 153, 153) !important;
    }
    .container .bandas2017 .i-bandas2017 .tituloBanda span{
        color: #fff; 
        font-family: arial, tahoma, verdana; 
        font-size: 17px; 
        font-weight: bold; 
        line-height: 34px;
    }
    .container .bandas2017 .i-bandas2017 .texto{
        width: 100%;
        height: auto;
        float: left;
        padding: 10px;
        padding-bottom: 40px;
        box-sizing: border-box;
        border: 1px dotted rgb(153, 153, 153) !important;
    }
    .container .bandas2017 .i-bandas2017 .texto img{
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    
    .doacoes{
        width: 100%;
        height: auto;
        display: table;
        border: 1px solid #f2f2f2;
        margin: 50px 0;
    }
    .doacoes .titulo{
        width: 100%;
        height: 40px; 
        text-align: center;
        color: #00205a;
        background: #ffed00;
        line-height: 40px;
    }
    .doacoes .linha{
        width: 100%;
        height: auto;
        float: left;
        border-bottom: 1px solid #f2f2f2;
    }
    .doacoes .linha div{
        float: left;
        border-right: 1px solid #f2f2f2;
        padding: 10px;
        display: table;
    }
    .doacoes .linha div:last-of-type{
        border-right: 0;
    }
    .doacoes .linha div h3{
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        font-size: 15px;
        text-align: center;
    }
    .doacoes .linha div h4{
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        font-size: 12px;
        text-align: center;
        font-weight: normal;
    }
    .doacoes .linha div.instituicao{
        width: 12%;
    }
    .doacoes .linha div.publico{
        width: 21%;
    }
    .doacoes .linha div.responsavel{
        width: 11%;
    }
    .doacoes .linha div.contato{
        width: 12%;
    }
    .doacoes .linha div.endereco{
        width: 18%;
    }
    .doacoes .linha div.site{
        width: 12%;
    }
    .doacoes .linha div.dia{
        width: 14%;
    }
    .doacoes .linha.linha1 div{
        height: 55px;
    }
    .doacoes .linha.linha2 div{
        height: 62px;
    }
    .doacoes .linha.linha3 div{
        height: 76px;
    }
    .doacoes .linha.linha4 div{
        height: 48px;
    }
    .doacoes .linha.linha5 div{
        height: 90px;
    }
    .doacoes .linha.linha6 div{
        height: 48px;
    }
    .doacoes .linha.linha7 div{
        height: 62px;
    }
/*    COMO CHEGAR*/
    .icones {
        width: 47%;
        height: auto;
        min-height: 85px;
        float: right;
        margin-right: 2%;
        margin-bottom: 20px;
        font-size: 13px;
    }
    .bike{
        width: 100%; 
        float: left;
    }
     .vencedores{
        width: 100%;
        height: auto;
        float: left;
         padding: 2%;
         box-sizing: border-box;
         text-align: center;
         position: relative
    }
    .vencedores div{
        display: inline-block;
    }
    .vencedores .tit{
        text-align: center;
        width: 100%;
        padding: 0 3%;
        box-sizing: border-box;
    }
    .vencedores .i-vencedores{
        width: 40%;
        height: auto;
        display: inline-block;
        margin-right: 2%;
        margin-top: 20px;
    }
    .vencedores .i-vencedores.margem{
        margin-right: 0;
        width: 37%;
    }
    .vencedores .i-vencedores img{
        width: 100%;
    }
    .vencedores .i-vencedores .ano{
        width: 23%;
        height: auto;
        float: left;
        margin-right: 20px;
    }
    .vencedores .i-vencedores .conteudo{
        width: 71%;
        height: auto;
        float: left;
        text-align: left;
    }
    .vencedores .i-vencedores .conteudo h4{
        color: #002b59;
        text-transform: uppercase;
        font-family: 'mondial';
    }
    .vencedores .i-vencedores .conteudo p{
        color: #a09fa1;
        margin: 0;
        text-transform: uppercase;
        font-family: 'mondial';
    }
    .vencedores .i-vencedores .conteudo p span{
        color: #002b59;
        font-weight: 600;
        font-family: 'mondial';
    }
    .vencedores .i-vencedores .conteudo p t{
        font-size: 13px;
        color: #002b59;
        font-weight: 600;
        font-family: 'mondial';
    }


    /* INSTITUIÇÕES */
    .instituicoes{
        width: 100%;
        height: auto;
        display: table;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #686868;
    }
    .h3Dia{
        background: #00205a; 
        color: #ffed00; 
        font-weight: normal; 
        display: inline-block; 
        padding: 5px 25px; 
        font-size: 20px;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    .instituicoes .i-instituicoes{
        width: 30%;
        height: auto;
        float: left;
        margin-right: 5%;  
    }
    .instituicoes .i-instituicoes:last-of-type{
        margin-right: 0;
    }



    .bandas19 .i-bandas{
        width: 48%;
        height: auto;
        float: left;
        margin-right: 4%;
        margin-bottom: 4%;
        overflow: hidden;
        position: relative;
    }
    .bandas19 .i-bandas:nth-child(2n){
        margin-right: 0;
    }
    .bandas19 .i-bandas img{
        width: 100%;
        display: block;
    }
    .bandas19 .i-bandas .info{
        width: 100%;
        height: 50px;
        background: #002559;
        color: #ffed00;
        display: flex;
        justify-content: space-between;
    }
    
    .bandas19 .i-bandas .info .hora{
        width: 30%;
        height: 50px;
        background: #ffed00;
        color: #002559;
        font-family: 'mondial';
        text-align: center;
        display: table;
    }
    .bandas19 .i-bandas .info .hora h3{
        display: table-cell;
        vertical-align: middle;
        font-size: 19px;
    }
    .bandas19 .i-bandas .info .nome{
        width: 70%;
        height: 50px;
        font-family: 'mondial';
        padding: 0 15px;
        display: table;
    }
    .bandas19 .i-bandas .info .nome h3{
        display: table-cell;
        vertical-align: middle;
        font-size: 19px;
    }
    .bandas19 .i-bandas:hover .background {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    .bandas19 .i-bandas .background{
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: rgb(215, 139, 2, 0.8);
        box-sizing: border-box;
        transition: all 1s ease;
        opacity: 0;
    }
    .bandas19 .i-bandas .background > img{
        width: 100px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    
    .arena{
        display: flex;
        justify-content: space-between;
    }
    .arena .logoArena{
        width: 400px;
        max-width: 100%;
    }
    .arena .texto{
        width: 60%;
        height: auto;
    }
    .arena .curadoria{
        width: 27%;
        height: auto;
    }
    .arena .curadoria img{
        margin-top: 30px;
    }

    .craft{
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }
    .craft .img{
        width: 36%;
    }
    .craft .img .logoArena{
        max-width: 100%;
    }
    .craft .texto{
        width: 60%;
        height: auto;
        margin-top: 30px;                
    }


    .formClub h3{
        font-family: 'mondial';
        text-transform: uppercase;
        color: #00205a;
        font-size: 20px!important;
        margin-bottom: 5px!important;
    }
    .formClub .nome{
        width:48%; 
        float: left; 
        margin-right:2%; 
        margin-bottom: 25px;
    }
    .formClub .nome select,
    .formClub .sobrenome select{
        height: 30px;
        width: 100%;
        display: block;
        margin-bottom: 10px;
        padding: 5px;
    }
    .formClub .sobrenome{
        width:50%; 
        float: right; 
        margin-bottom: 25px;
    }
    .formClub .email{
        width: 100%; 
        float: left; 
        margin-bottom: 25px;
    }
    .formClub .dtNascimento{
        width:33%; 
        height: auto; 
        float: left; 
        font-size:13px; 
        margin-bottom: 25px;
    }
    .formClub .sexo{
        width:33%; 
        height: auto; 
        float: left; 
        font-size:13px; 
        margin-bottom: 25px;
    }
    .formClub input[type="checkbox"]{
        width: auto!important;
        height: 15px!important;
        float: left;
        margin-right: 8px!important;
        margin-bottom: 0!important;
    }
    .formClub > div{
        margin-bottom: 25px!important;
    }
    .formClub .interesse label{
        display: block!important;
        margin-bottom: 5px!important;
        text-transform: uppercase!important;
    }
    .formClub .pais{
        width:33%; 
        height: auto; 
        float: left; 
        font-size:13px; 
        margin-bottom: 25px;
    }
    .formClub .pais select{
        width: 90%;
        height: 30px;
    }
    .formClub .assunto{
        width: 100%; 
        float: left;
        margin-bottom: 25px; 
    }
    .formClub .assunto .interesse{
        width:33%; 
        height: auto; 
        float: left; 
        font-size:13px;
    }
    .formClub .dia{
        width: 15%;
        height: 30px;
    }
    .formClub .mes{
        width: 50%;
        height: 30px;
    }
    .formClub .ano{
        width: 22%;
        height: 30px;
    }
    .formClub .sexo label{
        float: left!important;
        padding-top: 8px!important;
        margin-left: 0!important;
    }
    .formClub .sexo input{
        margin-right: 8px!important;
    }
}