/*
** Skeleton V1.1
** Copyright 2011, Dave Gamache
** www.getskeleton.com
** Free to use under the MIT license.
** http://www.opensource.org/licenses/mit-license.php
** 8/17/2011
*/

/*	Table of Content
**	===============================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/*	PADRÃO 960px
**	------------
*/
@import 'logo.css';
@import 'submenu.css';
@import 'noticias.css';

body {font:13px/18px Tahoma, Geneva, sans-serif;color:#444;}
img.scale-with-grid, object, embed, .banners img, .item-page img {max-width:100%;height:auto;}
h2, h3 {font-weight:normal;margin:16px 0px;padding-bottom:2px;}
h1 {font-size:24px;margin:0px;}
h2 {font-size:21px;margin:20px 0px;}
h3 {font-size:18px;margin:20px 0px}
h4 {font-size:16px;margin:20px 0px 5px 0px;}
h5 {font-size:15px;margin:0px 0px 0px 0px;}
h6 {font-size:15px;margin:0px 0px 0px 0px;}

.oculto, .dn {display:none;}
.replace {overflow:hidden;text-indent:-999999px;float:left;}
.img_esq, .img-esq {margin:0px 10px 0px 0px !important;padding:3px;float:left !important;}
.img_dir, .img-dir {margin:0px 0px 0px 10px !important;padding:3px;float:right !important;}
.pointer {cursor:pointer;}
.thumb {padding:2px;float:left;background:#fff;}
.moduletable {float:left;width:100%;}

a.outros-videos, .listar a.button {float:left;padding:5px;border-radius:2px; clear:both; margin-top:10px;}

.social-share {margin:20px 0px 20px 0px;padding:2%;width:96%;}

.comunicacao ul {float:left;margin:20px 0px 0px 0px;width:100%;}
.comunicacao ul li {}
.comunicacao ul li a {width:96%;float:left;padding:2%;border-radius:2px;}

.menu-acessibilidade {float:left;width:100%;}
.menu-acessibilidade ul {float:left;width:100%;margin:10px 0px;}
.menu-acessibilidade ul li {float:left;display:block;margin:0px 10px 0px 0px;font-size:13px;}
.menu-acessibilidade ul li a {width:14px;height:14px;padding:0px 10px 0px 0px;background:url(../images/separador.png) no-repeat right -1px;}
.menu-acessibilidade ul li a.igual {}
.menu-acessibilidade ul li a.menos {}
.menu-acessibilidade ul li a.mais {}
/*.menu-acessibilidade ul li a.styleswitch {background:url(../images/ico-contrast.png) no-repeat 0px 2px;padding-left:20px;}*/

.sobre-o-portal {float:left;width:100%;}
.sobre-o-portal ul {}
.sobre-o-portal ul li {margin:0px 10px 0px 0px;}
.sobre-o-portal ul li a {}

#gov {height:28px;line-height:28px;position:relative;}
#gov .azul {position:absolute;height:28px;width:50%;right:0px;top:0px;text-indent:-999999px;}
#gov .linha {position:absolute;height:28px;width:50%;left:0px;top:0px;text-indent:-999999px;}
#gov ul {background:url(../images/bg-header-mec-linha.png) repeat-x 0px bottom;position:absolute;top:0;left:0;height:28px;}
#gov ul li {float:right;}
#gov ul li a {height:24px;line-height:28px;margin-top:4px;}
#gov ul li.ai a {background:url(../images/btn-ai.png) no-repeat 0px 0px;width:161px;}
#gov ul li.brasil a {background:url(../images/btn-brasil.png) no-repeat 0px 0px;width:107px;}

#top {}
#top .brasao h1 {float:left;margin:40px 0px 40px 0px;}
/*#top .brasao h1 a {width:340px;height:92px;}*/
#top .brasao h1 a {width:450px;height:92px;}
#top .info .procurar {margin:10px 0px;float:right;}
#top .info .procurar .search {height:39px;float:right;}
#top .info .procurar .search label {display:none;}
#top .info .procurar .search input {float:left;}
#top .info .procurar .search .inputbox {width:210px;height:26px;line-height:19px;border:1px solid #ddd;padding:5px 10px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;}
#top .info .procurar .search .button {background:url(../images/bg-input-search-btn.png) no-repeat 0px 0px;border:1px solid #ddd;border-left:0px;width:36px;height:38px;cursor:pointer;text-indent:-999999px;padding:0px;overflow:hidden;}
#top .info .procurar .search .button:hover {background-position:0px -36px;}
#top .menu-servicos {font-size:15px;float:right;margin-top:40px;}
#top .menu-servicos ul {margin:0px;padding:0px;float:right;}
#top .menu-servicos ul li {list-style:none;display:inline;margin:0px 5px 0px 0px;padding:0px 5px 0px 0px;}
#top .menu-social {float:right;clear:both;}
#top .menu-social h4 {display:none;float:left;background:none;font-size:12px;font-family:'PT Sans Narrow';color:#003a5b;font-weight:normal;margin:0px 10px 0px 0px;line-height:16px;}
#top .menu-social ul {float:left;}
#top .menu-social ul li {display:inline;float:left;}
#top .menu-social ul li a {width:22px;height:22px;float:left;margin-right:4px;}

/* Obsoleto
#top .menu-social ul li a {background:url(../images/ico-sociais.png) no-repeat 0px 0px;width:22px;height:22px;overflow:hidden;text-indent:-999999px;margin-right:4px;}
#top .menu-social ul li a.twitter {display:inline;float:left;background-position:-22px 0px;}
#top .menu-social ul li a.facebook {display:inline;float:left;background-position:0px 0px;}
#top .menu-social ul li a.rss {display:inline;float:left;background-position:-44px 0px;}
*/

#main {}
#main .container {padding-bottom:20px;}
#main .menu-principal {float:left;height:56px;}
#main .menu-principal ul {float:left;margin:0px;width:100%;}
#main .menu-principal ul li {display:inline;float:left;font-size:20px;margin:0px 15px;line-height:56px;}
#main .menu-principal ul li a {float:left;}
#main .menu-principal ul li a:hover, #main .menu-principal ul li.active a {border-top:1px solid #FFB400;float:left;color:#FFB400;}
#main .menu-principal ul li.inicio {margin-left:5px;}
#main .menu-principal ul li.ufc-digital {margin-right:0px;}
#main .slider {}
#main .slider .moduletable {border:1px solid #ccc;float:left;width:99.8%;background:#f9f9f9;}
#main .slider .moduletable .gallery ul li img {width:100%;}
#main .slider .moduletable .next {position:absolute !important;right:0px !important;bottom:0px !important;}

/*
#main .submenu {font-size:16px;font-family:'PT Sans Narrow';font-weight:normal;}
#main .submenu ul.menu {float:left;margin-top:20px;}
#main .submenu ul.menu li {}
#main .submenu ul.menu li ul {}
#main .submenu ul.menu li ul li {float:left;padding-left:10%;width:90%;line-height:18px;}
#main .submenu ul.menu li ul li.active {}
#main .submenu ul.menu li ul li.active a {}
#main .submenu ul.menu li ul li a {width:98%;padding-top:3%;padding-bottom:3%;padding-left:2%;float:left;}
#main .submenu ul.menu li ul li a:hover {content:" \2192";}
#main .submenu span {background:url(../images/bg-submenu-bottom.png) no-repeat 0px bottom;height:136px;float:left;width:100%;text-indent:-99999px;text-transform:uppercase;overflow:hidden;}
*/

#main .mais-ufc ul, #main .reitoria ul {float:left;width:100%;}
#main .mais-ufc a, #main .reitoria a {float:left;width:96%;padding:2%;}
#main .mais-ufc a:hover, #main .reitoria a:hover {}

#main .conteudo ol {list-style:decimal;}
#main .conteudo .videos-feed {}
#main .conteudo .videos-feed ul {margin-top:10px;}
#main .conteudo .videos-feed ul li {margin:0px 0px 20px 0px;float:left;width:96%;padding:1%;}
#main .conteudo .videos-feed ul li.par {}
#main .conteudo .videos-feed ul li .thumb {float:left;margin-right:10px;}
#main .conteudo .videos-feed ul li .texto {float:left;width:500px;}
#main .conteudo .videos-feed ul li .texto a {}
#main .conteudo .videos-feed ul li .texto a strong {}

#main .conteudo .category-list {margin:20px 0px;}
#main .conteudo .category-list .category-desc {margin:0px 0px 20px 0px;}
#main .conteudo .category-list .category-desc p {line-height:22px;}

#main .banners {overflow:hidden;margin-top:0px;}
#main .banners .banneritem {float:left;margin:5px;}
#main .banners .banneritem a {padding:1px;float:left;}
#main .banners .banneritem a:hover {}

.breadcrumb {margin-top:5px;margin-bottom:5px;}
.breadcrumb .breadcrumbs {padding:0px 10px;font-size:11px;line-height:29px;height:29px;border-radius:3px;}
.breadcrumb .breadcrumbs span {font-weight:bold;}
.breadcrumb .breadcrumbs span.showHere {margin-right:5px;font-weight:normal;}

fieldset.filters {margin-bottom:10px;}
fieldset.filters legend.hidelabeltxt {display:none;}
fieldset.filters .filter-search {float:left;}
fieldset.filters .display-limit {float:right;}

table.category {width:100% !important;}
table.category tr {}
table.category thead tr {text-align:left;}
table.category thead tr a {font-size:12px;margin:7px;float:left;}
table.category thead tr th.list-date a {float:right;}
table.category tr.cat-list-row0 {}
table.category tr.cat-list-row1 {}
table.category tr td {padding:0px;}
table.category tr:hover, table.category td:hover {}
table.category tr td a, table.category tr td span {margin:7px;font-size:12px;float:left;}
table.category tr td span {float:right;font-size:11px;}
table.category td.list-date {text-align:center;}
table.category td.list-hits {text-align:center;}

.pagination {font-size:12px;float:left;margin-top:20px;width:100%;padding:5px 0px 0px 0px;margin:20px 0px 0px 0px;}
.pagination p.counter {font-size:11px;float:right;line-height:10px;padding:0px 0px 0px 0px;margin:9px 0px 9px 0px;}
.pagination ul {float:left;line-height:28px;}
.pagination ul li {float:left;margin-right:5px;}
.pagination ul li a, .pagination ul li span {padding:5px;}
.pagination ul li a {border-radius:2px;}
.pagination ul li a:hover {border-radius:2px;}
.pagination ul li.pagination-start span.pagenav, .pagination ul li.pagination-prev span.pagenav, .pagination ul li.pagination-next span.pagenav, .pagination ul li.pagination-end span.pagenav {font-weight:normal;border:0px;}
.pagination ul li span.pagenav {font-weight:bold;}
.pagination ul li.pagination-start span, .pagination ul li.pagination-prev span {font-weight:normal;}
.pagination ul li.pagination-start a, .pagination ul li.pagination-prev a {border:0px;font-weight:normal;}
.pagination ul li.pagination-next a, .pagination ul li.pagination-end a {border:0px;font-weight:normal;}
.pagination ul li.pagination-next span, .pagination ul li.pagination-end span {font-weight:normal;}

.item-page {}
.item-page {font-family:Tahoma, Geneva, sans-serif;}
.item-page .head {float:left;width:100%;padding:0px 0px 5px 0px;margin:20px 0px 20px 0px;}
.item-page .head h2 {float:left;margin:0px;}
.item-page .head ul.actions {float:right;margin-left:10px;}
.item-page .head ul.actions li {display:inline;margin:0px;padding:0px;background:none;}
.item-page .main {float:left;width:100%;}
.item-page h3, .item-page h4, .item-page h5, .item-page h6 {border:0px;}
.item-page p {margin:0px 0px 16px 0px;line-height:22px;}
.item-page p a {}
.item-page p a:hover {}
.item-page strong {font-weight:bold;}
.item-page em {font-style:italic;}
.item-page ul li {list-style:none;padding-left:0px;}
.item-page ul.seta li, .item-page ul li {list-style:none;padding-left:20px;margin:10px 0px;}
.item-page ul li p {margin:3px 0px;}
.item-page table {width:100% !important;}
.item-page table tr.cinza_cc {}
.item-page table tr.cinza_ee {}
.item-page table tr:hover, .item-page table td:hover {}
.item-page table tr td {font-size:13px;padding:5px;}
.item-page table tr td a {text-decoration:none;}
.item-page table tr td a:hover {}
.item-page .article-info {margin:0px 0px 10px 0px;}
.item-page .article-info * {font-size:11px;}
.item-page ul.pagenav {float:left;margin:20px 0px;}
.item-page ul.pagenav li {padding:0px;float:left;margin-right:10px;background:none;}
.item-page ul.pagenav li a {padding:5px;border-radius:2px;}

#footer .container {padding:20px 0px;}
#footer .container .endereco {float:right;text-align:right;}
#footer .container .endereco strong {font-weight:bold;}
#footer .container .endereco .postal {}
#footer .container .endereco .tel {display:block;}

#footer .container .banner-rodape {float:right;margin-bottom:20px;}
#footer .container .banner-rodape .banneritem {float:left;margin-left:10px}

#creditos {color:#fff;}
#creditos .container {padding: 20px 0;}
#creditos .sti {margin-left:2px;}
#creditos .ir-topo {float:right;font-weight:bold;}

#popup {background-color:#fff;}
#popup .item-page, #popup #mailto-window {margin:20px;}
#popup .social-share {display:none;}

.novos-videos-feed .thumb {
	margin-right:10px;	
}

/*	#Media Queries
**	--------------

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* 2nd change - Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#main .menu-principal {height:56px;line-height:56px;}
	#main .menu-principal ul li {margin:0px 11px;line-height:56px;font-size:16px;}
	#top .menu-servicos {}
	#main .slider {}
	#main .slider .gallery {width:100%;height:298px;}
	#main .slider .gallery ul li img {width:100%;}
	#main .slider .thumbs {display:none;}
	#main .slider .thumbs1 {float:left;width:151px;display:none;}
	#main .noticias .destaques .item {width:100%;float:left;margin:0px 0px 20px 0px;}
	#main .noticias .destaques .item .thumb {margin:0px 20px 0px 0px;}
	#main .noticias .destaques .item .thumb img {width:100px;height:59px;}
	#main .noticias .destaques .item .noticia p a.title {line-height:20px;}
	#main .noticias .ultimas {margin-top:0px}
	#main .noticias .ultimas .item {margin:10px 0px;float:left;}
	#main .noticias .ultimas .item .thumb {display:none;}
	#main .noticias .ultimas .item .noticia {width:100%;}
	#main .videos .texto {float:left;width:154px;}
	#main .conteudo .videos-feed ul li .texto {width:394px;}
	#main .banners .banneritem {width:46%;}
	#main .banners .banneritem a {width:100%;}
	#footer .menu-rodape ul li a {padding:0px 8px 0px 0px;margin:0px 8px 0px 0px}
	.twtr-bd {width:147px;}
}

/* 3rd change - All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.breadcrumb, .busca, .menu-social {display:none;}
	#menu-acessibilidade {display:none;}
	#main .slider .moduletable {height:inherit;}
	#main .slider {height:168px;margin-bottom:10px;}
	#main .slider .gallery {width:100%;height:inherit;}
	#main .slider .gallery ul li img {width:100%;}
	#main .slider .thumbs1 {display:none;}
	#main .menu-principal {height:auto;line-height:auto;margin:20px 0px;}
	#main .menu-principal ul li {float:left;width:100%;margin:0px;line-height:14px;}
	#main .menu-principal ul li a {float:left;width:96%;background-color:#e9e9e9;border-bottom:1px solid #d9d9d9;padding:2%;text-align:left;margin-bottom:5px;border-radius:2px;line-height:14px;}
	#main .menu-principal ul li a:hover {background-color:efefef;border-top:1px solid #eee;border-right:4px solid #ff9900;width:94.7%;}
	#main .menu-principal ul li.active a {background-color:#FFB400;color:#fff;}
	#main .menu-principal ul li.dn {display:none;}
	#main .menu-principal ul li.inicio {margin-left:0px;}
	#main .submenu ul.menu {background:#efefef;}
	#main .submenu ul.menu li ul {width:100%;}
	#main .submenu ul.menu li ul li {padding:0px;width:100%;}
	#main .submenu ul.menu li ul li.active {background:url(../images/bg-submenu-active.png) no-repeat 98% 9px;}
	#main .submenu ul.menu li ul li a {padding:2%;margin:0px;width:96%;}
	#main .submenu span {display:none;}
	#main .noticias .destaques .item {width:100%;float:left;margin:0px 0px 20px 0px;}
	#main .noticias .destaques .item .thumb {width:26%;margin:0px 20px 0px 0px;}
	#main .noticias .destaques .item .thumb img {width:109px;height:72px;}
	#main .noticias .destaques .item .noticia {}
	#main .noticias .ultimas .item .thumb {display:none;}
	#main .noticias .ultimas .item, #footer .menu-rodape {display:none;}
	#main .videos .texto {float:left;width:306px;}
	#main .conteudo .videos-feed ul li .texto {width:306px;}
	#main .banners .banneritem {width:30.9%;}
	#main .banners .banneritem a {width:98%;}
	#footer {background:#003A65;}
	#footer .endereco ul li a {}
	.twtr-bd {width:299px;}
}
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* 4th change - Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	a.button {display:block;}
	.breadcrumb, .busca, .menu-social {display:none;}
	#top {background:none #f9f9f9;}
	#top .brasao h1 {margin:0px;}
	#top .brasao h1 a {width:300px;height:198px;}
	#top .menu-servicos {width:100%;margin:20px auto;}
	#top .menu-servicos ul li.fale-conosco {padding:0px;margin:0px;}
	#top .info .procurar .search .inputbox {width:242px;}
	#menu-acessibilidade {display:none;}
	#main .slider {height:106px;margin-bottom:10px;}
	#main .slider .gallery ul li img {width:100%;}
	#main .slider .gallery {width:100%;}
	#main .slider .thumbs {display:none;}
	#main .menu-principal {height:auto;line-height:auto;margin:20px 0px;}
	#main .menu-principal ul li {float:left;width:100%;}
	#main .menu-principal ul li a {float:left;width:96%;background-color:#e9e9e9;border-bottom:1px solid #d9d9d9;padding:2%;text-align:left;margin-bottom:5px;border-radius:2px;line-height:14px;}
	#main .menu-principal ul li a:hover {background-color:efefef;border-top:1px solid #eee;border-right:4px solid #ff9900;width:94.7%;}
	#main .menu-principal ul li.active a {background-color:#FFB400;color:#fff;}
	#main .menu-principal ul li.dn {display:none;}
	#main .submenu ul.menu {background-image:none;background-color:#efefef;}
	#main .submenu ul.menu li ul {width:100%;}
	#main .submenu ul.menu li ul li {padding:0px;width:100%;}
	#main .submenu ul.menu li ul li.active {background:url(../images/bg-submenu-active.png) no-repeat 98% 9px;}
	#main .submenu ul.menu li ul li a {padding:2%;margin:0px;width:96%;}
	#main .submenu span {display:none;}
	#main .noticias .destaques .item {width:100%;float:left;}
	#main .noticias .destaques .item .thumb {display:none;}
	#main .noticias .ultimas {display:none;}
	#main .videos .texto {float:left;width:186px;}
	#main .conteudo .videos-feed ul li .thumb, #footer .menu-rodape {display:none;}
	#main .banners .banneritem {width:30%;}
	#main .banners .banneritem a {width:98%;}
	#footer {background:#003A65;}
	#footer .endereco ul li a {}
	#footer .endereco address {text-align:center;}
	#creditos span {text-align:center;margin:10px 0px;}
	#creditos span a.ir-topo {float:none;}
	.twtr-bd {width:179px;}
}