/*
* **********************************
* ################################## ESTILOS
* **********************************
*/

/*
========================
======================== MAPA
========================
*/

#map_wrapper {    
    width: 980px;
    height: 260px;

    position: absolute;
    left: 50%;
    top: 170px;
    margin-left: -490px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

/*
========================
======================== ARTIGO
========================
*/

main > article {
    width: 980px;
    margin: 360px auto 0;
    overflow: hidden;
}
main > article > div{
    width: 440px;
    float: left;
}
main > article > div h2{
    color: #000000;
    font: 300 26px 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #D2D2D2;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
}
main > article > div h2 + hr{
    width: 90px;
    height: 2px;
    background: #293B88;
    position: relative;
    z-index: 2;
    margin-top: -2px;
    border: none;
    margin-bottom: 30px;
}

/* -----------
// ----------- DÚVIDAS (ACCORDION)
// ---------*/

section#duvidas{
    width: 460px;
    float: right;
    margin-top: 70px;
}
section#duvidas article{
    margin-bottom: 5px;
}
section#duvidas article h3{
    width: 100%;
    font: 600 18px 'Lato', sans-serif;
    padding: 17px 25px 17px 70px;
    position: relative;

    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;

    border: 1px solid #e1e1e1;
    cursor: pointer;

    /* Firefox v3.6+ */
    background-image:-moz-linear-gradient(49% 120% 90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%); 
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,49% 120%,49% 0%,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(255,255,255)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
    /* IE v10+ */
    background-image:-ms-linear-gradient(90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
    background-image:linear-gradient(0deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffffff,endColorstr=#feeeeeee,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffffff,endColorstr=#feeeeeee,GradientType=0);
}
section#duvidas article h3:hover,
section#duvidas article h3.active{
    /* Firefox v3.6+ */
    background-image:-moz-linear-gradient(49% 120% 90deg,rgb(205,205,205) 0%,rgb(255,255,255) 100%); 
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,49% 120%,49% 0%,color-stop(0, rgb(205,205,205)),color-stop(1, rgb(255,255,255)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(90deg,rgb(205,205,205) 0%,rgb(255,255,255) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(90deg,rgb(205,205,205) 0%,rgb(255,255,255) 100%);
    /* IE v10+ */
    background-image:-ms-linear-gradient(90deg,rgb(205,205,205) 0%,rgb(255,255,255) 100%);
    background-image:linear-gradient(0deg,rgb(205,205,205) 0%,rgb(255,255,255) 100%);    
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffffff,endColorstr=#fecdcdcd,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffffff,endColorstr=#fecdcdcd,GradientType=0);       
}
section#duvidas article h3 span{
    background: rgba(0, 0, 0, 0) url("../../img/specific/institucional/ic-accordion-open.png") no-repeat scroll left center;
    border-right: 1px solid #e1e1e1;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    top: 13px;
    width: 33px;
}
section#duvidas article h3.active span{
    background: url(../../img/specific/institucional/ic-accordion-close.png) left center no-repeat;
}
section#duvidas article div{
    padding: 20px 0 5px;
}

/*
========================
======================== GALERIA
========================
*/

section#galeria{
    float: left;
    margin-top: 70px;
    overflow: hidden;
    width: 980px;
}
section#galeria div{
    width: 330px;
    float: left;
    margin-top: 130px;
}
section#galeria div h3{    
    color: #000000;
    font: 300 26px 'Lato', sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase;
}
section#galeria div p{        
    color: #000000;
    font: 300 18px 'Lato', sans-serif;
}
section#galeria ul{
    width: 610px;
    float: right;
}
section#galeria ul li{
    width: 300px;
    float: left;    
    margin: 0 10px 10px 0;
}
section#galeria ul li:nth-child(even){
    margin-right: 0;      
}
section#galeria ul li a img{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: red;

    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}    
section#galeria ul li a:hover img{
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

section#acesso-rapido{
    margin: 50px auto 40px;
}

section#acesso-rapido h2{
    color: #000000;
    font: 300 26px 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #D2D2D2;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    width: 980px;
}

section#acesso-rapido2{
    width: 980px;
    margin: 50px auto 40px;
    overflow: hidden;
}
section#acesso-rapido2 ul li,
section#acesso-rapido2 ul li a{
    width: 320px;
    height: 300px;
    float: left;    
}
section#acesso-rapido2 ul li{
    margin-bottom: 10px;    
    margin-right: 10px;
}
section#acesso-rapido2 ul li:nth-child(3n+0){
    margin-right: 0;
}
section#acesso-rapido2 ul li a{
    font: 300 20px 'Lato', sans-serif;
    color: #555555;
    text-transform: uppercase;
    padding: 17px 15px 15px;    
    background-color: #EFEFEF;
}
section#acesso-rapido2 ul li.icon-despesas a{
    background: #EFEFEF url(../../img/specific/inicio/ic-despesas.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-cargos a{
    background: #EFEFEF url(../../img/specific/inicio/04-cargos.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-servidores a{
    background: #EFEFEF url(../../img/specific/inicio/05-servidores.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-servidores-ac a{
    background: #EFEFEF url(../../img/specific/inicio/06-servidores-adidos-cedidos.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-remuneracoes a{
    background: #EFEFEF url(../../img/specific/inicio/07-remuneracoes.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-estagiarios a{
    background: #EFEFEF url(../../img/specific/inicio/08-estagiarios.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-receitas a{
    background: #EFEFEF url(../../img/specific/inicio/ic-receitas.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-compras-licitacoes a{
    background: #EFEFEF url(../../img/specific/inicio/ic-compras-licitacoes.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-quadro-funcional a{
    background: #EFEFEF url(../../img/specific/inicio/ic-quadro-funcional.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-publicacoes-gerais a{
    background: #EFEFEF url(../../img/specific/inicio/ic-publicacoes-gerais.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-legislacao a{
    background: #EFEFEF url(../../img/specific/inicio/ic-legislacao.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li.icon-pin a{
    background: #EFEFEF url(../../img/specific/inicio/ic-pin.png) 10px center no-repeat;
}
section#acesso-rapido2 ul li a span{
    display: block;
    width: 1px;
    height: 100%;
    background-color: #CCCCCC;
    float: left;
    margin-left: 45px;    
    margin-right: 15px;
}
section#acesso-rapido2 ul li a:hover{
    background-color: #DBDBDB;
}

section#acesso-rapido2 h2{
    color: #000000;
    font: 300 26px 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #D2D2D2;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    width: 980px;
}

/*
========================
======================== MEDIA QUERIES
========================
*/

@media (min-width: 480px){

}

@media (min-width: 768px){

}

@media (min-width: 1024px){    
    
}

@media (min-width: 1280px){
    #map_wrapper {
        width: 1280px;                
        left: 50%;
        margin-left: -640px;
    }
}

@media (min-width: 1600px){
    #map_wrapper {
        width: 1460px;                
        left: 50%;
        margin-left: -730px;
    }   
}

@media (min-width: 1800px){

}