html, body {
	height:100%;
}
body {
	background-color:rgba(0,0,0,1.00);
}
body, td, th {
    font-size: 16px;
	color:rgba(255,255,255,1.00);
}
label {
	font-weight:400;
}
button {
	text-transform:uppercase;
}
.fl { float:left; }
.fr { float:right; }
.col2 { margin-left:10px; }
.w50 { width:49%; }
.w32 { width:32%; }

a {
    color: #ff4320;
}
a:hover {
    color: #DD2200;
}

.mb15 { margin: 15px 0; }

.topo {
	padding:50px 0 0 0;
}
.topo-logos {
	padding:0 0 40px 0;
}
.topo-logos ul {
	list-style:none; margin:0; padding:0;
	text-align:left;
}
.topo-logos li {
	display:inline-block; vertical-align:middle;
	margin-right:25px;
}
.topo-l1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:36px;
	line-height:40px;
}
.topo-l2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:26px;
	line-height:28px;
}
.topo-l3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:36px;
	font-weight:700;
	line-height:40px;
}

#menuprinc {
	background-color:rgba(197,0,0,1.00);
	margin:30px 0;
	padding:7px 5px;
	border-radius:5px;
}
#menuprinc a {
	display:inline-block; vertical-align:top;
	padding:1px 7px;
	border-radius:5px;
	font-size:16px;
	font-weight:700;
	color:rgba(239,182,182,1.00);
	text-transform:uppercase;
	text-decoration:none;
	transition:all 200ms linear;
}
#menuprinc a:hover {
	color:rgba(251,225,225,1.00);
}
a.tabLinkActive {
	color:rgba(197,0,0,1.00) !important;
	background-color:rgba(255,233,233,1.00);
}
.main {
	width:100%; max-width:600px;
	margin:auto;
}
.section-title {
	font-size:24px;
}
.section-content-la {
	display:inline-block; vertical-align:middle;
	width:calc(100% - 170px);
}
.section-content-lb {
	display:inline-block; vertical-align:middle;
	width:150px;
}
.section-botao {
	text-align:right;
	margin-top:50px;
}
#estagio-2, #estagio-3, #estagio-4 {
	display:none;
}
.grupos_a, .graus_b {
	list-style:none; margin:0; padding:0;
}
.grupos_a {
	display:table;
	border-collapse:collapse;
	width:100%;
	column-count:2;
}
.grupos_a > li {
	display:table-row;
}
.grupos_r {
	padding:10px;
	display:table-cell;
	border:rgba(255,255,255,1.00) solid 1px;
}
.graus_b {
	display:inline-block; vertical-align:middle;
	width:calc(100% - 150px);
}
.graus_b > li {
	margin:2px;
	display:inline-block; vertical-align:top;
}
.graus_b li button {
	min-width:180px;
	text-align:left;
    white-space: normal;
}
.graus_b li:last-child button {
	width:auto;
	text-align:left;
}
#estagio-2 .btn-npart {
	width:auto;
	text-align:left;
	margin-bottom:5px;
}
.graus_la {
	display:inline-block; vertical-align:middle;
	margin-right:5px;
}
.cor {
	display:inline-block; vertical-align:middle;
	width:12px; height:12px;
	-webkit-box-shadow: 0 0 2px 0 #8F8F8F;
	box-shadow: 0 0 2px 0 #8F8F8F;
	border: rgba(255,255,255,1.00) solid 1px;
}
.cor-black {
	/* border:rgba(255,255,255,1.00) solid 1px; */
}
.nome {
	display:inline-block; vertical-align:middle;
	margin-left:5px;
	text-transform:uppercase;
}
.nomeThai {
	display:none;
}
.graus_p {
	display:inline-block; vertical-align:middle;
	width:130px;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase;
}
.graus_p-rs {
	font-size:12px;
}
.graus_p-avista {
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 0 20px;
	margin-top: -5px;
}
button[name="graus"]:focus {
    outline: none;
}

.carrinho-box {
	position:fixed; top:15px; right:0;
	padding:12px 20px;
	background-color:rgba(255,0,2,0.37);
	border:rgba(255,0,2,1.00) solid 1px;
	font-size:18px;
	font-weight:700;
	color:rgba(255,0,4,1.00);
}


/* -> INSCRICAO */
.insc-panel {
    margin: 20px 0;
}
.insc-title {
    font-size: 20px;
}
.insc-content {
    padding: 20px;
    border-top: rgba(147,147,147,1.00) solid 1px;
    background-color: rgba(27,27,27,1.00);
}
#insc-graus-frm {
    display: none;
}
/* <- INSCRICAO */

.section-sucesso {
	margin-top:100px;
}

footer {
    margin-top: 100px;
    padding: 20px 0;
    text-align: center;
}
#webgtlogo {
    height: 24px;
    display: inline-block; vertical-align: bottom;
    margin-left: 4px;
}

@media screen and (max-width:650px) {
.main {
	padding:0 20px;
}

.carrinho-box {
    top:0; right:0;
	padding: 5px 10px;
	background-color:rgba(255,0,2,0.8);
	font-size:16px;
	color:rgba(255,255,255,1.00);
}

.topo-l1 {
	font-size:32px;
	line-height:34px;
}
.topo-l2 {
	font-size:22px;
	line-height:24px;
}
.topo-l3 {
	font-size:32px;
	line-height:34px;
}
}
@media screen and (max-width:550px) {
.topo-logos ul {
	text-align:center;
}
.topo-logos li {
	margin:25px;
}

.topo-l1 {
	line-height:normal;
	margin:10px 0;
}
.topo-l2 {
	line-height:normal;
	margin:10px 0;
}
.topo-l3 {
	line-height:normal;
	margin:10px 0;
}

#menuprinc a {
	display:block;
	margin:5px 0;
    font-size: 16px;
    padding: 5px 10px;
}

.section-estagio {
	padding:20px 0;
}
.section-title {
	font-size:20px;
}

.section-content-la {
	display:block;
	width:100%;
}
.section-content-lb {
	display:block;
	width:100%;
}

.graus_b {
    width: 100%;
}
.graus_b li button {
	width: 100%;
    font-size: 16px;
}
.graus_b li:last-child button {
	width: 100%;
}
.graus_b > li {
	display: block;
    margin: 10px 0;
}
.graus_p {
	display:block; 
	width:100%;
	text-align:center;
	margin:15px 0 0 0;
}
.graus_p-avista {
	display:inline-block;
	padding:0 0 0 2px;
}
.fl { float:none; margin:14px 0; }
.fr { float:none; margin:14px 0 0 0; }
.col2 { margin:0; }
.w50 { width:100%; }
.w32 { width:100%; }
}