/* o @import importa um outro arquivo CSS para este arquivo.
é muito bom para fazer modulação de CSS, fica mais organizado. */
@import url(interna.css);
/*@import url(codeshow/codeshow.css);*/

/* este asterísco seleciona todos os elementos do HTML,
assim eu posso tirar algumas propriedades que
acabam nos atrapalhando no decorrer do trabalho */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}
input, img {vertical-align: middle;}
hr {display: none;}
h3 {clear: both;}

address.site-endereco {
	font: 11px/16px verdana, Arial, Tahoma, Sans-Serif;
	padding: 20px 0 15px;
	color: #767682;
}

/* Botoes como o de PROSSEGUIR */
.botoes {
	display: block;
	padding: 7px 10px;
	text-align: center;
	font: 12px Verdana, Arial, Tahoma, Sans-Serif;
	text-decoration: none !important;
	color: white;
	width: 150px;
	margin: 10px 0px 25px;
	cursor: pointer;
}
.botoes:hover {color: white !important;}

#infoscarrinho .botoes {float: none; width: 190px; margin: 10px auto 25px;}

.botoes.botoesverde {
	background-color: #9CC100;
	float: right;
}

.botoes.botoesazul {
	background-color: #0097BF;
	float: left;
}

/* mensagens de erro e confirmação */
.mensagem-positiva, .mensagem-negativa, .mensagem-alerta {
	padding: 10px !important;
	margin: 0 0 15px;
	display: none;
	font: 11px verdana, arial;
}

.mensagem-positiva{
	background: #EEF4D8;
	border: 2px solid #CBE099;
}

.mensagem-negativa{
	background: #8D0003;
	border: 2px solid #190003;
	color: white;
}

.mensagem-alerta{
	background: #F7FFBF;
	border: 2px solid #FFD712;
}

.bot-acao {
	background: url(imagens/fundobotao.png) repeat-X left top;
	padding: 5px 10px;	
	font: 12px Lucida Grande, Verdana, Arial, Tahoma, Sans-Serif;
	color: black;
	border: 1px solid #D1D1D1;
	cursor: pointer;
}
.bot-acao.botao-enviar {float: right;}

/* Aqui eu aplico o fundo na tag HTML, sim, isso é possível e quebra um galho tremendo */
html {background:#25221b url(imagens/degrade.jpg) no-repeat center -50px;}
body {background:url(imagens/sombra.gif) repeat-Y center bottom;}

/* O div que envolve todo o site. é mania minha sempre colocar este div para me ajudar qualquer hora. Meu segundo Body. */
div#geral {
	width: 780px;
	_width:779px;
	background: url(imagens/base-brancocima.jpg) no-repeat center -25px;
	padding: 0 21px;
	_padding: 0 21px;
	margin: 0 auto;
}

/* TOPO */
#topo {
	position: relative;
	height: 90px;
}

#topo h1 {
	padding: 10px 20px;
	float: left;
	width: 158px;
	height: 57px;
	background: url(imagens/logo.png) no-repeat 25px 13px;
}
#topo h1 a {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 158px;
	height: 57px;
}

/* MENU */
#topo #menu {
	float: right;
	height: 30px;
	margin: 30px 0 0;
	width: 570px;
}
#topo #menu:after {
	content: ".";
	display: block;
	color: black;
	clear: both;
	width:100%;
	height:1px;
	font: 1px arial;
	visibility: hidden;
}

#topo #menu ul {
	height: 30px;
	position: absolute;
	right: 0px;
}
#topo #menu ul:after {
	content: ".";
	display: block;
	color: black;
	clear: both;
	width:100%;
	height:1px;
	font: 1px arial;
	visibility: hidden;
}

#topo #menu ul li {display: inline;}

#topo #menu ul li a {
	float: left;
	padding:7px 10px;
	font: 12px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: #919191;
	text-transform: uppercase;
}
#topo #menu ul li a:hover, #topo #menu ul li.selecionado a {
	background: #c72125;
	color: white;
}

/* DESTAQUES PRINCIPAIS - costumo deixar organizado assim elementos que tem apenas uma linha de propriedade */
#destaque-principal.principal-home {
	background: #E3DDA7 url(imagens/ajax-junho.jpg) no-repeat left top;
	height: 449px !important;
	padding: 0 !important;
}

#destaque-principal.principal-home p, #destaque-principal.principal-home h2 {
	text-indent: -999px;
	text-align: left;
}
#destaque-principal.principal-home a {
	display: block;
	width: 779px;
	height: 449px;
	_height:349px;
	text-indent: -999px;
	overflow: hidden;
	text-align: left;
}

div.cursos {background: #00aae3 url(imagens/cursos.jpg) no-repeat left center;}
div.cursos2 {background: #00aae3 url(imagens/cursos2.jpg) no-repeat left center;}
div.cursos3 {background: #00aae3 url(imagens/cursos3.jpg) no-repeat left center;}
div.cursos4 {background: #00aae3 url(imagens/cursos4.jpg) no-repeat left center;}
div.cursos5 {background: #00aae3 url(imagens/cursos5.jpg) no-repeat left center;}
div.cursos6 {background: #00aae3 url(imagens/cursos6.jpg) no-repeat left center;}
div.cursos7 {background: #00aae3 url(imagens/cursos7.jpg) no-repeat left center;}
div.cursos8 {background: #00aae3 url(imagens/cursos8.jpg) no-repeat left center;}
div.cursos9 {background: #00aae3 url(imagens/cursos9.jpg) no-repeat left center;}
div.curso-certificado {background: #3e521a url(imagens/certificados.jpg) no-repeat left center;}
div.servicos {background: #333333 url(imagens/servicos.jpg) no-repeat left center;}
div.curso-online {background: #7AB48E url(imagens/cursoonline.jpg) no-repeat left center;}
div.curso-presencial {background: #815A46 url(imagens/cursopresencial.jpg) no-repeat left center;}
div.clientes {background: #87261A url(imagens/clientes.jpg) no-repeat left center;}
div.contato {background: #870D00 url(imagens/contato.jpg) no-repeat left center;}
div.wallpapers {background: #264CB7 url(imagens/wallpapers.gif) no-repeat left center;}
div.calendario {background: #656C7E url(imagens/calendario.jpg) no-repeat left center;}
div.sobre {background: #789900 url(imagens/sobre.jpg) no-repeat left center;}
body#workshop div#destaque-principal {background: #776355 url(imagens/principal-workshop.jpg) no-repeat left center;}


/* CHAMADAS PRESENCIAIS */
#chamadas-presenciais {background: #171717; display:table; width:100%; border-top: 1px solid white;}
#chamadas-presenciais div {
	background: #171717;
	padding:14px;
	width:360px;
	_width:361px;
	float:right;
	position:relative;
	_right:-1px !important;
}

#chamadas-presenciais div.presencial1 {border-right: 1px solid white; float:left; right:0 !important;}

#chamadas-presenciais h2 {
	font: 23px Lucida Grande, Trebuchet Ms, Verdana, Sans-Serif;
	color:white;
	text-transform: uppercase;
}
#chamadas-presenciais h2 a {color:white;}

#chamadas-presenciais p {
	font: 12px/18px verdana, arial, tahoma, sans-serif;
	color:#787978;
	background: url(imagens/seta-home-presenciais.gif) no-repeat bottom right;
	padding:0 10px 0 0;
}
#chamadas-presenciais p a {color:#787978;}

#chamadas-presenciais a.chamapre {
	display:block;
	width:370px;
	height:91px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	outline: none;
}

#chamadas-presenciais a.chamapre span {
	display:block;
	text-indent:-999px;
	overflow:hidden;
	height:1px;
	font:1px arial;
	width:1px;
	position:absolute;
	left:0;
	top:0;
}

#chamadas-presenciais div.presencialpython a.chamapre span {background:url(imagens/python-junho.jpg) no-repeat left top;}
#chamadas-presenciais div.presencialajax a.chamapre span {background:url(imagens/ajax-junho.jpg) no-repeat left top;}
#chamadas-presenciais div.presencialtableless a.chamapre span {background:url(imagens/tableless-julho.jpg) no-repeat left top;}

#chamadas-presenciais div.presencial1 a.chamapre:hover span {left:1px;}
#chamadas-presenciais div a.chamapre:hover span {
	width:779px;
	height:449px;
	position:absolute;
	top:-450px;
	left:-391px;
}



/* Aqui embaixo tem um hack. Pro maldito do IE6 */
#destaque-principal {
	padding: 0 15px 0 470px;
	_height: 300px;
	min-height: 300px;
	margin-left: 1px;
}

#destaque-principal h2 {
	color: white;
	padding-top: 15px;
	font: 23px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	text-transform: uppercase;
}

#destaque-principal p {
	font: normal 12px/23px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: white;
}

#destaque-principal a {
	display:block;
	text-align: right;
	font: normal 13px/23px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: white;
	text-transform: uppercase;
}

#destaque-principal a:after {content: " >";}

/* DESTAQUES */
#destaques {
	background: #8E0000;
	display: table;
	width: 779px;
	margin-left: 1px;
	border-top: 1px solid white;
	clear: both;
}

#destaques div.limite-destaques div {
	float: left;
	width:235px;
	padding:11px;
	_height: 230px;
	min-height: 230px;
}

#destaques h3 {
	font: 14px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: white;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}
#destaques h4 {display: none;}

#destaques p {
	font: normal 12px/20px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: white;
}

#destaques p a {
	color: white;
	text-decoration: underline;
	float: none;
}

#destaques a {
	float: right;
	font: 11px verdana, arial;
	margin:10px 0 0;
	color: white;
	text-transform: uppercase;
}

#destaques div.limite-destaques div#destaque-um {border-right:1px solid #A30000;}

#destaques div.limite-destaques div#destaque-dois {
	border-right: 1px solid #A30000;
	border-left: 1px solid #5D0000;
}

#destaques div.limite-destaques div#destaque-tres {border-left: 1px solid #5D0000;}

/* GOODIES */
#goodies {
	background: #F7F7F7;
	border-top: 1px dotted #B3B3B3;
	border-bottom: 1px dotted #B3B3B3;
	width: 779px;
	margin-left: 1px;
	clear: both;
}
#goodies:after {
	content: ".";
	display: block;
	width: 100px;
	color: #F7F7F7;
	font: 1px arial;
	height: 1px;
	clear: both;
}
#goodies div {
	width: 263px;
	float: left;
	display: inline;
	padding: 30px 75px 30px 0;
	margin: 0px 0 0px 30px;
}

#goodies div h3 {
	font: 22px Verdana, Arial, Tahoma;
	color: black;
}
#goodies div h3 a {color:black; padding: 0 0 0 80px;}
#goodies div p a {
	font:11px Verdana, Arial, Sans-Serif;
	color: #6F6662;
	padding: 0 0 0 80px;
}
#goodies div a {
	display: block;
}

#goodies div.goodieblog {background: url(imagens/ico-blog.png) no-repeat left center;}
#goodies div.goodiewall {background: url(imagens/ico-wallpapers.gif) no-repeat left center;}

/* CHAMADAS */
#chamadas {
	background:white url(imagens/pontinhosh.gif) repeat-X top;
	width:779px;
	margin-left: 1px;
	_height: 200px;
	min-height: 200px;
	clear: both;
}
#chamadas:after {
	content: ".";
	color: white;
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	font: 1px arial;
}

#chamadas div {
	float:left;
	margin:30px 0px 30px 35px;
	width:340px;
	display: inline;
}

#chamadas div h4 {
	font:bold 135% 'Trebuchet Ms', Arial, Verdana, Tahoma, Sans-Serif;
	color:#C71507;
	text-transform:uppercase;
}

#chamadas div h5 {
	font:14px 'Trebuchet Ms', Arial, Verdana, Tahoma, Sans-Serif;
	color:#A5A096;
	text-transform:uppercase;
	margin:10px 0 5px;
}
#chamadas div h4 a {color:#C71507;}
#chamadas div h5 a {color: #A5A096;}

#chamadas div p {
	font:13px/23px Arial, verdana, tahoma, Sans-Serif;
	color:#6F6662;
}
#chamadas div p a {color:#777; display:block;}

/* RODAPE */
#rodape {
	background: #25221b url(imagens/fundorodape.jpg) no-repeat center -15px;
	width: 830px;
	margin: 0 auto;
	padding: 15px 0 100px;
	clear: both;
}

#rodape .limite {
	width: 780px;
	margin:  0 auto;
}

#rodape .limite #menu-rodape {
	width: 715px;
	margin: 0 auto;
	color: #474747;
	padding: 10px;
	text-align: center;	
}

#rodape .limite #menu-rodape:after {
	content:".";
	color: #25221B;
	display:block;
	clear:both;
	width:300px;
	height:1px;
	font:1px arial;
	color: black;
}

#rodape .limite #menu-rodape a {
	font: 12px Trebuchet Ms, Arial, Verdana;
	color: #474747;
	text-decoration: none;
	padding:5px;
	text-transform: uppercase;
}
#rodape .limite #menu-rodape a:hover {
	color: white;
	text-decoration: underline;
}
#rodape address {
	clear:both;
	border-top: 1px dotted #474747;
	padding: 15px 0;
}

#rodape address span {
	float:right;
	font: normal 11px verdana, arial, tahoma, sans-serif;
	text-align: right;
	color:#474747;
	margin-right: 15px;
}
#rodape address span a {
	color: #474747;
	text-decoration: underline;
}
#rodape address span a:hover {color: white;}

#rodape address a.logorodape {
	float: left;
	text-indent: -999px;
	overflow: auto;
	background: url(imagens/logo-rodape.gif) no-repeat left;
	width: 156px;
	height: 55px;
	margin-left: 15px;
}

/* FORMULARIOS DE CONTATO */
.form-contato {width:445px;}

.form-contato, form#commentform {padding:0 0 30px;}
.form-contato legend, form#commentform legend {display:none;}

.form-contato label b, form#commentform label b {
	font:bold 70% Arial, Verdana, Tahoma, Sans-Serif;
	display:block;
}
.form-contato label, form#commentform label {
	float:left;
	margin:0 10px 15px 0;
}
.form-contato label input, form#commentform label input {
	font:70% Arial, Verdana, Tahoma, Sans-Serif;
	width:200px;
	padding:7px 5px;
	border:1px solid #999;
}

.form-contato label input:focus, body#contato form label textarea:focus, form#commentform label input:focus, form#commentform label textarea:focus {
	border:2px solid #7CB1E9;
	padding:6px 4px;
}

.form-contato label textarea, form#commentform label textarea {
	border:1px solid #999;
	width:422px;
	height:140px;
	padding:7px 5px;
	font: 11px Verdana, Arial, Tahoma, Sans-Serif;
}

/* TABELA DO CALENDARIO */
table.tablecalendario {
	width: 499px;
	clear: both;
	margin: 15px 0 0;
	border-collapse: collapse;
}

table.tablecalendario tr th {
	text-align: left;
	background: #E2E2E1;
	color: #757581;
	font: 14px Verdana, Arial, Tahoma;
	padding: 6px 5px;
}

table.tablecalendario tr {color: #80808B;}

table.tablecalendario tr td {
	padding: 9px 5px 7px;
	border-bottom: 1px dotted #9C9C9C;
	vertical-align: top;
	font: 11px verdana, arial, tahoma, sans-serif;
}

table.tablecalendario tr td.cursonome {
	width: 150px;
}

#calendario a.linkmatricula {
	float: right;
	font: 17px Verdana, Arial, Tahoma;
	text-decoration: none;
	color: black;
	height: 50px;
	line-height: 50px;
	clear: both;
}

/*este é um seletor encadeado com pseudo-classe :hover */
#calendario .texto a.linkmatricula:hover {color: red; text-decoration: underline;}

#calendario .texto p {
	clear:both;
	margin: 20px 0;
}

/* Tabela de Cursos na MATRICULA */
table.tablematricula {
	width: 499px;
	border-collapse: collapse;
}

table.tablematricula tr th {
	text-align: left;
	background: #E2E2E1;
	color: #757581;
	font: 14px Verdana, Arial, Tahoma;
	padding: 6px 5px;
}

table.tablematricula tr th.escolhepais {
	text-align: right;
	font: bold 11px Verdana, Arial, Tahoma;
}

table.tablematricula tr th.escolhepais select {
	font: 11px verdana, Arial, Tahoma;
	border: 1px solid gray;
}

table.tablematricula tr {color: #80808B;}

table.tablematricula .trHidden {display: none;}

table.tablematricula tr td {
	padding: 9px 5px 7px;
	border-bottom: 1px dotted #9C9C9C;
	font: 11px verdana, arial, tahoma, sans-serif;
	vertical-align: top;
}

table.tablematricula tr td.nomecurso {
	width: 110px;
	font-weight: bold;
	color: black;
}

table.tablematricula tr td.descricaocurso {
	width: 190px;
	padding-right: 20px;
}

table.tablematricula tr td.tiposcurso {
	width: 160px;
	font-weight: bold;
}

table.tablematricula tr td.tiposcurso label {
	display: block;
	position: relative;
	padding: 5px;
}
table.tablematricula tr td.tiposcurso label.selecionado {
	background: #F7F3D2;
}

table.tablematricula tr td.tiposcurso label span {
	position: absolute;
	right: 0;
	_right: 6px;
	_top: 10px;
	font-weight: normal;
}

/* DIV ONDE FICA O CARRINHO E OUTRAS INFORMACOES */
#infoscarrinho {
	float: right;
	width: 205px;
	margin-right:20px;
	display: inline;
	padding: 0 0 40px;
}

#infoscarrinho p {
	font: 11px Verdana, Arial, Tahoma, Sans-Serif;
	margin: 0 0 20px;
	color: #80808C;
}

/* Carrinho de compras Visie */
#carrinho {
	background: #5A7CAC;
}

#carrinho h4 {
	background: #194A88;
	font: bold 12px Verdana, Arial, Tahoma, Sans-Serif;
	color: white;
	padding: 7px 10px;
}

#carrinho dl dt {
	font: bold 12px Verdana, Arial, Tahoma, Sans-Serif;
	padding: 10px 10px 5px;
	color: white;
	border-top: 1px solid #93ABC7;
}

#carrinho dl dd {
	border-bottom: 1px solid #1F508B;
	padding: 0 10px 10px;
	font: 11px Verdana, Arial, Tahoma, sans-Serif;
	color: #D4DDE3;
	position: relative;
}

#carrinho dl dd span {
	position: absolute;
	right: 2px;
}

#carrinho dl .totalgeral span {position: static; float: none;}

#carrinho dl dt.totalgeral {
	text-transform: uppercase;
}

#carrinho dl .totalgeral {text-align: right;}

#carrinho span.valortotal {
	font-weight: bold;
	text-decoration: line-through;
}

#carrinho dl dd.totalgeral {border-bottom: 1px dotted #93ABC7;}

#carrinho p {
	font: 10px verdana, arial, tahoma, sans-serif;
	color: #D4DDE3;
	padding: 15px;
	margin: 0;
}

#carrinho p.msgalerta {
	background:#F7E8BB;
	color:#9D4E00;
}

#infoscarrinho h5 {
	font: bold 11px Verdana, Arial, Tahoma;
	color: black;
}

#infoscarrinho ol, #infoscarrinho ul {
	margin: 0 0 15px;
	color:#80808C;
	font: 11px Verdana, Arial, Tahoma, Sans-serif;
}

#infoscarrinho li.passoatual {color: red;}

#infoscarrinho ol li {
	list-style: decimal;
	margin: 0 0 0 20px;
	_margin:0 0 0 30px;
}

ul.formapagamento, ul.formapagamento-azul {
	margin: 0 !important;
	padding: 0 !important;
}

ul.formapagamento li, ul.formapagamento-azul li {padding: 10px 0 10px 40px; margin-bottom: 3px; list-style: none !important;}

ul.formapagamento .formamastercard {background: url(imagens/icopagamentos.png) no-repeat  -5px -200px; display: none;}
ul.formapagamento .formavisa {background: url(imagens/icopagamentos.png) no-repeat  -5px -260px; display: none;}
ul.formapagamento .formacartao {background: url(imagens/icopagamentos.png) no-repeat  -5px -313px;}
ul.formapagamento .formaboleto {background: url(imagens/icopagamentos.png) no-repeat  -5px 0;}
ul.formapagamento .formapaypal {background: url(imagens/icopagamentos.png) no-repeat  -5px -367px; display: none;}
ul.formapagamento .formatransferenciabradesco {background: url(imagens/icopagamentos.png) no-repeat -5px -67px;}
ul.formapagamento .formafinanciamentobradesco {background: url(imagens/icopagamentos.png) no-repeat -5px -135px;}

ul.formapagamento-azul .formamastercard {background: url(imagens/icopagamentos-azul.png) no-repeat  -5px -200px; display: none;}
ul.formapagamento-azul .formavisa {background: url(imagens/icopagamentos-azul.png) no-repeat -5px -260px; display: none;}
ul.formapagamento-azul .formacartao {background: url(imagens/icopagamentos-azul.png) no-repeat -5px -313px;}
ul.formapagamento-azul .formaboleto {background: url(imagens/icopagamentos-azul.png) no-repeat -5px 0;}
ul.formapagamento-azul .formatransferenciabradesco {background: url(imagens/icopagamentos-azul.png) no-repeat -5px -67px;}
ul.formapagamento-azul .formafinanciamentobradesco {background: url(imagens/icopagamentos-azul.png) no-repeat -5px -130px;}
ul.formapagamento-azul .formapaypal {background: url(imagens/icopagamentos-azul.png) no-repeat  -5px -367px; display: none;}


ul.formapagamento-azul li {color: white;}

#listacursos ul.formapagamento-azul li {
	float: left;
	margin: 0 7px;
	width: 185px;
}
#listacursos ul.formapagamento-azul {width: 490px;}

/* Formulário de cadastro de matricula */
/* #matriculapasso2 {display:none;} */
#matriculapasso2 form label {
	color:#80808C;
	font: 11px Verdana, Arial, Tahoma, Sans-serif;
	float: left;
	padding: 0 0 10px;
	position: relative;
}

#matriculapasso2 form label input.inputm {
	width: 222px;
	padding: 5px;
	margin-right: 10px;
	border:1px solid #80808C;
}

#matriculapasso2 form label span {
	position: absolute;
	right: 15px;
}

#matriculapasso2 form label input:focus {
	border:2px solid #7CB1E9;
	padding:4px;
}

/* Tabela com a lista de cursos */
#matriculapasso3 table#listacursos {
	background: #3d62a1;
	width: 500px;
	border-collapse: collapse;
}

#matriculapasso3 table#listacursos th {
	text-align:left;
	color: white;
	font: bold 12px Verdana, Arial, Tahoma, Sans-Serif;
	padding: 5px 10px;
	background: #194A88;
}

#matriculapasso3 table#listacursos tr {
	border-bottom: 1px solid #1F508B !important;
	border-top: 1px solid #93ABC7 !important;
}

#matriculapasso3 table#listacursos td {
	color: #D4DDE3;
	padding:10px 5px;
	position: relative;
}

#matriculapasso3 table#listacursos td.cursonome {
	font:11px Verdana, Arial, Tahoma, Sans-Serif;
	color: white;
}

#matriculapasso3 table#listacursos td.cursotipo {
	font:11px Verdana, Arial, Tahoma, Sans-Serif;
	width: 150px;
	text-align: right;
	padding: 0 0 0 25px;
}

#matriculapasso3 table#listacursos td.cursotipo strong {float: left;}
#matriculapasso3 table#listacursos td.cursotipo span {float: right; padding: 0 10px 0 0;}

#matriculapasso3 table#listacursos td.totallista {text-align: right;}
#matriculapasso3 table#listacursos .valortotal {
	text-decoration: line-through;
}


/* CODESHOW CHAMADA */
#codeshowchamada {
	background: url(imagens/code-home.jpg) no-repeat center center;
	width: 780px;
	_width: 779px;
	height:113px;
	clear: both;
	border-top: 1px solid white;
}

#codeshowchamada h2, #codeshowchamada p {
	display: none;
} 

#codeshowchamada a {
	display: block;
	width: 779px;
	height:113px;
	text-indent: -999px;
	overflow: hidden;
}

h6 {
	font-size: 16px;
}