/* 
    Document   : style.css
    Created on : 13/05/2012, 15:17:51
    Author     : Diogo M. Martins
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Bug fixers para IE, tablets e etc...
*/


/* *, root { display: block; } */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
	/*padding: 0;*/
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { 
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
    
}

#top-menu ul{
    padding-left: 20px;
   
}

#top-menu li{
    float: left;
}

/*Título das notícias*/
a.summary{
    color: #000;
}

a.summary:visited{
    color:#000 !important;
}

.documentByLine{
    font-size: 11px;
    
}

.documentByLine a{
    color: #000 !important;
    
}



/*Central de Conteudo*/

dl.portlet ul.navTree li a{
    color: #172938 !important;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #D6DCD7 !important;
    display: block;
    padding: 0.55em 1.4em !important;
    line-height: 1.3em !important;
}

* a img, :link img, :visited img{
    padding-right: 5px !important;
    vertical-align: middle !important;
}

dl.portlet dt.portletHeader,dl.portlet dt.portletHeader a,dl.portlet dt.portletHeader a:link,dl.portlet dt.portletHeader a:visited {
padding: 8px 8px 25px 10px;
border-top: 4px solid #3c4966;
 /*border-top:4px solid #2c66ce;*/ 
/*background: #edeff1;*/
text-transform: uppercase;
/* */
font-weight: bold;
font-family: "open_sansbold", Arial, Helvetica, sans-serif;
font-size: 12px;
/*border-bottom: 2px solid #dfdfdf !important;*/
     border-bottom:1px solid #D6DCD7;
     background:#EAEBEE; 
    /* color:#2c66ce; */
    color:  #3c4966;

}





/*Menu estático - Central Conteudo*/

.portlet-static-central-de-conteudos {
    /*color: #172938 !important;*/
    color:#3b4966 !important;
    font-size: 1em !important;
    font-family: "open_sansbold", Arial, Helvetica, sans-serif;
    margin-top: 2em;
    
}

.portlet-static-central-de-conteudos p {
    /*font-size: 14px !important;*/
    /*padding-left: 1em;*/
    padding: 0.50em 0 !important;
    border-bottom: 2px solid #dfdfdf;
    line-height: 1.3em;
    
}

.portlet-static-central-de-conteudos p a{
    color: #172938 !important;
}

a:visited{
    font-weight: bold !important;
}
/**/



/*página fale conosco*/
.coluna_fconosco{
    width: 250px;
}

/*rodapé governo 2019*/
#footer-brasil {
   background: none repeat scroll 0% 0% #333366;
   padding: 2em 0px;
   max-width: 100%;
}
/**/




/*formatação tabela equipe Dtic*/
table{
    width: 560px;
    /*border: 1px solid #0288D1;*/
	/*text-align: center;*/
    text-align: left;
	border-collapse: collapse;
    font-family:verdana,arial,"sans serif";
    font-size: 11px;
}

th{
	
	border-bottom: 1px solid #0288D1;
    padding-left: 5px;
}

td{
    /*border:1px solid #ccc;*/
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

.destaque_azul_tabela{
	background-color: #BBDEFB;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #0288D1;
	border-right: 1px solid #0288D1;
	border-left: 1px solid #0288D1;
    font-weight: bold;

}

.destaque_chefia{
	/*background-color: #DCEDC8;*/
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.formata_tabela{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;

}



html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }
/* Para original, mudar para Verdana, sans-serif; */
body, button, input, select, textarea { font-family: x-small arial,helvetica,freesans,sans-serif; color: #222; }

.clearBoth{ clear: both; height:0px; margin:0px; padding:0px; width:0px; }  
.hiddenStructure{ display:none; }  
dd, dl{ margin:0px; padding:0px;}
button{ display:inline; }

h1{
    -webkit-margin-before: 0;
    font-size:14pt;
}



a{ text-decoration: none; display:inline; color:#4053bc;}
a:hover{ text-decoration: underline; color:#75AD0A; }
a:visited { color:#4053bc; }

ul{ list-style-type: none }
small{ font-size:8pt;}

i, #content-core p i{
    font-style:italic;    
}
/*
    Layout
*/

/* Top */


#top-govbar, #top-container, #bottom-container{
    width:100%;
    display:block;
}

#portal-personaltools-wrapper{
    z-index: 3;
    font-size: 8pt;
}

#top-govbar{
    position:relative;
    overflow:hidden;
    min-width:1000px;
    background: #00500F url(img/barra-brasil-v3-bgx.png) center bottom no-repeat;
}

.barra {
    display: block;
    width: 980px;
    height:28px;
    margin: 0 auto;
    background: url(img/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}

#top-govbar .barra ul {
    float:right;
    width: 319px;
}

#top-govbar .barra ul li {
    float: left;
    padding-left: 25px;
}

#top-govbar .ai {
    display: block;
    width: 161px;
    height: 28px;
    text-indent: -10000px;
    background: #00500F url(img/ai.png) no-repeat 0 4px;
}

#top-govbar .brasilgov {
    display: block;
    width: 108px;
    height: 28px;
    text-indent: -10000px;
    background: #00500F url(img/brasil.png) no-repeat 0 4px;
}

#portal-searchbox {
/*-moz-border-radius: 2em 0 0 0;
-webkit-border-radius: 2em 0 0 0;
border-radius: 2em 0 0 0;*/
/*background: none repeat scroll 0 0 #3B4966;*/
margin:0;
/*padding:1em 1em 0.6em 4em;*/
/*text-align: left;

clear:right;*/
float:right;
/*position:relative;*/
right:0;
/*bottom:51px;*/
/*top:139.5px;*/
}


/**
#portal-personaltools dd{
    background-color: #e3e3e3;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    padding-bottom: 0.5em;
}
**/
#content-container, .portlet-static-rodape, #top-top, #top-bottom{
    width:980px;
    margin:0px auto;
}

strong{
    font-weight:bold;
    }

em{
    font-style:italic;
    }

#top-container{
    /*background-color:#dfdfdf;*/

}


#acessibility-bar{
    position: absolute;
    margin:25px 0px 0px 440px;    
    font-size:8pt;
}

.ac-letter-size{
    font-size:10pt;
    display:inline;
}


#top-bottom{
    /*background-color:#3b4966;*/
    background-color: #004169;
    color:#FFFFFF;
    clear:both;
    display:block;
    /*text-shadow: 1px 1px 1px #000000;*/
    height:20px;
    padding-top:10px;
}

#top-bottom a{
    color:#FFFFFF;
}

#unirio-sigla{
    font-size: 22pt;
    font-weight: bold;    
    text-transform: uppercase;
    padding-left:10px;
    letter-spacing: 5px;
}

#unirio-sigla, .portlet-static-menu-superior, #top-changeLanguage{
    display:inline-block;
    vertical-align: middle;
}

/*Corrigir esse alinhamento... FIz assim porque já estou de saco cheio disso*/
.portlet-static-menu-superior{
    margin-left:80px;
    font-size:1.0em;
    width:650px;
}

#top-changeLanguage{
    float:right;
    padding-right:5px;
}

#top-changeLanguage img{
    display: inline;
    vertical-align:middle;
    padding:6px 2px;
}

/* 
    Page Content 
*/


#content-container{
    margin:20px auto 0px auto;
    display:block;
}

#content-container #left, #content-container #middle-container, #content-container #right{
    position:relative;
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0px;
}

#content-container #right{
    float:right;
}


#content-container #left, #content-container #right{
    width:19%;
    padding:0px 7px;
    overflow: hidden;
}

#content-container #middle-container{
    width:57%;
    padding:0px 10px;
    font-size:8pt;
}

#content-core {
    font-size: 11pt;
    line-height: 1.4em;
}

#content-core h3{
    font-size:10pt;
    font-weight:bold;
    margin:5px 0px 5px 0px;
}

#content-core p{
    margin:12px 0px 12px 0px;
    font-size:11pt;
    line-height:1.4em;
}

#content-core ul{
    list-style-type:square;
    margin:5px 0 5px 30px;
}

#content-core ul li{
}

/* Edit bar */ 


#edit-bar{
    display:block;
    height:auto;
    min-height: 2em;
    margin-top:0px;
    font-size:8pt;
    background-color:#75AD0A;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
}

/**
*
* content-views
*
*/

#content-views li.selected a, 
#content-views li a:hover, 
#content li.formTab a.selected, 
#content li.formTab a:hover {
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
}

#content-views li.selected a, #content-views li a:hover, #content li.formTab a.selected, #content li.formTab a:hover {
    background: White;
    color: Black;
}

#content-views a, #content li.formTab a {
    line-height: 2em;
    padding: 0 0.75em;
    text-decoration: none;
    border: none;
    margin: 0;
}

#content-views a {
    color: White;
}

ul.contentViews li {
    display:inline;    
    padding-left:5px;    
}

ul.contentViews li.selected{
    font-weight:bold;
    font-size:9pt;
}
ul.contentViews{
    display:inline-block; 
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    margin:0px;
    padding:0px 0px 0px 10px;
    line-height:2.5em;
}

h1.documentFirstHeading{
    margin-top:10pt;
    }

/**
*
* ActionsMenu
*
*/

#contentActionMenus dl.actionMenu a, 
#contentActionMenus dl.actionMenu.activated dd {
    color: White;
}

#contentActionMenus dl.actionMenu.activated dd {
    background-color: #75ad0a;
    color: White;
    z-index: 5;
}
dl.actionMenu.deactivated dd {
    display: none;
}

dl.actionMenu.activated dd{
    position: absolute;
    width: auto;
    color: #FFFFFF;    
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
}

#contentActionMenus dl.actionMenu {
    line-height: 2em;
}

.contentActions{
    display:block;
}

dd.actionMenuContent ul{
    display:none;
}

dd.actionMenuContent li{
    display:block;  
    clear:both;
}

#content-views{
    display:block;
}

#contentActionMenus {
    display: block;    
    padding-left: 10px;
    float: right;
    background: #75ad0a;
    margin: 0;
    position: relative;
    top: -0.23em;
    padding: 0.1em 0.24em 0 0;
    border-radius: 0.5em;
    border-radius: 0.5em;
    border-top-left-radius: 0;
    -webkit-border-radius: 0.5em;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0.5em;
    -moz-border-radius-topleft: 0;
}

ul#contentActionMenus li{
    display:inline;
    padding-left:5px;
    float:left;
}

#contentActionMenus dl.actionMenu.activated dd a:hover, 
#contentActionMenus dl.actionMenu.activated dd .actionMenuSelected{
    background-color: White !important;
    color: #666;
}


/* Left Menu*/

.portlet-static-menu-esquerda ul a{
    color:#000000;
}

.portlet-static-menu-esquerda ul{
    margin-left: 0px;
    padding: 0;
    margin-bottom: 45px;
    /*padding:0px;
    margin:0px;
    list-style-type: none;
    font-weight: bold;
    border-bottom: 4px solid #2c66ce;
    border-top: 1px solid #D6DCD7;
    background-color: #EAEBEE;
    color: #2c66ce;
    min-height: 64px !important;
    margin-bottom: 10px;*/
 }
 /*formatação menu esquerdo - cabeçalhos menus*/
 .panel-heading{
     cursor: default; 
     /*border-top:4px solid #2c66ce;*/
     border-top:4px solid #3b4966;
     border-bottom:1px solid #D6DCD7;
     background:#EAEBEE; 
     /*color:#2c66ce !important;*/
     color: #3b4966;
     /*padding: 5px 9px;*/ 
     min-height: 30px; 
     border-radius:0; 
     text-transform:uppercase;
     font-weight: bold; 
     /*font-size: .85em; */
     font-size: 12px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.portlet-static-menu-esquerda ul ul{
    margin-left: 0px;
    padding-left: 10px;
    list-style-type: none;
    font-weight: normal;
    background-color: #FFF;
    
   
}

.link-acesso-informacao{
    /*color:#2c66ce !important; */
    color:#3b4966 !important;
}

.portlet-static-menu-esquerda ul ul ul{
    margin-left:10px;
    display:block;
}

/*alteração cor links menu esquerdo*/
.portlet-static-menu-esquerda ul ul li a{    
    border-bottom:0px;
    /*color: #73811f;*/   
}

/*alteração fonte menu esquerdo*/
.portlet-static-menu-esquerda ul li{
    border-bottom: 1px solid #D6DCD7 !important;
    /*border-bottom: 2px solid #dfdfdf;*/
    padding: 0.55em 1.4em !important;
    /*padding:2px 0px 3px 3px;*/
    /*font-weight: bold;*/
    /*font-size:10pt;*/
    font-size: 12px;
    cursor:pointer;
}

.portlet-static-menu-esquerda ul li.selected{
    border-bottom: 4px solid #73811f;
    font-weight: bold;     
    
}

.portlet-static-menu-esquerda ul li.active{
    font-weight: bold;
}


/*alterações para que o menu esquerdo fique aberto*/
.portlet-static-menu-esquerda ul ul{
    /*display:none;*/
    display:block;
    
}



ul.portlet-static-menu-esquerda ul li{
    font-size:8pt;
}

.portlet-static-banner, .portlet-static-banner2{
    margin:20px 0 20px 0;    
}

.portlet-static-banner img, .portlet-static-banner2 img{
    margin:10px 0 10px 0;
}

/* Middle*/

.news-container{
    display:block;
    margin:25px 0 10px 0;
}

.news-image img{
    float:left;
    margin:0px 12px 0px 0px;
}

.tileItem{
    display:block;
    float:left;
    margin-bottom: 13px;
    margin-top: 13px;
}

.tileHeadline{
    font-weight: bold;
    font-size: 11pt;
    margin-bottom:5px;
    line-height: 1.3em;
}
.description{
    font-size:11pt;
    line-height: 1.4em;
    display:inline;
}
.description a{
    color:#4053bc;
    font-weight:bold;
    font-size:8pt;   
    display:inline-block
}

.listingBar{
    text-align:center;
    display: block;
    clear: both;
    }
    
table.googlemaps td{
    vertical-align: top;
    display:inline-block;
    margin:5px 0 5px 0;
}    
    
td.icon img{
    width:24px;
    height:24px;
}
.noprint{
    font-size:8pt;
    color:grey;
}

#other-news{    
    background-color:#ededed;
    display:block;
    margin-top:15px;
    clear:both;
}

#other-news-tittle{
    display: block;
    font-weight: bold;
    padding: 5px 0 0 10px;        
}

#other-news dl{
    margin:0px;
    padding:0px;
    font-size:8pt;    
    padding-left: 10px
}

#other-news dl a{
    color:#616c68;
}
#other-news dl a:hover{
    color:#75AD0A;
}
#other-news dl dd{
    padding-top:4px;
}
#other-news dl dd:before{
    content:"-"; 
    position:relative; 
    left:-2px;
}

#other-news dl dd.portletFooter:before, #old-news:before, #old-events:before{
    content:"["; 
    position:relative; 
    left:-1px;
}
#other-news dl dd.portletFooter:after, #old-news:after, #old-events:after{
    content:"]"; 
    position:relative; 
    left:1px;
}

.portletNews .portletFooter, #old-news, #old-events{
    color:#767e93;
    text-align: right;
    font-weight:bold;
    font-size:8pt;
    padding:0 5px 5px 0;
}

/* 
  Right 
*/
/*Alterando o local da busca para o header*/
.LSBox{
    /*padding-top:48px !important;*/
    margin-top:48px;
    float:right;
    margin-right:50px;
    text-align:right;
    /* border: 1px solid;*/
    
     width:195px;
    height:23px;
    padding: 2px 2px;
    /*font-size: 8pt;*/
    font-size: 80%;
    border-radius: 5px !important;
    -mozborder-radius:5px !important;
    -webkit-radius:5px !important;
    border: 1px solid #CCCCCC !important;
    background: #FFFFFF !important;
}

.LSResult{
    display:none !important;
}


.searchField{
    border:none;
    height: 21px;
    width:160px;
    margin-left: 0px !important;
   
}

.searchButton{
   margin: 0px 0px 0px 3px;   
    float:right;
    /*Inserindo a lupa na busca*/
    /*background:transparent !important;*/
    border: none !important;
    color: #4B5D9D !important;    
    text-indent: -2000px;
   height:20px;
    width:20px;
    background-image: url("img/search_button.png") !important;
    background-repeat: no-repeat !important;
    background-position:3px !important;
    /*background-color:#F1F1F1 !important;*/
    background-color: transparent;
    cursor: pointer;
    
  
}



#logo {
    padding-left: 48px;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 198px;
    float:left;
}

/*Inserindo botão twitter*/

#social-icons{ 
    
    float: right;
    clear: right;
    margin-top: 15px;
    /*border: 1px solid;*/
   margin-right:50px;
    
 
   
}

#social-icons li{
    float:left;
}


/* Triade {Ensino, pesquisa, extensão} */



.portlet-static-menu-triade{
    margin-top:5px;
}

.portlet-static-menu-triade img{
    width:190px;
    height:40px;
    margin-bottom:5px;
    display:block;
}

.portlet-static-menu-triade img:hover{
    cursor: pointer;
}

.portlet-static-menu-triade: hover{
    cursor: pointer !important;
}

/*menu direito aberto*/

.portlet-static-menu-triade ul{
    text-align: right;
    /*text-align: left;*/
    margin: -5px -3px 5px 0px;
    padding: 7px;
    display: block;
    /*display:none;*/
}

/*formatando os links do menu direito*/
.portlet-static-menu-triade ul li{
    /*border-bottom: 1px solid #757575 !important;*/
    font-weight:bold;
    /*padding: 5px 20px;*/
}

ul.green li a{
    color:#445910;
}

ul.blue li a{
    color:#08435b;   
}

ul.dark-blue li a{
    color:#0e2956;

}

ul.gray li a{
    color:#424242;

}

/*alterando cor de fundo do menu Ensino*/

ul.dark-blue {
    /*background-color: #BBDEFB; */
    /*border: 2px solid #0d47a1;*/
    background-color: #b6c7ee;
    /*background-color: #0D47A1 !important;*/
    
}

ul.green{
    /*background-color: #DCEDC8;*/ 
    background-color: #cccc99;
}

ul.blue{
    /*background-color: #B2EBF2;*/
    /*background-color: #CFD8DC;*/ 
    background-color: rgba(76, 115, 121, 0.31);
}

ul.gray{
    background-color: #F5F5F5;
   
}


/* Bloco SOcial*/

#social-bar{
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}

#social-bar img{
    width:42px;
    height:42px;
    display:inline-block;
    padding:0px;
    margin:0px;
}

/* Portais*/

.portlet-static-portais img{
    /*background-color:#f5f5f5;    
    padding-bottom:10px;*/
    width:190px;
    height:40px;
    margin-bottom:5px;
    display:block;   
}
/*.portlet-static-portais h2{
    display:block;
    background-color:#d3d2d0;
    color:#613f19;
    font-weight: bold;
    padding:3px 3px 3px 7px;
}*/

.portlet-static-portais ul{
   /*padding:0px 0px 0px 15px;*/
    background-color:#f5f5f5;  
    text-align: right;
    margin: -5px -3px 5px 0px;
    padding: 7px;
    display: block;
    
}

.portlet-static-portais ul li{
    font-size:9pt;
    padding-top:5px;
}

.portlet-static-portais a{
    color:#76726f;
    font-weight: bold;
}

/* Acesso Rápido

.portlet-static-acesso-rapido{
    background-color:#f5f5f5;    
    padding-bottom:10px;
    width: 190px;    
}
.portlet-static-acesso-rapido h2{
    display:block;
    background-color:#d3d2d0;
    color:#613f19;
    font-weight: bold;
    padding:3px 3px 3px 7px;
}

.portlet-static-acesso-rapido ul{
    margin:0px;
    padding:0px 0px 0px 15px;
}

.portlet-static-acesso-rapido ul li{
    font-size:9pt;
    padding-top:5px;
}

.portlet-static-acesso-rapido a{
    color:#76726f;
    font-weight: bold;
}

  Bottom 
*/ 

#bottom-container{
    margin-top: 50px;
    display:block;
    clear:both;
}

#bottom-top{
    background-color:#f2eeed;
}

.portlet-static-rodape{
    margin:0px auto;
}

#bottom-top img{
    display: inline-block;
    /*background-color:#f3eded;*/
    vertical-align: middle;
    height:70px;
    padding:5px 5px 5px 5px;
}

tr{
    background-color:#FFF !important;
}

#portal-footer{
    background-color:#3d4864;
    text-align:center;
    padding:5px 0px;
}

#portal-footer p{
    margin:0px;
    padding: 0px;
    color:#f4f2f5;
    font-weight: bold;
    font-size:8pt;
}

.portlet-static-rodape table{
    width:100%;
}

.portlet-static-rodape td{
    text-align:center;
}
/*
*
*  News
*
*/
.newsImageContainer{
    float:left;
    margin-right: 10px;
}
.tileImage{
    float:left;
    margin:0 10px 0 0;
}

#parent-fieldname-text p{
    line-height: 1.5em;
    font-size:11pt;
    margin-bottom: 12px;
}

.link-category{
    font-weight:bold;
    background-color:#d0d0d0;
    color:grey;
    padding:3px;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
} 
.link-category:visited{
    color:grey;
    }
.link-category:hover{
    padding:4px;
    }

#relatedItemBox{
    font-size:11pt;
    margin-top:15px;
}

#relatedItemBox dd{
    font-size:9pt;
    margin:5px 0 5px 10px;
}
    
#relatedItemBox dd:before {
    content: "¦"; 
    padding-right:3px; 
}
    
#category{
    text-align:right;    
    display:block;
    margin-top:10px;
}

/**
*
* Icones
*
*/

.icons-on .contenttype-document {
background: no-repeat transparent 0px 4px url(contenttypes-sprite.png);
}
.icons-on .contenttype-event {
background: no-repeat transparent 0px -212px url(contenttypes-sprite.png);
}
.icons-on .contenttype-folder {
background: no-repeat transparent 0px -644px url(contenttypes-sprite.png);
}
.icons-on .contenttype-link {
background: no-repeat transparent 0px -1076px url(contenttypes-sprite.png);
}
.icons-on .contenttype-news-item {
background: no-repeat transparent 0px -1292px url(contenttypes-sprite.png);
}
.icons-on .contenttype-plone-site {
background: no-repeat transparent 0px -1508px url(contenttypes-sprite.png);
}
.icons-on .contenttype-topic {
background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
}
/* */
.icons-on #plone-contentmenu-factories .contenttype-file {
background: no-repeat transparent 0px -428px url(contenttypes-sprite.png);
}
.icons-on #plone-contentmenu-factories .contenttype-image {
background: no-repeat transparent 0px -860px url(contenttypes-sprite.png);
}


/***

Search result

****/
.highlightedSearchTerm {
background-color: #ffa;
}
dl.searchResults .highlightedSearchTerm {
background-color: transparent;
font-weight: bold;
}
/* */
.noInheritedRoles {
color: #a0a0a0;
}
/* */
.currentItem {
border-collapse: collapse;
border: 0.2em solid #ffa500;
padding: 0.1em;
}
/* */
/* */
fieldset#search-field {
border: none !important;
text-align: center;
}
input.searchPage {
font-size:200% !important;
}
#rss-subscription {
    float: left;
    line-height: 3em;
}
#search-results-bar .actionMenuContent {
    margin-top: 1em;
    padding: 0;
}
#search-filter {
    background: #ddd;
    margin: 0;
    padding: 0;
    color: black;
    font-size: 9pt;

}
#content #search-filter fieldset {
border: none !important;
position: relative;
padding: 0;
margin: 0;
}
#content #search-filter legend {
background: transparent;
font-size: 1.1em;
padding: 0.5em 0.9em;
font-weight: bold;
}
#search-filter .field {
background: #eee;
padding: 1em 1.5em;
margin: 0;
}
#search-filter .field label {
font-weight: normal;
}
#search-filter .formControls {
text-align:center
}
#search-results-wrapper {
margin-top: 1em;
}
form.searchPage h1.documentFirstHeading {
font-weight:normal;
letter-spacing:0;
float: left;
margin-right: 0.8em;
}
form.searchPage h1.documentFirstHeading .highlightedSearchTerm {
background: transparent !important;
}
#search-results-bar > * {
float: left;
}
#searchResultsSort{
float:right;
}
#search-results-bar {
position: relative;
z-index: 1;
float: left;
width: 100%;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 1em 0;
}
#search-results-bar dl.actionMenu {
margin-bottom: 0;
}
#search-results-bar dd.actionMenuContent {
margin-left: 0;
padding-left: 0;
}
#search-results-bar dt.actionMenuHeader a {
border-bottom: none;
}
#search-results-bar dt.actionMenuHeader a::after {
content: " ?";
}

dl.searchResults dt{
    margin-top:10px;    
}
dl.searchResults dd{
    padding-left:15px;    
}

dl.searchResults dd div{
    font-size:10pt;
}

#search-results {
padding: 1em;
}
.searchResults {
margin-top: 0;
}
#ajax-search-res {
display: none;
}

#content .discreet, #sidebar .discreet {
color: #666;
font-size: 85%;
font-weight: normal;
}


.icons-on .contenttype-document {
background: no-repeat transparent 0px 4px url(contenttypes-sprite.png);
}
.icons-on .contenttype-event {
background: no-repeat transparent 0px -212px url(contenttypes-sprite.png);
}
.icons-on .contenttype-folder {
background: no-repeat transparent 0px -644px url(contenttypes-sprite.png);
}
.icons-on .contenttype-link {
background: no-repeat transparent 0px -1076px url(contenttypes-sprite.png);
}
.icons-on .contenttype-news-item {
background: no-repeat transparent 0px -1292px url(contenttypes-sprite.png);
}
.icons-on .contenttype-plone-site {
background: no-repeat transparent 0px -1508px url(contenttypes-sprite.png);
}
.icons-on .contenttype-collection {
background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
}
.icons-on .contenttype-topic {
background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
}
/* */
.icons-on #plone-contentmenu-factories .contenttype-file {
background: no-repeat transparent 0px -428px url(contenttypes-sprite.png);
}
.icons-on #plone-contentmenu-factories .contenttype-image {
background: no-repeat transparent 0px -860px url(contenttypes-sprite.png);
}

.icons-on .contenttype-document,
.icons-on .contenttype-event,
.icons-on .contenttype-folder,
.icons-on .contenttype-link,
.icons-on .contenttype-news-item,
.icons-on .contenttype-plone-site,
.icons-on .contenttype-collection,
.icons-on .contenttype-topic,
.icons-on #plone-contentmenu-factories .contenttype-file,
.icons-on #plone-contentmenu-factories .contenttype-image {
line-height: 2em;
display: inline-block;
*display: block;
padding-left: 20px !important;

}

#top-top{
    /*height: auto;*/
    height:167px;
    margin: 0 auto;
    /*border: 1px solid;*/
    width: 980px;
    border-top-width: 10px;
    border-top-color: #4B5D9D;    
    background-color:#004169;
    font-weight: normal;
}


/*Classes novo cabeçalho*/

.oculto{
    display:none !important;
}

.corpo{
    background-color: #ffffff;

}


.atalhos{
    font-family: 'Arial', sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding-left: 48px;
    padding-top: 15px;
    color: #4B5D9D;
    text-decoration: none;
    clear: both;
    float: left;


   
    
    
}
.atalhos li{
    float: left;
    padding-right:10px;
    list-style-type:none;
    
    
}

.atalhos li a{
    /*color: #4053BC;*/
    color: #FFFFFF;
    text-decoration: none; 
    font-weight: normal;    
}


.botoes{
    text-align: right;
    padding-right: 48px;
    padding-top: 15px;
    text-transform: uppercase;
   font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    float: right;

    

}
.botoes li{
    color: #4053BC;
    float: right;
   list-style-type:none;
    padding-left:5px;
    font-weight:normal;
    color: #FFFFFF;
   
     
}

.botoes li a{    
    text-decoration: none;
     font-weight: normal; 
     color: #FFFFFF;

}

#bt_contraste{
    cursor: pointer;  
    
}

.acessibilidade{
	text-decoration: none;
    font-weight: normal; 
}

.opcao{
    /*background-color: #4B5D9D;*/
    background-color: #FFFFFF; 
	/*color: #FFFFFF;*/
    color: #004169;  
	/*font-weight: bold;*/
	padding: 2px;
}
	
.contraste{
    background-color: #000000;
    color:#ffffff;
    border-color: #ffffff;

   
}

.contraste a{
    color: #fff333 !important;
    background-color: #000;
}

.contraste span{
    color: #fff !important;
    
}

.contraste span a{
        color: #fff333;
}

.contraste li{
    color: #fff333;
    background-color:#000;
}

.contraste li a{
    color: #fff333;
}

.contraste p{
    color: #FFFFFF;
}

.contraste img{
    background-color: #ffffff;
    color:#FFFFFFF;
}

.contraste tr{
    background-color: #000000;
    }
.contraste td{
    background-color: #000000;
    }
.contraste ul{
    background-color: #000000;
    }
    
.contraste .documentByLine a{
    color: #fff333 !important;
}

.contraste a.summary:visited{
    color: #fff333 !important;
}

.contraste .portlet-static-central-de-conteudos p a{
    color: #fff333 !important;
    
}

.contraste dl.portlet dt.portletHeader, dl.portlet dt.portletHeader a, dl.portlet dt.portletHeader a:link, dl.portlet dt.portletHeader a:visited{
    background-color: #000 !important;
    border-top: 4px solid #FFF !important;
}

.contraste .panel-heading{
     border-top: 4px solid #FFF !important;
}

table.listing {
    border:1px solid #CEDCE1;
    font-size:11px;
}

table.listing th {
background:none repeat scroll 0 0 #AAB1AE;
border:0;
color:#FFFFFF;
padding:0.25em;
}
   /* Responsive styles for mobile devices and small screens */
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
    overflow-x: hidden; /* Prevent horizontal scrolling */
  }
  
  #top-container, #top-bottom, #top-menu {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  #top-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Reorder elements */
  #content-container {
    display: flex;
    flex-direction: column;
  }

  #middle-container {
    order: -1;
  }
  

  #left {
    order: 1;
  }

  #right {
    order: 2;
  }

  #bottom-container {
    order: 3;
  }

  /* Display only 4 news items on mobile */
  #content-core .tileItem {
    display: none;
  }

  #content-core .tileItem:nth-child(-n+4) {
    display: block;
  }
  
  #top-container, #content-container, #bottom-container {
    width: 100%;
    padding: 0 10px;
  }

  #logo {
    padding-left: 10px;
    padding-top: 10px;
    width: 30%;
    text-align: center;
  }

  #logo img {
    max-width: 80%;
    height: auto;
  }

  #portal-searchbox {
    float: none;
    margin: 10px auto;
    width: 30%;
  }

  .LSBox {
    width: 100%;
    margin-top: 1px;
  }
  
  #top-menu {
      margin-top: 1px;
  }

  #social-icons {
    float: none;
    text-align: center;
    margin: 10px 0;
  }

  #content-container #left,
  #content-container #middle-container,
  #content-container #right {
    width: 100%;
    float: none;
    padding: 0;
  }

  .portlet-static-menu-esquerda ul {
    margin-bottom: 20px;
  }

  .tileItem {
    width: 100%;
  }

  .tileImage {
    max-width: 100%;
    height: auto;
  }

  #bottom-top img {
    max-width: 10%;
    height: auto;
  }

  .portlet-static-rodape table {
    width: 100%;
  }

  .portlet-static-rodape td {
    display: block;
    width: 100%;
    text-align: center;
  }
  
  .documentByLine {
    display: none;
  }

  #portal-breadcrumbs {
    display: none;
  }

  /* New styles for top-bottom */
  #top-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height:30px;
  }

 
  
  
}

/* Additional improvements for very small screens */
@media screen and (max-width: 480px) {
  body {
    font-size: 12px;
  }

  h1 {
    font-size: 1.5em;
  }

  .atalhos, .botoes {
    float: none;
    text-align: center;
    padding: 5px 0;
  }

  .atalhos li, .botoes li {
    float: none;
    display: inline-block;
    padding: 2px 5px;
  }

  #portal-searchbox {
    width: 10%;
  }

  .searchField {
    width: calc(100% - 30px);
  }

  #top-container, #top-bottom {
    padding: 0 5px;
  }

  #portal-searchbox {
    max-width: 100%;
  }

  .searchField {
    width: calc(100% - 30px);
  }
}