/* Reset & Basics (Inspired by E. Meyers) */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none;margin:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Skeleton V1.1 | Copyright 2011, Dave Gamache | www.getskeleton.com */
.container{position:relative;width:960px;margin:0 auto;padding:0}.column,.columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .columns.eight{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}

/* Mais reset (clearfix) */
.clear,.clearfix:after,.row:after{clear:both}.clear,.container:after{display:block;visibility:hidden;height:0}.container:after{content:"\0020";clear:both}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix,.row{zoom:1}.clear{overflow:hidden;width:0}

/* Mais reset */
body{background:#000D16;color:#232323;font:13px/18px Tahoma,Geneva,sans-serif;color:#444}h1,h5,h6{margin:0}h2,h3{color:#005f97;border-bottom:1px solid #e8e8e8;margin:20px 0;font-weight:400;padding-bottom:2px}h1{font-size:24px}h2{font-size:21px}h3{font-size:18px}h4{font-size:16px;margin:20px 0 5px}h5,h6{font-size:15px}ol{list-style:decimal}
strong{font-weight:bold}
a{color:#00629C;text-decoration:none}
a:hover,a:focus{color:#F90}
.banners img,.item-page img,embed,img.scale-with-grid,object{max-width:100%;height:auto}
.img_esq,.img-esq,.img_dir,.img-dir,.pull-left,.pull-right{border:1px solid #cfcfcf}

/* Fontes */
@font-face{font-family:'PT Sans Narrow Bold';src:url(../font/pt_sans-narrow-web-bold-webfont.eot);src:url(../font/pt_sans-narrow-web-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../font/pt_sans-narrow-web-bold-webfont.woff) format('woff'),url(../font/pt_sans-narrow-web-bold-webfont.ttf) format('truetype'),url(../font/pt_sans-narrow-web-bold-webfont.svg#PTSansNarrowBold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'PT Sans Narrow';src:url(../font/pt_sans-narrow-web-regular-webfont.eot);src:url(../font/pt_sans-narrow-web-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/pt_sans-narrow-web-regular-webfont.woff) format('woff'),url(../font/pt_sans-narrow-web-regular-webfont.ttf) format('truetype'),url(../font/pt_sans-narrow-web-regular-webfont.svg#PTSansNarrowRegular) format('svg');font-weight:400;font-style:normal}
#menu-principal .link,.menu-servicos,.submenu .link,h1,h2,h3,h4,h5,h6{font-family:'PT Sans Narrow'}

/* Efeitos úteis */
.oculto, .dn{display:none}
.replace{overflow:hidden;text-indent:-999999px;display:inline-block}
.img_esq,.img-esq,.pull-left{margin:0 10px 0 0;padding:3px;float:left}
.img_dir,.img-dir,.pull-right{margin:0 0 0 10px;padding:3px;float:right}
.pointer{cursor:pointer}
.thumb{padding:2px;float:left;background:#FFF;border:1px solid #CCC}
.button{display:inline-block;padding:5px 10px;border-radius:4px;background:#004B82;color:#fff;cursor:pointer}
.button:hover{background:#FF9900;color:#fff}
.r{float:right}
#top,#main,#rodape{overflow:hidden}

/* Barra - Gov */
#gov{height:28px;line-height:28px;position:relative;top:-38px}
#gov .azul, #gov .linha{position:absolute;width:50%;height:28px;background:#004b82 url(../images/bg-header-mec-linha.png) repeat-x 0 bottom}
#gov .azul{right:0;float:right;background-image:none;}
#gov .linha{left:0}
#gov .lista{height:28px;background:url(../images/bg-header-mec-linha.png) repeat-x 0 bottom}
#gov .brasil{background-color:#004B82}
#gov .brasil, #gov .ai{float:right;display:inline}
#gov .replace{height:28px}
#gov .brasil .replace{background:url(../images/btn-brasil.png) no-repeat 0 bottom;width:107px}
#gov .ai .replace{background:url(../images/btn-ai.png) no-repeat 0 bottom;width:161px}

/* Barra - Acessibilidade */
#menu-acessibilidade{position:relative;top:28px}
#menu-acessibilidade .lista{margin:10px 0;position:relative;top:100%}
#menu-acessibilidade .item{font-size:13px;display:inline;margin-right:10px;padding-right:10px;background:url(../images/separador.png) no-repeat right -1px}
#menu-acessibilidade .item:last-child{padding-right:0;margin-right:0}
#menu-acessibilidade .fonte{margin-right:10px;padding-right:0;background-image:none}

/* Topo - Estrutura, Logo e Brasão */
#top{background:#f9f9f9 url(../images/bg-header.png) repeat-x 0 28px}
#top .columns.brasao{padding:40px 0 33px 10px;margin:0}
#top .opcoes{float:right;text-align:right}
#top .logo-60{float:right;margin-right:15px;position:relative;top:-5px}
#top .brasao .replace{width:340px;height:92px;background:url(../images/brasao.png) no-repeat 0 0}

/* Topo - menu de serviços */
#top .columns.info{padding:40px 0 29px 0;margin:0 0 0 20px}
#top .menu-servicos{font-size:15px}
#top .menu-servicos .menu{margin:0;padding:0;float:right}
#top .menu-servicos .item{list-style:none;display:inline;margin:0 5px 0 0;padding:0 5px 0 0}
#top .menu-servicos .current .link{color:#ff8400}

/* Topo - Caixa de busca */
#top .procurar{margin:10px 0 11px}
#top .procurar label{display:none}
#top .procurar .button{background:url(../images/bg-input-search-btn.png) no-repeat 0 0;border:1px solid #ddd;border-left:0;width:36px;height:38px;cursor:pointer;text-indent:-999999px;padding:0;overflow:hidden}
#top .procurar .button:hover{background-position:0 -36px}
#top .search-query,#search-searchword{float:left;width:190px;height:26px;line-height:19px;border:1px solid #ddd;padding:5px 10px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;background:url(../images/bg-input-search.png) repeat-x 0 0;color:#808080;appearance:none}

/* Topo - ícones de redes sociais */
#top .menu-social .item{float:right;margin-right:4px}
#top .menu-social .item:first-child{margin-right:0}
#top .menu-social .link{display:inline-block}

/* Topo - Menu principal */
#top .linha-menu{border-top:1px solid #EEE}
#top .linha-menu .container{margin-top:-1px}
#menu-principal .nav{display:flex;justify-content:space-between}
#menu-principal .item{display:inline-block;font-size:20px}
#menu-principal .link{display:inline-block;padding:20px 0 18px}
#menu-principal .item:hover .link,#menu-principal .active .link{border-top:1px solid #F90;color:#F90;padding-top:19px}

/* Página inicial - Slideshow / Banner rotativo */
#slider .moduletable{padding:1px;background-color:#f9f9f9;box-shadow:0 3px 6px #777;overflow:hidden}
#slider .thumbs{float:right;height:300px;overflow:hidden}
#slider .thumbs .lista{position:relative}
#slider .gallery{height:300px;overflow:hidden;position:relative}
#slider .gallery .img{width:100%}
#slider .gallery .item{position:absolute;display:none}
#slider .next{right:0;bottom:0}
#slider .tb{height:75px;cursor:pointer}
#slider .tb.active,#slider .tb:hover{overflow:hidden;border:3px solid #FF7000;width:182px;height:69px}
#slider .tb.active .tb-img, #slider .tb:hover .tb-img{margin:-3px}

/* Conteúdo - Main */
#main{background-color:#f9f9f9}
#main .container{padding-bottom:20px}

/* Conteúdo - Página inicial - Notícias em Destaques */
#conteudo{clear:both}
.m-destaques .destaques .item{float:left;width:184px;margin-right:14px}
.m-destaques .destaques .last-item{margin:0}
.m-destaques .destaques .thumb{margin-bottom:10px;float:none;display:block}
.m-destaques .ultimas{margin:10px 0 20px}
.m-destaques .ultimas .item{padding:10px 0 20px;border-top:1px dotted #ccc}
.m-destaques .ultimas .last-item{padding-bottom:0}
.m-destaques .ultimas .subtitulo{margin-bottom:5px}
.m-destaques .ultimas .img{float:left;padding:2px;border:1px solid #ccc;margin-right:10px;margin-top:4px;overflow:hidden}
.m-destaques .ultimas .descricao{display:flex}
.m-destaques{margin-bottom:30px}
.m-destaques:last-child{margin-bottom:0}
.m-destaques .titulo{margin-top:5px;border-bottom:1px dotted #ccc}
.m-destaques .links{margin-bottom:15px}
.m-destaques .links .item{margin-bottom:5px;padding:5px 0;border-bottom:1px dotted #ccc}
.m-destaques .titulo{margin-bottom:15px}

/* Lateral - Submenus */
#lateral .nav .link{display:block;width:96%;padding:2%;background:#EEE;border-bottom:1px dotted #CCC}
#lateral .nav .link:hover,#lateral .nav .link:focus{background:url('../images/ico-seta.png') #FFF no-repeat 97% center}

/* Lateral - Página inicial - Reportagens */
.m-reportagens{margin-bottom:25px}
.m-reportagens .bannerufctv .img{display:inline-block;width:100%;margin:20px 0}
.m-reportagens .button{text-align:center;width:130px;margin-right:10px;padding:5px 0}
.m-reportagens .item{border-bottom:1px dotted #CCC;padding:10px 0 10px 25px;background: url('/modules/mod_dpureportagens/assets/images/ufctv-icon.png') no-repeat left center}
.m-reportagens .last-item{margin-bottom:15px}
.m-reportagens .video-yt{width:100%;height:190px}

/* Lateral - Página inicial - Banners */
.mod_banners.banners{overflow:hidden;margin-top:0}
.mod_banners.banners .banneritem{float:left;margin:0 5px 10px}
.mod_banners .link{padding:1px;float:left;border:1px solid #CCCCCC}
.mod_banners .link:hover{border-color:#FF7000;background-color:#FF7000}

.m-radio{height:140px}

/* Página de notícias */
#conteudo .main figure{margin-bottom:8px}
#conteudo .main figure img{display:block;margin:0 auto}
#conteudo .main figure figcaption {margin-top:8px;font-size:12px;font-style:italic;color:#666;text-align:center}

/* Rodapé */
#rodape .container{padding:20px 0}
#rodape .endereco{float:right;text-align:right}
#rodape .endereco .tel{display:block}
#rodape .banner-rodape{float:right;margin-bottom:20px}
#rodape .banneritem{float:left;margin-left:10px}
#rodape{background:#003A65 url(../images/bg-footer.png) repeat-x 0 0;color:#fff}
#rodape a{color:#FFF}
#rodape a:hover{color:#F90}
#creditos{background-color:#000D16}
#creditos .ir-topo{float:right;font-weight:bold}
#creditos .sti:hover, #creditos .ir-topo:hover{color:#0FF}


/* Telas menores que 960px */
@media only screen and (max-width: 959px){
    iframe{max-width:100%}
    .container{width:748px}.container .column,.container .columns{margin:0 auto}.container .one.column{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:348px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}

    #top .columns.brasao{padding:40px 0 33px;margin:0}

    #menu-principal{margin:0}
    #menu-principal .item{margin-right:6px}
    #menu-principal .link{font-size:18px;padding-top:16px}
    #menu-principal .item:hover .link,#menu-principal .active .link{padding-top:15px}

    #slider .thumbs{display:none}
    #slider .img{height:300px}
    #slider .moduletable{border:1px solid #ccc;padding:0}

    .m-destaques .destaques .item{width:100%;margin:0 0 10px}
    .m-destaques .destaques .img{width:100px;height:59px}
    .m-destaques .thumb{margin-right:20px}
    .m-destaques .destaques .thumb{float:left}
    .m-destaques .ultimas .descricao{display:unset}

    #lateral.columns{margin-left:20px}
    #lateral .banneritem{width:48%;margin:0 0 10px;float:right}
    #lateral .banneritem:nth-child(odd){float:left}

    .m-reportagens .button{width:120px}
}

/* Telas menores que 768px */
@media only screen and (max-width: 767px){
    .container{width:420px}
    .columns,.column{margin:0}
    .container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:420px}
    .container .offset-by-eight,.container .offset-by-eleven,.container .offset-by-fifteen,.container .offset-by-five,.container .offset-by-four,.container .offset-by-fourteen,.container .offset-by-nine,.container .offset-by-one,.container .offset-by-seven,.container .offset-by-six,.container .offset-by-ten,.container .offset-by-thirteen,.container .offset-by-three,.container .offset-by-twelve,.container .offset-by-two{padding-left:0}

    #gov{top:0}
    #menu-acessibilidade{display:none}
    #top{background-image:none}
    #top .columns.brasao{padding:30px 0;text-align:center}
    #top .columns.info{margin-left:0;padding:0 0 20px}
    #top .menu-social .item{margin-left:10px}

    #menu-principal{padding:15px 0 0}
	#menu-principal .nav{flex-direction:column}
    #menu-principal .item,#menu-toggle{display:block;line-height:14px;margin:0 0 5px}
    #menu-principal .item:hover .link,#menu-principal .active .link{border-top-width:0;background-color:#F90;color:#FFF;padding-top:10px}
    #menu-principal .link{font-size:20px;width:94%;padding:10px 3%;background:#EEE;border-bottom:1px dotted #CCC}
    #menu-principal .m-menu{display:none}
    #menu-toggle{cursor:pointer;text-align:center;font-weight:bold;font-size:18px;width:96%;padding:10px 2%;background-color:#005f97;color:#FFF;border-bottom:1px dotted #CCC;border-radius:5px 5px}
    #menu-toggle:hover,#menu-toggle:focus{color:#F90}

    #slider .gallery{height:168px}
    #slider .img{height:100%}

    #lateral.columns{margin-left:0}
    #lateral .m-reportagens .video-yt{height:235px}
    #lateral .banneritem{width:32%;margin:0 2% 10px 0;float:left}
    #lateral .banneritem:nth-child(3n){margin-right:0}

    #rodape .container{position:relative}
    #rodape .columns.five{float:left;width:329px}
    #rodape .columns.sobre-o-portal{float:none}
    #rodape .columns.eight{margin-top:-80px}
    #rodape .banneritem{float:none;margin:0 0 10px}
}

/* Telas menores que 450px */
@media only screen and (max-width: 449px){
    .container,.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:340px;max-width:100%}
    #top .logo-60{float:none}
    #slider .gallery{height:135px}
    #top .brasao .replace{background-size:300px 79px;width:300px;height:79px}
    .item-page img{width:100%}
    #top .opcoes{position: relative;z-index:1}
}

/* Telas menores que 370px */
@media only screen and (max-width: 369px){
    .container,.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:290px;min-width:290px}
    #slider .gallery{height:115px}
    #top .brasao .replace{background-size:272px 72px;width:272px;height:72px}
    #top .logo-60{top:10px;left:104px}
}
