Title: Graffiti CMS
	Theme: Training and Education
	Author: XHTMLized
	Date: January 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility links
			3.2 Masthead
			3.3 Navigation
			3.4 Search
			3.5 Header
			3.6 Content
			3.7 Sidebar
			3.8 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  
}

caption, th {
	text-align: left; 
	font-weight: normal;
}

body {
	font: 55% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Sans-serif;
	text-align: center;
}


/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	


h2 {
	font-weight: normal;
	font-weight: bold;
	font-size: 2.5em;
}

h3 {
	margin: .6em 0 .6em 0;
	font-weight: bold;
	font-size: 1.6em;
}

p {
	margin: 0 0 1.4em 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: Verdana; 
	color: black;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub { 
    vertical-align: sub;
    font-size: smaller;
}

.mbi-marquee {
  width: 99%;
  overflow: hidden;
  border: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 6px;
  padding-bottom: 3px;
  background-color: black;
  font-family: Electronic Highway Sign;
  font-size: 16px;
}
.mbi-marquee:link {
  color: #80FF00;
}

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Sans-serif;
	vertical-align: middle;
}

input, textarea {
	background: #fff url(images/bg_input.png) no-repeat;
}

input.field, textarea {
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #b3b3b3;
	background-color: #fff;
	color: #6d6d6d;
}

input.button, 
input.checkbox,
input.radio {
	background: transparent none;
	padding: 0;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	text-decoration: none;
}


a:hover, a:active {
	text-decoration: underline;
	background-color: light-blue;
}



/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

/*hr { 
	display: none; }*/
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: none; 
}

blockquote {
	margin: 1em 0 0 0;
}

li, th, td {
	font-size: 1.2em;
	line-height: 1.4em;
}

li li, li h3, li p, li input, li select, li textarea {
	font-size: 1em;
}



/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	max-width: 950px;
	position: relative;
	z-index: 100;
	margin: 16px auto 0 auto;
	text-align: left;
}

.header-container {
	border-bottom: 1px solid #fff;
}

.main-container {
	clear: both;
	width: 100%;
}

.main-container .container {
	margin-top: 0;
	padding: 0 0 44px 0;
}
 
#header {
	width: 950px;
	min-height: 150px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 1;
}

input.header-search-textbox {
	font-family: PT Sans Narrow; 
	font-size: 11pt; 
	font-weight: bold; 
	box-shadow: 3px 3px 5px 1px lightgray; 
	margin-top: 0px; 
	autocomplete: on;
}

input.header-search-button {
	background-image: url(/mbi/files/themes/training/images/icone_lupa.gif); 
	background-size: 24px 24px;
	width: 24px;
	border: 0px;
}

#content {
	float: right;
	width: 640px;
	padding: 2em 0 0 0; 
}
	
#footer {
/*	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 16px 0 28px 0;
*/
}


td.footer-box {
	border: 1px dotted gray;
	box-shadow: 2px 2px 4px black;
	background-color: lightgray;
}	

p.footer-contents {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	color: black;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}

.container:after, 
#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.container,
#header {
	display:inline-block;
}

/* Hide from IE Mac \*/
.container,
#header {
		display: block;
	}
/* End hide from IE Mac */


div.cc-window {
	max-width: 320px;
}

/* Homepage layout */

.home .main-container .container {
	padding: 0 0 34px 0;
}

.home #content {
	width: 580px;
	float: left;
}

.home #header {
	height: 178px;
}

div.home-page-background {
	text-align: center;
	max-width: 950px;
	background-color: white;
}

div.home-page-featured-background {
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 96%;
	background-color: white;
	display: block;
}

h2.home-page-featured-title {
	margin-top: 18px;
	margin-bottom: 9px;
}

div.home-page-featured-row {
	width: 96%;
	display: table-row;
	min-height: 400px;
	max-height: 400px;
	height: 400px;
	margin: 12px 12px 12px 12px;
	padding: 6px 6px 18px 6px;
}

div.home-page-featured-post-1 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	min-height: 400px;
	border: 1px dotted #e9ab17;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #c68e17;
	margin: 14px 14px 14px 0px;
	position: relative;
}

div.home-page-featured-post-1:hover {
	border: 2px solid #ffa62f;
	background-color: #fffddd; /*  */
	box-shadow: 4px 4px 2px #fff8c6;
}

div.home-page-featured-post-2 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #e9ab17;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #c68e17;
	margin: 14px 14px 14px 14px;
	position: relative;
}

div.home-page-featured-post-2:hover{
	border: 2px solid #ffa62f;
	background-color: #fff8c6;
	box-shadow: 4px 4px 2px orange;
}

div.home-page-featured-post-3 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #e9ab17;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #c68e17;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-featured-post-3:hover{
	border: 2px solid #ffa62f;
	background-color: #fff8c6;
	box-shadow: 4px 4px 2px orange;
}

div.home-page-featured-row-spacer {
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}

div.home-page-featured-post-dummy {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px white gray;
	border-radius: 10px;
	box-shadow: 3px 3px 2px lightgray;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-featured-post-spacer {
	width: 18px;
	max-width: 18px;
	min-width: 18px;
}
p.home-page-featured-icon {
	margin: 2px 0px 2px 0px;
}

img.home-page-featured-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.home-page-featured-title {
	text-align: left;
	margin: 9px 0px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.home-page-featured-abstract {
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

p.home-page-featured-visitors {
	width: 96px;
	background-image: url(/mbi/page-visitors.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 3px 2% 12px 59%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: #ffd000;
	position: absolute;
	top: 77% /*318px */;
}

h4.home-page-featured-button {
	margin: 8px 1% 4px 1%;
	padding: 6px 6px 6px 9px;
	text-align: center;
	width: 87%;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 85% /*350px*/;
}

h4.home-page-featured-button:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px orange; /* mediumforestgreen */
	background-color: #ffe13c;
	border: 1px solid #d77d00;
	color: black;
}

div.home-page-recent-background {
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 96%;
	background-color: white;
	display: block;
}

h2.home-page-recent-title {
	margin-top: 18px;
	margin-bottom: 9px;
}

div.home-page-recent-row {
	width: 96%;
	display: table-row;
	min-height: 400px;
	max-height: 400px;
	height: 400px;
	margin: 12px 12px 12px 12px;
	padding: 6px 6px 18px 6px;
}

div.home-page-recent-post-1 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 14px 14px 0px;
	position: relative;
}

div.home-page-recent-post-1:hover {
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-recent-post-2 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 14px 14px 14px;
	position: relative;
}

div.home-page-recent-post-2:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-recent-post-3 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-recent-post-3:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-recent-row-spacer {
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}

div.home-page-recent-post-dummy {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px white gray;
	border-radius: 10px;
	box-shadow: 3px 3px 2px lightgray;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-recent-post-spacer {
	width: 18px;
	max-width: 18px;
	min-width: 18px;
}
p.home-page-recent-icon {
	margin: 2px 0px 2px 0px;
}

img.home-page-recent-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.home-page-recent-title {
	text-align: left;
	margin: 9px 0px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.home-page-recent-abstract {
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

p.home-page-recent-visitors {
	width: 96px;
	background-image: url(/mbi/page-visitors.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 3px 2% 12px 59%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: white;
	position: absolute;
	top: 77% /*318px */;
}

h4.home-page-recent-button {
	margin: 8px 1% 4px 1%;
	padding: 6px 6px 6px 9px;
	text-align: center;
	width: 87%;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 85% /*350px*/;
}

h4.home-page-recent-button:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
	color: black;
}

div.home-page-section-background {
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 96%;
	background-color: white;
	display: block;
}

h2.home-page-section-title {
	margin-top: 18px;
	margin-bottom: 9px;
}

div.home-page-section-row {
	width: 96%;
	display: table-row;
	min-height: 400px;
	max-height: 400px;
	height: 400px;
	margin: 12px 12px 12px 12px;
	padding: 6px 6px 18px 6px;
}

div.home-page-section-post-1 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 14px 14px 0px;
	position: relative;
}

div.home-page-section-post-1:hover {
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-section-post-2 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 14px 14px 14px;
	position: relative;
}

div.home-page-section-post-2:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-section-post-3 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-section-post-3:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-section-row-spacer {
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}

div.home-page-section-post-dummy {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px white gray;
	border-radius: 10px;
	box-shadow: 3px 3px 2px lightgray;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-section-post-spacer {
	width: 18px;
	max-width: 18px;
	min-width: 18px;
}
p.home-page-section-icon {
	margin: 2px 0px 2px 0px;
}

img.home-page-section-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.home-page-section-title {
	text-align: left;
	margin: 9px 0px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.home-page-section-abstract {
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

p.home-page-section-visitors {
	width: 96px;
	background-image: url(/mbi/page-visitors.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 3px 2% 12px 59%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: white;
	position: absolute;
	top: 77% /*318px */;
}

h4.home-page-section-button {
	margin: 8px 1% 4px 1%;
	padding: 6px 6px 6px 9px;
	text-align: center;
	width: 87%;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 85% /*350px*/;
}

h4.home-page-section-button:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
	color: black;
}

div.home-page-webstore-background {
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 96%;
	background-color: white;
	display: block;
}

h2.home-page-webstore-title {
	margin-top: 18px;
	margin-bottom: 9px;
}

div.home-page-webstore-row {
	width: 96%;
	display: table-row;
	min-height: 400px;
	max-height: 400px;
	height: 400px;
	margin: 12px 12px 12px 12px;
	padding: 6px 6px 18px 6px;
}

div.home-page-webstore-post-1 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 14px 14px 0px;
	position: relative;
}

div.home-page-webstore-post-1:hover {
	border: 2px solid #056da2; 
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-webstore-post-2 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 14px 14px 14px;
	position: relative;
}

div.home-page-webstore-post-2:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-webstore-post-3 {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px dotted #056da2;
	border-radius: 10px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-webstore-post-3:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

div.home-page-webstore-row-spacer {
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}

div.home-page-webstore-post-dummy {
	max-width: 33%;
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 7px;
	min-height: 400px;
	border: 1px white gray;
	border-radius: 10px;
	box-shadow: 3px 3px 2px lightgray;
	margin: 14px 0px 14px 14px;
	position: relative;
}

div.home-page-webstore-post-spacer {
	width: 18px;
	max-width: 18px;
	min-width: 18px;
}
p.home-page-webstore-icon {
	margin: 2px 0px 2px 0px;
}

img.home-page-webstore-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.home-page-webstore-title {
	text-align: left;
	margin: 9px 0px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.home-page-webstore-abstract {
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

p.home-page-webstore-visitors {
	width: 96px;
	background-image: url(/mbi/page-visitors.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 3px 2% 12px 59%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: white;
	position: absolute;
	top: 77% /*318px*/;
}

h4.home-page-webstore-button {
	margin: 8px 1% 4px 1%;
	padding: 6px 6px 6px 9px;
	text-align: center;
	width: 87%;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 85% /*350px*/;
}

h4.home-page-webstore-button:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
	color: black;
}

p.webstore-link {
	margin: 24px 36px 24px 36px;
	padding: 6px 6px 6px 6px;
	text-align: center;
	width: 87%;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
}

p.webstore-link:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
	color: black;
}

div.simbolopedia-index-element {
	border: 1px dotted #056da2;
	border-radius: 4px;
	max-width: 126px;
	text-align: center;
	width: 126px;
	min-height: 63px;
	padding: 3px;
}

div.simbolopedia-index-element:hover {
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
}

p.simbolopedia-index-icon {
	text-align: center;
}

h3.simbolopedia-index-cityname {
	padding-top: 3px;
	margin-top: 3px;
	font-size: 11pt;
	text-align: right;
}

div.simbolopedia-imagens {
	max-width: 100%;
	text-align: center;
	vertical-align: top;
	padding-top: 24px;
	display: block;
	padding-bottom: 30px;
	background-color: white;
	border-radius: 9px;
	padding: 3px;
	margin: 3px;
	border: 2px #056da2 solid;
}

div.simbolopedia-imagem {
	max-width: 45%;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}

h3.simbolopedia-imagem-titulo {
	
}

h4.simbolopedia-imagens-subtitulo {
	font-size: 11pt;
}

p.simbolopedia-imagem-texto {
	margin-left: 15%;
	max-width: 70%;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 9pt;
}

div.simbolopedia-detalhamento {
	padding: 9px;
	margin: 3px;
	border: 2px solid darkblue;
	border-radius: 9px;
	background: azure;
}

h3.simbolopedia-detalhamento-titulo {
}

h4.simbolopedia-detalhamento-origem {
	margin-left: 20%;
	padding-top: 3px;
	border-top: 2px solid #056da2;
	text-align: right;
}

img.produto-geografico-body-image {
	border: 1px solid lightgray;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


img.simbolo-municipal-720 {
	border: 1px dotted gray;
}

div.barra-links-produtos-municipais {
	padding-top: 24px;
	padding-bottom: 24px;
	display: block;
	text-align: center;
	border-radius: 9px;
	padding: 3px;
	margin: 3px;
	border: 2px black solid;
	min-height: 36px;
}

h3.barra-links-produtos-municipais {
	padding: 6px;
	margin-left: 5%;
	width: 90%;
	background-color: white;
	vertical-align: middle;
}

img.barra-links-produtos-municipais-icone {
	vertical-align: top;
	padding: 3px;
	height: 32px;
	float: left;
}
div.link-produto-municipal {
	display: hidden;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 96px;
	width: 68px;
	max-width: 72px;
}

div.link-produto-municipal:hover {
	background-color: yellow;
}

p.link-produto-municipal {
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
}

img.product-category-icon {
	margin: 4px;
	width: 46px;
	height: 46px;
}


div.post-infull-contents {
	text-align: left;
	font-family: Calibri;
	font-size: 11px;
}

div.post-raw-contents {
	text-align: left;
	font-family: Calibri;
	font-size: 11px;
}

/* 3.1	Accessibility links
-----------------------------------------------------------------------------------------------*/	

#accessibility-links {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	masthead
-----------------------------------------------------------------------------------------------*/	

#masthead h1 {
	font-size: 1.4em;
}

#masthead h1, 
#masthead h1 span, 
#masthead a, 
#masthead a span {
	display: block;
	width: 388px;
	height: 55px;
	overflow: hidden;
}

#masthead a, 
#masthead a span {
	cursor: pointer;
	font-weight: bold;
}

#masthead h1 {
	position: relative;
	font-weight: bold;
	margin-left: -1px;
}

#masthead h1 span,
#masthead a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background-repeat: no-repeat;
}

/* 3.3	Navigation
-----------------------------------------------------------------------------------------------*/
#topbar {
	width: 950px;
	height: 36px;
	margin: 0 auto;
}

#topbarright {
	width: 248px;
	height: 36px;
	float: right;
}

#navigation {
	float: left;
	width: 950px;
	height: 36px;
	position: relative;
	margin: 8px 0 0 0;
	padding: 0 0 1px 0;
/*	text-transform: uppercase;*/
	background-color: #f4f5f5;
}

#navigation a {
/* was  color: #44444e; */
	color: #207080;
}

#navigation a:hover, 
#navigation a:active {
	text-decoration: none;
}
	
#navigation ol, 
#navigation ol ul { 
	line-height: 1;
}

#navigation ol {
	width: 932px;
	height: 35px;
	padding: 0 0 0 18px;
	background-repeat: no-repeat;
}

#navigation li {
	float: left;
	text-align: center;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 32px;
	background: no-repeat;
}

#navigation li.first {
	background: none;
}

#navigation li a {
	display: block;
}

#navigation li a span {
	display: block;
	padding: 0 12px 0 12px;
}

#navigation li:hover, 
#navigation li.navigation-hover {
	position: static;
	background: #d9e2e7 url(images/bg_navigation_tab_left.png) no-repeat;
}

#navigation li:hover a span, 
#navigation li.navigation-hover a span {
  background: url(images/bg_navigation_tab_right.png) no-repeat 100% 0;
}

#navigation li div { 
	position: absolute;
##	width: 440px;
	left: -999em;
	z-index: 100;
}

#navigation li:hover div, 
#navigation li.navigation-hover div {
	left: auto;
}

#navigation li div div, 
#navigation li:hover div div {
	position: relative;
	left: 0;
	width: 160px;
	height: 10px;
	background: url(images/bg_navigation_dropdown.png) no-repeat;
}

#navigation li ul {
	padding: 4px 0 0 0;
	background: #d9e2e7;
}

#navigation li li {
	float: none;
	line-height: normal;
	background: none;
	padding: 2px 2px;
	text-align: left;
	line-height: normal;
	font-size: 0.9em;
}

#navigation li:hover li, 
#navigation li.navigation-hover li {
	background: none;
}

#navigation li li a {
	width: 220px;
/* was  color: #2e3d5f; */
	color: #207080;
}

#navigation li li a span {
	float: none;
	padding: 8px 4px 4px 8px;
}

#navigation li:hover li a span, 
#navigation li.navigation-hover li a span {
  background: none;
	float: none;
}

#navigation li li a:hover {
  background: #f1f4f6 url(images/bg_navigation_dropdown_c_bottom.png) no-repeat 0 100%;
}

#navigation li li a span,
#navigation li li a:hover span {
  background: url(images/bg_navigation_dropdown_c_top.png) no-repeat;
}

#navigation .rss {
	position: absolute;
	top: 10px;
	right: 10px;
}


/* 3.4	Search
-----------------------------------------------------------------------------------------------*/	

.search {
	position: absolute;
	top: 26px;
	right: 0;
	width: 290px;
}

.search label {
	position: absolute;
	left: -999em;
}

.search input.field {
	width: 320px;
	height: 17px;
	margin: 0 12px 0 0;
	background: #fff url(images/bg_input.png) no-repeat;
}


/* 3.5	Header
-----------------------------------------------------------------------------------------------*/	

#header p {
	width: 520px;
	display: inline;
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -.5em;
	font: bold 2em Arial, Helvetica, sans-serif;
}

.home #header p {
	width: 375px;
	top: 55%;
	font-size: 2.1em;
}

.home #header .upcoming-events {
	min-height: 230px;
	float: right;
	clear: none;
	margin: 0;
	border: none;
}

.home #header .upcoming-events h2 {
	float: none;
	width: auto;
	margin: 0;
	font: normal 1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Sans-serif;
}

/* 3.6	Content
-----------------------------------------------------------------------------------------------*/	

#content table {
	margin: 0 0 2em 0;
}

#content table {
	width: 100%;
	border: 1px solid;
	border-color: #dbdbdc;
}

#content td {
	padding: .6em 1em .8em 1.8em;
	vertical-align: top;
}

#content th {
	padding: .8em 1.2em .8em 1.8em;
	white-space: nowrap;
	font-weight: bold;
	text-transform: uppercase;
}

#content table a {
	font-weight: bold;
}

.inner-content-container {
	overflow: hidden;
}

.inner-content-left {
	float: left;
}

.inner-content-right {
	float: right;
}


/* 3.7	Sidebar
-----------------------------------------------------------------------------------------------*/

.secondary-navigation li {
	padding: .7em .7em .7em 1.5em;
	font-size: 1.4em;
}

.secondary-navigation li a {
	font-weight: bold;
	text-decoration: none;
}

.secondary-navigation li a:hover {
	text-decoration: underline;
}

.secondary-navigation li.current a {
	text-decoration: none;
}	

#sidebar .newsletter {
	margin: 0;
	padding: 2em;
}

#sidebar .newsletter h2 {
	margin: 0 0 1em 0;
}


/* 3.8	Footer
-----------------------------------------------------------------------------------------------*/	

.sponsors {
	width: 324px;
	float: right;
}

.sponsors h2 {
	margin: 0 0 1em 0;
}

.sponsors ul {
	width: 324px;
	overflow: hidden;
}

.sponsors li {
	float: left;
}

.sponsors li a {
	margin: 0 20px 0 0;
}

.sub-navigation {
	width: 600px;
	overflow: hidden;
	padding: 0 0 36px 0;
}

.sub-navigation li {
	float: left;
	display: inline;
	padding: 0 10px;
	margin: 0 10px 0 -10px;
}

.sub-navigation a {
	font-weight: bold;
	text-decoration: none;
}

.sub-navigation a:hover {
	text-decoration: underline;
}

.sub-navigation, 
.copyright {
	margin-right: 324px;
}



/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.photo-left {
	float: left;
	display: inline;
	margin: 0 14px 4px 0;
	padding: 4px;
	border: 1px solid;
	border-color: #dbdbdc;
	background-color: #f1f1f3;
}

.photo-left img {
	vertical-align: bottom;
}

.bullet-list {
	margin: 0 0 2em 0;
}

.bullet-list li {
	margin: 0 0 .4em 0;
	padding: 0 0 0 1em;
	background: url(images/ico_bull.png) no-repeat 0 .6em;
}

.section {
	padding: 20px;
}

.module {
	width: 250px;
	padding: 20px 20px 0 20px;
}

.module h2 {
	width: 231px;
	padding: .8em 4px .8em 15px;
	background-color: #ddd1a7;
	background-image: url(images/bg_module_top.png);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
}

.module h2 {
	position: relative;
}

.module h2 img {
	position: absolute;
	top: .8em;
	right: 10px;
}

.module ul {
	padding: 0 0 7px 0;
}

.module li a {
	width: 231px;
	padding: .7em 4px .7em 15px;
	display: block;
	font-weight: bold;
	border-bottom: 1px solid;
	border-bottom-color: #eeeabd;
	background-color: #fbf9ea;
	color: #444233;
}

.module li.last-row a {
	padding-bottom: .9em;
	background: #fbf9ea url(images/bg_module_bottom.png) no-repeat 0 100%;
}

.module li a:hover {
	text-decoration: none;
	background-color: #eeeabd;
}

.module li.last-row a:hover {
		background: #eeeabd url(images/bg_module_bottom.png) no-repeat -250px 100%;
}

.module li.second-column a {
		background-position: -125px 100%;
}

.module li.second-column a:hover {
		background-position: -375px 100%;
}

.vevent {
	padding: 1.2em 0 0 0;
}

.vevent h3 {
	margin: 0 0 .3em 0 ;
}

.vevent a:hover
{
	text-decoration: none;
}

.vevent p {
	margin: 0 0 .6em 0;
}

.vevent .location {
	font-weight: bold;
}

.newsletter {
	margin: 1em 0 5em 0;
}

.newsletter p {
	font-weight: bold;
}

.newsletter input.field {
	margin: 0 8px 0 0;
}

.rss-feed {
	width: 225px;
	min-height: 130px;
	overflow: hidden;
	margin: 1em 0 0 0;
	padding: 20px;
}

.rss-feed img {
	float: left;
}

.rss-feed p, 
.rss-feed ul {
	margin-left: 40px;
}

.rss-feed p {
	margin-bottom: .6em;
}

.rss-feed li {
	margin-bottom: .2em;
}

.rss-feed a {
	font-weight: bold;
}

.news-and-updates {
	margin: 1em 0 0 0;
}

.news-and-updates li {
	margin: 0 0 2em 0;
}

.news-and-updates h3 {
	margin: 0 0 .2em 0;
	font-size: 1.2em;
}

.news-and-updates p {
	margin: 0;
}

.news-and-updates .date {
	display: block;
	margin: 0 0 .8em 0;
	font-style: italic;
}

.testimonial blockquote {
	padding: .1em 0 0 0;
	background: url(images/bg_testimonial.png) no-repeat;
}

.testimonial p {
	margin: 0;
	text-indent: 36px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #4a6b7f;
}

.testimonial p.byline {
	text-align: right;
	font-size: 1.2em;
	color: #42474a;
}

.contact {
	margin: .2em 0 0 0;
}

.contact li {
	width: 580px;
	overflow: hidden;
	padding: 0 0 1.2em 0;
}

.contact li.fieldset-two {
	padding: 0;
}

.contact li ul {
	margin: 0 0 1.9em 0;
}

.contact li.fieldset-two ul {
	margin: 0;
}

.contact li label,
.contact li .label {
	width: 140px;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
	font-weight: bold;
}

.contact li li li {
	width: auto;
	float: none;
	display: inline;
	padding: 0;
}

.contact li li li label {
	float: none;
	font-weight: normal;
	margin: 0 0.8em 0 0;
}

.contact li input.field {
	width: 208px;
	padding: 2px;
}

.contact li textarea {
	width: 333px;
	padding: 2px;
}

.contact li select {
	width: 214px;
	background: #fff;
	padding: 0 2px;
}

.contact li.spam-protection,
.contact li.submit {
	width: auto;
	padding: 0 0 0 156px;
}

.contact li.spam-protection label {
	float: none;
	font-weight: normal;
	font-style: italic;
	margin: 0 2em 0 0;
}

.contact li.submit {
	margin: 1.5em 0 0;
}

.address h4 {
	font-size: 1.2em;
}

.archives ul {
	width: 250px;
	overflow: hidden;
}

.archives li {
	float: left;
}

.archives li a {
	width: 105px;
	border-right: 1px solid;
	border-right-color: #eeeabd;
	}
	
.archives li.last-row a {
	border-bottom: none;
}	

.archives li.second-column a {
	border-right: none;
}

.post-date, 
.post-date a {
	color: #a09d94;
}

.post-date {
	margin: 0 0 .8em 0;
	font-weight: bold;
}

.entry-title {
	font-weight: bold;
	font-size: 1.8em;
}

.entry-title,
.entry-title a {
	color: #737164;
}


.entry-content {
	margin: 1.4em 0 0 0;
	color: #2d2d2d;
}

.entry-content h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin: .6em 0 .6em 0;
	color: #433f33;
}

.post-meta {
	width: 620px;
	margin: 2em 0;
	padding: 0 10px;
	overflow: hidden;
	font-weight: bold;
	background-color: #fcfaed;
	border-bottom: 1px solid;
	border-bottom-color: #dddab9;
}

.post-meta p {
	float: left;
	margin: 0;
	padding: 0 1em 0 0;
	line-height: 3em;
}

.post-meta .add-comment {
	display: block;
	padding: 0 0 0 1em;
	background: url(images/border_post_meta_pipe.png) no-repeat 0 100%;
}

.post-meta .add-comment,
.post-meta .add-comment a,
.post-meta .tag-list em {
	font-style: normal;
	color: #737164;
}

.post-meta .tag-list a {
	color: #b28b22;
}

.post-meta .tag-list a:hover {
	color: #a63a1d;
}

div.post-excerpt-box {
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	padding: 6px 6px 6px 6px;
	border-radius: 6px;
	width: 96%;
}

td.post-excerpt-box:hover{
	border: 1px solid #056da2;
}

p.post-excerpt-title {
	color: darkgreen;
	text-align: right;
	padding-top: 6pt;
	padding-right: 3pt;
	margin-bottom: 3pt;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
}

p.post-excerpt-contents {
	color: #207080;
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 9pt;
	margin-bottom: 6pt;
	min-height: 32px;
	vertical-align: middle;
	margin-left: 72px;
}

div.post-full-contents {
	max-width: 900;
}
div.post-raw-contents {
	max-width: 780;
}

p.post-infull-title {
	margin-top: 12px;
	color: darkgreen;
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}

.pagination {
	float: right;
}

.pagination li {
	float: left;
	background: #434134 url(images/bg_blog_navigation.png) repeat-x;
	font-size: 1.1em;
}

.pagination a {
	display: block;
	width: 5em;
	padding: 1px 1em 0 1em;
	line-height: 22px;
	color: #fff;
	text-transform: uppercase;
}

.pagination a:hover {
	text-decoration: none;
	color: #dddab9;
}

.pagination .previous a {
	border-right: 1px solid #fff;
	background: url(images/bg_previous.png) no-repeat 0 50%; 
}

.pagination .next a {
	text-align: right;
	background: url(images/bg_next.png) no-repeat 100% 50%; 
}

.comment-form h2,
.comment-list h2 {
	padding: .7em .4em .7em 1.5em;
	background-color: #444034;
	background-image: url(images/bg_comments_top.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	position: relative;
}

.comment-form h2 img,
.comment-list h2 img {
	position: absolute;
	top: .8em;
	right: 10px;
}

.comment-list {
	margin: 1em 0;
}

.comment-list ol {
	margin: 0 0 3em 0;
}

.comment-list li {
	padding: 1.4em 2em;
	border-bottom: 1px solid;
	border-bottom-color: #d7d4cb;
}

.comment-list li.odd {
	background-color: #f9f8f3;
}

.comment-list .comment-body p {
	margin: 0 0 .6em 0;
}

.comment-list .comment-meta {
	margin: 0;
	font-style: italic;
}

.comment-list .comment-meta,
.comment-list .comment-meta a {
	color: #b28b22;
}

.comment-form ul {
	margin: 2.4em 0;
}

.comment-form li {
	width: 640px;
	overflow: hidden;
	padding: 0 0 1.2em 0;
}

.comment-form li label {
	width: 140px;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
	font-weight: bold;
}

.comment-form li input.field {
	width: 208px;
	padding: 2px;
}

.comment-form li textarea {
	width: 333px;
	padding: 2px;
}

.comment-form li select {
	width: 214px;
	background: #fff;
	padding: 0 2px;
}

.comment-form li.spam-protection,
.comment-form li.submit {
	width: auto;
	padding: 0 0 0 156px;
}

.comment-form li.spam-protection label {
	float: none;
	font-weight: normal;
	font-style: italic;
	margin: 0 2em 0 0;
}

.comment-form li.submit {
	margin: 1.5em 0 0;
}

#contact_form
{
	margin-top: 5px;
}

#contact_form div
{
	padding: 2px 0px 2px 0px;
	font-size: 110%;
}

#contact_form textarea
{
	color: #000;
}

#contact_form #contact_status
{
	font-size: 125%;
	padding-top: 20px;
}

.button_sorter {
	font-size: 11px; font-family: Tahoma; font-weight: bold;
}

h1.page-title {
	text-align: left;
	margin-top: 2pt; 
	line-height: 133%;
	font-size: 14pt; font-family: Arial; font-weight: bold;
	color: #207080; 
}

div.biblioteca-cidade-indice-bairros-comercial {
	padding-bottom: 9px;
}
p.biblioteca-cidade-texto-explicativo {
	font-family: Arial;
	font-size: 9pt;
	margin-top: 3pt;
	margin-bottom: 3pt;
}

h5.biblioteca-cidade-tabela-cep-titulo {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 6pt;
	margin-bottom: 2pt;
}

#striped1  tbody tr:nth-child(even) { background-color: white; }
#striped1 tbody tr:nth-child(odd) { background-color: #F0F0F0; }

table.bordered2 { border: 4px solid; padding: 4px; width: 95%;}

div.biblioteca-cidade-indice-municipio-linha-detalhe {
	border: 1px dotted gray;
	border-radius: 4px;
	box-shadow: 2px 2px lightgray;
	padding: 4px;
	min-height: 120px;
}

div.biblioteca-cidade-indice-municipio-linha-detalhe:hover {
	background-color: lightcyan;
}

div.biblioteca-cidade-indice-municipio-linha-detalhe:hover {
	border: 1px solid black;
	box-shadow: 3px 3px gray;
	padding-top: 6px;
	padding-left: 6px;
}

p.biblioteca-cidade-indice-municipio-linha-detalhe-cidade {
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom: 6pt;
}

img.biblioteca-cidade-indice-municipio-linha-detalhe-cidade-brasao {
	padding: 3px;
	float: left;
}

p.biblioteca-cidade-indice-municipio-linha-detalhe-cidade-descricao {
	padding: 3px;
	font-size: 9pt;
	margin-bottom: 8px;
}

p.biblioteca-cidade-indice-municipio-linha-detalhe-cidade-link {
	padding: 3px;
	font-size: 8pt;
	margin-bottom: 8px;
	text-align: center;
}

p.biblioteca-cidade-indice-municipio-linha-detalhe-cidade-link:hover {
	background-color: orange;
}

div.biblioteca-cidade-indice-bairros-linha-detalhe {
	border: 1px dotted gray;
	border-radius: 4px;
	box-shadow: 2px 2px lightgray;
	padding: 4px;
	min-height: 90px;
	min-width: 180px;
	max-width: 180px;
}

div.biblioteca-cidade-indice-bairros-linha-detalhe:hover {
	border: 1px solid black;
	box-shadow: 3px 3px gray;
	padding-top: 6px;
	padding-left: 6px;
}

p.biblioteca-cidade-tabela-cep-detalhe {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	font-size: 9pt;
	font-weight: bold;
}

div.biblioteca-cidade-tabela-cep-detalhe {
	text-align: center;
	max-width: 168px;
	min-width: 168px;
	border: 1px dotted lightgray;
	border-radius: 4px;
	box-shadow: 2px 2px lightgray;
	padding: 4px 4px 4px 4px;
	background-color: lightcyan;
}

div.biblioteca-cidade-tabela-cep-detalhe:hover {
	border: 1px solid darkgray;
	box-shadow: 4px 4px black;
	background-color: white;
}

p.biblioteca-cidade-tabela-cep-detalhe-cep {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 16pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid darkblue;
	border-radius: 3px;
	background-color: white;
}

p.biblioteca-cidade-tabela-cep-detalhe-logradouro {
	font-style: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	margin: 3px;
}

p.biblioteca-cidade-tabela-cep-detalhe-trecho {
	font-size: 8pt;
	font-style: italic;
	padding: 2px;
	margin: 2px;
}

p.biblioteca-cidade-tabela-cep-detalhe-bairro {
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	margin: 2px;
	border-top: 1px solid darkgreen;
	border-bottom: 1px solid darkgreen;
	background-color: lightyellow;
}

p.biblioteca-cidade-tabela-cep-detalhe-bairro:hover {
	background-color: lightcyan;
}

p.biblioteca-cidade-tabela-cep-detalhe-nucleopop {
	font-weight: bold;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
}

div.simbolo-detalhamento {
	padding: 3px;
	margin: 3px;
	border: 1px dotted gray;
}
h3.simbolo-detalhamento-titulo {
}

h4.simbolo-detalhamento-origem {
	margin-left: 20%;
	padding-top: 3px;
	border-top: 2px solid #056da2;
	text-align: right;
}

h3.utilidades-links-por-ddd {
	font-weight: bold;
}

div.tac {
	text-align: center;
}

div.ib {
	display: inline-block;
}
div.mbiwebstorecart {
	text-align: center;
}

h2.mbiwebstorecart-payment-title {
	text-align: center;
	font-family: "Trebuchet MS";
}

h3.mbiwebstorecart-contents-title {
	text-align: center;
	font-family: "Trebuchet MS";
	margin: 24px 0 24px 0;
	background-color: azure;
	padding: 6px;
	border-radius: 6px;
}

form.mbiwebstore-button-container {
	width: 100%;
	text-align: center;
	margin: 6px 6px 6px 6px;
}

form.mbiwebstore-button-small-container {
	width: 100%;
	text-align: center;
	margin: 4px 0px 4px 0px;
}

div.mbiwebstore-button-mini-container {
	width: 100%;
	text-align: center;
	margin: 2px 0px 2px 0px;
}

button.mbiwebstore-button {
    padding: 16px 24px 16px 96px;
	margin: 8px 0 8px 0;
    font-family: "Trebuchet MS", Arial, Verdana;
    font-size: 16pt;
    font-weight: bold;
    border-radius: 32px;
    border: 1px solid #d9d9d9;
    color: white;
    text-shadow: 1px 1px blue;
    min-width: 340px;
	max-width: 360px;
    min-height: 64px;
	float: right;
	cursor: pointer;
}

button.mbiwebstore-button:hover {
  padding: 16px 24px 16px 98px;
  color: lightgreen;
  text-shadow: 2px 2px black;
}

button.mbiwebstore-button:active {
  color: blue;
  padding: 12px 24px 10px 100px;
}

button.mbiwebstore-button:disabled {
	color: gray;
	cursor: not-allowed;
}

button.mbiwebstore-button-small {
    padding: 16px 24px 16px 72px;
	margin: 2px 0 2px 0;
    font-family: "Trebuchet MS", Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
    border-radius: 24px;
    border: 1px solid #d9d9d9;
    color: white;
    text-shadow: 1px 1px blue;
    min-width: 174px;
	max-width: 96%;
    min-height: 48px;
	cursor: pointer;
}

button.mbiwebstore-button-small:hover {
  padding: 16px 24px 16px 74px;
  color: lightgreen;
  text-shadow: 2px 2px black;
}

button.mbiwebstore-button-small:active {
  color: blue;
  padding: 12px 24px 10px 76px;
}

button.mbiwebstore-button-small:disabled {
	color: gray;
	cursor: not-allowed;
}

p.mbiwebstore-button-mini {
    border-radius: 6px;
    background-color: #056da2;
    color: white;
	width: 40px;
    min-width: 40px;
	max-width: 40px;
    min-height: 40px;
	cursor: pointer;
}

p.mbiwebstore-button-mini:hover {
  background-color: blue;
  text-shadow: 2px 2px black;
}

p.mbiwebstore-button-mini:active {
  color: purple;
}

p.mbiwebstore-button-mini:disabled {
	color: gray;
	cursor: not-allowed;
}

p.shopping-cart-pay-now-mini { 
    background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat;
	background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-34px.jpg) 3px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

p.shopping-cart-add-mini {
    background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center;
	background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-34px.jpg) no-repeat 2px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

p.sample-request-mini {
    background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center;
	background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-34px.jpg) no-repeat 3px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

p.see-more-details-mini {
    background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center ;
	background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-34px.png) no-repeat 9px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}


input.cartElementIncrement {
	width: 24px; 
	text-align: center; 
	font-weight: bold; 
	color: darkgreen;
}

input.cartElementIncrement:disabled {
	cursor: not-allowed;
	color: gray;
}

input.cartElementDecrement {
	width: 24px; 
	text-align: center; 
	font-weight: bold; 
	color: fuchsia;
}

input.cartElementDecrement:disabled {
	cursor: not-allowed;
	color: gray;
}

button.utilities-phone-list-small {
    background: #056da2 url(/mbi/loja/phone-list-40px.png) 16px center no-repeat;
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.utilities-single-line-small {
    background: #056da2 url(/mbi/loja/phone-line-40px.png) 16px center no-repeat;
	background: url(/mbi/loja/phone-line-40px.png) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-line-40px.png) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-line-40px.png) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-line-40px.png) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/phone-line-40px.png) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-line-40px.png) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.utilities-phone-list-small {
    background: #056da2 url(/mbi/loja/phone-list-40px.png) 16px center no-repeat;
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/phone-list-40px.png) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-credit-card {
    background: #056da2 url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat;
	background: url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-credit-card-67px.jpg) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-bank-slip {
    background: #056da2 url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat;
	background: url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-slip-67px.jpg) 16px 12px no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-paypal {
    background: #056da2 url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat;
	background: url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-paypal-60px.jpg) 24px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-debit-card {
    background: #056da2 url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat;
	background: url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-debit-card-67px.png) 22px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-bank-transfer {
    background: #056da2 url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat;
	background: url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-transfer-64px.png) 28px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-bank-deposit {
    background: #056da2 url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat;
	background: url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-bank-deposit-67px.jpg) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-option-others {
    background: #056da2 url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat;
	background: url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-others-67px.jpg) 24px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-more-products {
    background: #056da2 url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat;
	background: url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-add-67px.jpg) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.see-more-details {
    background: #056da2 url(/mbi/loja/microscopio-60px.png) 40px center no-repeat;
	background: url(/mbi/loja/microscopio-60px.png) 40px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-60px.png) 40px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-60px.png) 40px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-60px.png) 40px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/microscopio-60px.png) 40px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-60px.png) 40px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.cart-empty {
    background: #056da2 url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat;
	background: url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-remove-67px.jpg) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.shopping-cart-add {
	background: #056da2 url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat;
	background: url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-67px.jpg) 16px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.sample-request {
    background: #056da2 url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat;
	background: url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 28px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-payment-modality {
    background: #056da2 url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat;
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.shopping-cart-pay-now {
    background: #056da2 url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat;
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-67px.jpg) 22px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.choose-sample-confirmation {
	display: block;
    background: #056da2 url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat;
	background: url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-62px.jpg) 22px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.shopping-cart-confirm-order {
	display: block;
    background: #056da2 url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat;
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.shopping-cart-confirm-sample {
	display: block;
    background: #056da2 url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat;
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/confirm-60px.jpg) 22px center no-repeat, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.shopping-cart-add-small {
    background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center;
	background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/cart-icon-save-45px.jpg) no-repeat 16px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.shopping-cart-pay-now-small {
    background: #056da2 url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center;
	background: url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/caixa-45px.jpg) no-repeat 20px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.sample-request-small {
    background: #056da2 url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center;
	background: url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/product-sample-40px.jpg) no-repeat 24px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

button.see-more-details-small {
    background: #056da2 url(/mbi/loja/microscopio-40px.png) no-repeat 36px center ;
	background: url(/mbi/loja/microscopio-40px.png) no-repeat 36px center, -ms-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-40px.png) no-repeat 36px center, -moz-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-40px.png) no-repeat 36px center, -o-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-40px.png) no-repeat 36px center, -webkit-gradient(linear, left top, right bottom, color-stop(42, #056DA2), color-stop(100, #068BCF));
	background: url(/mbi/loja/microscopio-40px.png) no-repeat 36px center, -webkit-linear-gradient(top left, #056DA2 42%, #068BCF 100%);
	background: url(/mbi/loja/microscopio-40px.png) no-repeat 36px center, linear-gradient(to bottom right, #056DA2 42%, #068BCF 100%);
}

span.cartstatus-empty-qtty {
	vertical-align:50%; 
	color: white; 
	font-size:8pt; 
	background-color: gray; 
	text-align: center; 
	border-radius: 50%; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid gray; 
	margin: 1px 3px 0px -6px;
}

span.cartstatus-non-empty-qtty {
	vertical-align:50%; 
	color: white; 
	font-size:8pt; 
	font-family: Arial; 
	font-weight: bold;
	background-color: red; 
	text-align: center;
	border-radius: 50%; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid fuchsia; 
	margin: 1px 3px 0px -6px;
}

span.cartstatus-empty-amount {
	vertical-align:-33%; 
	color: black;
}

span.cartstatus-non-empty-amount {
	vertical-align:-33%;
}

div.index-post-webstore-links {
	min-width: 256px;
	max-width: 100%;
	display: block;
	text-align: center;
	border-radius: 0px;
	border-top: 2px steelblue solid;
	border-left: 2px steelblue solid;
	border-right: 2px steelblue solid;
	border-bottom: 2px gray solid;
	background-image: -ms-linear-gradient(top left, white 0%, lightblue 100%);
	background-image: -moz-linear-gradient(top left, white 0%, lightblue 100%);
	background-image: -o-linear-gradient(top left, white 0%, lightblue 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, white), color-stop(100, lightblue));
	background-image: -webkit-linear-gradient(top left, white 0%, lightblue 100%);
	background-image: linear-gradient(to bottom right, white 0%, lightblue 100%);
	padding-top: 9pt;
	padding-bottom: 0pt;
}

div.index-post-webstore-links-combo {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	float: left;
}

label.index-post-webstore-links-combo-label {
	font-size: 9pt;
	font-family: Trebuchet MS;
	font-style: italic;
}

div.index-post-webstore-links-individual {
	text-align: right;
	vertical-align: top;
	padding: 3px;
}

p.index-post-webstore-links-individual-label {
	font-size: 9pt;
	font-family: Trebuchet MS;
	margin-bottom: 2px;
	margin-right: 3px;
	text-align: right;
	font-style: italic;
}

div.index-post-webstore-links-individual-group {
	display: inline-block;
}

div.index-post-webstore-link1-individual-group {
	text-align: right;
}

div.index-post-webstore-link-div {
	width: 108px;
	padding-left: 8px;
	vertical-align: top;
	display: inline-block;
}

div.index-post-webstore-link1-div {
	min-width: 236px;
	padding-left: 8px;
	padding-bottom: 4px;
	display: inline-block;
}

p.index-post-webstore-link-text  {
	margin-bottom: 0pt;
	border-radius: 3px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px white;
	background-color: lightcyan;
	border: 1px solid #A6ACAF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 6px;
	min-height: 42px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 125%;
	padding: 2px 0 -6px 0;
}

p.index-post-webstore-link1-text  {
	margin-bottom: 0pt;
	border-radius: 3px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	text-shadow: 1px 1px white;
	background-color: lightcyan;
	border: 1px solid #A6ACAF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 6px;
	min-height: 36px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 125%;
}

p.index-post-webstore-link-text:a {
	color: navyblue;
}

p.index-post-webstore-link-text:hover {
	background-color: white;
	text-shadow: 1px 0px lightgray;
}

div.webstore-individual-product-title {
	min-width: 256px;
	max-width: 100%;
	display: block;
	background-color: #056da2;
	border-radius: 8px;
	background-image: -ms-linear-gradient(top left, #00007F 0%, #056da2 100%);
	background-image: -moz-linear-gradient(top left, #00007F 0%, #056da2 100%);
	background-image: -o-linear-gradient(top left, #00007F 0%, #056da2 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #00007F), color-stop(100, #056da2));
	background-image: -webkit-linear-gradient(top left, #00007F 0%, #056da2 100%);
	background-image: linear-gradient(to bottom right, #00007F 0%, #056da2 100%);
}

div.webstore-citylist-panel {
	background-color: steelblue;
	padding: 1x 3px 0px 3px;
	margin-bottom: 18px;
	border: 2px orange solid;
	text-align: center;
	height: 27px;
}

div.webstore-citylist-panel-label {
	display: inline-block;
}

p.webstore-citylist-panel-label {
	padding-top: 2px;
	padding-right: 6px;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	color: white;
}

div.webstore-citylist-panel-list {
	padding-top: 0px;
	display: inline-block;
	font-size: 9pt;
	line-height: 90%;
}

div.webstore-individual-product-title-area {
	margin: 6px 12px 1px 12px;
	padding: 12px 0px 12px 0px;
	vertical-align: middle;
}

div.webstore-individual-product-subtitle {
	min-width: 100%;
	max-width: 100%;
	display: block;
}

div.webstore-individual-product-subtitle-area {
	min-width: 100%;
	max-width: 100%;
}

h2.webstore-individual-product-name {
	color: white;
	font-family: Trebuchet MS;
	font-size: 14pt;
}

h3.webstore-individual-product-code {
	text-align: right;
	color: #080808;
	font-family: Trebuchet MS;
	font-size: 9pt;
	margin-right: 6px;
}

div.webstore-individual-product-title-facebook {
	text-align: center;
	margin: 12px 3px 12px 3px;
}

div.webstore-individual-product-offer {
	width: 100%;
	text-align: center;
	position: relative;
	display: inline-block;
	max-width: 460px; 
	vertical-align: top;
}

p.webstore-individual-product-offer-description {
	text-align: left;
	vertical-align: top;
	height: 100%;
	margin-left: 6px;
	padding-right: 6px;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

div.webstore-individual-product-offer-shorthand  {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 9px;
	padding: 3px 3px 3px 3px;
	border-radius: 6px;
	border: 2px darkgreen solid;
	text-align: center;
}

h4.webstore-individual-product-offer-shorthand {
	font-family: Trebuchet MS;
	font-size: 13pt;
	color: darkgreen;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 2px 0px 2px 0px;
	display: block;
}

div.webstore-individual-product-offer-summary {
	min-width: 200px;
	max-width: 100%;
	font-family: Trebuchet MS;
	font-size: 11pt;
	font-weight: bold;
	line-height: 125%;
}

div.webstore-individual-product-offer-illustration {
	float: left;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding: 6px 4px 6px 0px;
	line-height: 125%;
	width: 120px;
	text-align: center;
}

div.webstore-individual-product-offer-goto-detail {
	text-align: center;
	padding-top: 18px;
}

div.webstore-individual-product-offer-price-action {
	min-width: 360px;
	width: 420px;
	text-align: center;
	margin-top: 0px;
}

div.webstore-individual-product-offer-actions{
	text-align: center;
}

div.webstore-individual-product-offer-price {
	text-align: center;
	width: 100%;
	padding: 2px;
}

p.webstore-individual-product-offer-price-text {
	padding: 6px 6px 6px 6px;
	color: black;
	font-family: Trebuchet MS;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 2px;
}

span.webstore-individual-product-offer-price-standard {
	color: red;
	font-size: 20pt;
	text-decoration: line-through;
    text-decoration-style: dotted;
    text-decoration-color: black;
}

span.webstore-individual-product-offer-price-promotional {
	color: darkblue;
	font-size: 22pt;
}

div.webstore-individual-product-detail {
	width: 96%;
	text-align: center;
}

div.webstore-individual-product-details {
	padding-top: 64px;
}

/* Styles used for geographic products inside webstore */
div.produto-geografico-body {
	text-align: center;
}

div.produto-geografico-body-offer-size-div {
	padding-top: 24px;
	padding-bottom: 6px;
	text-align: center;
	margin-left: 10%;
	width: 80%;
	margin-right: 10%;
	min-width: 320px;
}

p.produto-geografico-body-offer-size {
	color: green;
	background-color: lightyellow;
	font-weight: bold;
	font-size: 13pt;
	font-family: Trebuchet MS;
	text-align: center;
	padding: 4px;
	border: 2px solid green;
	border-radius: 4px;
	margin: 0px;
}

div.produto-geografico-body-image {
	max-width: 240px;
	vertical-align: top;
	padding-top: 24px;
	display: inline-block;
}

p.produto-geografico-body-image {
	max-width: 96%;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 9pt;
}

img.produto-geografico-body-image {
	max-width: 210px;
	max-height: 210px;
}

div.produto-geografico-body-offer {
	width: 67%;
	display: inline-block;
}

p.produto-geografico-body-offer-supplier {
	text-align: center;
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-top: 3px;
	margin-bottom: 3px;
}

p.produto-geografico-body-offer-choice {
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 10pt;
	max-width: 480px;
	margin-top: 6pt;
	margin-bottom: 6pt;
}

div.produto-geografico-body {
	min-width: 100%;
	max-width: 100%;
}

div.produto-geografico-body-details-div {
	display: inline-block;
}

div.produto-geografico-body-offer-formats {
	text-align: left;
	vertical-align: top;
	min-width: 67%;
	font-size: 10pt;
}

div.produto-geografico-body-offer-formats-list {
	vertical-align: top;
	max-width: 25%;
	padding: 0;
	margin: 0;
	display: inline-block;	
}

div.produto-geografico-body-offer-formats-panels {
	vertical-align: top;
	max-width: 60%;
	padding: 0;
	margin: 0;
	display: inline-block;	
}

div.produto-geografico-body-offer-format {
	border-radius: 9px 0px 0px 9px;
	margin-top: 0px;
	margin-bottom: 3px;
}

p.produto-geografico-body-offer-format {
	font-size: 9pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	min-height: 90px;
	max-height: 90px;
	margin: 0px;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 3px;
	text-indent: -20px;
	padding-top: 6px;
}

span.produto-geografico-body-offer-format-panel-price-discounted-small {
	color: darkblue;
	font-weight: bold;
	font-size: 10pt;
}

span.produto-geografico-body-offer-format-panel-format-name-small {
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}

@media screen and (max-width: 672px) {
	span.produto-geografico-body-offer-format-panel-format-name-small {
		display: none;
	}
}

div.produto-geografico-body-offer-format-panel {
	min-width: 180px;
	width: 100%;
	max-width: 640px;
	min-height: 494px;
	border-radius: 0px 9px 9px 0px;
	background-color: #EEF6FE;
	border-top: 1px #056da2 solid;
	border-right: 1px #056da2 solid;
	border-bottom: 1px #056da2 solid;
	border-left: 1px #056da2 dotted;
	margin: 0px;
	padding: 3px;
}

p.produto-geografico-body-offer-format-panel-prices {
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-bottom: 6pt;
}

h3.produto-geografico-body-offer-format-panel-product-code {
	text-align: right;
	color: #080808;
	font-family: Trebuchet MS;
	font-size: 9pt;
	margin-right: 6px;
}

span.produto-geografico-body-offer-format-panel-price-standard {
	color: red;
	text-decoration-line: line-through;
	text-decoration-style: dotted;
	text-decoration-color: darkblue;
	
}

span.produto-geografico-body-offer-format-panel-price-discounted {
	color: darkblue;
}

p.produto-geografico-body-offer-format-panel-installments1 {
	text-align: center;
	font-family: Arial;
	font-size: 9pt;
	padding: 0;
	margin-bottom: 2px;
}

p.produto-geografico-body-offer-format-panel-installments2 {
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
	padding: 0;
	margin-bottom: 3px;
}

h4.produto-geografico-body-offer-format-panel-description-header {
	text-align: left;
	color: #056da2;
	font-family: Trebuchet MS;
	font-size: 11pt;
}

p.produto-geografico-body-offer-format-panel-description {
	text-align: left;
	color: black;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

div.produto-geografico-body-offer-format-panel-helpbar {
	width: 100%;
	text-align: center;
}

div.produto-geografico-body-offer-format-panel-help {
	display: inline-block;
	vertical-align: top;
	padding: 3pt;
	max-width: 200px;
}

img.produto-geografico-body-offer-format-panel-help-icon {
	float: left;
	padding-right: 3pt;
	padding-bottom: 3pt;
}

p.produto-geografico-body-offer-format-panel-help-anchor {
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	color: #056da2;
	cursor: pointer;
	text-align: left;
}

/* Styles used for non-geographic products inside webstore */
div.produto-nao-geografico-body {
	text-align: center;
}

div.produto-nao-geografico-body-offer-size-div {
	padding-top: 24px;
	padding-bottom: 6px;
	text-align: center;
	margin-left: 24px;
	margin-right: 24px;
	min-width: 232px;
}

p.produto-nao-geografico-body-offer-size {
	color: green;
	background-color: lightyellow;
	font-weight: bold;
	font-size: 13pt;
	font-family: Trebuchet MS;
	text-align: center;
	padding: 4px;
	border: 2px solid green;
	border-radius: 4px;
	margin: 0px;
}

div.produto-nao-geografico-body-image {
	max-width: 240px;
	vertical-align: top;
	padding-top: 24px;
	display: inline-block;
}

p.produto-nao-geografico-body-image {
	max-width: 96%;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 9pt;
}

img.produto-nao-geografico-body-image {
	max-width: 210px;
	max-height: 210px;
}

div.produto-nao-geografico-body-offer {
	width: 67%;
	display: inline-block;
}

p.produto-nao-geografico-body-offer-supplier {
	text-align: center;
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-top: 3px;
	margin-bottom: 3px;
}

p.produto-nao-geografico-body-offer-choice {
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 10pt;
	max-width: 480px;
	margin-top: 6pt;
	margin-bottom: 6pt;
}

div.produto-nao-geografico-body {
	min-width: 100%;
	max-width: 100%;
}

div.produto-nao-geografico-body-details-div {
	display: inline-block;
}

div.produto-nao-geografico-body-offer-formats {
	text-align: left;
	vertical-align: top;
	min-width: 67%;
	font-size: 10pt;
}

div.produto-nao-geografico-body-offer-formats-list {
	vertical-align: top;
	max-width: 25%;
	padding: 0;
	margin: 0;
	display: inline-block;	
}

div.produto-nao-geografico-body-offer-formats-panels {
	vertical-align: top;
	max-width: 60%;
	padding: 0;
	margin: 0;
	display: inline-block;	
}

div.produto-nao-geografico-body-offer-format {
	border-radius: 9px 0px 0px 9px;
	margin-top: 0px;
	margin-bottom: 3px;
}

p.produto-nao-geografico-body-offer-format {
	font-size: 9pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	min-height: 90px;
	max-height: 90px;
	margin: 0px;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 3px;
	text-indent: -20px;
	padding-top: 6px;
}

span.produto-nao-geografico-body-offer-format-panel-price-discounted-small {
	color: darkblue;
	font-weight: bold;
	font-size: 10pt;
}

span.produto-nao-geografico-body-offer-format-panel-format-name-small {
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}

@media screen and (max-width: 672px) {
	span.produto-nao-geografico-body-offer-format-panel-format-name-small {
		display: none;
	}
}

div.produto-nao-geografico-body-offer-format-panel {
	min-width: 180px;
	width: 100%;
	max-width: 640px;
	min-height: 494px;
	border-radius: 0px 9px 9px 0px;
	background-color: #EEF6FE;
	border-top: 1px #056da2 solid;
	border-right: 1px #056da2 solid;
	border-bottom: 1px #056da2 solid;
	border-left: 1px #056da2 dotted;
	margin: 0px;
	padding: 3px;
}

p.produto-nao-geografico-body-offer-format-panel-prices {
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-bottom: 6pt;
}

h3.produto-nao-geografico-body-offer-format-panel-product-code {
	text-align: right;
	color: #080808;
	font-family: Trebuchet MS;
	font-size: 9pt;
	margin-right: 6px;
}

span.produto-nao-geografico-body-offer-format-panel-price-standard {
	color: red;
	text-decoration-line: line-through;
	text-decoration-style: dotted;
	text-decoration-color: darkblue;
	
}

span.produto-nao-geografico-body-offer-format-panel-price-discounted {
	color: darkblue;
}

p.produto-nao-geografico-body-offer-format-panel-installments1 {
	text-align: center;
	font-family: Arial;
	font-size: 9pt;
	padding: 0;
	margin-bottom: 2px;
}

p.produto-nao-geografico-body-offer-format-panel-installments2 {
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
	padding: 0;
	margin-bottom: 3px;
}

h4.produto-nao-geografico-body-offer-format-panel-description-header {
	text-align: left;
	color: #056da2;
	font-family: Trebuchet MS;
	font-size: 11pt;
}

p.produto-nao-geografico-body-offer-format-panel-description {
	text-align: left;
	color: black;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

p.produto-nao-geografico-detailed-description {
	text-align: left;
	color: black;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

div.produto-nao-geografico-body-offer-format-panel-helpbar {
	width: 100%;
	text-align: center;
}

div.produto-nao-geografico-body-offer-format-panel-help {
	display: inline-block;
	vertical-align: top;
	padding: 3pt;
	max-width: 200px;
}

img.produto-nao-geografico-body-offer-format-panel-help-icon {
	float: left;
	padding-right: 3pt;
	padding-bottom: 3pt;
}

p.produto-nao-geografico-body-offer-format-panel-help-anchor {
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	color: #056da2;
	cursor: pointer;
	text-align: left;
}

/* Styles to be removed +++*/
div.produto-geografico-municipal-body {
	text-align: center;
}

div.produto-geografico-municipal-body-offer-size-div {
	padding-top: 24px;
	padding-bottom: 6px;
	text-align: center;
	margin-left: 10%;
	width: 80%;
	margin-right: 10%;
	min-width: 320px;
}

p.produto-geografico-municipal-body-offer-size {
	color: green;
	background-color: lightyellow;
	font-weight: bold;
	font-size: 13pt;
	font-family: Trebuchet MS;
	text-align: center;
	padding: 4px;
	border: 2px solid green;
	border-radius: 4px;
	margin: 0px;
}

div.produto-geografico-municipal-body-image {
	max-width: 240px;
	vertical-align: top;
	padding-top: 24px;
	display: inline-block;
}

p.produto-geografico-municipal-body-image {
	max-width: 96%;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 9pt;
}

img.produto-geografico-municipal-body-image {
	max-width: 210px;
	max-height: 210px;
}

div.produto-geografico-municipal-body-offer {
	width: 67%;
	display: inline-block;
}

p.produto-geografico-municipal-body-offer-supplier {
	text-align: center;
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-top: 3px;
	margin-bottom: 3px;
}

p.produto-geografico-municipal-body-offer-choice {
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 10pt;
	max-width: 480px;
	margin-top: 6pt;
	margin-bottom: 6pt;
}

div.produto-geografico-municipal-body {
	min-width: 100%;
	max-width: 100%;
}

div.produto-geografico-municipal-body-details-div {
	display: inline-block;
}

div.produto-geografico-municipal-body-offer-formats {
	text-align: left;
	vertical-align: top;
	min-width: 67%;
	font-size: 10pt;
}

div.produto-geografico-municipal-body-offer-formats-list {
	vertical-align: top;
	max-width: 25%;
	padding: 0;
	margin: 0;
	display: inline-block;	
}

div.produto-geografico-municipal-body-offer-formats-panels {
	vertical-align: top;
	max-width: 60%;
	padding: 0;
	margin: 0;
	display: inline-block;	
}

div.produto-geografico-municipal-body-offer-format {
	border-radius: 9px 0px 0px 9px;
	margin-top: 0px;
	margin-bottom: 3px;
}

p.produto-geografico-municipal-body-offer-format {
	font-size: 9pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	min-height: 90px;
	max-height: 90px;
	margin: 0px;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 3px;
	text-indent: -20px;
	padding-top: 6px;
}

span.produto-geografico-municipal-body-offer-format-panel-price-discounted-small {
	color: darkblue;
	font-weight: bold;
	font-size: 10pt;
}

span.produto-geografico-municipal-body-offer-format-panel-format-name-small {
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}

@media screen and (max-width: 672px) {
	span.produto-geografico-municipal-body-offer-format-panel-format-name-small {
		display: none;
	}
}

div.produto-geografico-municipal-body-offer-format-panel {
	min-width: 180px;
	width: 100%;
	max-width: 640px;
	min-height: 494px;
	border-radius: 0px 9px 9px 0px;
	background-color: #EEF6FE;
	border-top: 1px #056da2 solid;
	border-right: 1px #056da2 solid;
	border-bottom: 1px #056da2 solid;
	border-left: 1px #056da2 dotted;
	margin: 0px;
	padding: 3px;
}

p.produto-geografico-municipal-body-offer-format-panel-prices {
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-bottom: 6pt;
}

h3.produto-geografico-municipal-body-offer-format-panel-product-code {
	text-align: right;
	color: #080808;
	font-family: Trebuchet MS;
	font-size: 9pt;
	margin-right: 6px;
}

span.produto-geografico-municipal-body-offer-format-panel-price-standard {
	color: red;
	text-decoration-line: line-through;
	text-decoration-style: dotted;
	text-decoration-color: darkblue;
	
}

span.produto-geografico-municipal-body-offer-format-panel-price-discounted {
	color: darkblue;
}

p.produto-geografico-municipal-body-offer-format-panel-installments1 {
	text-align: center;
	font-family: Arial;
	font-size: 9pt;
	padding: 0;
	margin-bottom: 2px;
}

p.produto-geografico-municipal-body-offer-format-panel-installments2 {
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
	padding: 0;
	margin-bottom: 3px;
}

h4.produto-geografico-municipal-body-offer-format-panel-description-header {
	text-align: left;
	color: #056da2;
	font-family: Trebuchet MS;
	font-size: 11pt;
}

p.produto-geografico-municipal-body-offer-format-panel-description {
	text-align: left;
	color: black;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

div.produto-geografico-municipal-body-offer-format-panel-helpbar {
	width: 100%;
	text-align: center;
}

div.produto-geografico-municipal-body-offer-format-panel-help {
	display: inline-block;
	vertical-align: top;
	padding: 3pt;
	max-width: 200px;
}

img.produto-geografico-municipal-body-offer-format-panel-help-icon {
	float: left;
	padding-right: 3pt;
	padding-bottom: 3pt;
}

p.produto-geografico-municipal-body-offer-format-panel-help-anchor {
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	color: #056da2;
	cursor: pointer;
	text-align: left;
}
/* End of Styles to be removed +++*/

/* Styles used on 2019 version of webstore */

div.produto-municipal-individual-barra-links-categorias {
	display: inline-block;
	width: 288px;
}

span.ui-selectmenu-button.ui-button  {
	width: 240px;
}

li.ui-selectmenu-optgroup {
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: darkgreen;
}

li.ui-menu-divider {
	font-size: 11pt;
}

.ui-menu-item-wrapper {
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	color: #056da2;
}

div.produto-municipal-individual-barra-links-geograficos {
	display: inline-block;
}

div.produto-municipal-individual-barra-links-microrregiao {
	display: inline-block;
	width: 90px;
}

div.produto-municipal-individual-barra-links-mesorregiao {
	display: inline-block;
	width: 90px;
}

div.produto-municipal-individual-barra-links-unidade-administrativa {
	display: inline-block;
	width: 90px;
}

div.produto-municipal-individual-barra-links-regiao {
	display: inline-block;
	width: 90px;
}

div.produto-municipal-individual-barra-links-pais {
	display: inline-block;
	width: 90px;
}

p.produto-municipal-individual-barra-link {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
}

p.produto-municipal-individual-barra-link :hover {
	color: #056da2;
}

div.produto-municipal-individual-barra-links {
}

div.produto-municipal-individual-barra-links-categorias {
}

.produto-body-offer-format-radiobutton-container-background {
	background-color: #EEF6FE;
	border-top: 1px #056da2 solid;
	border-right: 0px;
	border-bottom: 1px #056da2 solid;
	border-left: 1px #056da2 solid;
	box-shadow: 18px 0px #EEF6FE;
}

.produto-body-offer-format-radiobutton-background-container {
	background-color: #F0F0F0;
	border-top: 1px #056da2 solid;
	border-right: 1px #F0F0F0 solid;
	border-bottom: 1px #056da2 solid;
	border-left: 1px #056da2 solid;
	box-shadow: 18px 0px #F0F0F0;
	z-index: 9999;
}

.produto-body-offer-panel-container-background {
	background-color: #EEF6FE;
	border: 1px #056da2 solid;
}

/* Styles used on webstore's payment forms */
div.webstore-checkout-payment-data {
	background-color: lightskyblue;
	width: 100%;
	display: block;
	min-height: 540px;
}

h3.webstore-checkout-payment-data-title {
	font-family: Trebuchet MS;
	width: 100%;
	color: navy;
	padding: 12px 0 0 4px;
}

p.webstore-checkout-payment-data-clear {
	cursor: pointer;
	float: right;
	width: 144px;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 11pt;
	color: red;
	text-align: center;
	border: 0px gray solid;
	padding: 3px;
	margin-top: -20px;
	margin-right: 6px;
	background-color: lightgray;
	border-radius: 4px;
}
p.webstore-checkout-payment-data-clear:hover{
	color: blue;
	background-color: white;
}

p.loja_virtual_esclarecimentos :active{
	color: white;
	background-color: black;
}


form.webstore-checkout-payment-data-form {
	width: 100%;
	padding: 4px 4px 4px 4px;
}

div.webstore-checkout-payment-data-item {
	padding: 6px 9px 6px 0;
}

label.webstore-checkout-form-label {
	font-family: Trebuchet MS;
	font-size: 11pt;
	font-weight: bold;
	line-height: 125%;
}

input.webstore-checkout-form-field {
}

input.webstore-checkout-form-field:active {
}

input.webstore-checkout-form-radio {
	font-family: Trebuchet MS;
	font-size: 11pt;
	font-weight: bold;
}

/**/
#mbiwebstorecart-display {
	border: 2px solid #056da2;
	padding: 6px;
	border-radius: 9px;
}

div.webstore-product-display {
}

p.cart-payment-data-field  {
	font-family: Calibri;
}
td.loja-virtual-produto-titulo-background {
	background-color: #056da2; 
	border: 0;
}

h2.loja-virtual-produto-titulo  {
	font-size: 13pt; 
	font-family: Trebuchet MS; 
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 0 0;
	color: white;
	text-align: left;
	width: 100%;
	margin-top: 12px;
	margin-left: 9px;
}

p.loja_virtual_produto_titulo  {
	font-size: 13pt; 
	font-family: Trebuchet MS; 
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 0 0;
	color: darkblue;
	text-align: left;
	width: 100%;
	margin-top: 12px;
	margin-left: 9px;
}


h3.loja-virtual-produto-codigo  {
	font-size: 9pt; 
	font-family: Trebuchet MS; 
	font-weight: bold;
	line-height: 133%;
	text-align: right;
	color: gold;
	width: 98%;
	margin-top: 0;
	margin-bottom: 6px;
}

p.loja_virtual_produto_ilustracao  {
	font-size: 8pt; font-family: Tahoma;
	text-align: center; margin-top: 6px; margin-bottom: 6px
}

p.loja_virtual_produto_texto_resumo {
	text-align: left;
	font-size: 10pt; font-family: Arial; 
    margin-left: 0pt; margin-top: 6pt; margin-bottom: 18pt;
}

p.loja_virtual_produto_preco {
	text-align: center; 
	margin-top: 3px; margin-bottom: 3px; 
	font-family: Trebuchet MS; 
	font-size: 16pt; font-weight: bold;
	line-height: 150%;
}

form.loja_virtual_produto_botao {
	text-align: center;
	color: black; 
	margin-top: 9pt; margin-bottom: 18pt; 
	font-family: Tahoma;"
}

p.loja_virtual_produto_qtde {
	text-align: center;
	font-size: 10pt; font-family: Tahoma; font-weight: bold;
    margin-left: 0pt; margin-top: 6pt; margin-bottom: 6pt;
}

p.loja_virtual_produto_qtde_unidade {
	text-align: left;
	font-size: 10pt; font-family: Tahoma; font-weight: bold;
    margin-left: 0pt; margin-top: 6pt; margin-bottom: 6pt;
}

p.loja_virtual_produto_amostra {
	text-align: center;
	font-size: 10pt; font-weight: bold; font-family: Trebuchet MS;
	margin-top: 3pt;
}

h5.loja_virtual_opcoes_parcelamento {
	text-align: center;
	color: blue;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 10pt;
	line-height: 133%;
	margin-top: 18pt;
	margin-bottom: 6pt;
}

p.loja_virtual_tabela_parcelas {
	text-align: center;
	font-family: Tahoma;
	font-size: 9pt;
	line-height: 150%;
	margin-bottom: 0pt;
}

p.loja_virtual_tabela_parcelas_rodape {
	background: lightyellow;
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 8pt;
	font-style: italic;
	text-indent: -.5em;
	line-height: 150%;
	margin-top: 18pt;
}

div.loja_virtual_barra_detalhes {
	width: 100%;
	margin: 12px 0 36px 0;
	background-color: powderblue;
	border-radius: 6px;
}

p.loja_virtual_esclarecimentos {
	min-width: 120px;
	text-align: left;
	font-size: 11pt; 
	font-family: Calibri; 
	font-weight: bold;
	margin: 6px 6px 6px 6px;
	padding: 6px 6px 6px 6px;
	background-color: white;
	border-radius: 6px;
}
p.loja_virtual_esclarecimentos :hover{
	color: green;
	background-color: lightyellow;
}
p.loja_virtual_esclarecimentos :active{
	color: darkblue;
	background-color: powderblue;
}

h4.produto-relacionado-titulo {
	padding: 10px;
	margin: 30pt 0 12pt 0;
	background-color: white;
	color: #056da2; 
	text-align: left;
	font-weight: bold;
}

.produto-relacionado-titulo-todos {
	text-align: right;
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	padding: 3pt;
	position: relative;
	bottom: 1ex;
}

div.produto-relacionado-div {
	text-align: center;
	width: 128px;
	min-width: 128px;
}

p.produto-relacionado-lista {
	min-height: 200px;
	max-height: 200px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	font-size: 8pt;
	font-family: Arial; 
	font-weight: bold;
	min-width: 120px;
	max-width: 120px;
	background: #F8F8F8;
	box-shadow: 4px 4px 4px darkgray;
	padding: 6px 0 0 0;
}

img.produto-relacionado-icone {
	margin: 3px 28px 3px 28px;
	width: 67px;
	border: 1px solid lightgray;
	vertical-align: middle;
	box-shadow: 8px 8px 4px #888888;
}

h4.related-links-title {
	width: 56%;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-right: 2%;
	margin-top: 48px;
	margin-bottom: 12px;
	margin-left: 31px;
	margin-right: 0;
	color: #056da2; 
	background-color: white;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 2%;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
}

h4.related-links-title:hover {
	border: 1px solid #056da2;
}

div.related-links {
	position: relative;
	max-width: 90%;
	width: 89%;
	min-width: 88%;
	min-height: 232px;
	height: 232px;
	max-height: 232px;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
	background: white;
}

div.related-links-individual {
	vertical-align: middle;
	text-align: center;
	width: 126px;
	min-width: 126px;
	max-width: 126px;
	height: 188px;
	min-height: 188px;
	max-height: 188px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 9pt;
	margin-bottom: 0pt;
	background: azure;
}

p.related-links-list-element {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	font-size: 8pt; 
	font-family: Arial; 
	font-weight: bold;
	min-width: 120px;
	max-width: 120px;
	min-height: 200px;
	max-height: 200px;
	margin-left: 3px;
	margin-right: 3px;
	height: 174px;
	min-height: 174px;
	max-height: 174px;
	background: #F8F8F8;
	box-shadow: 4px 4px 4px darkgreen;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
p.related-links-list-element:hover {
	border: 1px solid darkgray;
}
p.produto-relacionado-lista:hover {
	border: 1px solid darkgray;
}

img.related-links-list-element-icon {
	border: 0;
	width: 33px;
	margin: 3px 24px 3px 32px;
	max-width: 67px;
	border: 1px solid lightgray;
	vertical-align: baseline;
	box-shadow: 8px 8px 4px #888888;
	text-align: center;
	padding: 0 2px 0 2px;
}

h4.area-links-title {
	width: 56%;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-right: 2%;
	margin-top: 48px;
	margin-bottom: 12px;
	margin-left: 31px;
	margin-right: 0;
	color: #056da2; 
	background-color: white;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 2%;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
}

h4.area-links-title:hover {
	border: 1px solid #056da2;
}

div.area-links {
	position: relative;
	max-width: 90%;
	width: 89%;
	min-width: 88%;
	min-height: 232px;
	height: 232px;
	max-height: 232px;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
	background: white;
}

div.area-links-individual {
	vertical-align: middle;
	text-align: center;
	width: 126px;
	min-width: 126px;
	max-width: 126px;
	height: 188px;
	min-height: 188px;
	max-height: 188px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 9pt;
	margin-bottom: 0pt;
	background: azure;
}

p.area-links-list-element {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	font-size: 8pt; 
	font-family: Arial; 
	font-weight: bold;
	min-width: 120px;
	max-width: 120px;
	min-height: 200px;
	max-height: 200px;
	margin-left: 3px;
	margin-right: 3px;
	height: 174px;
	min-height: 174px;
	max-height: 174px;
	background: #F8F8F8;
	box-shadow: 4px 4px 4px darkblue;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
p.area-links-list-element:hover {
	border: 1px solid darkgray;
}
p.produto-relacionado-lista:hover {
	border: 1px solid darkgray;
}

img.area-links-list-element-icon {
	border: 0;
	width: 33px;
	margin: 3px 24px 3px 32px;
	max-width: 67px;
	border: 1px solid lightgray;
	vertical-align: baseline;
	box-shadow: 8px 8px 4px #888888;
	text-align: center;
	padding: 0 2px 0 2px;
}


h4.top-links-title {
	width: 56%;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-right: 2%;
	margin-top: 48px;
	margin-bottom: 12px;
	margin-left: 31px;
	margin-right: 0;
	color: #056da2; 
	background-color: white;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 2%;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
}

h4.top-links-title:hover {
	border: 1px solid #056da2;
}

div.top-links {
	position: relative;
	max-width: 90%;
	width: 89%;
	min-width: 88%;
	min-height: 232px;
	height: 232px;
	max-height: 232px;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
}

div.top-links-individual {
	text-align: center;
	width: 126px;
	min-width: 126px;
	max-width: 126px;
	height: 188px;
	min-height: 188px;
	max-height: 188px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 9pt;
	margin-bottom: 0pt;
}

p.top-links-list-element:hover{
	border: 1px solid darkblue;
}

p.top-links-list-element {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	font-size: 8pt; font-family: Arial; font-weight: bold;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	margin-left: 3px;
	margin-right: 3px;
	height: 174px;
	min-height: 174px;
	max-height: 174px;
	color: black;
	background: white;
	border: 1px dotted lightblue;
	box-shadow: 4px 4px 4px #056da2;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}

img.top-links-list-element-icon {
	border: 0;
	width: 33px;
	margin: 3px 24px 3px 32px;
	max-width: 67px;
	border: 1px solid lightgray;
	vertical-align: baseline;
	box-shadow: 8px 8px 4px #888888;
	text-align: center;
	padding: 0 2px 0 2px;
}


h4.top-links-title {
	width: 56%;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-right: 2%;
	margin-top: 48px;
	margin-bottom: 12px;
	margin-left: 31px;
	margin-right: 0;
	color: #056da2; 
	background-color: white;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 2%;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
}

div.related-1 {
	position: relative;
	max-width: 920px;
	width: 89%;
	min-width: 88%;
	min-height: 232px;
	height: 232px;
	max-height: 232px;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
	background: white;
}

div.related-2 {
	position: relative;
	max-width: 920px;
	width: 89%;
	min-width: 88%;
	min-height: 232px;
	height: 232px;
	max-height: 232px;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
/*
	background: white;
	*/
}

div.area-links-div {
	position: relative;
	max-width: 90%;
	width: 89%;
	min-width: 88%;
	min-height: 232px;
	height: 232px;
	max-height: 232px;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
}

h4.produto-detalhes {
	padding: 10px;
	margin: 12pt 0 12pt 0;
	background-color: white;
	color: #056da2;
	text-align: left;
	font-weight: bold;
}
p.produto-detalhes-texto {
	font-family: Arial;
	font-size: 10pt;
}

p.produto-detalhes-coluna-titulo {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

p.produto-detalhes-coluna-descricao {
	font-family: Arial;
	font-size: 10pt;
	font-style: italic;
}

p.lista-produtos {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

img.icone-ordenacao {
	margin-left: 4pt;
	margin-bottom: 3pt;
	margin-top: 0pt;
	margin-right: 0pt;
	vertical-align: middle;
}

.indice-ceps-outros {
	border: 1px solid;
}

input.submitbutton {
	font-style: Tahoma;
	font-weight: bold;
	font-size: 9pt;
	color: white;
	background-color: #056da2;
	background-image: url(null);
}

h4.it-census-country-name {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 18px;
	margin-right: 18px;
	color: #056da2; 
	background-color: white;
	font-weight: bold;
	vertical-align: middle;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
	min-width: 180px;
	text-align: center;
}

h4.it-census-country-name:hover {
	border: 1px solid #056da2;
	background-color: azure;
	color: white;
}

p.ddd-prefixo-cidade {
	text-align: center;
}

p.ddd-prefixo-comercial-t {
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
	font-style: Tahoma;
	margin-top: 12px;
	margin-bottom: 6px;
}

p.ddd-prefixo-comercial-l {
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	font-style: Tahoma;
	margin-top: 12px;
	margin-bottom: 6px;
}

div.ddd-prefixo-cidade-slick-slide {
	border: 1px dotted gray;
}

/* dados de ddd e prefixos */
p.ddd-prefixo-cidade {
	color: #207080;
	text-align:left;
	margin-top: 1em;
	margin-bottom: 0; 
	font-size: 18px; 
	font-family: Tahoma; 
	font-weight: bold;
}

p.ddd-prefixo-cidade-slick {
	color: #207080;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0; 
	font-size: 11pt; 
	font-family: Arial; 
	font-weight: bold;
}

img.ddd-prefixo-cidade-slick-image {
	border: 1px;
	width: 67px;
	text-align: center;
	vertical-align: middle;
	border-color: gray;
	border-style: line;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 5px;
	margin-left: 40px;
}

img.ddd-prefixo-cidade-slick-glass {
	border: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 9px;
	margin-right: 60px;
	margin-left: 60px;
}

.ddd-prefixo-bairro {
	color: dark-gray;
	text-align: left; 
	line-height: 1.75em; 
	font-family: Tahoma; 
	font-size: 13px; 
	font-weight: bold; 
	margin-top: 3px; 
	margin-bottom: 3px;
}

p.ddd-prefixo-comercial {
	text-align: left; 
	line-height: 150%; 
	font-family: Tahoma; 
	font-size: 12px; 
	font-weight: bold;
	margin-top: 3pt;
    margin-bottom: 0;
}

p.ddd-prefixo-comercial-um-a-um {
	text-align: left; 
	line-height: 150%; 
	font-family: Tahoma; 
	font-size: 11px; 
	font-weight: bold;
	margin-top: 6pt;
    margin-bottom: 6pt;
	background-color: white;
	color: green;
}

table.loja-virtual-indice-tabela  {
	border: 1px dotted lightgray;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	text-align: center;
}

tr.loja-virtual-indice-linha1 {
	margin-top: 1px;
	margin-bottom: 1px;
	border: 2px solid black;
}

h3.loja-virtual-indice-nomeproduto {
	margin-top: 14px;
	margin-left: 4px;
	font-style: bold;
	text-align: left;
}

p.loja-virtual-indice-icone-fundo {
	text-align: center;
}

img.loja-virtual-indice-icone {
	float: left;
	margin-left: 0px;
	margin-right: 8px;
	min-width: 67px;
	max-width: 67px;
	vertical-align: middle;
}

p.loja-virtual-indice-medida {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
}

span.loja-virtual-indice-qtde {
	text-align: center;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 13px;
	color: red;
}

table.loja-virtual-indice-botoes {
	margin-top: 6px;
}

td.loja-virtual-indice-nomeproduto  {
	background-color: yellow;
}

td.loja-virtual-indice-botao-box {
	min-width: 128;
	max-width: 128;
	min-height: 128;
	max-height: 128;
	background-color: transparent;
	vertical-align: middle;
	text-align: center;
	margin-top: 23px;
	margin-bottom: 3px;
}

p.loja-virtual-indice-apenas {
	font-family: Tahoma;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	min-width: 108px;
	margin-top: 0px;
	margin-bottom: 12px;
	line-height: 150%;
}

span.loja-virtual-indice-preco {
	color: blue;
	font-size: 18px;
	margin-top: 2px;
	line-height: 200%;
	padding-bottom: 14px;
}

div.loja-virtual-indice-comprar {
	text-align: center;
	padding-bottom: 4px;
}
p.loja-virtual-indice-botao-fundo {
	text-align: center;
	margin-bottom: 0px;
	padding-top: 0px;
}

img.loja-virtual-indice-botao {
	border: 0;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	min-width: 120px;
	max-width: 120px;
}

h2.loja-virtual-produto-isolado-link-indice-produtos {
	text-align: center;
	background-color: lightyellow;
	line-height: 200%;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 108px;
	margin-right: 108px;
	border: 1px solid #056da2;
	box-shadow: 2px 2px 4px darkblue;
}

h4.index-page-index-link {
	text-align: center;
	font-style: Arial;
	font-size: 8pt;
	margin: 3pt 6pt 3pt 6pt;
}

div.navigation-to-page {
	vertical-align: middle;
	margin-top: 4px;
	padding-left: 6px;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
	width: 96%;
}

div.navigation-to-page:hover {
	border: 1px solid #056da2;
}

p.navigation-path {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 100%;
	vertical-align: middle;
	line-height: 200%;
	padding-top: 0px;
	padding-bottom: 9px;
}
/*
span.navigation-path0-active {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
	color: black;
}

span.navigation-path0-inactive {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
	color: gray;
}

span.navigation-path1-active {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
}

span.navigation-path1-inactive {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
	color: gray;
}

span.navigation-path2-active {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
}

span.navigation-path2-inactive {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
	color: gray;
}

span.navigation-path3-active {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
}

span.navigation-path3-inactive {
	text-align: left; 
	margin-top: 3pt; 
	margin-bottom: 3pt; 
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt;
	color: gray;
}
*/
div.social-box {
	margin: 12px 6px 12px 6px;
	text-align: center;
	vertical-align: top;
	display: block;
	line-height: 48px;
}

div.social-box-item {
	height: 42px;
	margin: 12px 9px 12px 9px;
	display: inline;
}

div.fb-page {
	text-align: center;
}

/* Styles used by uploaded files */
div.upload-picture-ptbr {
	text-align: center;
	padding: 2pt 6pt 2pt 0;
	margin-top: 3pt; 
	margin-bottom: 3pt;
	margin-left: 6pt;
	margin-right: 6pt;
	max-width: 100%;
}

div.upload-picture-ptbr:hover {
}

img.upload-picture-ptbr {
	max-width: 100%;
}

img.upload-picture-ptbr:hover {
}

p.upload-picture-ptbr-p {
	font-size: 8pt; 
	font-family: Tahoma;
	padding: 9px 8px 9px 8px;
	border: 1px dotted gray;
	box-shadow: 2px 2px 4px gray;
	margin-bottom: 9px;
	margin-top: 0pt; 
	margin-left: 0pt; 
	margin-right: 0pt;
	background-color: lightgray;
}

p.upload-picture-ptbr-p:hover {
	border: 1px solid black;
}

div.upload-pdf-ptbr  {
	width: 66%;
	margin-left: 17%;
	margin-right: 17%;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 12px 0 12px 0;
	border: 1px dotted red;
	box-shadow: 2px 2px 4px red;
}

div.upload-pdf-ptbr:hover  {
	border: 1px solid darkred;
}

td.upload-pdf-ptbr-icon {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: top;
	width: 92px;
	text-align: center;
}

td.upload-pdf-ptbr-label{
	vertical-align: top;
}

p.upload-pdf-ptbr-label {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 18pt;
	line-height: 100%;
}

p.upload-pdf-ptbr-details {
	text-align: right;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: red;
}

div.upload-pdf-span  {
	width: 72%;
	margin-left: 14%;
	margin-right: 14%;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 12px 0 12px 0;
	border: 1px dotted red;
	box-shadow: 2px 2px 4px red;
}

div.upload-pdf-span:hover  {
	border: 1px solid darkred;
}

td.upload-pdf-span-icon {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: top;
	width: 92px;
	text-align: center;
}

td.upload-pdf-span-label{
	vertical-align: top;
}

p.upload-pdf-span-label {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 18pt;
	line-height: 50%;
}

p.upload-pdf-span-details {
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: red;
}

div.upload-pdf-enus  {
	width: 66%;
	margin-left: 17%;
	margin-right: 17%;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 12px 0 12px 0;
	border: 1px dotted red;
	box-shadow: 2px 2px 4px red;
}

div.upload-pdf-enus:hover  {
	border: 1px solid darkred;
}

td.upload-pdf-enus-icon {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: top;
	width: 92px;
	text-align: center;
}

td.upload-pdf-enus-label{
	vertical-align: top;
}

p.upload-pdf-enus-label {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 18pt;
	line-height: 50%;
}

p.upload-pdf-enus-details {
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: red;
}

div.upload-ptf-ptbr  {
	width: 48%;
	margin-left: 26%;
	margin-right: 26%;
	padding: 12px 0 12px 0;
	margin-bottom: 12px;
	border: 1px dotted red;
	box-shadow: 2px 2px 4px red;
}

div.upload-ptf-ptbr:hover  {
	border: 1px solid darkred;
}

td.upload-ptf-ptbr-icon {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: top;
	width: 92px;
	text-align: center;
}

td.upload-ptf-ptbr-label{
	vertical-align: top;
}

p.upload-ptf-ptbr-label {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 18pt;
	line-height: 133%;
}

p.upload-ptf-ptbr-details {
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: red;
}

div.upload-video-mp4-ptbr  {
	padding: 12px 0 12px 0;
	margin-bottom: 12px;
	border: 1px dotted lightblue;
	box-shadow: 2px 2px 4px lightblue;
	text-align: center;
}

div.upload-video-mp4-ptbr:hover {
	border: 1px solid blue;
}

video.upload-video-mp4-ptbr-v  {
}

td.upload-video-mp4-ptbr-icon {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: top;
	width: 92px;
	text-align: center;
}

td.upload-video-mp4-ptbr-label{
	vertical-align: middle;
}

td.upload-video-mp4-ptbr-icon-webm {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: center;
	width: 92px;
	text-align: center;
}

p.upload-video-mp4-ptbr-label-webm {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 0pt;
	margin-bottom: 12pt;
	line-height: 150%;
}

p.upload-video-mp4-ptbr-label {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 18pt;
	line-height: 50%;
}

p.upload-video-mp4-ptbr-details {
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: blue;
}

div.upload-video-mp4-ptbr  {
	padding: 12px 0 12px 0;
	margin-bottom: 12px;
	border: 1px dotted lightblue;
	box-shadow: 2px 2px 4px lightblue;
	text-align: center;
}

div.upload-video-mp4-ptbr:hover {
	border: 1px solid blue;
}

div.upload-audio-mp3-ptbr  {
	width: 48%;
	margin-left: 26%;
	margin-right: 26%;
	margin-bottom: 12px;
	border: 1px dotted aqua;
	box-shadow: 2px 2px 4px cornflowerblue;
	padding: 6px 0px 0px 0px;
	float: center;
	text-align: center;
}

div.upload-audio-mp3-ptbr:hover {
	border: 1px solid darkblue;
}

table.uoload-audio-mp3-ptbr-t {
	text-align: center; 
}

audio.upload-audio-mp3-ptbr-a  {
}

td.upload-audio-mp3-ptbr-icon {
	padding: 6px 3px 0px 3px;
	margin-top: 12px;
	vertical-align: top;
	width: 92px;
	text-align: center;
}

td.upload-audio-mp3-ptbr-label{
	vertical-align: middle;
}

p.upload-audio-mp3-ptbr-label {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
	margin-top: 18pt;
	line-height: 100%;
}

p.upload-audio-mp3-ptbr-details {
	text-align: right;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: blue;
}

iframe.ppt-slideshare-embed {
	float: center;
	width: 595px; 
	height: 485px;
	frameborder: 0;
	marginwidth: 0;
	marginheight: 0;
	scrolling: no; 
	border: 1px solid #CCC; 
	margin-bottom:5px; 
	max-width: 100%;
	justify-content: center;
	display: inline-block;
}

div.dataTables_wrapper {
        margin-bottom: 3em;
}

.dataTables_length  {
	font-style: Arial;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 12pt;
	margin-right: 8pt;
}

.dataTables_filter {
	font-style: Arial;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 8pt;
	margin-right: 20pt;
}

.dataTables_info {
	font-style: Arial;
	font-weight: bold;
	font-size: 10pt;
	font-color: #056da2;
}

.dataTables_paginate  {
	font-style: Arial;
	font-weight: bold;
	font-size: 10pt;
}

div.dataTables_processing { z-index: 1; } 

div.dt-buttons {
	height: 36pt;
	padding: 3px 0px 0px 0px;
	vertical-align: bottom;
	text-align: center;
	margin-top: 15pt;
	margin-left: 0pt;
	margin-right: 0pt;
}

.dt-button {
	cursor: pointer;
	vertical-align: baseline;
	background-color: #e5e4e2; /* platinum */
	margin-left: 12px;
	margin-right: 12px;
	padding: 8px 32px 8px 32px;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	border-radius: 10px;
}

.dt-button:hover {
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen; */
	background-color: #ddeedd;
	border: 1px solid #254117; /* darkforestgreen; */
}

div.dt-bottom {
	padding-bottom: 3pt;
}

div.dt-button-detail {
	text-align: center;
	padding-top: 3pt;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

.dt-top-filter {
	float: left;
	vertical-align: middle;
}

.dt-top-filter-right {
	float: right;
	vertical-align: baseline;
}

.dt-top-pager {
	float: right;
}

.dt-top-info {
	float: left;
	vertical-align: baseline;
}

.dt-bottom-info {
	float: left;
}

.dt-bottom-pager {
	float: right;
}

a.dt-button {
	line-height: 275%;
}

div.index-2016-tutorial-box  {
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 8px;
	background-color: #FBFBEF;
	text-align: left;
}

td.index-2016-tutorial-box-text {
	width: 90%;
}

h4.index-2016-tutorial-box-title {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 14px;
	color: #088A29;
	text-align: left;
}

p.index-2016-tutorial-box-text {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #056da2;
	text-align: left;
}

td.index-2016-tutorial-box-button {
	font-family: Arial;
	font-size: 9pt;
	min-width: 64px;
	text-align: center;
	cursor: pointer;
	width: 10%;
}

div.index-2016-tutorial-help {
	text-align: right;
	margin-right: 24px;
	display: none;
}

h4.index-2016-title {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
	color: darkgreen;
	margin-top: 8px;
}

div.index-background {
	width: 100%;
	text-align: center;
}

div.index-element {
	display: inline-block;
	min-width: 180px;
	max-width: 258px;
	vertical-align: top;
	padding: 7px 14px 7px 0px;
}

div.index-post {
	min-height: 192px;
/*	max-height: 258px;*/
	overflow: hidden;
	border: 1px dotted #056da2;
	border-radius: 6px;
	box-shadow: 3px 3px 2px darkblue;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
/*	position: relative;*/
}

div.index-post:hover{
	border: 2px solid #056da2;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px darkgray;
}

h3.index-post-name {
	text-align: left;
	margin: 9px 6px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

img.index-post-image {
	max-width: 67px;
	padding-right: 6px;
	float: left;
}

p.index-post-size {
	color: green;
	background-color: lightyellow;
	font-weight: bold;
	font-size: 10pt;
	font-family: Trebuchet MS;
	text-align: center;
	padding: 6px;
	margin: 0 0 0 74px;
	border: 1px solid green;
	border-radius: 4px;
}

p.index-post-format {
	font-weight: bold;
	font-size: 9pt;
	font-family: Trebuchet MS;
	text-align: center;
	margin: 0 0 6px 74px;
	padding: 3px 9px 3px 9px;
}

p.index-post-prices {
	font-weight: bold;
	font-size: 14pt;
	font-family: Trebuchet MS;
	text-align: center;
	border-top: 1px green dotted;
	margin: 3px 15px 3px 15px;
	position: relative;
	bottom: 3px;
	right: 0;
}

span.index-post-price-from {
	color: blue;
}

span.index-post-price-until {
	color: green;
}

div.index-featured-post {
	width: 100%;
	min-height: 300px;
	max-height: 300px;
	overflow: hidden;
	border: 1px dotted blue;
	border-radius: 10px;
	box-shadow: 3px 3px 2px blue;
	margin: 3px 3px 3px 3px;
	padding: 6px 6px 6px 6px;
	position: relative;
}

div.index-featured-post:hover{
	border: 1px solid blue;
	background-color: #fafafa;
	box-shadow: 4px 4px 2px #056da2;
}

div.index-post-product-header {
	display: block;
}

div.index-post-product-price {
	display: block;
	margin: 3px 0 3px 0;
	text-align: center;
}

div.index-post-product-buttons {
	display: block;
	text-align: center;
	width: 96%;
	height: 48px;
	padding: 4px 4px 4px 4px;
	line-height: 0%;
}

div.index-post-product-button {
	display: inline-block;
	text-align: center;
	padding: 0px 4px 0px 4px;
	max-width: 40px;
	max-height: 40px;
	min-width: 40px;
	min-height: 40px;
	width: 40px;
	height: 40px;
}

p.index-visitor-statistics {
	font-family: Arial; 
	font-size: 12px; 
	margin: 1px 1px 2px 10px;
	padding: 2px 2px 2px 2px;
	color: white;
	background-color: lightcyan;
	border: 1px cyan solid;
	border-radius: 5px;
	vertical-align: top; 
	float: right; 
	text-align: center; 
	margin-right: 8px; 
	font-weight: bold;
}

p.index-visitor-statistics:hover {
	border: 1px blue #056da2;
	box-shadow: 2px 2px gray;
}
img.index-visitor-statistics-icon {
	vertical-align: middle;
	margin-top: 0px;
}

img.sectionheader-icon {
	vertical-align: middle;
	margin-right: 3px;
	margin-bottom: 2px;
}

img.postheader-icon {
	vertical-align: top;
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
	max-width: 67px;
}

span.index-breadcrumb-fake {
	background-color: lightgray;
	border: none;
	border-radius: 4px;
	padding: 2px 3px 2px 3px;
	white-space: nowrap;
	color: gray;
	vertical-align: middle;
}

span.index-breadcrumb-fake:hover {
	cursor: not-allowed;
}

span.index-breadcrumb-link {
	background-color: white;
	padding: 2px 3px 2px 3px;
	white-space:nowrap;
}

span.index-breadcrumb-link:hover {
	background-color: lightcyan;
	border-radius: 4px;
	box-shadow: 2px 2px gray;
}

img.breadcrumb-icon {
	margin-right: 2px;
	vertical-align: middle;
}

p.index-icon {
	margin: 2px 0px 2px 0px;
}

img.index-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.index-title {
	text-align: left;
	margin: 9px 6px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.index-abstract {
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}


div.index-2016-row {
/*	width: 100%;*/
	display: table-row;
	margin: 0;
	padding: 0;
}

div.index-2016-element-1 {
	width: 25%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 14px 7px 0px;
}

div.index-2016-element-2 {
	width: 25%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 14px 7px 14px;
}

div.index-2016-element-3 {
	width: 25%;
	display: table-cell;
	vertical-align: top;
	padding: 7px 7px 7px 14px;
}

p.index-2016-icon {
	margin: 2px 0px 2px 0px;
}

img.index-2016-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.index-2016-title {
	text-align: left;
	margin: 9px 0px 9px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.index-2016-abstract {
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

p.index-2016-visitors {
	width: 96px;
	background-image: url(/mbi/page-visitors.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 3px 2% 12px 59%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: white;
	position: absolute;
	top: 318px;
}

h4.index-2016-button {
	margin: 8px 1% 4px 1%;
	padding: 6px 6px 6px 9px;
	text-align: center;
	width: 87%;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 350px;
}

h4.index-2016-button:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
	color: black;
}

div.tabled-index-body {
	margin-top: 8px;
	margin-bottom: 24px;
}

th.tabled-area-index-title-column {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
	color: darkgreen;
	margin-top: 8px;
}

th.tabled-area-index-more-column {
	width: 18%;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	color: darkgreen;
	margin-top: 8px;
}

tr.tabled-area-item {
}

td.tabled-area-index-post {
	padding: 12px 6px 12px 6px;
	margin: 12px 3px 12px 3px;
	border: 1px dotted #056da2;
	box-shadow: 2px 2px 4px #056da2;
	border-radius: 6px;
	min-height: 94px;
	display: block;
	vertical-align: middle;
}

td.tabled-area-index-post:hover {
	border: 2px solid #056da2;
	box-shadow: 3px 3px 5px #056da2;
	background-color: white;
}

td.tabled-area-index {
	vertical-align: middle;
}

p.tabled-area-index-icon {
	margin: 1px 0px 2px 0px;
}

img.tabled-area-index-icon {
	float: left;
	padding: 0 6px 0 0;
	max-width: 67px;
	border: 0px; 
	margin: 3px 3px 2px 0px;
}

h3.tabled-area-index-title {
	margin: 0px 0px 3px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
}

p.tabled-area-index-abstract {
	font-family: Verdana;
	font-size: 9pt;
	color: #056da2;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

td.tabled-operator-prefix-header {
	vertical-align: middle;
}

p.tabled-operator-prefix-header {
	margin-top: 8px;
	padding: 6px 6px 6px 9px;
	text-align: center;
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
}

td.tabled-operator-prefix-data {
	vertical-align: middle;
}

p.tabled-operator-prefix-data {
	margin-top: 8px;
	padding: 15px 6px 6px 9px;
	text-align: center;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	line-height: 18px;
}

td.tabled-area-index-button {
	vertical-align: middle;
}

h4.tabled-area-index-button {
	margin-top: 8px;
	padding: 6px 6px 6px 9px;
	text-align: center;
	border: 1px solid #614051; /* eggplant */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 6px;
	background-color: #e5e4e2; /* platinum */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
}

h4.tabled-area-index-button:hover {
	border: 1px solid #254117; /* darkforestgreen */
	border-radius: 6px;
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen */
	background-color: #ddeedd;
	border: 1px solid green;
	color: black;
}

p.tabled-area-index-visitors {
	width: 120px;
	background-image: url(/mbi/page-visitors.png);
	background-repeat: no-repeat;
	background-position: right 50%;
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 12px 6px 12px 82%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: white;
}

h4.versacloud-reference-subsection-header {
	color: #056da2;
}

p.versacloud-reference-api-description {
	font-size: 14px;
}

p.versacloud-patent-note {
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	padding-top: 8px;
}

p.versacloud-reference-api-table-header {
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	margin: 3px 0 3px 0;
	line-height: 100%;
	vertical-align: middle;
}

p.versacloud-reference-api-table-text {
	font-family: Verdana;
	font-size: 9pt;
	margin: 1px 0 1px 0;
	line-height: 100%;
	vertical-align: middle;
}

p.versacloud-reference-api-table-text-centered {
	font-family: Verdana;
	font-size: 9pt;
	margin: 1px 0 1px 0;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
}

p.versacloud-reference-api-table-text-long {
	font-family: Verdana;
	font-size: 9pt;
	margin: 0px 0 0px 0;
	line-height: 130%;
	text-align: left;
}

p.versacloud-documentation {
	font-weight: normal;
}

p.versacloud-documentation-note {
	background-color: lightgray;
	margin-left: 64px;
	text-indent: -46px;
	margin-right: 18px;
}

p.versacloud-sourcecode {
	color: green;
	font-family: Courier New;
	font-size: 1em;
	font-weight: bold;
	margin-left: 120px;
	text-indent: -96px;
	margin-right: 24px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

li.versacloud-documentation-list-item {
	padding-left: 0px;
	margin: 12px 12px 12px 18px;
	list-style-type: circle;
	list-style-position: outside;
}

div.dialog-anchor-datatables-tutorial-dialog-class {
	display: none;
}

div.dialog-anchor-datatables-tutorial-box  {
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 8px;
	background-color: #FBFBEF;
	text-align: left;
}

h4.dialog-anchor-datatables-tutorial-box-title {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 14px;
	color: #088A29;
	text-align: left;
	cursor: pointer;
}

p.dialog-anchor-datatables-tutorial-box-text {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #056da2;
	text-align: left;
	cursor: pointer;
}

td.dialog-anchor-datatables-tutorial-box-button {
	font-family: Arial;
	font-size: 9pt;
	min-width: 100;
	text-align: right;
	cursor: pointer;
	width: 100pt;
}

div.dialog-anchor-datatables-tutorial-help {
	text-align: right;
	display: none;
}

img.zoomio-image {
	max-width: 100%;
}

img.zoomio-image:hover {
}

div.biblioteca-utilidades-ddd-cidade-indice-body-element {
	vertical-align: top;
	text-align: center;
	min-width: 100px;
	max-width: 100px;
	width: 100px;
	min-height: 150px;
	max-height: 150px;
	height: 150px;
}

h4.biblioteca-utilidades-ddd-cidade-indice-body-element-title {
	text-align: center;
	font-size: 10pt;
	font-style: Tahoma;
}

img.biblioteca-utilidades-ddd-cidade-indice-body-element-icon {
	max-width: 67px;
}

h3.biblioteca-utilidades-ddd-prefixo-link-promocional {
	text-align: center;
	font-size: 13pt;
	max-width: 86%;
	margin-left: 7%;
}

h3.biblioteca-utilidades-ddd-prefixo-link-promocional:hover {
	background-color: orange;
}
p.biblioteca-utilidades-ddd-prefixo-indice-link {
	width: 50%;
	text-align: right;
	border: 1pt dotted orange;
	box-shadow: 2px 2px orange;
	border-radius: 4pt;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 48%;
	margin-top: 8pt;
	margin-bottom: 8pt;
	margin-right: 2%;
	padding: 6pt;
	color: white;
}

p.biblioteca-utilidades-ddd-prefixo-indice-link:hover {
	border: 1pt solid orange;
}

h2.biblioteca-utilidades-ddd-prefixo-indice-titulo {
	margin-top: 18pt;
}

h2.biblioteca-utilidades-ddd-prefixo-indice-intro {
	text-align: center;
	font-weight: bold; 
	margin-bottom: 6px;
	color: green;
}

div.utilidades-ddd-prefixo-indice-lista {
	text-align: left;
}

div.biblioteca-utilidades-ddd-prefixo-indice-prefixo {
	display: inline-block;
	width: 138px;
	border: 1px black dotted;
	border-radius: 4px;
	box-shadow: 2px 2px 4px lightgray;
	padding: 0px 0px 0px 0px;
}

div.biblioteca-utilidades-ddd-prefixo-indice-prefixo:hover {
	border: 1px black solid;
	border-radius: 4px;
	box-shadow: 2px 2px 4px darkgray;
	padding: 2px 0px 2px 2px;
}

h3.biblioteca-utilidades-ddd-prefixo-indice-prefixo-texto {
	vertical-align: middle; 
	text-align: center;
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-right: 0pt;
	margin-left: 0pt;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;
	line-height: 100%;
}

img.biblioteca-utilidades-ddd-prefixo-indice-prefixo-icone {
	vertical-align: middle; 
	text-align: center
	margin-right: 6px;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

td.utilidades-ddd-prefixo-indice-lista-iniciando {
	text-align: left;
}

p.biblioteca-utilidades-ddd-prefixo-indice-iniciado-em {
	text-align: right;
	font-size: 9pt;
	font-weight: bold;
	color: green;
	margin-left: 0%;
	margin-top: 6pt;
	margin-bottom: 0pt;
	width: 100%;
}

h2.biblioteca-utilidades-ddd-prefixo-detalhe-titulo {
}

img.biblioteca-utilidades-ddd-prefixo-detalhe-logo {
	float: right;
	margin-left: 6px;
	height: 34px;
}

h3.biblioteca-utilidades-ddd-prefixo-detalhe-subtitulo {
	margin-top: 32pt;
}

p.biblioteca-utilidades-ddd-prefixo-detalhe-texto {
}

p.biblioteca-utilidades-ddd-prefixo-detalhe-nota {
	font-family: Arial;
	font-size: 9pt;
}

p.biblioteca-utilidades-ddd-prefixo-detalhe-nota-sub{
	text-indent: -144px;
	margin-left: 160px;
	margin-right: 32px;
	font-family: Arial;
	font-size: 9pt;
}

h5.biblioteca-utilidades-tabela-prefixos-titulo {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 6pt;
	margin-bottom: 2pt;
}

div.biblioteca-utilidades-tabela-prefixos-coluna-1 {
	border: 1px black dotted;
	border-radius: 4px;
	box-shadow: 2px 2px 4px lightgray;
	padding: 3px 3px 3px 3px;
	text-align: center;
	vertical-align: top;
	min-width: 108px;
}

div.biblioteca-utilidades-tabela-prefixos-coluna-1:hover {
	border: 1px black solid;
	box-shadow: 2px 2px 4px darkgray;
	padding: 4px 2px 4px 2px;
}

p.biblioteca-utilidades-tabela-prefixos-coluna-1-p {
	margin-top: 9pt;
	text-align: center;
	font-style: Arial;
	font-size: 10pt;
	font-weight: bold;
}

img.biblioteca-utilidades-tabela-prefixos-coluna-1-simbolo-municipal {
	vertical-align: middle;
	border: 1px dotted gray;
}

div.utilidades-ddd-prefixo-localidade-item {
	border: 1px black dotted;
	border-radius: 4px;
	box-shadow: 2px 2px 4px lightgray;
	padding: 3px 3px 3px 3px;
	text-align: center;
}

div.utilidades-ddd-prefixo-localidade-item:hover {
	border: 1px black solid;
	border-radius: 4px;
	box-shadow: 2px 2px 4px darkgray;
	padding: 4px 4px 2px 2px;
}

div.utilidades-ddd-prefixo-comercial-municipio {
	margin-top: 6pt;
	border: 2px solid mediumblue;
	padding: 6px 6px 6px 6px;
	border-radius: 4px;
	box-shadow: 2px 2px 4px darkblue;
}

p.utilidades-ddd-prefixo-comercial-municipio-header {
	font-weight: bold;
	color: black;
	font-size: 10pt;
	margin-bottom: 3pt;
}

div.comercial-lista-fixa {
	display: inline-block;
	min-width: 124px;
	max-width: 132px;
	padding-top: 6pt;
	vertical-align: top;
}

p.comercial-lista-fixa-texto {
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

img.comercial-lista-fixa-icone {
	float: left; vertical-align: middle; margin-left: 3px; margin-right: 3px;
}

div.comercial-lista-movel {
	display: inline-block;
	min-width: 124px;
	max-width: 132px;
	padding-top: 6pt;
	vertical-align: top;
}

p.comercial-lista-movel-texto {
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

img.comercial-lista-movel-icone {
	float: left; vertical-align: middle; margin-left: 3px; margin-right: 3px;
}

div.comercial-mapa-digital {
	display: inline-block;
	min-width: 124px;
	max-width: 132px;
	padding-top: 6pt;
	vertical-align: top;
}

p.comercial-mapa-digital-texto {
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

img.comercial-mapa-digital-icone {
	float: left; vertical-align: middle; margin-left: 3px; margin-right: 3px;
}

div.comercial-superbina {
	display: inline-block;
	min-width: 124px;
	max-width: 132px;
	padding-top: 6pt;
	vertical-align: top;
}

p.comercial-superbina-texto {
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

img.comercial-superbina-icone {
	float: left; vertical-align: middle; margin-left: 3px; margin-right: 3px;
}

td.biblioteca-utilidades-tabela-prefixos-coluna-2-td {
	vertical-align: top;
	min-width: 132px;
	max-width: 132px;
}

p.biblioteca-utilidades-tabela-prefixos-coluna-2-p {
	padding-top: 4pt;
	text-align: left;
}

td.biblioteca-utilidades-tabela-prefixos-coluna-3-td {
	vertical-align: top;
}

p.biblioteca-utilidades-tabela-prefixos-coluna-3-p {
	padding-top: 4pt;
	text-align: left;
	font-style: Arial;
	font-size: 11pt;
	font-weight: bold;
}

div.utilidades-ddd-prefixo-detalhe-bairro {
	padding: 6px 6px 6px 6px;
	border-radius: 4px;
}

p.utilidades-ddd-prefixo-detalhe-bairro-header {
	font-weight: bold;
	color: green;
	font-size: 10pt;
	margin-bottom: 3pt;
}

div.utilidades-ddd-prefixo-detalhe-bairro-item {
	display: inline-block;
	width: 192px;
	height: 14px;
	vertical-align: baseline;
}

p.utilidades-ddd-prefixo-detalhe-bairro-item-p {
	font-weight: bold;
	font-size: 9pt;
	font-family: Trebuchet MS;
	margin-top: 2pt;
	margin-bottom: 1pt;
	line-height: 120%;
}

div.ddd-links-div {
	position: relative;
	vertical-align: middle;
	max-width: 90%;
	text-align: center;
	display: inline-block;
	margin-left: 18pt;
	background: white;
	display: block;
}

div.ddd-indice-item {
	max-width: 84px;
	min-width: 64px;
	display: inline-block;
}

div.ddd-indice-item:hover {
	background-color: lightgray;
}

p.ddd-indice-item-text {
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
}

img.ddd-indice-item-icon {
	padding-left: 6px;
}

div.piz-enus-style  {
	text-align: center;
	margin: 6pt 6pt 6pt 0pt; 
}
p.piz-enus-style-p  {
	text-align: center;
}

p.technical-documentation {
	margin: 12pt 0 6pt 0;
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana;
	letter-spacing: 0px;
}

div.documentation-footer-div {
	margin: 48pt 0pt 24pt;
	float: right;
}

td.documentation-footer-previous {
	border: 1px dotted #056da2;
	border: 1px solid #614051; /* eggplant */
	background-color: #e5e4e2; /* platinum */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 10px;
	margin: 6px 12px 6px 12px;
	padding: 8px 32px 8px 32px;
}

td.documentation-footer-previous:hover {
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen; */
	background-color: #ddeedd;
	border: 1px solid #254117; /* darkforestgreen; */
}

p.documentation-footer-previous-text {
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 0pt;
}

td.documentation-footer-index {
	border: 1px dotted #056da2;
	border: 1px solid #614051; /* eggplant */
	background-color: #e5e4e2; /* platinum */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 10px;
	margin: 6px 32px 6px 32px;
	padding: 8px 32px 8px 32px;
}

td.documentation-footer-index:hover {
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen; */
	background-color: #ddeedd;
	border: 1px solid #254117; /* darkforestgreen; */
}

p.documentation-footer-index-text {
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 0pt;
}

td.documentation-footer-next {
	border: 1px dotted #056da2;
	border: 1px solid #614051; /* eggplant */
	background-color: #e5e4e2; /* platinum */
	box-shadow: 2px 2px 4px #6d7B8d; /* light slate gray */
	border-radius: 10px;
	margin: 6px 12px 6px 12px;
	padding: 8px 32px 8px 32px;
}

td.documentation-footer-next:hover {
	box-shadow: 3px 3px 4px #347235; /* mediumforestgreen; */
	background-color: #ddeedd;
	border: 1px solid #254117; /* darkforestgreen; */
}

p.documentation-footer-next-text {
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 0pt;
}

td.footer-payments {
	text-align: center;
	background-color: white;
}

td.footer-certificates {
	text-align: center;
	background-color: white;
}

h4.footer-title  {
	text-align: center;
}

div.footer-div {
	padding-top: 8px;
	padding-bottom: 0px;
	vertical-align: bottom;
	display: inline-block;
}

p.footer-p {
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-left: 18px;
	margin-right: 18px;
	color: black;
	line-height: 150%;
}

img.footer-img {
	max-width: 100%;
}

div.top-nav {
	display: block;
	width: 100%;
	max-width: 939px;
	min-height: 80px;
	float: right; 
	text-align: center; 
	padding: 6px;
	background-image: url('/mbi/files/themes/training/images/header_globe_background.jpg');
	border-top: 1px solid #056da2;
	border-bottom: 1px solid black;
	vertical-align: middle;
}

div.top-nav-logo {
	display: inline;
	max-width: 240px;
	float: left; 
	padding-bottom: 12px; 
	padding-right: 12px;
}

div.top-nav-button-1 {
	display: inline;
	padding: 3px 6px 3px 6px; 
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 16px;
	float: right;
	font-size: 11pt; 
	font-family: PT Sans Narrow; 
	font-weight: bold;
	color: #056da2;
	min-height: 24px;
	vertical-align: bottom;
}

div.top-nav-button-r {
	display: inline;
	float: right;
	padding: 3px 6px 3px 6px; 
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 16px;
	border-bottom: 2px solid #056da2;
	float: right;
	font-size: 11pt; 
	font-family: PT Sans Narrow; 
	font-weight: bold;
	color: #056da2;
	min-height: 24px;
	vertical-align: bottom;
}

img.goog-te-gadget-icon {
	width: 0px;
	display: hidden;
}
a.goog-te-menu-value {
	font-size: 11pt; 
	font-family: PT Sans Narrow; 
	font-weight: bold;
}

span.text {
	font-size: 8pt; 
	font-family: PT Sans Narrow; 
}

/* smartmenus css */
.main-nav {
	width: 99%;
	max-width: 939px;
	background: #3092c0;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
	background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
	background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
	background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
	background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  font-family: PT Sans Narrow, Arial;
  font-size: 13px;
  float: left;
  padding: 15px;
  margin: 0;
  color: white;
  vertical-align: middle;
  text-align: center;
}

.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}


/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #2e8cb8;
}

@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}


/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

span.main-menu-helper {
	font-family: PT Sans Narrow;
	font-size: 11px;
}

img.main-menu-helper-icon {
	vertical-align: top; 
	float: left; 
	margin-top: 6px;
	margin-right: 4px; 
	margin-left: 0px;
}


/* acervo heraldico */
div.heraldica-nota-explicativa {
	border: 2px solid #056da2;
	margin-top: 6px;
	margin-bottom: 18px;
	padding: 6px 6px 6px 6px;
}

h4.heraldica-nota-explicativa-autor {
	text-align: right;
}

p.heraldica-nota-explicativa-texto {
	font-size: 10pt;
}

/* 2018 Muuri-indexes styles */
.muuri-grid-wrapper {
	padding: 20px;
	background-color: white;
}

.muuri-filter-controls {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

div.muuri-filter-controls-v2 {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}

h6.muuri-filters-control-helper {
	color: #056da2;
	cursor: pointer;
}

h6.muuri-filters-control-helper:hover {
	text-decoration: underline;
}

div.muuri-filter-hints {
	width: 280px; 
	position: absolute; 
	right: 0px; 
	height: 72px; 
	padding-bottom: 16px;
}

.muuri-control {
}

div.muuri-search-control {
	padding-top: 75px;
}

.muuri-search-field {
	font-size: 12px;
	font-weight: normal;
	autocomplete: on;
}
.muuri-form-control{
	font-size: 12px;
}

div.muuri-site-search-link {
	margin-top: 3px;
}
.grid {
	position: relative;
}

.item {
	position: absolute;
	max-width: 256px;
/*	width: 100%;*/
/*	height: 288px;*/
	line-height: 150%;
	margin: 18px 12px 6px 12px;
	z-index: 1;
}
.item.muuri-item-hidden {
  z-index: 0;
}
.item.muuri-item-releasing {
  z-index: 2;
}
.item.muuri-item-dragging {
  z-index: 3;
}

.item-content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  background: white;
  color: #056da2;
  border-radius: 8px;
  border-style: 1px dotted #056da2;
}
.item.muuri-item-dragging .item-content {
  background: blue;
}
.item.muuri-item-releasing .item-content {
  background: blueViolet;
}