/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 81.3%; -webkit-text-size-adjust: 81.3%; -ms-text-size-adjust: 81.3%; }
html, button, input, select, textarea { font-family: sans-serif; color: #636363; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #FF6D00; color: #fff; text-shadow: none; }
::selection { background: #FF6D00; color: #fff; text-shadow: none; }

a { color: #0068B2; }
a:visited { color: #98ADBC; }
a:hover { color: #043c82; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
ol  ol { list-style-type: lower-roman; } 
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container { padding-left: 20px; padding-right: 20px; }
.row { width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto; overflow: hidden; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; }
.row .onecol { width: 4.85%; }
.row .twocol { width: 13.45%; }
.row .threecol { width: 22.05%; }
.row .fourcol { width: 30.75%; }
.row .fivecol { width: 39.45%; }
.row .sixcol { width: 48%; }
.row .sevencol { width: 56.75%; }
.row .eightcol { width: 65.4%; }
.row .ninecol { width: 74.05%; }
.row .tencol { width: 82.7%; }
.row .elevencol { width: 91.35%; }
.row .twelvecol { width: 100%; float: left; }
.last { margin-right: 0px; }
img, object, embed { max-width: 100%; }
img { height: auto; }

/* Smaller screens */

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

	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  
 }

/* Mobile */

@media handheld, only screen and (max-width: 768px) {

	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px;  padding-right: 0px; }
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px;  margin-right: 0px; padding-left: 20px; padding-right: 20px; }

}

/* My Style */

body {}
.device-show { display: none; visibility: hidden; }

header { background-color: #dfe1e2; }
header, div[role=main] { margin-bottom: 35px; }

nav.main-nav {}
	nav.main-nav li { border-top: 1px solid #b5b6ba; }
	nav.main-nav li.first { border: none; }
	nav.main-nav li a {  display: block; padding:  10px; text-decoration: none; color: #0e2b4d; }
		nav.main-nav li a:hover {  background-color: #98adbc; color: #fff; }
		nav.main-nav li a.current { background-color: #0068b2; color: #fff; }   
	nav.main-nav select { width: 100%; display: none; padding: 5px 0px; }
	nav.main-nav ul.menu-flag { margin-bottom: 10px; }
		nav.main-nav ul.menu-flag li { border: none; display: inline-block; padding:  0 5px 0 0; }
		nav.main-nav ul.menu-flag li a { padding:  0; }
		nav.main-nav ul.menu-flag li a:hover,  nav.main-nav ul.menu-flag li a:active{ background-color: transparent; }


article h2, article h3, article h4 {color: #0068b2;}
article h2 {font-weight: normal; margin-top: 2em; }
article h3 {text-transform: uppercase; margin-top: 2em; }
article h2, article h1.chaptitle {padding-left: 6.62%; position: relative; }
article h1.chaptitle { margin-bottom: 2em;}
article h3, article h4, article p, article div.pad-table {padding-left: 11.95%;}
article p.source {padding-left: 0; font-style: italic;}
article ul, article ol{padding-left: 14.91%;}
article ol.quest {padding-left: 11.91%;}
article ol.quest > li { margin: 1em 0;}
article ol ol{padding-left: 2.91%;}
article .box  { margin-left: 23.46%; margin-top: 3em; margin-bottom: 1em; background-color: #c3ddf2; padding-bottom: 20px;  }
article .box p, article .box h4 { padding-left: 20px; padding-right: 20px; }
article .box h3 { margin: 0; padding: 0.556em 20px; color:#fff; background-color: #0068b2; text-transform: none; }
article .box ul, article .box ol{padding-left: 40px; padding-right: 20px;}
article .gri { color: #FF6D00; font-style: italic; }
article h1.chaptitle .gri sub { bottom: -3em;  }
article img { margin: 1em 0px;}
article .leftcol img { margin: 0px;}

article p.top {
    text-align: right;
}
article p.top a {
    display: block-inline;
    text-decoration: none;
    font-size: 10px;
    color: #ffffff;
    padding: 7px 12px;
    background: #0068b2;
    background: -moz-linear-gradient(
        top,
        #74abcf 0%,
        #0068b2);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#74abcf),
        to(#0068b2));
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #0b578a;
    -moz-box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 0px 0px rgba(255,255,255,0);
    text-shadow:
        0px 0px 0px rgba(000,000,000,0),
        0px 0px 0px rgba(255,255,255,0);
}


article .leftcol, article .rightcol { float: left; min-height: 1px; }
article .leftcol { width: 64.97%; margin-right: 5.32%}
article .rightcol { width: 29.71% }

article .leftcol h1.chaptitle {padding-left: 10.20%;}
article .leftcol h2, article .leftcol h3, article .leftcol h4, article .leftcol p {padding-left: 18.03%;}
article .leftcol ul, article .leftcol ol{padding-left: 22.95%;}
article .leftcol .box {margin-left: 30.07%; }

article .half { width: 47.45%; margin-right: 5.1%; float: left; min-height: 1px;  }
article .half h2, article .half h3, article .half h4, article .half p {padding-left: 24.68%;}

article .third { width: 29.93%; margin-right: 5.1%; float: left; min-height: 1px;  }

article .last { margin-right: 0; }
article .no-padding { padding-left: 0 !important; }

table.table-caixa { width: 100%; margin: 1.333em auto; font-size: 0.917em; border: 1px solid #fff; border-top: 3px dotted #0e263d; border-bottom: 3px solid #000;  text-align: right; }
table.table-caixa caption, table.table-caixa th, table.table-caixa td { padding: 3px 5px; }
table.table-caixa caption {color: #0e263d; text-transform: uppercase; text-align: left; font-size: 1.091em;  font-weight: bold; }
table.table-caixa caption .tc { text-transform: none; }
table.table-caixa th { padding-top: 10px; color: #0e263d; text-transform: uppercase; font-weight: normal; border-right: 1px dotted #000; border-bottom: 2px solid #000; text-align: right; padding-right: 20px;}
table.table-caixa td { border-right: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px solid #000; padding-right: 20px; }
table.table-caixa tr.bold { font-weight: bold; }
table.table-caixa tr.thead { color: #0e263d; text-align: right;  text-transform: uppercase;}
table.table-caixa tr.thead td{  padding-top: 10px; padding-right: 20px; }
table.table-caixa tr.thead td{border-top: 3px solid #0e263d;  border-bottom: 2px solid #0e263d;  }
table.table-caixa tr.subtitle { color: #999; font-weight: bold; text-transform: uppercase; border-bottom: 3px dotted #0e263d; }
table.table-caixa tr.subtitle td {padding-top: 20px; }
table.table-caixa tr.tfoot td { border-bottom: 3px solid #000; }
table.table-caixa tr.thead td:first-child { text-align: left; }
table.table-caixa tfoot td, table.table-caixa tr.tfoot td { font-weight: bold;  }
table.table-caixa td:first-child, table.table-caixa th:first-child  { text-align:left;  padding-right: 5px;}
p.souce { padding-left: 0; font-style: italic; margin-top: -0.5em; margin-bottom: 2em; }
article .box div.pad-table { padding-left: 20px; padding-right: 20px; }
article .box table.table-caixa { border-left: 1px solid #c3ddf2; border-right: 1px solid #c3ddf2;  }

table.table-gri { width: 100%; margin: 1.333em auto; font-size: 0.917em; border: 1px solid #fff; border-bottom: 3px solid #000;  text-align: left; }
table.table-gri caption, table.table-gri th, table.table-gri td { padding: 3px 5px; }
table.table-gri caption {color: #0e263d; text-transform: uppercase;  font-size: 1.091em;  font-weight: bold; }
table.table-gri caption .tc { text-transform: none; }
table.table-gri th { padding-top: 10px; color: #0068B2; font-weight: normal; border-right: 1px dotted #000; border-bottom: 1px solid #000;}
table.table-gri td { border-right: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px solid #000; padding-right: 20px; }
table.table-gri tr.bold { font-weight: bold; }
table.table-gri tr.h1 { color: #fd6d21; text-transform: uppercase; border-bottom: 2px solid #000; font-size: 1.3em;}
table.table-gri tr.h1 td { padding-top: 20px;}
table.table-gri tr.h2 { color: #0e263d; text-transform: uppercase; border-bottom: 2px solid #000; font-size: 1.1em; font-weight: bold;}
table.table-gri tr.h2 td { padding-top: 15px;}
table.table-gri tr.h3 { color: #0e263d; text-transform: uppercase; border-bottom: 2px solid #000; font-size: 1.025em;}
table.table-gri tr.h3 td { padding-top: 15px;}
table.table-gri tr.h4 { color: #0068B2; text-transform: uppercase; border-bottom: 2px solid #000; font-size: 1.025em;}
table.table-gri tr.tfoot td { border-bottom: 3px solid #000; }
table.table-gri tfoot td, table.table-gri tr.tfoot td { font-weight: bold;  }



footer { text-align: right; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Smaller screens */

@media only screen and (max-width: 1024px) {
	table.table-caixa {font-size: 0.786em}
  	nav.main-nav { font-size: 0.875em; }
  	article h1.chaptitle .gri sub { bottom: -2.7em; font-size: 60%;  }
  	article .half  { float: none; width: auto; }
  	article .half  { width: auto; float: none; margin-left: 0px;  margin-right: 0px; padding-left: 0; padding-right: 0; }
  	article .half h2, article .half h3, article .half h4, article .half p {padding-left: 18.03%;}
}


/* Mobile */

@media handheld, only screen and (max-width: 768px) {
	body, header .twelvecol, footer .twelvecol {padding: 0 !important;}
      nav.main-nav {padding: 10px; }
      nav.main-nav ul     { display: none; }
	nav.main-nav ul.menu-flag     { display: block; }
  	nav.main-nav select { display: inline-block; }

      nav.nav-fixed {
        position: fixed;
        border: 1px solid #ccc;
        border-top: none;
        top:0;
        left: 20px;
        background-color: #fff;
        z-index: 999;

        -webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.2);
        -webkit-transition: top 0.3s linear 0s;
        -moz-transition: top 0.3s linear 0s;
        transition: top 0.3s linear 0s;
      }

  	table.table-caixa {font-size: 0.688em }
  	article h1.chaptitle .gri sub { bottom: -2.7em; font-size: 60%;  }
  	
  	article .leftcol, article .rightcol  { float: none; width: auto; }
  	article .leftcol, article .rightcol { width: auto; float: none; margin-left: 0px;  margin-right: 0px; padding-left: 0; padding-right: 0; }
	article .half h2, article .half h3, article .half h4, article .half p, article h1.chaptitle, article h2, article h3, article h4, article p, article div.pad-table, article .leftcol h1.chaptitle, article .leftcol h2, article .leftcol h3, article .leftcol h4, article .leftcol p {padding-left: 0;}
	article ul, article ol, article .leftcol ul, article .leftcol ol {padding-left: 20px;}
	article .box { margin-left: 0; }
}

@media handheld, only screen and (max-width: 480px) {
	.device-hidden { display: none; visibility: hidden; }
	.device-show { display: inherit; visibility: visible; }
	
}

@media only screen and (min-width: 35em) {
  
}

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } 
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}
