@charset "utf-8";

main.contact a {
	color: #d48626;
}

main > h1 {
	text-align: center;
}

main > p {
	margin: 0px 20%;
	text-align: center;
	font-size: 1.3em;
}

div.top article{
	text-align: justify;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow:column; 
	width: 100%;
	padding: 30px;
}

div.top > article > p {
	text-indent: 3em;
	text-align-last: center;
	line-height: 1.3em;
	background-color: #222222;
	border-radius: 10px;
	padding: 15px;
}

main > div.bottom {
	background: #202020;
	border: 2px solid #77777750;
	box-shadow: 1px 1px 6px 3px #05050580, 2px 2px 6px 4px #10101080, inset 2px 2px 5px 1px #555555, inset 5px 5px 5px 3px #333333, inset -2px -2px 10px 1px #55555550;
	margin: 20px;
	border-radius: 20px
}

main > div > table {
	text-align: center;
	padding: 30px;
}

main > div > table > thead th {
	padding: 20px 0px;
}

main > div> table > tbody th {
	padding: 10px 0px;

}

.infoc {
	width: 7%;
}

.artc {
	width: 17%
}

.webc {
	width: 17%
}

.pcc {
	width: 50%;
}
main > div> table > tbody td {
	border: solid;
	border-color: #777777;
	box-shadow: 1px 1px 6px 3px #05050580, 2px 2px 6px 4px #10101080, inset 2px 2px 5px 1px #555555, inset 5px 5px 5px 3px #333333, inset -2px -2px 10px 1px #55555550;
	margin-left: 5px;
	margin-right: 5px;
	padding: 20px;
}

main > div> table > tfoot td {
	line-height: 2em;
	width: 50%;
	text-align: center;
	font-size: 1.3em;
}

main > div > table caption {
	caption-side: bottom;
	font-size: .8em;
	text-align: end;
	margin-right: 40px;
	font-style: italic;
}

form {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	
}

form > fieldset  {
	border-radius: 10px;
	-webkit-flex: 1 1 275px;
	flex: 1 1 275px;
	font-size: 1em;
	padding: 10px 30px;
	margin: 30px;
	border-color: #55555575;
}

div.contactField {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 10px 0px;
}

div.contactField > * {
	-webkit-flex: 1 1 150px;
	flex: 1 1 150px;
}


legend {
	font-size: 1.5em;
	font-style: italic;
	padding: 5px 10px 10px 15px;
	margin-left: 10%;
}

fieldset.cmethod {
	border: none;
	padding: 10px;
}

div.cmethod {
	padding: 30px 0px 30px 25%;
}

textarea {
	height: 300px;
}

div#buttons {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}

input.buttons {
	font-size: 1.2em;
	border-top-color: #AAAAAA;
	border-left-color: #AAAAAA;
	border-bottom-color: #333333;
	border-right-color: #333333;
	background-color: #999999;
	border-radius: 7px;
	box-shadow: 2px 2px 2px #CCCCCC inset, -2px -2px 2px #555555 inset;
}