@font-face {
	font-family: 'Play';
	src: url('/fonts/play-webfont.eot');
	src: url('/fonts/play-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/play-webfont.woff2') format('woff2'),
		url('/fonts/play-webfont.woff') format('woff'),
		url('/fonts/play-webfont.ttf') format('truetype'),
		url('/fonts/play-webfont.svg#Play') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	color: #505050;
	background-color: #f0f0f0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt;
}

main {
	width: 1000px;
	min-height: 100%;
	margin: 0px auto;
	background-color: #ffffff;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}
@media (max-width: 1000px) {
	main {
		width: auto;
		max-width: 1000px;
		min-width: 200px;
	}
}

a#top {
	width: 48px;
  height: 48px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  display: none;
  text-indent: -9999px;
  background: url('/images/up.png') no-repeat;
}

header {
	padding: 20px 0;
	text-align: center;
}
header img {
	max-width: 95%;
}

nav {
	height: 30px;
	background-color: #dc4b00;
}
nav ul {
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-table;
}
nav li {
	position: relative;
}
nav ul li {
	float: left;
	display: inline;
}
nav ul li a, nav ul li span {
	display: block;
	padding: 0 10px;
	color: #ffffff;
	font-family: Play, Verdana, sans-serif;
	font-size: 14pt;
	text-decoration: none;
}
nav ul li span {
	opacity: 0.75;
}
nav ul li a:hover {
	color: #ffffff;
}

input#responsive-nav, label.responsive-nav-label {
  display: none;
}
@media (max-width: 1000px)
{
	label.responsive-nav-label {
		display: block;
		padding: 10px;
		background-color: #dc4b00;
		cursor: pointer;
		color: #ffffff;
		font-family: Play, Verdana, sans-serif;
		font-size: 14pt;
	}
	label.responsive-nav-label span {
		margin-right: 10px;  
	}	
	input#responsive-nav[type=checkbox]:checked ~ nav {
		position: relative;
		top: 0;
	}
	nav {
		position: absolute;
		top: -9999px;
		height: auto;
		text-align: left;
	}
	nav ul {
		height: auto;
	}
	nav ul li {
		float: none;
	}
}

section {
	padding: 25px 50px;
	text-align: justify;
}
section h2 {
	color: #dc4b00;
	font-family: Play, Verdana, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	margin: 0 0 10px 0;
}
section h2 span {
	color: #505050;
}
section ul {
	list-style-type: circle;
}
section ul li {
	padding-top: 3px;
}

footer {
	width: 1000px;
	height: 15px;
	margin: -25px auto 0 auto;
	padding: 5px 0;
	background-color: #dc4b00;
	color: #ffffff;
	font-size: 9pt;
	text-align: center;
}
@media (max-width: 1000px) {
	footer {
		width: auto;
		max-width: 1000px;
		min-width: 200px;
	}
}
footer a {
	color: #ffffff;
}
footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a {
	color: #dc4b00;
	text-decoration: none;
}
a:hover {
	color: #dc4b00;
	text-decoration: underline;
}

input, textarea, select {
	padding: 2px 4px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
}
input:focus, textarea:focus {
	border: 1px solid #75b8e3;
	box-shadow: 0 0 2px 1px #75b8e3;
}
input[type=submit] {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #dc4b00;
	padding: 10px 25px;
	border: 3px solid #dc4b00;
	border-radius: 5px;
}
input[type=submit]:hover, input[type=submit]:focus {
	cursor: pointer;
	border: 3px solid #802A00;
}

.btn {
	margin: 5px;
	padding: 10px 25px;
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-color: #dc4b00;
	border: 3px solid #dc4b00;
	border-radius: 5px;
}
.btn:hover {
	color: #ffffff;
	text-decoration: none;
	border: 3px solid #802A00;
}

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_top {
	vertical-align: top;
}
.text_small {
	font-size: 8pt;
}
.text_uppercase {
	text-transform: uppercase;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

.box_error {
	color: #9b0f0f;
	font-weight: bold;
	background: #fa8c8c;
	padding: 5px;
	border: 1px solid #9b0f0f;
	border-radius: 5px;
}
.box_success {
	color: #0f781e;
	font-weight: bold;
	background: #6ee678;
	padding: 5px;
	border: 1px solid #0f781e;
	border-radius: 5px;
}

.thumb {
	width: 170px;
	height: 200px;
	object-fit: cover;
	object-position: 0 0;
	border: 1px solid #f0f0f0;
}
.thumb-small {
	width: 170px;
	height: 200px;
	object-fit: contain;
	object-position: 50% 50%;
	border: 1px solid #f0f0f0;
}
.thumb-large {
	width: 100%;
	border: 1px solid #f0f0f0;
}
.thumb:hover, .thumb-small:hover {
	border-color: #dc4b00;
}

.table_list {
	width: 100%;
}
.table_list tr:nth-child(odd) { 
	background-color: #f0f0f0;
}
.table_list tr:hover {
	color: #ffffff;
	background-color: #dc4b00;
}
.table_list tr:hover a {
	color: #ffffff;
}
.table_list td {
	padding: 3px;
}
.table_list th {
	padding: 5px;
	color: #ffffff;
	background-color: #dc4b00;
	font-weight: bold;
	text-align: left;
}

.gold, .table_list tr.gold:hover {
	color: #ffd700;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #505050, 1px -1px 1px #505050, -1px 1px 1px #505050, -1px -1px 1px #505050;
	letter-spacing: 1px;
}
.silver, .table_list tr.silver:hover {
	color: #c0c0c0;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #505050, 1px -1px 1px #505050, -1px 1px 1px #505050, -1px -1px 1px #505050;
	letter-spacing: 1px;
}
.bronze, .table_list tr.bronze:hover {
	color: #cd7f32;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #505050, 1px -1px 1px #505050, -1px 1px 1px #505050, -1px -1px 1px #505050;
	letter-spacing: 1px;
}