@import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); /* font-family: 'Roboto Condensed', sans-serif; */
html, body { margin:0; height: 100%;}

body{
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
    background-color: #f7f7f7;
    background-position: top left, top left;
    background-repeat: repeat-x, repeat;
    background-size: 100% 30em, auto;
}

.content{width: 70%; padding: 0}

.box6{width: 15%; margin: 1% 2% 1% 0;}
.box6:nth-of-type(6n+0){margin-right: 0;}
.box_side_i{width: 70%; float: right}
.box_bar_i{width: 30%; float: left; padding-right: 40px;}

.box3_nomargin{width: 33.0733%; margin: 1% 0.39% 1% 0;}
.box3_nomargin:nth-of-type(3n+0){margin-right: 0;}

.btn_personal1{background-image: linear-gradient(#bbb,#9c9c9c); padding: 12px 10px; border-radius: 1px;}
.btn_personal1:hover{background: #9c9c9c}

.textshadow{text-shadow: 2px 2px 1px #000;}
.textshadow2{text-shadow: 1px 1px 0 #000;}

.textshadow_write{text-shadow: 2px 2px 1px #FFF;}
.textshadow_write2{text-shadow: 1px 1px 0 #FFF;}

.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);}

.linha_dupla{border-bottom: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; height: 10px;}

/*FOTOS E VIDEOS*/
.thumb{float: left; position: relative;}
.video-play{border-radius: 7px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2) url(images/icone_play.png) left 50% bottom 55% no-repeat; background-size: auto 30%; cursor: pointer; transition-duration: 0.2s; transition-timing-function: ease-in; transition-property: all;}
.video-play:hover{background-color: rgba(0,0,0,0.5);}
.foto-ampliar{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; transition-duration: 0.2s; transition-timing-function: ease-in; transition-property: all;}
.foto-ampliar:hover{border-radius: 7px; background-color: rgba(0,0,0,0.5);}
.ratio_hd{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}
.ratio_elemento{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.main_bg1{
    background-image: url("images/bg03.png"), url("images/bg04.png"), url("images/bg02.png");
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 100% 15em, 100% 15em, auto auto;
    background-position: top center, bottom center, top left;
}

.main_bg1_a{background-color: rgba(255,255,255,0.3)}
.main_header_e{float: left; width: 25%}
.main_header_d{float: right; width: 75%}
.main_header_e img{float: left; width: 100%}


/*******************************************************
      MENU MOBILE                                       
*******************************************************/

.mobile_action_faixa_borda{padding: 0 20px 10px 20px; width: 100%; float: right; background: rgba(255,255,255,0.7); border-radius: 0 0 15px 15px}

@media (max-width: 63.9375em){

    .mobile_action{width: 80px; height: 80px; margin: 20px 0 0 0; border: 1px solid #fff; float: right; cursor: pointer; background: rgba(0,0,0,0.4) url(images/menu-mobile.png) center center no-repeat;}
    .mobile_action:hover{background-color: rgba(0,0,0,0.1);}
    .mobile_action.active{background-color: #000;}

    .mobile_action_faixa{width: 100%; padding: 0 15px;}
    .menu_header{padding-bottom: 10px; margin: 10px 15px 30px 10px; border-bottom: 2px solid #ccc;}
    .menu_conteudo{margin: 15px 15px;}

    .main_header_menu{position: fixed; left: -100%; top: 0; width: 75%; height: 100%; min-width: 150px; max-width: 300px; background: #222; z-index: 99; overflow: hidden; overflow-y: auto;}

    .main_header_menu .logo{height: 65px; margin: 15px 15px;}

    .main_header_menu_item{float: left; width: 100%; position: relative;}
    .main_header_menu_item h2 > a{float: left; width: 100%; padding: 10px; text-transform: uppercase; text-decoration: none; color: #eee; font-weight: bold; font-size: 0.8em}
    .main_header_menu_item:hover,
    .main_header_menu_item h2 > a:hover{background: #444; color: #fff; }

    .main_header_menu_sub{float: left; width: 100%; padding: 5px; background: #333;}
    .main_header_menu_sub_item{float: left; width: 100%; font-size: 2em}
    .main_header_menu_sub_item a{float: left; width: 100%; padding: 10px; text-transform: uppercase; text-decoration: none; color: #fff; font-size: 0.55em}
    .main_header_menu_sub_item a:hover{background: #427e41;}

    .main_header_menu_search{float: left; width: 100%; background: #000; padding: 31px 15px;}
}

/*BREAKPOINT MIN 1024PX MENU*/
@media (min-width: 64em){
    .mobile_action{display: none;}

    .main_header_menu{width: 98%; margin-left: 2%;}
    .main_header_menu_item{text-align: center; width: 20%; position: relative; display: inline-block; padding: 26px 0 27px 0;}
    .main_header_menu_item a{display: inline-block; color: #424242; font-size: 0.5em; text-decoration: none; text-transform: uppercase;}
    .main_header_menu_item:hover{text-decoration: none; background: #5cc827;}

    .main_header_menu_sub{border-top: 0px transparent solid; display: none; position: absolute; top: 100%; left: 0; width: 100%; /*120%*/ text-align: center; z-index: 99;}

    .main_header_menu_sub_item{float: left; width: 100%; font-size: 0.875em;}

    .main_header_menu_sub_item a{padding: 10px; color: #FFF; font-weight: 400; width: 100%; text-align: center; background: #5cc827; text-transform: uppercase; text-decoration: none; border-bottom: 0.5px solid #fff}  
    .main_header_menu_sub_item a:hover{text-decoration: underline;}

    .main_header_menu .especial{display: inline-block; padding: 15px 10px; color: #eee; font-weight: 400; font-size: 1.5em; border: 1px solid #eee; background: rgba(255,255,255,0.3);}    

    .main_header_menu_item:hover 
    .main_header_menu_sub,
    .main_header_menu_item > a:hover 
    .main_header_menu_sub{display: block;}   
}

@media (min-width: 72em){    
    .main_header_menu_item a{font-size: 0.65em;}
}

@media (min-width: 100em){    
    .main_header_menu_item a{font-size: 0.75em;}
}


.seja_bem_vindo{width: 50%; vertical-align: middle; padding-left: 15%; margin-left: 0; border-bottom: 7px solid #FFF; position: absolute; bottom: 150px}

/* CSS DO TITULO DOS BOX DA HOME PODE SER USADO NA PGs INTERNAS */
.main_titulo{font-size: 3em;}
    .main_titulo_mtop{margin-top: 50px;}

/* CSS DA AREA EM DESTAQUE */
.main_destaque_portaldatransparencia{display: inline-block; position: relative; width: 32.5%; padding-left: 15%; height: 400px; background-image: url(images/bg-transparente-green.png), url(images/destaque-portaldatransparencia.jpeg);}
.main_destaque_licitacoes{display: inline-block; position: relative; width: 17.5%; height: 400px; border-left: 5px solid #FFF; border-right: 5px solid #FFF; background: url(images/bg-transparente-green.png), url(images/destaque-licitacoes.png) center;}
.main_destaque_ouvidoria{display: inline-block; position: relative; width: 17.5%; height: 400px; border-right: 5px solid #FFF; background: url(images/bg-transparente-green.png), url(images/destaque-ouvidoria.jpg) center;}
.main_destaque_contato{display: inline-block; width: 32.5%; padding-right: 15%; height: 400px; background: url(images/bg-transparente-green.png), url(images/destaque-contato.jpg) center;}
.main_destaque_btn{width: 90%; font-family: 'Roboto Condensed', sans-serif; font-size: 1.3em; text-decoration: none;  margin: 270px 5% 0 5%; height: 80px; display: flex; align-items: center; justify-content: center;  color: #1d7405; text-transform: uppercase; background: #FFF;}
    .main_destaque_btn:hover{text-decoration: underline}

/* CSS NOTICIAS DA HOME */
.titulo_bloco_noticia{font-size: 2.6em; text-transform: uppercase; width: 29%; padding: 60px 0 10px 17%; margin-bottom: 40px; border-bottom: 7px solid #1d7405;}

.main_noticias_destaque{position: relative; color: #444;}
    .main_noticias_destaque .textos{position: absolute; bottom: 0; background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,1));}
    .main_noticias_destaque img{width: 100%;}
    .main_noticias_destaque h1{padding: 15px;}    
        .main_noticias_destaque h1 a{font-size: 1.6em; text-decoration: none;}
        .main_noticias_destaque h1 a:hover{text-decoration: underline;}
        
.main_noticias{width: 100%; padding: 0; margin-bottom: 4%; background: none;}
    .main_noticias:last-of-type{border-bottom: none;}

    .main_noticias_thumb{display: inline-block; width: 50%; vertical-align: top;}

    .main_noticias_content{display: inline-block; width: 50%; padding: 7px 20px;}    
        .main_noticias_content h1{ font-size: 1.5em; font-weight: 600;}
            .main_noticias_content h1 a{text-decoration: none; color: #000;}
            .main_noticias_content h1 a:hover{text-decoration: underline;}


/* CSS PROJETOS DE LEI DA HOME */  
.titulo_bloco_projetos_de_lei{font-size: 2.6em; color: #FFF; text-transform: uppercase; width: 100%; padding: 20px 0; margin: 60px 0 20px 0; background: #1d7405;}

.main_projetos_de_lei{width: 100%; margin: 20px auto 0 auto; color: #444;}    
    .main_projetos_de_lei h1 a{font-size: 1.7em; color: #000; text-decoration: none; padding-top: 10px;}
    .main_projetos_de_lei h1 a:hover{text-decoration: underline;}
    .main_projetos_de_lei p{font-size: 1.1em; font-weight: normal; padding-bottom: 10px;}
    .main_projetos_de_lei h1 .tagline{font-size: 0.95em; padding-top: 10px;}
    
   
/* CSS LINKS UTEIS DA HOME */
.titulo_bloco_links_uteis{font-size: 2.6em; text-transform: uppercase; width: 38.5%; padding: 60px 0 10px 17%; margin-bottom: 40px; border-bottom: 7px solid #1d7405;}

.linksuteis{border: 1px solid #CCC; padding: 20px; background-image: linear-gradient(#eee,#e5e5e5); text-transform: uppercase; color:#5c5c5c; text-decoration: none; margin-bottom: 50px;}
.linksuteis:hover{box-shadow: 0 0 10px #e2e2e2;}
    .linksuteis img{padding: 0 40px}
    .linksuteis h3{text-align: center; font-size: 1.2em; height: 50px;}


/*CSS FOOTER*/
.bg_main_footer{background-image: linear-gradient(#24830a,#1d7405); border-top: 1px solid #FFF; margin-top: 30px; width: 100%;}

.main_footer_logo{width: 25%;}
    .main_footer_logo img{width: 100%;}

.main_footer_informacoes{ width: 75%; text-align: right; padding: 50px 0;}
    .main_footer_informacoes h1{width: 100%; font-size: 1.6em; color: #eee; margin-bottom: 15px;}
    .main_footer_informacoes p{font-size: 1em; color: #eee; padding: 0 0 0 10px;} 
 
    
/* CSS DO DESENVOLVEDOR */    
.main_osd{background-image: linear-gradient(#e5e5e5,#c1c1c1);}

.main_footer_osd{display: inline-block; width: 100%; margin: 10px 0}
    .main_footer_osd .logo_osd{float: right; width: 3%;}
    .main_footer_osd .texto_osd{float: left; text-align: right; width: 97%; padding: 5px 5px 0 0;}
        .main_footer_osd .texto_osd h1{ font-size: 1em; font-weight: 700}
        .main_footer_osd .texto_osd a{color: #000;}
        .main_footer_osd .texto_osd p{font-size: 0.7em; }   


/*************************************************************************
*                    CSS PARA PAGINAS COM SIDEBAR                        *
*************************************************************************/

.content_page_side{display: inline-block; vertical-align: top;}
.content_page_bar{display: inline-block; vertical-align: top; padding-left: 20px;}

.content_page header{text-decoration: none; color: #FFF; text-transform: uppercase; width: 100%; padding: 20px 0; margin: 0 0 20px 0; background: #427e41;}
.content_page h1{font-size: 2.6em; font-weight: bold; width: 100%;}
.content_page p{font-size: 1.4em; font-weight: bold; width: 100%;}

.sidebar_most{padding: 30px 0 0 0;}
    .sidebar_most > h1{font-size: 1.4em; margin-top: 7px; margin-bottom: 20px; padding: 0 0 20px 5px; border-bottom: 1px solid #ccc;}

    .sidebar_most_post{margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px dotted #eee;}
        .sidebar_most_post:last-of-type{margin-bottom: 0;}

        .sidebar_most_post h1{font-size: 1.1em; font-weight: 600; color: #5c5c5c; margin-top: 10px;}
        .sidebar_most_post a{text-decoration: none; color: #737373; line-height: 1;}
            .sidebar_most_post a:hover{color: #2fa66a;}


/*CSS LISTA DE NOTICIAS WSIDEBAR*/
.content_page_side .post_list{margin: 15px 0 15px 10px; padding: 0; border: 1px #ccc solid; background: none;}

    .content_page_side .post_list .post_list_thumb{display: inline-block; width: 30%; vertical-align: top;}

    .content_page_side .post_list_content{display: inline-block; width: 70%; padding: 15px 20px;}

        .content_page_side .post_list_content h1{ font-size: 1.6em; line-height: 1.1; font-weight: 600;}
            .content_page_side .post_list_content h1 a{text-decoration: none; color: #427e41;}
            .content_page_side .post_list_content h1 a:hover{text-decoration: underline;}

        .content_page_side .post_list_content p{font-size: 1em; margin: 10px 0 0 0;}
        .content_page_side .post_list_content .link{font-size: 0.7em; color: #fff; text-decoration: none; padding: 5px 10px; background: #888; text-transform: uppercase;}
        .content_page_side .post_list_content .link:hover{background: #0a5285; transition-duration: 0.3s;}

/*CSS LISTA DE NOTICIAS WSIDEBAR*/
.content_page_side .video_list{margin: 15px 0 15px 10px; padding: 0; border: 1px #ccc solid; background: none;}

.content_page_side .video_list_content{display: inline-block; width: 100%; padding: 15px 20px;}

.content_page_side .video_list_content h1{display: inline-block; width: 95%; font-size: 1.6em; line-height: 1.1; font-weight: 600;}
.content_page_side .video_list_content h1 a{text-decoration: none; color: #427e41;}
.content_page_side .video_list_content h1 a:hover{text-decoration: underline;}

.content_page_side .video_list_content i{width: 5%; font-size: 1.5em; margin: 0 0 10px 0;}


/*CSS LISTA DE NOTICIAS WSIDEBAR*/   
.content_page_side .post_list{margin: 15px 0 15px 10px; padding: 0; border: 1px #ccc solid; background: none;}

    .content_page_side .post_list .post_list_thumb{display: inline-block; width: 30%; vertical-align: top;}

    .content_page_side .post_list_content{display: inline-block; width: 70%; padding: 15px 20px;}
    
        .content_page_side .post_list_content h1{ font-size: 1.6em; line-height: 1.1; font-weight: 600;}
            .content_page_side .post_list_content h1 a{text-decoration: none; color: #427e41;}
            .content_page_side .post_list_content h1 a:hover{text-decoration: underline;}
            
        .content_page_side .post_list_content p{font-size: 1em; margin: 10px 0 0 0;}
        .content_page_side .post_list_content .link{font-size: 0.7em; color: #fff; text-decoration: none; padding: 5px 10px; background: #888; text-transform: uppercase;}
        .content_page_side .post_list_content .link:hover{background: #0a5285; transition-duration: 0.3s;}
        
        
/*CSS FALE CONOSCO*/
.content_page_side .faleconosco{padding: 10px; margin: 20px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

    .content_page_side .faleconosco label{display: block; margin-bottom: 15px; font-size: 0.9em; text-transform: uppercase;}
    .content_page_side .faleconosco input,
    .content_page_side .faleconosco textarea{border: 1px solid #e2e2e2;  display: block; margin-top: 5px; font-size: 1em; border-radius: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
    .content_page_side .faleconosco button,
    .content_page_side .faleconosco input[type="submit"]{display: block; border: 0; color: #fff; text-shadow: 0 1px #000; cursor: pointer; margin-top: 30px; padding: 10px 20px; font-size: 1em; font-weight: bold; text-transform: uppercase; background: #00B494; border-bottom: 3px solid #008068; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
    .content_page_side .faleconosco button:hover,
    .content_page_side .faleconosco input[type="submit"]:hover{background-color: #008068; border-color: #0B5747;}    
    
    
/*CSS PESQUISA POSTS E OUTROS WSIDEBAR*/ 
.sidebar_search{background: #fff; border: 1px #CCC solid; margin: 45px 0 5px 0;}

    .sidebar_search input{display: inline-block; width: 75%; border: none; padding: 10px; vertical-align: top; margin: 0;}
    .sidebar_search button{display: inline-block; padding: 8px; width: 25%; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; vertical-align: top; margin: 0;}

.content_search{display: inline-block; box-shadow: 0px 0px 20px #eee; width: 80%; background: #fff; border: 1px #eee solid; margin: 35px 10%}

    .content_search input{display: inline-block; width: 75%; font-size: 1.3em; border: none; padding: 10px; vertical-align: top; margin: 0;}
    .content_search button{display: inline-block; font-size: 1.3em; padding: 10px; width: 25%; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; vertical-align: top; margin: 0;}


/*CSS MENU WSIDEBAR*/        
.sidebar_nav{padding: 10px; text-align: left;}

    .sidebar_nav ul{display: block; width: 100%;}
    
    .sidebar_nav li{display: block; width: 100%; }
        .sidebar_nav li a{display: block; width: 100%; padding: 15px 15px; margin-bottom: 5px; background-image: linear-gradient(#cb2128,#911d22); border-radius: 2px; font-size: 0.75em; color: #FFF; text-decoration: none; text-transform: uppercase;}
        .sidebar_nav li a:hover{background: #911d22;}


/*********************************************************
*                 CSS SUB PAGINAS                        *
*********************************************************/

/*CSS PORTAL DA TRANSPARENCIA*/
.main_portaldatransparencia{margin: 30px 0; border-top: 1px #3a3a3a dotted;}
    .main_portaldatransparencia:first-of-type{border-top: 0;}

    .main_portaldatransparencia > h1{margin: 20px 0;}
    .main_portaldatransparencia .bloco{display: block; width: 100%; padding: 7px 20px;}


/*CSS POST*/
.post_single{background: none;}

    .post_single .post_content header{margin-top: 10px; padding: 30px;}

    .post_single .post_content .title{font-size: 2em; font-weight: 300; color: #0a5285; margin-bottom: 15px;}
    .post_single .post_content .tagline{font-size: 1.4em; font-weight: 300; color: #555;}
    
    .post_single .post_content .post_comments{padding: 30px; background: #fbfbfb; border-top: 1px solid #f3f3f3;}
        .post_single .post_content .post_comments h1{font-size: 1.2em; padding-left: 5px; padding-bottom: 20px; font-weight: bold; text-transform: uppercase; color: #555;}

    .post_single .post_content .postby{font-size: 0.7em; font-weight: 300; color: #0a5285; text-transform: uppercase; margin-top: 15px;}
        .post_single .post_content .postby time,
        .post_single .post_content .postby b{font-weight: 300; color: #0a5285;}
        
/* CSS DO BLOCO DO NOTICIAS DA 404 MAIS PODE SER USADO EM OUTROS LOCAIS */
.main_blog{background-color: #fbfbfb; text-decoration: none; padding: 0; border: 0 solid #E6E4D9;}
    .main_blog:hover{color: #FFF; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);}
      
    .main_blog img{width: 100%; margin: 0;}
    
    .main_blog .main_blog_textos{width: 100%; border: 1px solid #e6e6e6; margin: 0; border-top: 0;}
        .main_blog .main_blog_textos h1{width: 90%; margin: 0 15px 30px 15px; font-size: 1.4em; height: 105px; padding: 20px 10px 10px 0; font-weight: bold;}
        .main_blog .main_blog_textos a{color: #444; text-decoration: none; z-index: 99}
        .main_blog .main_blog_textos a:hover{text-decoration: underline;}        
        .main_blog .main_blog_textos .tagline{font-size: 0.9em; font-weight: 300; padding: 15px; width: 100%;}
   


/*CSS ARQUIVOS E LINKS, INDICACOES, REQUERIMENTO, PROJETOS DE LEI E OUTROS*/
.main_docs{display: inline-block; vertical-align: top; padding: 10px 0 0 0;}

    .main_docs .doc_list_content{display: inline-block; width: 98%; padding: 30px 0; border-bottom: 1px #CCC dotted;}
        .main_docs .doc_list_content:last-of-type{border-bottom: none;}

        .main_docs .doc_list_content h1{font-size: 1.6em; line-height: 1; font-weight: 600; padding-bottom: 7px;}

            .main_docs .doc_list_content h1 a{text-decoration: none; color: #427e41;}
                .main_docs .doc_list_content h1 a:hover{text-decoration: underline;}

        .main_docs .doc_list_content .tagline{font-size: 1em; margin-left: 0; padding: 3px 0 7px 0;}
        .main_docs .doc_list_content .autores{font-size: 1em; margin-left: 0; padding: 1px 0;}

    .main_docs .emendas{margin: 15px 10px}
        .main_docs .emendas h2{font-size: 1.2em}
        .main_docs .emendas h3{font-size: 1em}
            .main_docs .emendas h3 a{color: #569955; text-decoration: none}
            .main_docs .emendas h3 a:hover{text-decoration: underline}
        .main_docs .emendas i{font-size: 0.7em}


/*CSS ARQUIVOS E LINKS, INDICACOES, REQUERIMENTO, PROJETOS DE LEI E OUTROS*/
.search{color: #000; margin: 5px 0; padding: 0 20px; background: none;}
    .search:hover{outline: 1px #ccc solid; }

    .search .search_list{display: inline-block; width: 98%; padding: 15px 0; border-bottom: 1px #CCC dotted;}
        .search .search_list:last-of-type{border-bottom: none;}

        .search .search_list h1{font-size: 1.6em; line-height: 1; font-weight: 600; padding-bottom: 7px;}

            .search .search_list h1 a{text-decoration: none; color: #427e41;}
                .search .search_list h1 a:hover{text-decoration: underline;}

        .search .search_list .tagline{font-size: 1em; margin-left: 0; padding: 3px 0 7px 0;}
        .search .search_list .autores{font-size: 1em; margin-left: 0; padding: 1px 0;}

.search_form  { width: 90%; max-width: 700px; margin: auto}
.search_form input{font-size: 1.4em; padding: 15px 10px;}
.search_form button{width: 100%; margin-top: 20px}
        

/*CSS VEREADORES*/
.vereador{display: inline-block; border: 1px solid #ccc;}
    .vereador img{width: 15%; float: left; padding-right: 30px; margin: 10px;}
    .vereador h1{margin-top: 10px; font-size: 2em; line-height: 1.2; color: #298959; font-weight: 600; padding: 10px 2px 5px 2px;}
    .vereador .tagline{font-size: 1em;}



.testimony{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 101;
    display: none;
}

.testimony_content{
    display: block;
    position: relative;
    width: 660px;
    max-width: 90%;
    margin: 3% auto 0 auto;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.testimony_content h1{
    font-size: 1.2em;
    font-weight: 300;
    color: #555;
    padding: 20px;
}

.testimony_content h1 b{
    font-weight: bold;
    color: #00896F;
}

.testimony_close{
    color: #fff;
    background: #000;
    border: 3px solid #fff;
    padding: 6px 12px;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
}

.testimony_close:hover{
    background: #c78585;
}

.testimony_content .content_like{
    display: block;
    width: 100%;
    padding: 20px;
}

.testimony_content .box_like{
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 0;
    vertical-align: top;
}

.testimony_content .box_like p{
    font-weight: 300;
    margin-bottom: 15px;
    color: #555;
}


/*************************************************************************
*                           CSS BREAKPOINTS                              *
*************************************************************************/
    

/*BREAKPOINT 1600PX*/
@media (max-width: 100em){
    .content{width: 80%}    

    .main_header_e{width: 30%}
    .main_header_d{width: 70%}
    
    .seja_bem_vindo{padding-left: 10%}
    
    .main_destaque_portaldatransparencia{width: 30%; padding-left: 10%;}
    .main_destaque_licitacoes{width: 20%;}
    .main_destaque_ouvidoria{width: 20%;}
    .main_destaque_contato{width: 30%; padding-right: 10%;}
    
    .titulo_bloco_noticia{width: 26%; padding: 60px 0 10px 12%}    
    .titulo_bloco_links_uteis{width: 38%; padding: 60px 0 10px 12%}
}

/*BREAKPOINT 1366PX*/
@media (max-width: 85em){
    .content{width: 90%}
    .seja_bem_vindo{width: 45%;padding-left: 5%}
        
    .main_destaque_portaldatransparencia{width: 27.5%; padding-left: 5%}
    .main_destaque_licitacoes{width: 22.5%;}
    .main_destaque_ouvidoria{width: 22.5%;}
    .main_destaque_contato{width: 27.5%; padding-right: 5%}
    
    .main_destaque_btn{font-size: 1.05em}
    
    .titulo_bloco_noticia{width: 24%; padding: 60px 0 10px 7%}
    
    .main_noticias_destaque h1 a{font-size: 1.4em}
    .main_noticias_content h1{font-size: 1.3em}
          
    .titulo_bloco_links_uteis{padding: 60px 0 10px 7%}
    
    .content_page_side .post_list_content h1{ font-size: 1.2em}
    .content_page_side .post_list_content p{font-size: 0.9em}
}


/*BREAKPOINT 1150PX*/
@media (max-width: 72em){     
    .main_header_e{width: 32%;}
    .main_header_d{width: 68%;}
    
    .titulo_bloco_noticia{width: 26%;}     
    .titulo_bloco_links_uteis{width: 41%;}
    
    .linksuteis h3{font-size: 1em}
    
    .content_search{width: 96%; margin: 35px 2%}
    
    .vereador h1{margin-top: 15px; font-size: 1.8em}
}

/*BREAKPOINT 1024PX*/
@media (max-width: 63.9375em){       
    .main_header_e{width: 300px;}
    .main_header_d{width: auto;}
    
    .seja_bem_vindo{width: 70%; border-bottom: 5px solid #FFF}
    
    .main_destaque_btn{font-size: 0.95em}

    .titulo_bloco_noticia{width: 30%}
    
    .main_noticias_destaque h1 a{font-size: 1.1em}
    .main_noticias_content h1{font-size: 1em}
    
    .main_projetos_de_lei h1 a{font-size: 1.4em}
    .main_projetos_de_lei h1 .tagline{font-size: 0.8em}
    .main_projetos_de_lei p{font-size: 1em}    
      
    .titulo_bloco_links_uteis{width: 47%;}
    
    .linksuteis{padding: 10px}
    .linksuteis h3{font-size: 0.9em}
    
    .main_footer_logo{width: 30%}
    .main_footer_informacoes{width: 70%}
    .main_footer_informacoes h1{font-size: 1.2em}
    .main_footer_informacoes p{font-size: 0.9em}

    .main_footer_osd .logo_osd{width: 7%;}
    .main_footer_osd .texto_osd{width: 93%;} 
    
    .vereador img{width: 15%; padding-right: 15px}
    
    
    .content_page_side .post_list_content{padding: 5px 10px;}  
    .content_page_side .post_list_content h1{ font-size: 1em}
    .content_page_side .post_list_content p{font-size: 0.8em}
}

/*BREAKPOINT 850PX*/
@media (max-width: 53.125em){   
    
    .main_noticias_destaque h1 a{font-size: 1em}
    .main_noticias_content h1{font-size: 0.9em}       
      
    .titulo_bloco_links_uteis{width: 52%}
    
    .main_footer_informacoes h1{font-size: 1.1em}
    .main_footer_informacoes p{font-size: 0.8em} 
    
    .content_search input,
    .content_search button{font-size: 1.1em}  
    
    .vereador h1{margin-top: 8px; font-size: 1.4em}
}

/*BREAKPOINT 768PX*/
@media (max-width: 48em){ 
    .box6{width: 23.5%; margin: 1% 2% 1% 0;}
    .box6:nth-of-type(4n+0){margin-right: 0;}
    
    .main_destaque_portaldatransparencia{width: 100%; padding: 0 10%; height: 250px;}
    .main_destaque_licitacoes{width: 100%; padding: 0 10%; height: 250px; border-left: 0; border-right: 0; border-bottom: 5px solid #FFF; border-top: 5px solid #FFF;}
    .main_destaque_ouvidoria{width: 100%; padding: 0 10%; height: 250px; border-bottom: 5px solid #FFF;}
    .main_destaque_contato{width: 100%; padding: 0 10%; height: 250px;}

    .main_destaque_btn{font-size: 1.4em; margin: 135px 5% 0 5%;}
    
    .titulo_bloco_noticia{font-size: 2em; width: 35%} 
    
    .main_noticias{margin-bottom: 30px;}
    
    .main_noticias_thumb{width: 40%;}
    .main_noticias_content{width: 60%; padding: 7px 10px;}
    
    .main_noticias_destaque h1 a{font-size: 1.6em}
    .main_noticias_content h1{font-size: 1.5em}  
    
    .titulo_bloco_projetos_de_lei{font-size: 2em}
    
    .titulo_bloco_links_uteis{width: 55%; font-size: 2em}
    
    .main_footer_logo{width: 60%; margin: 0 40% 0 0}
    .main_footer_informacoes{ width: 100%}
    .main_footer_informacoes h1{font-size: 1.3em}
    .main_footer_informacoes p{font-size: 0.85em}
            
    .main_footer_osd{width: 96%; margin: 10px 2%}
        .main_footer_osd .logo_osd{float: left; width: 10%;}
        .main_footer_osd .texto_osd{float: right; text-align: center; width: 90%;}
            .main_footer_osd .texto_osd h1{ font-size: 1em;}       
            
    .box_side_i{width: 90%; margin: 0 5%;}
    .box_bar_i{width: 70%; margin: 0 15%; padding-right: 0} 
    
    .vereador h1{margin-top: 10px; font-size: 1.8em}
        
    .content_page_side .post_list_content p{display: none}
}

/*BREAKPOINT 600PX*/
@media (max-width: 37.5em){         
    
    .mobile_action{width: 70px; height: 70px; margin: 15px 0 0 0}
    .main_header_e{width: 250px}
    
    .seja_bem_vindo{width: 80%}
    
    .titulo_bloco_noticia{width: 45%}
    
    .main_noticias_destaque h1 a{font-size: 1.4em}
    .main_noticias_content h1{font-size: 1.25em}  
    
    .titulo_bloco_projetos_de_lei{margin: 30px 0 20px 0}
    
    .titulo_bloco_links_uteis{width: 65%}
    
    .main_footer_logo{width: 75%; margin: 0 25% 0 0}
    .main_footer_informacoes h1{font-size: 1.05em}
    .main_footer_informacoes p{font-size: 0.75em}
    
    .vereador img{width: 20%; padding-right: 5px; margin: 5px}
    .vereador h1{margin-top: 0; font-size: 1.1em}
}

/*BREAKPOINT 480PX*/
@media (max-width: 30em){ 
    .box6{width: 32%; margin: 1% 2% 1% 0 !important;}
    .box6:nth-of-type(3n+0){margin-right: 0 !important;}          
    
    .mobile_action_faixa_borda{padding: 0}
    .mobile_action{width: 60px; height: 60px; margin: 10px 0 0 0}
    .main_header_e{width: 250px}
    
    .main_header_e{width: 200px}
    .main_header_d{width: auto;}
    
    .content{width: 94%;}  
    
    .titulo_bloco_noticia{width: 60%}
    
    .main_noticias_destaque h1 a{font-size: 1.1em;}
    .main_noticias_content h1{font-size: 1em}  
          
    .titulo_bloco_projetos_de_lei{font-size: 1.6em;}
    
    .titulo_bloco_links_uteis{width: 80%}
    
    .main_footer_osd .logo_osd{width: 15%;}
    .main_footer_osd .texto_osd{width: 85%; padding-top: 18px}
        .main_footer_osd .texto_osd h1{ font-size: 0.875em;}  
        .main_footer_osd .texto_osd p{ font-size: 0.875em;} 
    
    .content_page h1{font-size: 2em}
    
    .box_side_i{width: 96%; margin: 0 2%;}
    .box_bar_i{width: 96%; margin: 0 2%}
    
    .content_search input{width: 70%; font-size: 1em}
    .content_search button{width: 30%; font-size: 1em}
    
    .content_page_side .post_list_content h1{ font-size: 0.9em}    
}

/*BREAKPOINT 380PX*/
@media (max-width: 24em){   
    
    .mobile_action{margin: 3px 0 0 0}
    .main_header_e{width: 175px}
    .main_header_d{width: auto;}
    
    .main_destaque_btn{font-size: 0.9em;}
    
    .titulo_bloco_noticia{width: 80%}
    
    .main_noticias_destaque h1 a{font-size: 0.9em}
    .main_noticias_content h1{font-size: 0.875em}  
    
    .main_projetos_de_lei h1 a{font-size: 1.2em}
    .main_projetos_de_lei h1 .tagline{font-size: 0.7em}
    .main_projetos_de_lei p{font-size: 0.8em}
    
    .titulo_bloco_links_uteis{font-size: 1.6em; width: 85%}
    
    .linksuteis{padding: 5px}
    .linksuteis h3{font-size: 0.7em}
      
    .main_footer p{font-size: 1.2em;}
    .main_footer_logo p{font-size: 1.8em;}   
            
    .content_search input,
    .content_search button{font-size: 0.8em}
}

/*BREAKPOINT 320PX*/
@media (max-width: 20em){  
    .content{width: 96%;}    
    
    .main_noticias_destaque h1 a{font-size: 0.8em}
    .main_noticias_content h1{font-size: 0.8em}  
}