@media(max-width: 1024px) {
	.options-share,
	.dev-version,
	article .adsbygoogle,
	.bubble,
	.acessibilidade-toggle,
	span.gray-not-clickable,
	.btn-seguir-municipio,
	.barra-cinza {
		display: none !important;
	}
	article h1 {
		margin-left: 20% !important;
	}
	section.main {
		padding: 20px 0px 20px 0px !important;
	}
	.gray.url {
		margin: 0 auto;
		float: none;
	}
	article {
		margin-left: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

section.main{
	padding: 20px 40px 20px 30px;
}

/* Graybox
**************************************/
@media(min-width: 1024px) {
	.barra-cinza.barra-fixed {
		position: fixed;
		top: 0px;
		margin-top: 0;
		width: 900px;
		z-index: 999;
		margin: 15px auto;
		margin-left: -65px;
		left: 50%;
		transform: translateX(-50%);
	}

	.barra-cinza #close-versions{
		position: relative;
		display: none;
	}
	.barra-cinza.barra-fixed #close-versions {
		position: absolute;
		display: inline;
		top: -10px;
		right: -10px;
		background: #BBB;
		padding: 1px 8px;
		border-radius: 50%;
		font-weight: bold;
		color: white;
	}
}

.graybox.warning {
	padding: 10px;
	color: #929292;
	text-align: center
}
.graybox.warning p {
	width: 450px;
	margin: 0 auto;
	line-height: 39px;
}
.graybox.warning i {
	display: block;
	width: 38px;
	height: 38px;
	float: left;
	background: url(../img/icos/ico-graybox-warning.png)
}
/**/
.graybox.viewing {
	padding: 10px;
}
.graybox.viewing p {
	width: 650px;
	margin: 0 auto 0;
}
.graybox .compilada,
.graybox .original {
	margin-left: 10px;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 5px;
	transition: color 0.2s ease;
	border: 1px solid #bababa;
	background: #dcdcdc;
	background: linear-gradient(to bottom,  #dcdcdc 0%,#cacaca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#cacaca',GradientType=0 );
}


/* Timeline
**************************************/
.timeline {
	padding: 20px;
	margin: 0 0 30px;
	text-align: center;
	border-radius: 10px;
	background: #e02638;
	background: linear-gradient(to bottom,  #e02638 0%,#8d0d12 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02638', endColorstr='#8d0d12',GradientType=0 );
}
.timeline h4 {
	margin: 0 0 20px;
	text-transform: none;
	font: 25px 'Myriad Pro Regular';
}
/* Anos(years) */
.timeline .years {
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 auto 0;
	display: table;
	padding: 10px;
	border: 1px solid green;
	border: 1px solid #6c4004;
	border-radius: 10px;
	background: #e8cf7c;
	background: radial-gradient(ellipse at top, #e8cf7c 0%,#a8862a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8cf7c', endColorstr='#a8862a',GradientType=0 );
	box-shadow: inset 0 1px 0 #f0e097;
}
.timeline .years ol {
	margin: 0 auto 0;
	display: table;
}
/* Timeline > Line */
.timeline .years li {
	position: relative;
	z-index: 2;
	float: left;
	list-style: none;
	text-align: right;
}
.timeline .years li a {
	color: #705b21;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 0 #EBDEA5;
}
.timeline .years li i {
	width: 60px;
	height: 25px;
	margin-top: 5px;
	display: block;
	background: url(../img/pagina-interna-lei-timeline.png) no-repeat -47px -24px;
}
.timeline .years li:first-child i {
	width: 50px;
	background-position: 0 0;
}
.timeline .years li:last-child { text-align: center; }
.timeline .years li:last-child i {
	width: 80px;
	background-position: right -50px;
}

/* Timeline > Line(Current) */
.timeline .years li.current i {
	background-position: -47px -124px;
}
.timeline .years li.current:first-child i {
	width: 50px;
	background-position: 0 -100px;
}
.timeline .years li.current.current.current:last-child i {
	width: 80px;
	background-position: right -150px;
}
.timeline .years li.current a {
	color: #fff;
	text-shadow: 0 1px 1px #6C5928;
}
/* Timeline > nav */
.timeline .nav {
	top: 50%;
	left: 0;
	margin-top: -47px;
}
.timeline .nav a {
	position: absolute;
	width: 35px;
	height: 52px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/pagina-interna-lei-timeline-nav.png) 0 0;
}
.timeline .nav a.prev {
	left: -35px;
}
.timeline .nav a.next {
	right: -35px;
	background-position: right 0;
}
/* auxnav
**************************************/
.auxnav {
	overflow: hidden;
	margin: 0 0 30px;
}
.auxnav .gray {
	height: 50px;
	_margin-right: 10px;
	padding: 0 10px;
	color: #8f9396;
	float: left;
	display: block;
	font-size: 16px;
	line-height: 48px;
	border-radius: 6px;
	border: 1px solid #d9d9d9;
	background: #fff;
	background: linear-gradient(to bottom,  #fff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
	margin-bottom: 8px;
}
.auxnav .gray.vinculados.active{
    color: #FFF;
    text-shadow: 0px 2px 2px #967932;
    border: 1px solid #BF9F4C;
    background: #ddbb61;
    background: linear-gradient(to bottom, #E8C66C 0%, #CBAC59 100%) repeat scroll 0% 0% transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddbb61', endColorstr='#cbac59',GradientType=0 );
}
.auxnav .gray.vinculados.active i:not(.fa){
	background: url(/img/icos/icos-pagina-interna-lei.png) 19px 0;
}


.auxnav a {
    margin-right: 8px;
}
.auxnav i:not(.fa) {
	margin: 15px 5px 0 0;
	width: 20px;
	height: 20px;
	float: left;
	display: block;
	text-indent: -999em;
	background: url(../img/icos/icos-pagina-interna-lei.png) 0 0;
}
.auxnav i.anchor { background-position: 0 -20px;}
.auxnav i.link { background-position: 0 -40px; }

.auxnav .url {
	margin: 0;
	margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	padding-right: 0;
}
.auxnav .url input {
	line-height: 100%;
	float: right;
	width: 230px;
	margin: 9px;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid  #ddd;
}
.auxnav .change-small-letter,
.auxnav .change-big-letter{
	padding: 0px 4px;
	font-size: 14px;
	margin-left: 4px;
	cursor: pointer;
}
.auxnav .change-small-letter .fa-minus,
.auxnav .change-big-letter .fa-plus{
	font-size: 10px;
}

/* Publicidade
**************************************/
.skyscraper.publicidade {
	float: left;
}
/* Opcoes
**************************************/
.options-share {
	position: relative;
	margin: 0 0px 0;
	float: left;
	border-radius: 7px;
	border: 1px solid #72050c;
	background: #d42232;
	/*
	background: linear-gradient(to right,  #8d0d14 0%,#bc1521 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d0d14', endColorstr='#bc1521',GradientType=1 );
	*/
	z-index: 10;
}
.options-share li { display: inline; }
.options-share li > a {
	width: 50px;
	height: 50px;
	display: block;
	color: #fff;
	border-bottom: 1px solid #72050c;
	border-top: 1px solid #d41a2a;
	line-height: 60px;
	text-indent: 8px;
	font-size: 12px;
}
.options-share li:first-child > a { border-top: 0; }
.options-share li:last-child > a { border-bottom: 0; }
.options-share li > a i {
	float: right;
	width: 27px;
	height: 27px;
	display: block;
	background: red;
	margin: 9px 11px;
}
.options-share li > a i { background: url(../img/icos/options-share.png) 0 0; }
.options-share li > a i.fav-set { background-position: 0px -162px; }
.options-share li > a i.save-pdf { background-position: 0 -27px; }
.options-share li > a i.note-unset { background-position: 0px -54px; }
.options-share li > a i.note-set { background-position: -1px -192px }
.options-share li > a i.print { background-position: 0 -81px; }
.options-share li > a i.warning { background-position: 0 -108px; }
.options-share li > a i.mail { background-position: 0 -135px; }

.options-share li > a i.fa {
	background: none;
    font-size: 20pt;
    text-align: center;
    margin-top: 10px;
    margin-right: 17px;
}

.disappear-right{
	position: absolute;
	left: -10000px;
}

.options-share .jumptoarticle {
	width: 50px;
	display: block;
	border-bottom: 1px solid rgb(114, 5, 12);
	border-top: 1px solid rgb(212, 26, 42);
	height: 50px;
	color: rgb(255, 255, 255);
	text-indent: 8px;
	font-size: 12px;
}
.options-share .jumptoarticle span {
	position: relative; left: 3px; top: 3px;
}
.options-share .jumptoarticle input {
	position: relative; width: 35px; background-color: rgb(114, 5, 12); border-radius: 2px; top: 6px; left: 8px; color: rgb(223, 114, 121); padding: 1px 3px;
}
/* Article
**************************************/
article:not(.alertify-log) {
	min-height: 520px;
}

/* Last News (ultimas noticias)
**************************************/
.last-news h2 {
	padding: 15px 0 0;
	margin: 0 0 20px;
	color: #757575;
	font: 19px "Myriad Pro Regular";
	text-transform: none;
	border-top: 1px solid #d9d9d9;
	clear: both;
}
.last-news .column {
	width: 430px;
	display: table;
	margin: 0 0 20px;
	padding-right: 20px;
}
.last-news .column.alignleft {
	border-right: 1px solid #d9d9d9;
}
.last-news .column h3 {
	margin: 0 0 5px;
	color: #b8262f;
	font-size: 15px;
	text-transform: none;
}
.last-news .column p {
	margin: 0;
	color: #b2b2b2;
	font-size: 13px;
}
.last-news .column p a {
	color: #cfad51;
}
.last-news .column .thumb {
	float: left;
	width: 124px;
	height: 90px;
	margin-right: 15px;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 0 5px #ddd;
}


/* Modal > panel-group
**************************************/
.modal-dialog p {
    color: #fff;
}

#modal-anotacoes .modal-dialog {
	width: 700px;
}
.modal-dialog .panel-group {
	width: 100%;
	margin: 0 0 20px;
	text-align: left;
	border-radius: 6px;
	overflow: hidden;
}
/**/
.modal-dialog .panel-group header {
	position: relative;
	padding: 10px 10px 9px 10px;
	border: 0;
	overflow: hidden;
	line-height: 25px;
	text-align: left;
	background: #f9f9f9;
	background: linear-gradient(to bottom,  #f9f9f9 0%,#d9d9d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d9d9d9',GradientType=0 );
}
/**/
.modal-dialog .panel-group header .titulo-nota {
	color: #8e1a1a;
}
.modal-dialog .panel-group header span.note-icon:before {
	color: #8e1a1a;
	content: "ƿ";
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	float: left;
	font: 23px 'icons2';
	background: none;
}
.modal-dialog .panel-group header input.titulo-editavel-nota,
.modal-dialog .panel-group header input.titulo-editavel-nota:hover,
.modal-dialog .panel-group header input.titulo-editavel-nota:focus {
	color: #cd5c5c;
	border: 0px;
	outline: 0px !important;
  -webkit-appearance:none;
  	appearance:none;
	background: none;
	width: 420px;
}

/**/
.title-note {
	color: #939393;
	display: inline-block;
	padding: 0 30px;
}
/**/
.modal-dialog .accordion-toggle.arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	display: block;
	background: url(../img/line4.gif) repeat-y left;
}
.modal-dialog .accordion-toggle.arrow:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -4px;
	content: "%";
	width: 14px;
	height: 9px;
	display: block;
	text-indent: -999em;
	background: url(../img/icos/arrow1.png) 0 -9px;
}
/**/
.panel-group .icons {
	float: right;
	margin-right: 40px;
}
.panel-group .icons li { display: inline; }
.panel-group .icons li a {
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 5px;
	overflow: hidden;
	float: left;
	color: #b4b4b4;
}

.panel-group .icons li span.pencil:before,
.panel-group .icons li span.save:before {
	margin-left: 5px;
	overflow: hidden;
	line-height: 25px;
	float: left;
	width: 24px;
	height:  24px;
	display: block;
	font: 18px/24px "icons2";
	font-style: normal;
}
.panel-group .icons li span.pencil:before{
	content: "ƃ";
}
.panel-group .icons li span.save:before{
	content: "^";
}
.panel-group .icons li a.del:before {
	width: 24px;
	height:  24px;
	content: "ƌ";
	display: block;
	font: 18px/24px "icons2";
}
/**/
.modal-content .button {
	position: relative;
	width: 310px;
	padding: 17px 0 17px 50px;
	display: block;
	border: 1px solid #5a060b;
	font-size: 15px;
	border-radius: 6px;
	text-shadow: 0 2px 2px #000;
	color: #fff;
	box-shadow: inset 0 1px 0 #ecdea5;
	background: #d4b96a;
	background: linear-gradient(to bottom,  #d4b96a 0%,#ba9f50 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b96a', endColorstr='#ba9f50',GradientType=0 );
}
.modal-content .button i {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	display: block;
	border-radius: 6px 0 0 6px;
	border-right: 1px solid #d0b566;
	font-style: normal;
	box-shadow: inset 0 1px 0 #dbd090;
	background: #b59f5e;
	background: linear-gradient(to bottom,  #b59f5e 0%,#8c7635 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59f5e', endColorstr='#8c7635',GradientType=0 );
}
.modal-content .button i:before {
	width: 24px;
	height:  24px;
	margin: 13px;
	content: "ƃ";
	display: block;
	font: normal 18px/24px "icons2";
	text-shadow: 0 2px 2px #000;
}
.modal-content .button i.plus:before { content: "Ɋ"; }
.modal-content .button i.disk:before { content: "^"; }
/**/
.modal-dialog .panel-group textarea {
	width: 100%;
	height: 137px;
	padding: 20px;
	text-align: center;
	line-height: 170%;
	resize: none;
	overflow: auto;
	border-right: 1px solid #d32a2a;
	border-bottom: 1px solid #d32a2a;
	border-radius: 0 0 6px 6px;
	color: #da6d6f;
	background: #4e1616;
}
/* Modal > panel-group > alertas
**************************************/
.modal-content .alert.alert-warning {  font-size: 16px; }
.modal-content .alert.alert-warning:before {
	content: "Č";
	float: left;
	display: inline-block;
	margin-right: 10px;
	font: 20px "icons2";
}

/* Modal > Enviar por Email
**************************************/
#modal-eviar-email p strong {
	color: #ffdb70;
}
#modal-eviar-email form input,
#modal-eviar-email form textarea {
	display: block;
	width: 100%;
	margin: 0 0 15px;
	padding: 15px;
	resize: none;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	line-height: 100%;
	background: #591919;
	box-shadow: inset 0 0 10px #431212;
	border-right: 1px solid #df3232;
	border-bottom: 1px solid #df3232;
}
#modal-eviar-email label{
	float: left;
	height: 20px;
	display: block;
	margin-bottom: 40px;
	line-height: 45px;
}
#modal-eviar-email label.comment{
	line-height: 10px;
	margin-bottom: 5px;
}
#modal-eviar-email form input{
	width: 85%;
	float: right;
}
.modal .modal-content textarea {
	clear: both;
	height: 144px;
	overflow: auto;
}
#modal-eviar-email .column { width: 50%; }
#modal-eviar-email .column.alignleft { padding-right: 5px; }
#modal-eviar-email .column.alignright { padding-left: 5px; }

#modal-eviar-email button,
#modal-comunicar-erro button,
#modal-login button {
	padding: 13px 30px;
	clear: both;
	float: left;
	border: 1px solid #5a060b;
	color: #77652f;
	border-radius: 5px;
	font: 16px 'Myriad Pro Semibold';
	text-shadow: 0 1px 1px #E8DEBB;
	box-shadow: inset 0 1px 0 #ecdea5;
	background: #d6bb6c;
	background: linear-gradient(to bottom,  #d6bb6c 0%,#b59a4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6bb6c', endColorstr='#b59a4b',GradientType=0 );
}

/* Modal > Enviar por Email
**************************************/
#modal-comunicar-erro input,
#modal-comunicar-erro textarea {
	margin: 0 0 10px;
	display: block;
	width: 100%;
	margin: 0 0 15px;
	padding: 15px;
	resize: none;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	line-height: 100%;
	background: #591919;
	box-shadow: inset 0 0 10px #431212;
	border-right: 1px solid #df3232;
	border-bottom: 1px solid #df3232;
}
#modal-comunicar-erro input { width: 50%; }
#modal-comunicar-erro textarea {
	width: 100%;
	height: 100px;
}
#modal-comunicar-erro .alignleft,
#modal-comunicar-erro .alignright { width: 49%; }

#modal-comunicar-erro label{
	width: 50%;
	display: block;
	float: left;
}

#modal-resumo-lei .modal-body {
	margin: 0 0 20px;
	padding: 10px;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 3px 10px #611311;
}

#modal-resumo-lei .modal-body p {
	text-align: left;
	margin: 0px;
	text-shadow: none;
	color: #333;
}

/* Modal > Atos vinculados a esta lei
**************************************/
#modal-sumario .scroll,
#modal-atos-vinculados .scroll,
#modal-consolidacao-pendente .scroll {
	margin: 0 0 20px;
	padding: 10px;
	max-height: 170px;
	overflow: auto;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 3px 10px #611311;
}
#modal-sumario .scroll {
	max-height: 400px;
}
#modal-sumario .scroll small em,
#modal-atos-vinculados .scroll small em {
	color: #666;
	font-size: 13px;
}
#modal-sumario .scroll p,
#modal-atos-vinculados .scroll p,
#modal-consolidacao-pendente .scroll p {
	text-align: left;
	margin: 0px;
	text-shadow: none;
	color: #333;
}

#modal-sumario .scroll p a:hover,
#modal-sumario .scroll p a:focus,
#modal-atos-vinculados .scroll p a:hover,
#modal-atos-vinculados .scroll p a:focus {
	color: #666;
	text-decoration: underline;
}
#modal-sumario .scroll p .badge,
#modal-atos-vinculados .scroll p .badge {
	color: #fff;
	background: indianred;
	text-decoration: none !important;
}

#modal-atos-vinculados .scroll table{
	width: 100%;
	color: #959495;
	text-align: left;
}
#modal-atos-vinculados .scroll table td {
	padding: 3px 0;
}
#modal-atos-vinculados .scroll.empty{
	padding: 20px;
	margin: 0 0;
	max-height: auto !important;
	color: #959495;
}
#modal-acessibilidade p{
	font-size: 17px;
	margin-top: 40px;
	margin-bottom: 50px;
}

/* Modal > login
**************************************/
#modal-login p a { color: #f2cd62; }
#modal-login input {
	text-align: center;
	display: block;
	width: 100%;
	margin: 0 0 15px;
	padding: 15px;
	resize: none;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	line-height: 100%;
	background: #591919;
	box-shadow: inset 0 0 10px #431212;
	border-right: 1px solid #df3232;
	border-bottom: 1px solid #df3232;
}
#modal-login button {
	float: left;
}
#modal-login .forget {
	color: #fff;
	float: right;
	line-height: 50px;
}

/* Popover
****************************************/
.popover {
    background-color: rgba(50, 50, 50, 0.8) !important;
    color: #FFF !important;
}
.popover.top .arrow:after {
    background-color: rgba(50, 50, 50, 0.4) !important;
    display: none !important;
}

/* Versions
****************************************/
.versions{
	overflow: visible;
}
.dropdown-version{
	color: #333;
	text-decoration: none;
}
.versions .btn-group.open button{
	text-shadow: none;
}
.versions .btn-group .label{
	font-weight: normal;
}
.btn-inverse{
	background: none repeat scroll 0% 0% #333;
	text-shadow: none;
	color: #EEE;
}
li.btn-inverse > a{
	color: #EEE !important;	
}
.btn-inverse:hover, .btn-inverse:focus{
	background: none repeat scroll 0% 0% #444;
}
span.caret{
	border-top-color: #CCC !important;
}
.alert-versions{
	padding: 10px;	
	margin-bottom: 10px;
	border: 0px;
	color: #222;
	height: 50px;
	margin-right: 30px;
	margin-left: 10px;
	text-align: center;
}
.alert-versions p{
	color: #222;
	text-align: center;
}
.alert-versions .version-disclaimer{
	font-size: 25px;
}

.alert-versions span{
	font-size: 13px;
	_color: #afafaf;
}
.btn-group{
	margin-bottom: 4px;
}
.btn-version{
	padding: 7px;
}
.btn-version .caret{
	border-width: 5px 3px 0px;
}
.column-left.version-compilada{
	height: 220px;
}
.column-left.version-original, .column-left.version-consolidada{
	height: 100px
}
.versions-graybox{
	margin-bottom: 10px;
}
.bubble:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 25px;
    border-style: solid;
    border-width: 0px 8px 11px 1px;
    border-color: #FFF transparent;
    display: block;
    width: 0px;
    z-index: 1;
}
.bubble:before {
    content: "";
    position: absolute;
    left: 28px;
    top: 5px;
    border-style: solid;
    border-width: 0px 8px 12px 0px;
    border-color: #BF9F4C transparent;
    display: block;
    width: 0px;
    z-index: 0;
}
.bubble {
    text-align: center;
    margin-top: 8px;
    color: #333;
    margin-left: -32px;
    margin-top: -45px;
    font-size: 11px;
    position: absolute;
    width: 30px;
    max-width: 50px;
    padding: 0px;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #BF9F4C;
    border-radius: 8px;
    text-decoration: none;
    line-height: 25px;
    z-index: 20;
}
.logo-for-printing{
	display:none;
}

/* vereador card */
#vereador-card-info{
	position: relative;
	text-align: center;
	top: -15px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	font: 100%/100% "Myriad Pro Semibold";
	line-height: 25px;
}

#vereador-card,#vereador-card:hover, #vereador-card:active {
  	width: 350px;
	font-family: "Helvetica Neue",Helvetica,sans-serif;
	color: #3B3B3B;
	list-style-type: none;
	float: right;
	padding: 0px;
	margin-left: 12px;
	position: relative;
	margin-left: 20px;
}
#vereador-card a:hover,#vereador-card a:focus, #vereador-card a:active {
	text-decoration: none;
}
#vereador-card li {
	position: relative;
	box-sizing: content-box;
  margin: 0 0 18px 0;
  padding: 10px 0px 8px 40px;
  height: 42px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), inset 0 1px 0 #ffffff;
  background: #f6f6f6;
}
#vereador-card li .label-vereador {
  position: absolute;
  right: -3px;
  top: -7px;
}
#vereador-card li img {
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 10;
  margin: 0;
  padding: 4px;
  width: 60px;
  height: 60px;
  border: 1px solid #bbbbbb;
  box-shadow: 0 1px 0 #ffffff;
  border-radius: 50%;
  background: #ffffff;
}
#vereador-card li h2 {
  position: relative;
	left: 10px;
	top: -2px;
	margin: 0px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4b4b4b;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.7);
}
#vereador-card li .info {
	position: relative;
	left: 10px;
  margin: 0;
  display: block;
}
#vereador-card li .info em {
  margin: 0 18px 0 0;
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5b5b5b;
  float: left;
}
.footer-lei {
    text-align: right;
    width: 100%;
}
.publicacao-oficial {
    float: right;
    text-decoration: underline;
}
.fixed {
    position: fixed;
    margin-top: 80px;
    top: 0px;
}	
/* .slower{
	-webkit-transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
  	-ms-transition: all 1s ease-in-out;
  	transition: all 1s ease-in-out;
} */
.table-shortcut{
	font-size: 20px;
	font-family: Helvetica;
}

article.panel-law pre.tabela-expansivel {
	position: relative;
	height: 150px;
	overflow: hidden;
}

article.panel-law pre.tabela-expansivel button.expand-table {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1px 8px 0px 8px;
	font-size: 10px;
	font-weight: bold;
}

article.panel-law pre.tabela-expansivel.tabela-fullscreen {
	position: fixed;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	z-index: 9999;
	height: auto;
	overflow: auto;
	box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.4);
}

article.panel-law pre.tabela-expansivel.tabela-fullscreen button.expand-table {
	position: fixed;
	top: 20px;
	right: 20px;
}

@media print {
	article.panel-law pre {
		border: none;
    font-weight: bold;
	}
	article.panel-law pre.tabela-expansivel {
		height: auto !important;
	}
	article.panel-law pre.tabela-expansivel button.expand-table {
		display: none;
	}
}