@import "../fonts/GothamSSm/stylesheet.css";

html,body {
	background-color: #f0edeb;
	
	font-family: "GothamSSm-Light";
}

body {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}

.page-header {
	padding: 20px 10px;
}

.page-header img {
	width: 200px;
}

.page-header h2 {
	margin: 20px 0px;
	
	font-family: "GothamSSm-Bold";
}


table {
border-collapse: collapse;
width: 100%;

margin-bottom: 140px;
}

td, th {
/* border: 1px solid #bebebe; */
text-align: left;
padding: 8px;
}

tr {
	border-bottom: #000000 1px solid;
}

tr:nth-child(even) {
/* background-color: #dcdcdc; */
}

td.td-nome {
	display: none;
}

table b {
	font-family: "GothamSSm-Bold";
}

.casta-title {
	font-size: 18px;
	font-weight: bold;
	font-family: "GothamSSm-Bold";
}

.casta-title small { 
	font-size: 12px;
}

.casta-detail {
	/* height: 0px; */
	/* overflow: hidden; */

	display: none;
}


.casta-detail.active {
	/* height: initial; */
	padding-top: 10px;
}

.casta-more-btn {
	padding: 10px 0;
	text-align: center;
	width: 200px;
	margin: 0 auto;
	text-decoration: underline;
	cursor: pointer;
}

td.casta-cor {
	display: none;
}

td.casta-cor.active {
	display: block;
}


.btn {
	border-radius: 0px !important;
	padding: 5px 15px !important;
	font-size: 14px;
	font-weight: 700;
}

select {
	border-radius: 0px !important;
	padding: 5px 15px !important;
	background-color: #000000;
	color: #ffffff;

	width: 200px;
	height: 40px;
}