@font-face {
    font-family: 'oxygenlight';
    src: url('../webfonts/oxygen-light-webfont.eot');
    src: url('../webfonts/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/oxygen-light-webfont.woff') format('woff'),
         url('../webfonts/oxygen-light-webfont.ttf') format('truetype'),
         url('../webfonts/oxygen-light-webfont.svg#oxygenlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sansregular';
    src: url('../webfonts/notosans-regular-webfont.eot');
    src: url('../webfonts/notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/notosans-regular-webfont.woff') format('woff'),
         url('../webfonts/notosans-regular-webfont.ttf') format('truetype'),
         url('../webfonts/notosans-regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body { font-family: 'noto_sansregular'; font-size: 10pt; width:100%; height:100%; background-color: #2b2b2b; }

.programaDia { display: none; font-size:1em; }

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #0099cc;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}
 
.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

.btn.outline {
	background: none;
	padding: 12px 22px;
}

.btn-primary.outline {
	border: 2px solid #0099cc;
	color: #0099cc;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #33a6cc;
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}

.navigation {   
    position: relative;     
    top: 0px;
}  
.navigation li {    
    color: white;      
    display: inline;      
    padding: 5px 10px;
    margin-bottom:2px;      
    font-weight:bold;   
    -webkit-transition: all .2s ease-in-out;    
    border-bottom:1px solid black;      
    text-align:right;
    font-size:20px;
    background-color: transparent;
}  
.navigation li:hover, .navigation li.active {
	background-color: #dbab68;
	color: white;
    font-size:20px;     
    cursor:pointer;     
}

#wrap {
position: relative;
padding: 0px;
overflow: hidden;
}

#gradient {
width:100%;
height:32px;
background:url(../pics/gradientePrograma.png) repeat-x;
position:absolute;
bottom:0;
left:0;
}

.fa-arrow-circle-down {color: white;}
.followUs { font-size: 10pt; color: white; }
.programaTemp { color: white; text-decoration: none; font-size: 16pt; font-family: oxygenlight; font-weight: normal; padding-bottom: 5px; }
.divPrograma { width: 48%; max-width: 500px; padding: 1%; float: none; display: inline-block; }
.edicoes { width: 70%; float: left; padding-left: 20px; padding-bottom: 5px; }
.edicoesAnteriores,.linkEdicoesAnteriores,.linksPrograma { color: #FFFFFF; text-decoration: none; font-size: 9pt; font-family: oxygenlight; font-weight: normal; }
.linksPrograma { color: #ffa200; font-weight: bold; text-decoration: underline; font-family: 'noto_sansregular'; font-size: 10pt; }
.linkEdicoesAnteriores { text-decoration: underline; cursor: pointer; }
.destaques { width: 33%; max-width: 333px; text-align: center; float: none; position: relative; }
.redesSociais { width: 30%; max-width: 22px; padding: 1px; float: none; }
.diasPrograma { color: #303030; text-decoration: none; font-size: 11pt; font-family: oxygenlight; font-weight: bold; padding-bottom: 5px; }
.textoPrograma { color: #303030; text-decoration: none; font-size: 8pt; font-family: noto_sansregular; font-weight: normal; text-align: center; }
.localPrograma { color: #777676; text-decoration: none; font-size: 8pt; font-family: noto_sansregular; font-weight: normal; font-style: italic; }
.idioma { color: white; text-decoration: none; font-size: 9pt; font-family: noto_sansregular; font-weight: normal; font-style: normal; text-decoration: underline; }
.idiomaAtivo { color: #ecd224; }
.tituloPrincipal { color: #303030; text-decoration: none; font-size: 16pt; font-family: oxygenlight; font-weight: normal; }
.miniTituloPrincipal { color: #303030; text-decoration: none; font-size: 10pt; font-family: noto_sansregular; font-weight: bold; text-align: center; }
.textoPrincipal { color: #303030; text-decoration: none; font-size: 10pt; font-family: noto_sansregular; font-weight: normal; text-align: justify; }
.textoTimeline { color: #303030; text-decoration: none; font-size: 9pt; font-family: noto_sansregular; font-weight: normal; text-align: center; }
.source { color: #ffffff; text-decoration: none; font-size: 8pt; font-family: noto_sansregular; font-weight: normal; text-align: justify; }
.datas { color: black; text-decoration: none; font-size: 18pt; font-family: noto_sansregular; font-weight: bold; }
.arrow { cursor: pointer; }
.hide { display: none; }
.textoBandas { padding: 10px; background-color: #f2f2f2; font-family: oxygenlight; }
.bandasImg { border-radius: 25px; background: #7d0861; padding: 20px; }
.mainMenu { width: 100%; height: 10%; max-height: 108px; overflow: visible; z-index: 1000000; }
.imgCenter { margin: 0 auto !important; padding-top: 10px; }

#horaConto, #palcoTradicoes, #palcoMarina, #touradas, #pcivil, #pemergencia, #campismo, #regulamentos, #pauis, #paul, #marchaOficial, #mapaFeira, #restauracao, #marchas, #historicamente, #marchasCriancas, #filarmonicas, #folclores, #dancas, #mapa, #msgCooperativa, #msgDiretora  { display: none; }

@media screen and ( min-width: 400px ) {
	.destaques { float: left; }
	.redesSociais { float: left; }
	.edicoes { float: left; }
	.divPrograma { float: left; display: inline-block; }
	.diasPrograma  { font-size: 14pt; }
	.programaTemp { font-size: 12pt; }
}

@media screen and ( min-width: 1024px ) {
	.mainMenu { overflow: hidden; }
}