@charset "utf-8";
/*
Theme Name: Incub-portal
Theme URI: http://
Author: Mídias Online / Desenvolvimento Web
Author URI: http://www.scs.usp.br/ccs/?p=334
Description: Incub portal 2013
Version: 0.1
*/

@import url("print.css");
@import url("style_wp.css");

body {
	/*font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	background: url(images/bg-header.png) repeat-x;		
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Seletores de elementos/tag ~~ */
ul, ol, dl { /* Devido a variações entre navegadores, é recomendado zerar o padding e a margem nas listas. É possível especificar as quantidades aqui ou nos itens da lista (LI, DT, DD) que eles contêm. Lembre-se: o que você fizer aqui ficará em cascata para a lista de navegação a não ser que você escreva outro seletor mais específico. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* ao remover a margem superior, as margens podem escapar das suas containing div. A margem inferior restante vai mantê-la afastada de qualquer elemento que se segue. */
	padding-right: 15px;
	padding-left: 15px; /* adicionando o padding para os lados dos elementos dentro dos divs, ao invés dos próprios divs o livra de qualquer combinação de modelo de caixa. Um div aninhado com padding para os lados também pode ser usado como método alternativo. */
}
a img { /* esse seletor remove a borda azul padrão exibida em alguns navegadores ao redor de uma imagem circundada por um link. */
	border: none;
}

/* ~~ A estilização dos links do seu site deve permanecer nesta ordem – incluindo o grupo de seletores que criam o efeito hover. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* a não ser que você estilize seus links para parecerem extremamente únicos, é melhor utilizar links sublinhados para uma identificação visual mais rápida. */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* esse grupo de seletores dará ao navegador que estiver usando um teclado a mesma experiência de hover do que uma pessoa usando um mouse. */
	text-decoration: none;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #F6CF74;
    color: #FFFFFF;
}

/* ~ esse contêiner envolve todos os outros divs dando a eles uma largura com base em porcentagem ~~ */

.container {
    margin: 0 auto;  /* o valor automático nos lados, combinado com a largura, centraliza o layout. Não é necessário definir a largura do contêiner para 100%. */
    width: 940px;
}

/* ~~ Informações sobre o layout. ~~ 

1) O padding é posto somente na parte superior e inferior do div. Os elementos nesse div têm padding nos seus lados impedindo o modelo tipo caixa. Lembre-se: ao adicionar qualquer padding lateral ou bordas no próprio div, ele será adicionado à largura que você define para criar a largura *total*. Também é necessário remover o padding no elemento do div e estabelecer um segundo div, sem largura e o padding necessário para o seu design.

*/
#content {
	padding: 0;	
}

/* ~~ Este seletor agrupado oferece as listas dentro do espaço da área de conteúdo ~~ */
#content ul, #content ol { 
	padding: 0 15px 15px 40px; /* esse padding espelha o padding direito nos cabeçalhos e regra de parágrafo acima. O padding foi colocado na parte inferior para obter espaço entre outros elementos das listas e à esquerda para criar o recuo. Estes podem ser ajustados como desejar. */
}

/* ~~ flutuações diversas/limpeza de classes ~~ */
.fltrt {  /* essa classe pode ser usada para flutuar um elemento à direita da página. O elemento flutuado deve preceder o elemento e deve ser o próximo na página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* essa classe pode ser usada para flutuar um elemento à esquerda da página. O elemento flutuado deve preceder o elemento e ser o próximo na página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* essa classe pode ser colocada em um <br /> ou em um div vazio como o elemento final que segue o último div flutuado (no #contêiner) caso o overflow:hidden no contêiner for removido. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;
}

/*
p {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;		
}
*/

header {
	width: 100%;
	height: 180px;
	
	/*background: url(images/bg-header.gif)  repeat top left, -moz-radial-gradient(50% 0 0deg,ellipse farthest-side,#FFF,#004D95) transparent;*/	
	/*background-image: radial-gradient(50% 0,ellipse farthest-side, 
    rgba(255,255,255,.5), rgba(255,255,255,0) 100%);	*/	 	
	/*background: url(images/bg-header.gif)  repeat top left, -webkit-gradient(radial,50% 0,700,50% 0,100,from(#6f2813),to(#B9513D))  transparent;*/
}

#lang-switcher {height: 12px;}

#lang-switcher ul{list-style-type: none;}

#lang-switcher li{float: left; margin-right: 3px;}

#site-desc-container{
	float:left;
	margin-left:10px;
	width:460px;	
}

#site-title{
	width: 700px;
	padding-top: 60px;
	padding-left: 10px;
	float: left;	
}

#site-title a{text-decoration:none;}

#site-title h1{
	 font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; 
	 font-size: 30px;   		
	 color:#FFF;
	 margin-bottom:1px;
	 font-weight:bold;
	 padding:0;
}
#site-title h2{
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 25px;
	font-weight:normal;	
	color:#FFF;	
	padding:0;	
}

#logo-container{
	margin-top: 30px;
}

.usplogotipo{
	float: right;
}

#logo.img-container {
    float: left;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 220px;
}

img.cropped {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}


#tit-description {
    color: #FFFFFF;
    height: 100px;
}
.midle-vertical {
    display: table-cell;
    vertical-align: middle;
}

.tit-usp {
    display: block;
    /*font-size: 24px;*/
    font-weight: 700;
    line-height: 22px;
}

.tit-site {
    display: block;
    /*font-size: 22px;*/
    line-height: 22px;
}

.description-site {
    display: block;
    /*font-size: 14px;*/
    line-height: 22px;
    text-transform: uppercase;
}

.font-noto {
    font-family: 'Noto Sans',sans-serif;
}

.left-side{
	float: left;	
	
}

#menu {   
    height: 50px;
    margin-bottom: 10px;   
	margin-top: 8px;  
}

#menu ul{list-style:none;display:table;}

#menu ul li{		
	background: #055e6f;
    border-bottom: 10px solid #fcb421;
    display: table-cell;
    height: 50px;    
    overflow: hidden;
    vertical-align: middle;
	text-align:center;	
    /*width: 155px;*/
	float: left;    
    margin-right: 2px;
}

#menu ul li a{
	color: #FFF;
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 0;
    text-decoration: none;
    width: 100%;	
}

#menu li ul{/*second-level lists*/
	position:absolute;	
	width: 10em;
	left:-999em;
	border: 2px solid #fcb421;
	  z-index: 999;
}

#menu li ul li{	
	border: none;
	width: 13.5em;
	margin: 0;
	text-align: left;
	padding-left: 10px;	
}

#menu li ul li:hover{
	background: #FCB421;	
}

#menu li ul li a:hover{color: #055e6f;}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: orange;
}

#menu .last-menu-item{margin-right:0;}
#menu ul li:last-child{margin-right: 0;}

.widgettitle{color: #FD8725;}

#main-content .widgettitle{color: #FD8725;}

#above-all-hp{margin-bottom:11px;}

.irw-slider { margin-top: 20px;}

#top-hp{margin-bottom:20px;height:100%;}

#secondary{margin-top:20px;}

#secondary .widget_text > h2{padding-left: 0;}

.widget_recent_entries ul{list-style:none;}

.widget_recent_entries ul li{overflow:hidden;}

.widget_recent_entries ul li a {color: #055E6F;text-decoration: none;}

.widget_recent_entries ul li a:hover {text-decoration:underline;}

.widget_recent_entries span.post-date{font-weight:bold;font-size: 14px;}

.widget_dpe_fp_widget{margin-top:13px;}

.dpe-flexible-posts .first{margin-left:0 !important;}
.dpe-flexible-posts .last{margin-right:0 !important;}

.widget_dpe_fp_widget a{text-decoration:none;}

.widget_dpe_fp_widget a:hover{text-decoration:underline;}

.widget_dpe_fp_widget h4{
	background: #055E6F;    
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    height: 37px;	
    line-height: 37px;  
	margin-bottom:0; 
	padding-left:9px !important; 
	overflow:hidden;	
}

.widget_dpe_fp_widget h4:hover{color:#FFF;text-decoration:underline;}

.category-destaques{float:left;max-width:220px;*width:220px;margin-right:10px;margin-left:10px;}

.category-destaques img{margin-bottom:-4px; padding:0; border:0;}

.article-content{background: url(images/bg-box.png) no-repeat scroll 95% 90% #DCD5D5;height:110px;}

.article-content p{padding-top:15px;font-size:14px; color:#666;}

article.dpe-flexible-item{width:220px; float:left;margin-left:20px;}

#not_found h2{
	color: #055E6F;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 0 15px;
}

/* caixa de busca */
#search-box{padding:0px 0 5px 0;}

#searchform {
    display: inline-block;    	
	height: 34px;
	width: 232px;
	margin-left:0px;	
}

#search-box p{font-size:14px;font-weight:bold;}

#searchbtn {
    background: url(images/search.gif);
    border: none;
    cursor: pointer;
    height: 32px;
    margin: 0 0 0 -38px;
    padding: 0;
    text-indent: -9999px;
    vertical-align: middle;
    width: 32px;
}

#search-box input[type=text]{
	color: #fd8725;    
	font-style: italic; 
	font-size: 14px;
	border: solid 1px #666;
	height: 34px;
    padding: 0 30px 0 10px;
    width: 160px;
}


/* navegacao por migalhas */
.breadcrumbs{
	/*border-bottom: 6px solid #999;	*/
	display: inline-block;	
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.sep{
	border-bottom: 3px solid #999;	
	padding-right: 50px;
	display:inline-block;	
	color: #808080;		
}

.breadcrumbs a{color:#055E6F;font-size:10px;text-decoration:none;}

.breadcrumbs a:hover{text-decoration:underline;}

#main{width:940px;}

#main-content{float:left;width:940px;}

#bottom-right-hp{float:right;width:460px;}

#bottom-left-hp{float:left;width:460px;}

#bottom-right-hp .widget_highlightwidget h2{color:#FF8612;}

#bottom-right-hp .widget_highlightwidget h2 a{color:#FF8612;text-decoration:none;}

#bottom-right-hp .widget_highlightwidget h2 a:hover{text-decoration:underline;}

#bottom-right-hp .info {border-top: 6px solid #FF8612;}

#bottom-right-hp .info-title a{color:#FF8612 !important;}

#bottom-right-hp .info-box-big{min-height:20px;*height:20px;}

article.page {
	float: left;
	width: 940px;
	padding-top: 20px;
	padding-bottom: 20px;
}

article.page h1{
	color: #0053A0;
	font-size: 28px;
	/*border-bottom: 6px solid #999;*/	
	padding: 0;
	margin: 0;
	/*margin-bottom: 0;	*/
}

.right-sbar{width:200px;float:right;margin-top:10px;}

.right-sbar ul{list-style:none;}

.right-sbar ul li a{
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	color: #055E6F;	
	padding: 0;	
}

.right-sbar ul li a:hover{
	text-decoration: underline;
}

.right-sbar ul.children{
	padding-left: 10px;	
}

/* páginas filhas */

/* links relacionados .rel_lnk */
.rel_lnk, .widget_pssubpages {	
	padding-top: 20px;
}

.rel_lnk ul, .widget_pssubpages ul {
	padding-left: 10px !important;	
	
}

.rel_lnk ul li, .widget_pssubpages ul li {	
	list-style: none;
	/*background: url(images/arrow_bullet.png) no-repeat 0 9px;*/
	padding-left: 10px;	
}

.rel_lnk ul li a, .widget_pssubpages ul li a {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	color: #055E6F;	
	padding: 0;
}

.rel_lnk ul li a:hover, .widget_pssubpages ul li a:hover {
	text-decoration: underline;	
}

.rel_lnk hr {
	border: 0; 
	height: 0; 
	border-top: 1px dotted #777; 
	border-bottom: 0;
	width: 730px;
	padding-left: 0;
	margin-left: 0;		
}

.rel_lnk p{
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding-bottom: 0;	
	margin-bottom: 0;
}

.rel_lnk p span{
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9px;
	padding-right:10px;
	color: #000;
	vertical-align: middle;
	margin: 0;	
}

#post_date{ 
    color: #808080;	
    font-size: 11px;
    width: 70px;
	padding-right:10px;
	vertical-align: middle;
	display: table-cell;
}

.print{
	float:right;	
    width: 70px;
	line-height: 16px;
	vertical-align: middle;
	display: table-cell;
		
}

.print a{
	color: #808080;    
    font-size: 11px;
	text-decoration:none;		
}

.print a:hover{text-decoration:underline;}

.print img{padding-right:5px;vertical-align:middle;}

.page-top{float:right;width:150px;display:table;}

#page-entry{width:730px;float:left;border-top: 2px solid #CCC;
}
#post-entry{width:730px;float:left;border-top: 2px solid #CCC;}

#page-entry ul {
	list-style-position:inside;
	margin-left: 20px;
	
}

#page-entry-nob{width:730px;float:left;margin-top:10px;}

#post-entry p,#page-entry p, #page-entry ul li{color:#333;font-size:15px;}

#post-entry h2, #page-entry h2, #page-entry-nob h2{
	color:#055E6F;
	padding: 0 0 0 15px;
	font-size:24px;
	font-weight:bold;
	padding-top: 20px;
}

.pagination{text-align:center;}

.wp-pagenavi a{color:#055E6F !important;}

.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color: #055E6F !important;color: #055E6F !important;}

#social-header{float:right;margin-right:10px;}

.social4i {background: #EEEDED;height:35px !important;margin-bottom:20px !important;margin-top:20px !important;}

.social4in{ vertical-align:middle;}

.social4i:before{content: "Compartilhe";color:#666;position:relative;left:0;}

#crp_related h3{color:#666; font-size:18px;font-weight:bold;border-bottom: 2px solid #CCC; padding-bottom: 5px;margin-top:10px;}
.crp_title {color: #055E6F !important; text-decoration:none !important;}
.crp_title:hover{text-decoration:underline !important;}

#crp_related ul{padding-left:30px;}
#crp_related ul li{color: #666;}

.img_nopad a img{margin:0;padding-right:10px;}	
	
.widget_highlightwidget h2{
	display:inline;
	color: #1093AB;
	font-size: 22px;
	font-weight:bold;	
	margin-bottom: 0;
	background:#FFF;
	padding-left:0;
}

.widget_highlightwidget h2 a{
	color: #1093AB;
	text-decoration:none;	
}

.widget_highlightwidget h2 a:hover{text-decoration:underline;}

span.dept{display:block;}

.footer-w{
	background:	#044B59;
	margin-top: 10px;
	margin-right: 20px;
	float:left;
	color: #FFF;
	padding: 10px;
}

.textwidget{
	padding: 5px 0;
}

.footer-w-first {margin-right: 0;}

#footer-l{
	width:220px;	
}

#footer-r{
	width: 220px;
}

#back_lnks{
	/*border-top: 2px solid #CCC;*/
	width:640px;	
}

#back_lnks ul{
	list-style:none;
}

#back_links ul li a{	
	/*display:inline;*/	
	background: none repeat scroll 0 0 #2995A8;
    color: #FFF;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 20px;
}

.btn{
	background: none repeat scroll 0 0 #2995A8;
    color: #FFF;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 20px;
}

#cat-content{width:710px;padding-left:15px;margin-right:15px;}

.category{margin-bottom:10px;}

.cat_tit a{
	color: #055E6F;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;	
}

.cat_tit a:hover{
	text-decoration:underline;	
}

.info{
	border-top: 6px solid #1093AB;	
	padding-top: 1px;
	padding-bottom: 5px;
	margin-top:-12px;	
}

.info-img{display:none;}

.info-title a, .cat-item{
	color: #055E6F !important;
	text-decoration: none !important;	
	font-size: 16px;
	font-weight: bold;	
}

.info-title a:hover{text-decoration: underline;}

.info-box-big {		
	border-bottom: 1px dotted #7C7C7C;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 20px;	
	min-height: 50px;
}

/*.info-box-big.last{border-bottom:none;}*/

#info-highl{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	display:none;
}

#info-highl img{	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hightl-img{position:relative;height:190px;}

.hightl-img .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: white;
    font: 16px 'Droid Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: -1px;
    padding: 10px;
	position:absolute;
    top:132px; /* in conjunction with left property, decides the text position */
    left:0;
    width:641px; /* optional, though better have one */	
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.news-content p{font-family: Tahoma, Geneva, sans-serif; font-size:14px;color:#666;margin: 0;padding:0;}

.post-date{color:#FC8B1F;font-size:11px;font-weight:bold;}

#search-query{	
	width:100%;	
}

.glossario{	
	color: #333;
    font-family: "Trebuchet MS";
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
	display:block;
}


.gloss_link {
    color: #0099CC !important;   
    font-size: 12px;
    font-style: normal;    
    text-decoration: underline !important;
}

/* fontes dos glossários */
.fonte p{font-size:12px !important;}

/*search*/
.search{padding: 0 0 10px 10px;}

.search_tit a{
	color: #055E6F;   
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
}

#search-res{padding:20px;float:left;width:600px;}

#search-res h2{
	/*border-bottom: 6px solid #999;*/
    color: #0053A0;
    font-size: 28px;
    margin-bottom: 0;
    width: 300px;	
}

/*rodape*/

#rodape {
    background-color: #055E6F;
}

footer{
	background:#055E6F;
/*	height:100%; */
	min-height:50px;
	margin-top:10px;
	padding-bottom: 20px;
}

footer .widgettitle{	
	border-bottom: thin dotted #315C84;
    color: #FF8612;
    font: bold 18px "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    margin: 0 0 5px;
    padding: 0 0 10px;	
}

footer h3 {
	font:18px "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	margin:0 0 5px 5px;
	padding:0 0 10px 10px;
	font-size: 18px;
	font-weight: bold;	
	border-bottom: thin dotted #315C84;
	color: #FF8612;	
}

footer .widget_nav_menu{	
	background:	#044B59;
	width: 218px;	
	float: left;
	min-height:165px;	
}

footer .widget_nav_menu ul{margin-left:15px;padding:0 !important;list-style:none;}

footer .widget_nav_menu ul li a {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;	
}

footer .widget ul li a{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;	
}

footer .widget_nav_menu ul{
	list-style: square;
}

footer .widget_nav_menu ul li a:hover{text-decoration: underline;}

footer .widget_nav_menu ul li:before {
    color: #FFF;      
    font-size: 12px;   
	padding-right: 5px;
    text-decoration: none;
}

footer .datasite_widget p{
	color: #FFFFFF;
    font-size: 12px;	
}

address{font-style:normal;}

#footer-c{width:400px;}

address.author p{color: #FFF;font-size: 12px;}

#social_nets ul{list-style:none;}

#social_nets img {
    margin-right: 10px;
    vertical-align: middle;
}

footer #social_nets{
	float: left;
	margin-top: 10px;	
	margin-left: 20px;			
}

footer .widget{clear:both;}

footer #social_nets ul{padding: 0 !important;}

footer #social_nets ul li{padding-bottom:8px;}

footer #social_nets ul li a {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;	
}

footer #social_nets ul li a:hover{text-decoration: underline;}

.right-sbar .widgettitle {
	padding-left: 0px;
}

.right-sbar ul {
	list-style:square;
	margin-left: 20px;
	color:#999;
}

.right-sbar ul ul{
	margin-left: 5px;
	padding-bottom: 20px;
	font-size: 12px;
	font-weight: normal;
}

.entry-summary ul{
	list-style-position:inside;
	margin-left: 20px;
}

.menu-menu-container {
	padding-bottom: 20px;
}

h2.widgettitle{
	margin-bottom: 5px;
}
footer .textwidget a{
	color: #ff8612 !important;
}