/* 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 160%;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* updates */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#333;
}

input {
    font-size:14px;
}

p {
    padding: 2px;
}

h1 { font-size: 2em; padding: 5px; font-weight: bold;}
h2 { font-size: 1.5em; padding: 5px; font-weight: bold;}
h3 { font-size: 1.17em; padding: 5px; font-weight: bold;}
h4 { font-size: 1.12em; padding: 5px; font-weight: bold;}
h5 { font-size: .83em; padding: 5px; font-weight: bold;}
h6 { font-size: .75em; padding: 5px; font-weight: bold;}

li a {
    display: block;
    color: white;
    padding: 8px 0 8px 16px;
    margin: 0 0 1px 0;
    text-decoration: none;
    background-color: #474747;
}

li a.group {
    background-color: #2669bf;
    color: white;
    font-weight: bold;
}

li a:hover:not(.group) {
    background-color: #353535;
    color: white;
}

li a.current {
    background-color: #353535;
    color: white;
}


#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:4px;
}

#nav {
    line-height:14px;
    background-color:#3f3f3f;
    height:580px;
    width:180px;
    float:left;
    padding:5px;	 
    box-shadow: 0 0 8px #333333; 
}

#section {
    width:800px;
    line-height:14px;
    float:left;
    padding:4px;	 	 
}

#sectionVer {
    width:800px;
    line-height:14px;
    float:right;
    padding:5px;	 	 
}

#subcontent {
    width:800px;
    background: #E0E0E0;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    margin: 5px;
    padding: 5px;
}

#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:4px;	 	 
}

#img {
    padding: 5px;
}

.link_button2 {
	-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	background-color:#E0E0E0;
	border:1px solid #29447E;
	font-size:12px;
	font-weight:700;
	padding:2px 6px;
	text-decoration: none;	
	height:28px;
	width:70px;
	color:#0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 5px;
}

.inline { display:inline-block; }

.spaced {
    margin: 10px;
}

input[type=submit], .button{
	-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	background-color:#E0E0E0;
	border:1px solid #29447E;
	font-size:12px;
	font-weight:700;
	padding:2px 6px;
	height:28px;
	width:70px;
	color:#0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 5px;
}


.tg  {width:96%; margin:10px;border-collapse:collapse;border-spacing:0;border-color:#787878;}
.tg th{padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#787878;color:#F0F0F0;background-color:#787878;border-top-width:1px;border-bottom-width:1px;text-align:left;}
.tg td{padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#787878;color:#FFFFFF;background-color:#B3B3B3;border-top-width:1px;border-bottom-width:1px;}


/* support for simple dialog box */
.hide {
    display: none;
}
.popup-wrapper {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 8px #888;
    overflow: hidden;
}
.popup-title {
    padding: 10px 15px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #f0f0f0;
}
.popup-title h3 {
    margin: 0;
    line-height: 1.5em;
    color: #333;
}
.popup-body {
    padding: 10px 15px;
    color: #555;
}
.myButton {
	box-shadow: 3px 4px 0px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2b665e;
}
.myButton:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButtonOFF {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:5px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButtonOFF:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.myButtonOFF:active {
	position:relative;
	top:1px;
}

.myButtonON {
	box-shadow: 3px 4px 0px 0px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:5px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.myButtonON:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color:#72b352;
}
.myButtonON:active {
	position:relative;
	top:1px;
}

.myButtonSON {
	box-shadow: 3px 4px 0px 0px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:5px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:8px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.myButtonSON:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color:#72b352;
}
.myButtonSON:active {
	position:relative;
	top:1px;
}

.myButtonSMODE {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:5px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:8px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButtonSMODE:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.myButtonSMODE:active {
	position:relative;
	top:1px;
}

.myButtonSOFF {
	box-shadow: 3px 4px 0px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:8px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2b665e;
}
.myButtonSOFF:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.myButtonSOFF:active {
	position:relative;
	top:1px;
}

.espaco {
  padding-left: 40px;
}