/***********PAGINA************/

.pagina .pag_img{
    float:left; width: 410px; padding: 0 30px 10px 0;
}
.pagina .pag_img img{
    width: 410px;
}


/*************PAGINAS RELACIONADAS************/
.pag_paginas_titulo, .pag_arquivos_titulo, .pag_galerias_titulo, .pag_video_titulo{
    margin-top: 30px;
}
.pag_paginas_titulo h3, .pag_arquivos_titulo h3, .pag_galerias_titulo h3, .pag_video_titulo h3{
    font-size: 13px; 
}
.pag_paginas_titulo img, .pag_arquivos_titulo img, .pag_galerias_titulo img, .pag_video_titulo img{
    margin-right: 10px;
}
.ul_pag_sublinks .pag_sublinks{
    border-bottom: 1px dotted #000;
}
.ul_pag_sublinks{
    padding: 0px;
}
.ul_pag_sublinks li{
    list-style: url('../../lib/img/list_style1.png'); padding: 10px 0; margin-left: 40px;
}
.ul_pag_sublinks a{
    color:#000;
}

/*************ARQUIVOS RELACIONADOS************/
.pag_arquivos{
    font-size: 12px;
}
.pag_arquivos span{
    vertical-align: -3px;
}
.pag_arquivos .arquivo_formatado{
    border-bottom: 1px dotted #000; padding: 10px 0;
}

/*************VIDEOS RELACIONADOS************/

.pag_video{
    text-align: center; 
}
.pag_video embed, .pag_video iframe{
    width: 642px
}

/*************PAGINAS_GRUPOS************/

.paginas .pag_content_paginas, .eventos .pag_content_paginas{
    margin-top: 30px;
}
.paginas .pag_content_paginas .pag_img, .paginas .pag_content_paginas .pag_resumo_pagina,
.eventos .pag_content_paginas .pag_img, .eventos .pag_content_paginas .pag_resumo_pagina{
    display: table-cell; vertical-align: top; padding: 0 10px 0 0;
}
.paginas .pag_content_paginas .pag_resumo_pagina h2, .eventos .pag_content_paginas .pag_resumo_pagina h2{
    margin: 0;
}
.paginas .pag_content_paginas .pag_img img, .eventos .pag_content_paginas .pag_img img{
    width: 200px;
}

/*************GALERIAS && GALERIA_GRUPOS************/

.galeria_quadro, .galeria_g_quadro{
    width:286px; height:244px; float:left; position: relative; margin:0 30px 30px 0;
}
.galeria_titulo h2, .galeria_g_titulo h2{
    font-size:14px; margin: 0px; font-weight:normal;
}
.galeria_titulo a, .galeria_g_titulo a{
    color:#fff;
}
.galeria_titulo span, .galeria_g_titulo span{
    color:#999999;
}
.galeria_titulo, .galeria_g_titulo{
    width:266px; padding:10px; height:30px; bottom:0; background:#000; position: absolute;
}

/*************FOTOS************/

.ul_fotos{
    margin: 0px; padding: 0px;
}
.ul_fotos li{
    float:left; list-style: none; margin-right: 15px; text-align: center;
}
.ul_fotos li .foto img{
    height: 75px;
}
.ul_fotos li .foto .div_foto{
    height: 75px; width: 75px;
}
.ul_fotos li .foto .legenda{
    height: 40px; width: 75px; padding: 5px 0; overflow: hidden;
}
.ul_fotos li .foto .legenda p{
    margin: 0px; font-size: 11px; color: #666666;
}

/*********VIDEOS*************/

.vid_content{
    float: left; width: 25%; height: 180px; text-align: center;
}
.vid_content img{
    width: 150px; height: 112px;
}




/*********ARQUIVOS*************/

.arquivos #accordion h3{
    background:#f5f5f5;
}
.arquivos .arquivo_formatado{
    border-bottom: 1px dotted #000; padding: 10px 0; font-size: 12px;
} 
.arquivos .arquivo_formatado span{
    vertical-align: -3px;
}


/***********LINKS UTEIS*************/

.link{
    padding:5px; margin:0px;
}
.lu_par{
    background: #eeeeee;
}
.lu_impar{
    background: #fafafa;
}

/***********INFORMATIVOS*************/

.infor_content_informativos{
    border-top:1px dotted #000; padding: 5px
}
.infor_content_informativos .infor_titulo h2{
    font-size: 14px
}


/*********BOTOES REDES*************/

.bt_redes{
    float:right; margin: 15px 0;
}
.bt_redes ul{
    margin: 0; padding: 0;
}
.bt_redes ul li{
    list-style: none; float: left;
}
.bt_redes ul li:first-of-type{
    margin-right: 15px;
}
.bt_redes .bt_imprimir:hover{
    text-decoration: underline;
}

/* Smartphones (portrait and landscape) ------------------------------------- */
@media only screen 
and (max-width : 767px) { 
    .pagina .pag_img{
        width: auto; float: initial; padding: 0;
    }

    .paginas .pag_content_paginas .pag_img, .paginas .pag_content_paginas .pag_resumo_pagina,
    .eventos .pag_content_paginas .pag_img, .eventos .pag_content_paginas .pag_resumo_pagina{
        display: initial; vertical-align: top; padding: 0 10px 0 0;
    }
    .paginas .pag_content_paginas .pag_resumo_pagina p, .eventos .pag_content_paginas .pag_resumo_pagina p{
        margin-top: 3px;
    }

    .galeria_titulo_grupo:before{
        content: ''; display: block; clear: both;
    }


    #btn-paginador button{
        padding: 5px 10px; margin: 0 3px;
    }


    #fancybox-right, #fancybox-left{
        visibility: visible;
    }
    #fancybox-right span {
        left: auto; right: 0;
    }
    #fancybox-left span {
        right: auto; left: 0;
    }

    #fancybox-content iframe{
        width: 100%;
    }

    .vid_content{
        width: 100%; text-align: center; height: auto; padding-bottom: 20px;
    }
    .vid_content img{
        width: 100%; height: auto;
    }

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 479px){
    .pagina .pag_img img{
        width: 100%;
    }

    .galeria_quadro, .galeria_g_quadro {
        width: 100%; height: auto; 
    }
    .galeria_titulo, .galeria_g_titulo {
        width: 90%; padding: 10px 5%;
    }
    
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 767px){
    .vid_content{
        max-width: 300px; text-align: center; padding-bottom: 20px;
    }
    .vid_content img{
        max-width: 300px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

}