/*
 *
 * CSS com estilos específicos do tema verde
 *
 * @Autores
 *
 * - Simples Consultoria - www.simplesconsultoria.com.br
 * - DESERTO Digital - www.desertodigital.com.br
 *
 * @Referencias
 *
 * Lista de padrões, convenções e boas praticas CSS que devem ser seguidas.
 * https: //github.com/necolas/idiomatic-css/tree/master/translations/pt-BR
 *
 * Plugins para ordenar os atributos de CSS.
 * http://csscomb.com/
 *
 * Validador de CSS do W3C.
 * http://jigsaw.w3.org/css-validator/
 */

/* ==========================================================================
   Global Styles
   ========================================================================== */

/* ==========================================================================
   Cabeçalho do portal
   ========================================================================== */

#header {
    padding: 14px 0 0 0;
    background-color: #1659BF;
    /* Old browsers */
  
  
}


/* Menu de Acessibilidade
   ========================================================================== */

#accessibility a {
    color: #ffffff;
}

#accessibility span {
    background-color:#ffffff;
    color: #1659BF;
}

/* Titulo do portal
   ========================================================================== */

#portal-logo,
#portal-title { color: #FFFFFF !important; }

/* Menu site actions - Acessibilidade, Alto Contraste, Mapa do site
   ========================================================================== */

#portal-siteactions { border-bottom: 1px dotted #ffffff; }

#portal-siteactions a,
#portal-siteactions a:hover { color: #ffffff !important; }

/* Menu sobre o portal
   ========================================================================== */

#sobre { background: #0F4098; }

#sobre a { color: #ffffff; }

#sobre .portalservicos-item a { border-right: 1px solid #ffffff; }

#icon_navigation {
	background:url(../imagens/menu-ativo.gif) no-repeat left center;
	padding-left: 14px !important;
	cursor: pointer;
	/*color: #FFFFFF !important;*/
}
    
/* Formulário de busca */
   ========================================================================== */

#portal-searchbox { border: 1px solid #CCCCCC; }


/* ==========================================================================
   Sprinte Icons
   ========================================================================== */


/*#social-icons a,
.item-central .link-videos,
.item-central .link-audios,
.item-central .link-infograficos,
.item-central .link-publicacoes,
.item-central .link-fotos,
.item-central .link-aplicativos,
#header input.searchButton { background-image: url("..css/imagens/sprite-contraste.png"); }
#content .relatar-erros a { background: url("../../imagens/icon-reportar-erros.png") no-repeat; }*/


/* ==========================================================================
   Portles
   ========================================================================== */

/* Portlet de navegação
   ========================================================================== */
.portletHeader {
	margin-top: 50px !important;
}


#portal-column-one > .portletWrapper dl.portlet.first-item-nav a,
#portal-column-one > .portletWrapper dl.portlet.first-item-nav a span {
    color: #ffffff !important;
}

.portlet-static-centrais-de-conteudos .portletHeader,
.portletNavigationTree .portletHeader {
    border-top: 2px solid #FFFFFF;
    color: #2c67cf;
    cursor: pointer;
}

.portletNavigationTree .portletHeader a { color: #00510f !important; }

.navTreeLevel0 > li.navTreeItemInPath,
.navTreeLevel0 > li.navTreeCurrentNode {
    border-top: 2px solid #64946e !important;
    border-bottom: 2px solid #64946e !important;
}

.portletNavigationTree ul li ul li ul {
	padding-left: 20px;
}
/* ==========================================================================
   Collective Cover
   ========================================================================== */

/* Tiles
   ========================================================================== */

.tile a { 
  color: #616161 !important; 
  text-decoration: none !important;

}
.tile a:visited { 
  text-decoration: none !important;

}

/* ==========================================================================
   Secretarias HOME
   ========================================================================== */

.menu_sec {
    background-color: #F5F7F9;
    border-top: 1px solid #DDDDDD;
    margin: -22px 0 15px;
    min-height: 158px;
    padding: 24px 0 5px;
    width: 100%;
}
.menu_sec ul {
    padding: 0;
    float: left;
    margin-left: 0!important;
}

.menu_sec ul li {
    display: inline !important;
    margin-bottom: 20px!important;
}

.menu_sec ul li a {
    float: left; text-decoration: none;
    color: white;
    margin-bottom: 30px!important;
    width: 45%;
    padding: 0 10px 0 20px;
}
.menu_sec ul li a span {
    font-size: 13px;
    line-height: 44px;
}

.menu_sec ul li a:visited {
    color: white;
}
.menu_sec ul li a:hover, .menu_sec ul li .current {
    color: white;
}
.menu_sec .box {
    background-color: #307895;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    margin-right: 7px;
    padding: 17px 8px 3px 4px;
    text-align: center;
    width: 60px;
}

/* ==========================================================================
   Agenda
   ========================================================================== */

.listaAgenda {
    float: left;
}
.listaAgenda .titulo {
    width: 398px!important;
}

.listaAgenda h2 {
    margin-bottom:0!important;   
}

.listaAgenda .documentDescription {
    margin-top: 2.5em;
    margin-bottom: 9px;
}
.calendario {

}
.calendario input {
    display:none;
}   

/* ==========================================================================
   Paginação
   ========================================================================== */

.pagination {
   display: inline-block;
   padding-left: 0;
   margin: 20px 0;
   border-radius: 4px;
   font-size: 0.9em
}

.pagination > li {
   display: inline!important;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd !important;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff !important;
  cursor: default;
  background-color: #2c67cd;
  border-color: #428bca !important;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}


/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
    background: #1659BF;
    color: #fff;
}

#footer a { color: #ffffff; }

#footer .footer-logos { background: #0042B1; }

/* Doormat
   ========================================================================== */

#doormat-container /*{ background-color: #034811; }*/

#doormat-container dl { border-left: 1px dotted #7dc48a; }

#doormat-container dt { color: #ffffff; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Smartphone
   ========================================================================== */

@media only screen and (min-width : 320px) and (max-width : 768px) {

    .menuTrigger {
        background: #eeeff1 url("../imagens/menu.png") right 14px no-repeat;
    }

    .portlet-static-centrais-de-conteudos .portletHeader,
    .portletNavigationTree .portletHeader {
        background: #edeff1 url("../imagens/portlet-header.gif") no-repeat 96% center;
    }

    .portletNavigationTree .portletHeader.ativo {
        background: url("../imagens/portlet-header-expanded.gif") no-repeat 96% center;
    }

}

@media (max-width: 768px) {
    #barra-brasil .list {
        display: none;
    }
    ul#portal-siteactions {
        width: 100%;
        text-align: center;
    }


}