/* xxxxxxxx EM TODAS xxxxxxxxx */
  
a {color:#039; text-decoration: none } 
a:hover { color:#39C; }
a.limpo { color:#000; }
a.neutro { color:#336; }
a.neutro:visited {color:#666; }
a.neutro:hover {color:#029feb;}
img{border:none; max-width:100%;}

h1 {    font-size: 21px;    color: #069;}
main h2{font-size: 21px;    color: #3b4a5f;    text-align: center;} 
h3{     text-align: center;    font-size: 1.3em;    color: #2f2f2f;}
h5 {font-size: 1.05em; color:#036;background-color:#CACACE; padding: 2px;}
h5 img {    float: right;    margin-right: 2px;}
h6 { font-size: 1.2em;    color: #383838;    font-weight: normal;    margin-top: 15px;    margin-bottom: 9px;    /* text-shadow: 0 1px 2px #96CFF0; */    font-family: verdana;}

.upper { text-transform: uppercase;}

/*-------------------------------- PÁGINA PAI ------------------------------------*/ 
body#pai {background-color:#CCC;	margin:0px;	font-family:"Segoe", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;/*Verdana, Geneva, sans-serif*/}  
input, .btn, .btn2{font-family:Verdana, Geneva, sans-serif;}
div#backPai{ float:left;  background: #657083;      width: 1320px;    margin-left: calc(50% - 670px);  padding: 0 10px 10px; max-width: 100%;}
div#divPai{    background-color: #fff;    border-radius: 0 0 10px 10px;    box-shadow: 0px 1px 10px 0px #333;}  
div#divPai, header, main, footer{float:left; width:100%;}

header{background-image: url(../img/cabecalioG.jpg); height: 156px;   margin-bottom: 17px; font-family: Verdana, Geneva, Tahoma, sans-serif; background-position: right;}
.cabec .sprite{ max-width:98%;}
i#brasao {
    background-image: url(/img/brasao.png);
    display: block;
    float: left;
    width: 110px;
    height: 115px;
    margin: 7px 4% 0 5%;
}
#txt_camaraAguai{       width: 530px;
    padding: 2px 0 4px;
    display: block;
    font-size: 36px;
    text-shadow: -2px -2px 2px #92ceff, 1px -1px 2px #92ceff, -1px 1px 2px #92ceff, 1px 1px 2px #92ceff, 3px 3px 4px #000;
    margin: 9px 15% 9px 0;
    float: left; } /*escrita Câmara Muncipal de Aguaí*/
#txt_estSP{ width: 460px;    display: block;   font-size: 24px;
    text-shadow: 1px 2px 1px #fff, 2px 1px 1px #fff, -1px -2px 1px #fff, -2px -1px 1px #fff, 2px 3px 6px #000;
  float: left;}

/*  MENU PRINCIPAL  */
nav{  float: left; width: 100%;;   height: 36px;    border-radius: 5px;    background-color: #0C4B69;   /* background-image: linear-gradient(180deg,#0272a7,#013953); */background-image: linear-gradient(180deg,#748186,#24343C);   border: 1px solid #002232;
    box-shadow: inset 0 0 1px #edf9ff;    margin: 8px 0 16px 1px;    padding: 0 1% 0 .6%; max-width:98%}
    
.mn{float: left;  margin: 0;  padding: 0;z-index: 999; width: 100%;}
.mn li{float:left;display:block;position:relative;margin-right:2%;margin-top:2px;line-height:21px;padding:4px 15px}
.mn li:hover{border:1px solid #777;background-color:#F4F4F4;background-image:linear-gradient(180deg,#F4F4F4,#EEEEEE);border-radius:5px 5px 0 0;padding:4px 14px}

.mn li .label{cursor: pointer; color:#EEE;display:block;text-shadow: 1px 1px 1px #000; padding-right:22px;background:url(/img/mn_drop.png) no-repeat right 8px}
.mn li:hover .label{color:#161616;text-shadow:1px 1px 1px #fff; background:url(/img/mn_drop.png) no-repeat right 7px}
.mn li:first-child{margin-right:8px;}
.mn li:first-child .label{padding-right:0; background:none;}

#bscSite{margin-top: 56px;}
input#buscaNoSite {
    width: 200px;
}

.caixa_mn{ position: absolute; width:160px;   left: -999em;    border: 1px solid #777;    border-top: none;
    background: #EEE;    background-image: linear-gradient(180deg,#EEE,#BBB);    border-radius: 0 5px 5px 5px;    z-index: 9999;
    margin: 4px auto;     padding: 10px 5px 17px; font-family: arial;    font-size: 1.10em;}
.mn li:hover .caixa_mn{left:-1px;}
.mn li:hover #mn_faleconosco{left:auto;right:-1px;}

.caixa_mn p, .caixa_mn h2, .caixa_mn a{text-shadow:1px 1px 1px #fff}
.caixa_mn h2{font-size:21px;font-weight:400;letter-spacing:-1px;padding-bottom:14px;border-bottom:1px solid #666;    margin: 7px 3px 14px;}
.caixa_mn p{margin: 10px 5px;    font-size: .83em;line-height: 22px;}
.caixa_mn a{ color:#015b86}

.caixa_mn a:hover{color:#029feb}

.btn_mn{line-height:24px;background:#F4F4F4;border:1px solid #bbb;width: 86%;border-radius:5px;padding:4px 6px;float: left;
    margin: 3px 7px 3px 3px;}
.btn_mn:hover{background:#fff;}
.btn_mn i {    margin: 4px 10px 4px 4px;}
.btn_mn a{    width: 100%;    display: block; font-size:.82em;}
.col_1 .btn_mn { margin: 0 0 6px 0; width: 135px;}

#mn_busca{width:310px}
#mn_busca .btn_mn {width: 42%;}
.caixa_mn form{text-align:center}

#mn_cam{width: 180px;}
#mn_cam .btn_mn {width: 88%;}

#mn_docs {    width: 215px;}
#mn_docs .btn_mn, #mnTransparencia .btn_mn {width: 90%;}
#mnTransparencia {    width: 210px;}

#mn_faleconosco{width:310px;border-radius:5px 0 5px 5px}
.col_1{     float: left;    margin: 0;    padding: 0 5px 17px;    width: 145px;}
.nossTel{ line-height: 24px;    text-align: center;    font-size: .86em !important;}
.nossTel a {margin: 5px 0 12px;    display: inline-block;}


.w180{width: 200px!important}
.w180 .btn_mn{ width:175px;}


.exibeEmMobile{display:none;}













/* img split menu */
[class^="sprite-"], [class*=" sprite-"] {    background-image: url(/img/splitMenu.png);    background-repeat: no-repeat;    display: block;	width:16px;	height:16px; float:left; margin: 0 4px;}
.sprite-Mn_suport {    width: 65px;
    height: 60px;
    background-position: -5px -5px;
    margin: 9px 19px 7px 2px;}
.sprite-graf {width: 17px;background-position: -5px -75px;}
.sprite-group {background-position: -5px -101px;}
.sprite-home {background-position: -5px -127px;}
.sprite-info {background-position: -5px -153px;}
.sprite-infoI {width: 15px;height: 15px;background-position: -5px -179px;}
.sprite-login {background-position: -5px -204px;}
.sprite-mail {background-position: -5px -230px;}
.sprite-mapaSite {background-position: -5px -256px;}
.sprite-mn_aoVivo {width: 18px;height: 15px;background-position: -5px -282px;}
.sprite-mn_estatist {width: 17px;background-position: -5px -307px;}
.sprite-mn_estrela {background-position: -5px -333px;}
.sprite-mn_eventos {background-position: -5px -359px;}
.sprite-mn_flecha {background-position: -5px -385px;}
.sprite-mn_fotos {background-position: -5px -411px;}
.sprite-mn_func {background-position: -5px -437px;}
.sprite-mn_historia {background-position: -5px -463px;}
.sprite-mn_lom {background-position: -5px -489px;}
.sprite-mn_lupa {background-position: -5px -515px;}
.sprite-mn_map {background-position: -5px -541px;}
.sprite-mn_materias {background-position: -5px -567px;}
.sprite-mn_regim {background-position: -5px -593px;}
.sprite-mn_retrat {background-position: -5px -619px;}
.sprite-mn_transparencia2 {background-position: -5px -645px;}
.sprite-mn_tv {background-position: -5px -671px;}
.sprite-mn_ver {background-position: -5px -697px;}
.sprite-mn_veread {background-position: -5px -723px;}
.sprite-script_text {background-position: -5px -749px;}
.sprite-tel {background-position: -5px -775px;}


/* FIM MENU PRINCIPAL  */

footer{     padding: 10px 0;}

footer hr{ width:99%;}

footer .t {   width: 98%; float: left;    margin:10px 0 10px 2%; display: table-cell;}
footer .t div, footer .t a{ display: inline-block; }
footer .c1 {    width: 82%;}
footer .c2 {    width: 17%;}


.noExibeEmMobile {display:initial;}
/*--- FIM PÁGINA PAI ---*/ 

/*-------Fonte Icones ------ */
@font-face {  font-family: 'icomoon';  src:  url('/_css/fonts/icomoon.eot?w8tdam');
 	src:  url('/_css/fonts/icomoon.eot?w8tdam#iefix') format('embedded-opentype'),
    url('/_css/fonts/icomoon.ttf?w8tdam') format('truetype'),
    url('/_css/fonts/icomoon.woff?w8tdam') format('woff'),
    url('/_css/fonts/icomoon.svg?w8tdam#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {  font-family: 'icomoon' !important;  font-weight: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.icon-search:before {  content: "\e900";}
.icon-eye:before {  content: "\e9ce";}
.icon-triangle-right:before {  content: "\e903";}
.icon-triangle-down:before {  content: "\e901";}


/*-------------------------------- DIVERSAS PÁGINAS  ------------------------------------*/ 

p.linha1 {    margin: 3px 10px;    color: #654;} /*linha após o main*/

/*PERSONALIZAÇÃO - geral */
/* flutua imagem à esquerda - usado no menu */
.img_left { float:left;	margin:4px 10px 4px 4px;}
.img_noLink { float:left; margin-right:5px;}

/* Títulos e font - diversos */
.alinhaCentro {	text-align:center;}
.alinhaDireita { text-align:right;}
.subFonts {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #1A1A4D; text-align:justify;}
.txtfraco{color:#666;}	/*utilizado txt leis/  */
.txtfracofraco{color:#999;}	/*utilizado txt leis/  */
.fontepeq {	font-size: 15px;    color: #777;}

#carregando{position:absolute; top: 6px; left: 10px; background-color:#fff;}
/*#CarregandoAnimado{	position:absolute;z-index:1;}
#CarregandoAnimado img {width:32px; height:32px}*/
.oculto{display: none;}

/* ------------------ inicial --------------------*/

/*Formulários*/
.faixaFiltros {    border: 1px solid #659;    background-color: #f5f5f5;    margin: 0 0.5% 10px 0.5%;    padding: 2px 10px;
   }
.faixaFiltros span {    display: inline-block;}
.faixaFiltros  label {    margin: 5px 0;    display: inline-block;}
.faixaFiltros select{    padding: 3px 5px; margin: 5px;}

.caixaTxt {	width: 100%; box-sizing:border-box; border: 1px solid #ccc; padding: 5px 10px 5px 10px;color:#555;border-radius: 4px; margin-top:10px; margin-bottom:10px; background-color: rgba(255,255,255,.7)}
.caixaTxt:focus {border: 1px solid #06C; box-shadow: 0px 0px 5px 0px rgba(110,192,255,1);}

.btn{cursor: pointer;background-color: #428bca;	color:#fff;	border:#428BCA solid 1px;border-radius: 4px;padding:5px 15px;	margin:5px 0px 5px 8px;float:right;}
.btn:hover{background-color:#3276b1; border-color:#285e8e;color: #fff;}	

.btn2{background-color:#f8f8f8;border:1px solid #d3d3d3; color: #333; padding: 6px 11px 6px 11px;margin: 6px 0 5px 0;float: right;font-size: 12px;}
.btn2:hover{border-color: #c6c6c6;background-image:linear-gradient(to right, #f8f8f8, #eee); color:#333;}

.btn3{background-color: #EEE; border: 1px solid #bbb; border-radius: 4px; width: 80px; padding: 4px 0px; cursor: pointer; margin: 0; display: inline-block; text-align: center; color: #003;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);}
.btn3:hover{ border-color:#7593ae; color: #069;	box-shadow: 0px 0.5px 1px 0px #5996FF;}
.btn3:active{box-shadow: 0px 0px 5px 0px #06F;}

.btn4 {	border: 1px solid #999;	background-color: #e2e2e2;
    padding: 5px 8px;	border-radius: 5px;	margin: auto;	cursor: pointer;	display: block;	width: fit-content;	color: #3a4b5d;	margin-top: 7px;}
.btn4:hover {	color: #369;	border-color: #369;	background-color: #f1f7fb;	}

/*Caixas com busca */	
#buscaLeis, #buscaMaterias{	width: 225px;    border: 1px solid #b7babc;    padding: 12px;    border-radius: 8px;    box-shadow: inset -1px -1px 2px -1px #000000;}
#buscaLeis{	height: 110px; background:url(/img/fundoLei.jpg) no-repeat #F5F5F5 96% 6%;}
#buscaMaterias{	height: 150px; background:url(/img/fundoFolha.jpg) no-repeat #F5F5F5 98% 1%}

/*Coluna lateral cinza */
.lateralCinza { width:215px;}
.lateralCinzaTit {background-image: url(/img/lateralTit.png);width: 200px;padding-top: 9px;	padding-left: 15px;	padding-bottom: 15px;    line-height: 16px;}
.lateralCinzaImg {    margin-left: 8px;    text-align: center;    background-color: #d7d7d7;}
.lateralCinzaText {	    margin-left: 8px;    padding-left: 7px;    color: #333;        font-size: 15px;
    line-height: 22px;   background-color: #d7d7d7;}


/* ---------------------- Cidade / Câmara ----------------*/

/*Coluna lateral gradiente azul */
.lateral_gradientAzul{    float: right;    width: 18%;
    margin-right: 0.5%;    background: #e4eff1;    background: linear-gradient(to right, #dce7e8 1%,#ebf3f6 7%,#fff 100%); padding:0.5%}
.lateral_gradientAzul .tit{  width: 94%;    margin: 20px auto 5px;    background-color: #D1E6F3;    padding: 2px 5px;}
.lateral_gradientAzul p{text-align:center;}
.lateral_gradientAzul ul {    list-style-type: circle;    margin-top: 8px;    padding-left: 22px;    line-height: 22px;}

/* bloco mais de - usado em páginas cidade e câmara   */
article#mais_de {       float: left;    width: 98%;    margin: 20px 0 0 0.5%;}
article#mais_de p{    background-color: #016495;
    color: #FFF;
    font-size: 1.1em;
    text-align: center;
    margin: 0;
    padding: 2px 0;}
article#mais_de div{     display: inline-block;    width: 24%;    text-align: center;    margin-top: 4px;    margin-bottom: 5px;}


/* FERRAMENTAS */

/* DIALOGO BOX POPUP */
#mask { position:fixed; left:0; top:0; z-index:9000; background-color:#000000aa; display:none; width:100%; height:100vh;}
#maskBranca { position:absolute; left:0; top:0; z-index:9000; background-color:#FFF; display:none; width:100%; height:100vh;}

/*classe para poder ser alterada*/
.dialog { position: fixed; display: none; z-index: 9010;  background-color: #fff;  max-width: 100%;    max-height: 100vh; height: auto; width: 500px; left: calc(50% - 250px);  top: 50px;    box-shadow: 0 1px 10px #000;   border-radius: 7px;   padding-bottom: 5px;}
#dialogAcessibilidade {    width: 800px;    left: calc(50% - 400px);    top: 4vh;} 

#dialogClose {position: absolute;    z-index: 9020;    left: calc(100% - 30px);    color: #6d6d6d;    font-size: 22px;    cursor: pointer;    background-color: #ffffff;    padding: 0 5px;    margin: 0;    border-radius: 15px;} 
#dialogClose:hover{color: #b90000;    text-shadow: 0px 0px 15px #f97f7f;}


.dialog .head{padding: 8px 8px 5px 9px;    font-size: 15px;    color: #333;    border-bottom: 1px solid #DDD;}
.head a {    float: right;    font-family: verdana, sans-serif;    font-weight: bold;    color: #999;    font-size: 1.05em;    margin-right: 2px;}
.head a:hover {    color: #666; }	
.dialogMain {    max-height: 90vh;    overflow-x: hidden;    overflow-y: auto;    margin: 1vh 0 1vh 5px;}
.rodape{border-top: 1px solid #DDD;  margin-top: 10px; float: left;  width: 96%;    padding: 2px 2% 3px;}
.confirm{float: none;    display: inline-block;    padding: 3px 13px; }
.cancel{    border-radius: 5px;    cursor: pointer;    margin: 7px 6px 8px 0;    padding: 3px 13px; }

.dialogClose {position: absolute;    z-index: 9020;    left: calc(100% - 30px);    color: #6d6d6d;    font-size: 22px;    cursor: pointer;    background-color: #ffffff;    padding: 0 5px;    margin: 0;    border-radius: 15px;} 
.dialogClose:hover{color: #b90000;    text-shadow: 0px 0px 15px #f97f7f;}

/*usado na galeria de prefeitos*/
a#dialogCloseFlutuante {     left: calc(100% - 30px);    font-family: verdana;    font-weight: bold;    color: #900000;    font-size: 1.7em;    position: absolute;}
a#dialogCloseFlutuante:hover {    color: #b90000;    text-shadow: 0px 0px 15px #f97f7f;}



/*TABS janela tabs - usado na inicial */
/*.tabs .abas{height:30px;}*/
.tabs .abas a{display:block; width:auto; float:left; margin-right:2px; padding:5px 10px 5px 10px; height:19px; color:#333; border-radius:3px 3px 0 0; border:#999 1px solid;position: relative;  z-index: 999;}
.tabs a.aba{/*background-color: #E9F2F8; background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(233,242,248,1.00) 100%);*/background-color: #c4e4d3;    background-image: linear-gradient(0deg,#e7e9ea 0%,#c4e4d3 100%);}
.tabs a.aba:hover {background-color:#FFF; background-image:none;}
.tabs a.abaSel{ background-color:#FFF !important; border-bottom-color:#FFF !important; cursor:default;}
.tabs div.conteudo{ width:100%; box-sizing: border-box; height:350px; border:#999 1px solid; border-radius:0px 3px 3px 3px; padding: 2px 2px 2px 8px;     position: relative;    z-index: 0;    top: -1px;    float: left;}
.tabs img.carregando{ margin-top: 70px; left:100px;  position: absolute; }
.tabs div.tabConteudo{ width:100%; height:100%; overflow:auto;display: none;}


/* GRID tabela de página consulta Leis e Matérias*/
.grid {float: left;    width: 97.6%;    margin-left: 0.9%;   border: 1px solid #666;    border-radius: 5px;    padding: .2%;}
.grid .headerGradiente {    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);  color: #003; height: 26px; }
.grid .headerGradiente, 
.grid .lin {float:left; width:100%; border-bottom: 1px solid #9a9;}
.lin:last-child {    border-bottom: none;}

.grid .colSituacao, .grid .colEmenta{float:left; padding: 5px 0 10px .5%; }
	
.grid .colEmenta{ width: 90%; border-right: 1px solid #ddd;  padding-right:1%;}
.grid .colSituacao{ width:7.4%; text-align: center; }
.grid .lin .colEmenta{ min-height: 60px;}
.grid .lin .colSituacao{ font-size:.9em;    color: #676767;}
.grid .lin .colSituacao img {    margin: 5px 0 2px;    width: 32px;    height: 32px}
.lin.par{background-color: #EFEFEF;}
	
.grid .dow {    float: right;   margin-top: 10px; color:#777;}
.grid .dow span {    font-family: emoji;}
.grid .dow img {    vertical-align: text-top;}
.grid a{color:#1C3569;}
.grid a:hover{color:#3A6BD1;}

.lightHover .lin:hover {background-color:#eef5fd;	background-image:linear-gradient(180deg,#F8FAFC,#E0ECFA); }
.destacPor {float:right; margin:5px 2px; width:16px; height:16px}

.marca { box-shadow: 0px 0px 0px 1.5px #f75f5b; }/* marca filtro de pesuisa com rezultado vazio*/


/*demais itens página de consulta*/
#SobreInfo{width:180px; float:right; margin: 10px 10px 0;}
#SobreInfo i {    margin: 0px 5px;}

.caixaFiltros{    background-color: #4b5d54;    color: #f9f9f9;    box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 1);
    width: 97%;    margin-left: 1%;    float: left;    border-radius: 5px;    padding: 0.5% 5px;}
.caixaFiltros div{float:left; margin-left:0.5%}
.caixaFiltros #btnBuscar{ background: none;    background-color: #EEE;float: none;    margin-left: 0;}
.caixaFiltros #btnBuscar i { margin-left: 5px;}

p.resultBuscaImg{ margin: 20px 4% 0 4%;    }
p.resultBuscaImg img { vertical-align: text-top;}
p.resultBuscaImg img:last-child { margin-left:10%;}
		
h4#totalRegistros{    text-align: center;    margin: 15px;    font-size: 1.1em;    color: #666;font-weight: initial;}
h4#totalRegistros div{display:inline-block}

div.paginacao {    float: left;    width: 98%;    text-align: center;    margin: 4px 1% 18px;    padding: 2px 0;
    background-color: #f3f3f3;    line-height: 24px;}
div.paginacao a, .paginacao span {    padding: 2px 7px;   display: inline-block;}
div.paginacao span {     color: #888;    border-bottom: 1px solid #999;}
div.paginacao:last-child{    margin: 40px 1% 18px;    padding: 7px 0;}





/* Toltip na página */
a.tooltips { position: relative;  display: inline;}
a.tooltips span { position: absolute; width:200px; margin-left: -112px; bottom:30px;left:50%; visibility:hidden; background:#fff; color:#000;   border-radius:6px; padding:6px 10px; line-height:19px; border:2px solid #777; box-shadow: 2px 2px 5px #7f8c9c;z-index:999; text-align:center;}
a.tooltips span:after { content: ''; position: absolute;  top:100%; left:50%;  margin-left:-8px;  border-top:8px solid #525252; border-right:8px solid transparent;  border-left:8px solid transparent;
}
a:hover.tooltips span { visibility:visible;}


/* VEREADORES - foto*/
.ver {    float: left;    margin: 25px 10px;position: relative;  display: inline;}
.ver div {   border: 1px solid #999;   border-radius: 5px;    width: 110px;    box-shadow: 1px 1px 5px #CCC;    cursor: pointer;    margin: auto;text-align: center; font-size:.9em; height:130px;}
.ver img {     width: 100px;    height: 123px;    margin: 3px;}
.ver i {      width: 90px;    height: 100px;    line-height: 90px;    padding: 10px 5px;    margin: 3px 0 7px;    display: inline-block;
    color: #aaa;    border: 1px solid #999;    font-family: monospace;    font-size: 1.1em;}
.ver h4 { height: 33px;    display: table-cell;    text-align: center;   width: 110px;    color: #000;    text-shadow: 0px 0px 3px #fff;    background-color: #fff9;font-weight: 600;}
/*tool tips*/
.ver span {     position: absolute;    width: 150px;    margin-left: -87px;    bottom: 138px;    left: 50%;    visibility: hidden;    background: #fff;    color: #0a0a0a;    border-radius: 6px;    padding: 6px 10px;    line-height: 19px;    border: 1px solid #313131;    box-shadow: 1px 1px 4px 0px #000000;    z-index: 999;    text-align: center;}
.ver span:after { content: ''; position: absolute;  top:100%; left:50%;  margin-left:-8px;  border-top:8px solid #525252; border-right:8px solid transparent;  border-left:8px solid transparent;
}
.ver:hover span { visibility:visible;}	
.ver u {    text-decoration: none;    color: #999;    font-size: .85em;}





/* letra verde e vermelha e tit tv player */
.txtdestacado {	color: #063;}
.txtdestacado_red {	color: #900;}

/* TVCMA letra verde*/
.txtdestacadoTVCMA {font-family:'Courier New', Courier, monospace;	font-size:18px; 	color:#066;}
.strong{font-weight:bold;}
.italic {font-style:italic;}


/* Sessões Plenarias (mudar depois)*/
.TituloDestac {	font-family:"Times New Roman", Times, serif;	 background-color:#069;	 color:#FFF;	 font-size:17px;	 text-align: center;}


	
/*imagem ao vivo*/
#comTransm {    color: #ffffff;    background-color: #dd4040;    display: inline-block;    border-radius: 5px;
    padding: 0px 7px 2px 1px;    margin: 6px 0 0 0;    line-height: normal;}






/*----------------------------------------------------------------------EFEITOS
  */
  /* links em div */
.link, .link_stript{padding:4px;border:1px solid #FFF;cursor:pointer; border-radius:5px;font-size: .97em} 
.link:hover, .link_stript:hover{ border-color:#b8d6fb; background-color:#eef5fd; background-image:linear-gradient(180deg,#FAFCFE,#E2EEFC);}
.link:active, .link_stript:active{border-color:#7da2ce;background-color:#c5defc;}
	
	

/* ////////////////////////////////////////////////////////TABELAS PERSONALIZADAS COM LAYUDE

Tabela projetos */ 

.fundoConsulta{ background-color:#EEE;color:#333;}
table #TabProjetos{font: 11px/22px Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;	text-shadow: 0 1px 0 #FFF;	}
#TabProjetos tr.yellow td{    /* titulo amarelo */	
border-top: 1px solid #FB7A31;	border-bottom: 1px solid #FB7A31;	background-color: #FFC;	}
/* 
#TabProjetos tr.prata td{    /* titulo amarelo 
	background-image: url(Imagens/back.png);	background-repeat: repeat-x;	background-position: bottom left;	border-left: 1px solid #b7babc;
	border-top: 1px solid #b7babc;	border-bottom: 1px solid #b7babc;	font-weight:bold;text-shadow: 0 1px 0 #FFF;}
*/	
#TabProjetos tr.verde td { 	border-top: 1px solid #063;	border-bottom: 1px solid #063;	background-color:#C8F2E4;	}	
#TabProjetos tr.verde td {border-top: 1px solid #063;border-bottom: 1px solid #063;	background-color:#C8F2E4;	}
#TabProjetos td{	border-bottom: 1px solid #CCC;	padding: 2px 2px 0px 0;	}
#TabProjetos td.maisCell {	border-left: 1px solid #CCC;	text-align: center;	}
#TabProjetos .link:hover{	background-color:#eef5fd;	background-image:linear-gradient(180deg,#F8FAFC,#E0ECFA);	cursor:pointer;	}
  
  



/* /////


/*ACESSIBILIDADE*/
a#acessibilidade {	width: 36px;	position: fixed;	left: calc(100% - 41px);	top: 165px;	padding: 6px 0 2px 6px;	background-color: #447487;	background: linear-gradient(45deg, #0e5f9657, #195159);	box-shadow: 1px 2px 2px 0px #353535;	border-radius: 10px 0 0 10px;      z-index: 9999}
  a#acessibilidade:hover {	background: linear-gradient(45deg, #5cbeff8f, #006a7a);  }
  #acessibilidade span {	display: none;	position: fixed;	margin-left: -133px;	background-color: #2a849b;	color: #fff;	padding: 5px 5px;  }
  a#acessibilidade:hover span {	display: block;  }
  a#acessibilidade img {	width: 30px;  }
  .altoContrast {    background-color: #000;    color: #fff;    padding: 5px;}
  .altoContrast a {    color: #ffff00;}
  .altoContrast a:hover {    color: #ffff57;}


/*PORTAL TRANSPARENCIA*/
div#linksPortalTransp{width:100%;text-align:center}
div#linksPortalTransp h2{border-bottom:1px solid #fff;display:inline-block;padding:4px 0 5px 10px;width:280px;cursor:pointer;margin:2px}
div#linksPortalTransp h2:hover{border-bottom-color:#ccc}
div#linksPortalTransp h2 img{float:right;margin:8px 8px 0 0}
div#linksTransparencia {    border: 1px solid #666;    width: 50%;    min-width: 350px;    display: none;    margin: auto;}
#linksTransparencia a {    display: block;    border-top: 1px solid #b2b2b2;    padding: 10px 5px;    font-weight: normal;    font-size: 1.1em;}


/* ========== Tablet e Desktop ========== */
/* Principais Resoluções mobile 960 - 854 - 800 - 720 - 640 - 480 - 320 */

@media screen and (max-width: 1360px) {
 /*   body {
        zoom: 125%; 
    }*/
    /*div#backPai {
        width: 1310px;
        margin-left: calc(50% - 665px);
    }
*/

/* remove bordas*/
div#backPai{  padding: 0; margin-left:0;}
}







@media screen and (max-width: 1105px) {
	header{background-position: -240px;}
    .mn li .label {
        font-size: .96em;
    }
    i#brasao {
        margin: 7px 2% 0;}
}

/* gera menu flutuante */
@media screen and (max-width: 990px) {
	header{margin-bottom: 5px;background-image: url(../img/cabecalioP.jpg);background-position: left;}
    p.linha1 {    margin: 0px 4px;}
    
    i#brasao {   background-image: url(/img/brasaop.png);        width: 128px;        height: 106px;        margin: 0 4px;    }
    span#txt_camaraAguai {        font-size: 34px;       text-align: left;      width: auto; margin-right: 0;}
    span#txt_estSP {        margin-left: 9px;    margin-right: 0}
    
    
.mn{width: 280px;overflow: auto; overflow-x: hidden;  background: #EEE;        background-image: linear-gradient(220deg,#EEE,#ccc);
    position: fixed;  z-index: 9001;    top: 0;    max-height: 100vh;    box-shadow: 5px 5px 5px rgba(0,0,0,0.5); left:-300px; display:none;}
.mn li{     width: 99%;    padding: 5px 0 5px 5px;    margin-right: 0;}
.mn li:hover{border:none;background:none;padding: 5px}	
.mn li .label{       border-bottom: 1px solid;    font-size:1.05em;    background: none;    background-color: #385a71;
    width: 93%;    padding: 3px 5px; cursor: default}
.mn li:first-child .label {    display: none;}
.mn li:hover .label {    color: #EEE;    text-shadow: 1px 1px 1px #000;	background-image:none;	background-color: #385a71;}
.mn li:hover .caixa_mn{left:0}
.mn li:hover .align_right{left:0; right:auto;}
.mn .caixa_mn {    position: initial;    border: none;    background: none;    margin: 0;    padding: 5px 0;	width: 98%!important;	float: left;}
.caixa_mn .btn{    margin-left: 3px;}
.caixa_mn  .col_1{    width: 90%;}

.btn_mn{    width: 90%!important;    margin: 0px;  line-height: 30px;    margin-bottom: 2px;}
.btn_mn a{font-size:.96em;}
.align_right h2 {     padding: 5px 0 10px;}

h2#bscSite {
    margin-top: 105px;
}
input#buscaNoSite {
    margin-bottom: 20px;
}

.col_1.nossTel {
    font-size: .86em;
}
.exibeEmMobile{display: initial;}
.noExibeEmMobile {display:none;}

/*#btnMenuVoltar{ display: block; width: 94%;    font-size: 1.2em;    line-height: 2em;    padding-left: 5px;    color: #015b86;
    border: 1px #f6f6f6 outset;    background-color: #f4f4f4;    margin-bottom: 20px;}

#btnMenuVoltar:hover{   background-color: #fefefe;        color: #39C;    }
*/
.btnMenu {    border: 1px solid #fff;    display: block;    padding: 8px;    box-shadow: 0px 0px 2px 0px #ffffff;
    border-radius: 5px;    cursor: pointer;    position: absolute;    top: 110px;    left: 10px;  background-color: rgba(2, 72, 106, 0.7);}
.btnMenu:hover {   box-shadow: 0px 0px 7px 2px #ffffff;    background-color: #57879c;}
.btnMenu div:before {    content: "";    display: block;    height: 2px;    background: #eee;}
.btnMenu div {    padding: 5px 0;    width: 22px;    border: solid #eee;    border-width: 2px 0;}
nav {    height: 20px;    margin-top: 23px; padding: 0; margin-left: 0; max-width:100%;    border-left: 0;    border-right: 0; }


/*página consulta docs*/
p.resultBuscaImg{margin:20px 3% 0;}
p.resultBuscaImg img:last-child { float:right;margin-left:0}

/*redux dialog*/
#dialogAcessibilidade{ width: 98%; left: 1%;}

}

@media screen and (max-width: 700px) {
	footer .t{    text-align: center;    margin-left: 0;}
	footer .c1 {       width: 100%;    margin-bottom: 15px;}
	footer .c2 {   width: 125px;    margin-right: 10px;    margin-bottom: 10px;}
	
	/*página consulta docs*/
    p.resultBuscaImg{margin: 20px 0 200px;}
    .dialog{width: 98%!important; left: 1%!important;}
}


/* SMALL DEVICES - SMARTPHONES */
@media screen and (max-width: 633px) {
	header{margin-bottom:100px;}
	.cabec{ text-align:center}
	i#brasao{ float:none;    margin: auto;}

	span#txt_camaraAguai { width: 100%; text-align: center;}
	span#txt_estSP{float: none;    margin: auto;}
    .btnMenu {  top: 10px;position: fixed;transition: 0.3s;}

    .faixaFiltros {text-align: center;}
    .faixaFiltros .btn3, .faixaFiltros label {        margin: 10px 0;    }
}

@media screen and (max-width: 540px) {
	span#txt_camaraAguai {font-size: 28px;}
    span#txt_estSP {          font-size: 24px;  width: 100%;}
    .dialogPeq540{left: 1%; width: 98.5%;}
    p.linha1 {        position: relative;        margin-top: -10px;    }
}

/* ========== 320px ==========*/
@media screen and (max-width: 400px) {
	header {    margin-bottom: 78px;}
	span#txt_camaraAguai {          font-size: 21px;}
    span#txt_estSP {
        font-size: 20px;
    }
	
	/*página consulta docs*/
	p.resultBuscaImg img:last-child { display:none;}
	
	.hide380{display: none;}
}


@media screen and (max-width: 359px) {

}
	
	/*faz o menu sempre aparecer em telas grandes*/
@media screen and (min-width: 905px) { 
	.mn{ display: initial!important;}

}

/*.frame1366 { zoom:110%}*/
.frame1366 div.dialog { top: 2vh!important;    }
.frame1366 .dialogMain {        max-height: 85vh;}
.frame1600 { zoom:120%}

@media screen and (min-width: 1366px) {	
  /*  body{ zoom:110%}
    div.dialog { top: 2vh!important;    }
    .dialogMain {        max-height: 85vh!important;}*/
}
@media screen and (min-width: 1800px) {	
    body{ zoom:125%}
    div.dialog { top:1vh!important;    }
    .dialogMain { max-height: 71vh!important;}
}