@charset "UTF-8";
/* CSS Document */
body, * {color:#666; margin:0; padding:0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; box-sizing: border-box;}
body {background-color:#999; font-size:12px;}

a, a:visited {color:#666;}

header {padding:10px; background-color:#333; color:#fff;}
#menu ul li {display: inline-block; margin-right:10px; padding: 10px;}
#menu ul li:nth-child(n+2):hover{background-color:#07c700;} 
#menu ul li {color:#07c700; font-weight: bold;}
#menu a, #menu a:visited {color:#fff;}


#hero {z-index:-1; height:100%; width:100%; top:0; position:fixed; background-image:url('../images/background/hero.jpg'); background-repeat: no-repeat; background-size: cover;}

#container {border-radius:25px; max-width:1100px; margin:10px auto; background-color:#fff; padding:15px; box-shadow:10px 10px 5px;}

table {border:2px solid #07c700; border-radius:25px; padding:10px}
table tr {padding:3px;}
table tr:nth-child(even) {background-color:#ddd;}
table td, table th {margin:5px; padding:3px;}
table td span {margin-right:5px;}
table td span::after {content:',';}
table td span:last-child::after {content:'';}
table td img {max-width:100px; height:auto;}
div p img {max-width:200px; height:auto; display: inline-block;}

div form {display: inline-block; border:none;}
form {border:2px solid #07c700; border-radius:15px; padding:10px;}
form p {margin-top:10px; margin-left:10px;}
form p label {display: inline-block; width: 150px; font-weight: bold; }
form p input[type="text"]:focus {background-color:#ddd; padding:3px; border-radius:5px;}
form div.scrollbox {margin-left:160px; line-height:1.6;}
form p input[type="checkbox"] {vertical-align: middle; position:relative;}
div.scrollbox {overflow-y: scroll; width:180px; height:150px; padding:5px;}
form p input[type="submit"] {background-color:#07c700; padding:3px; border-radius: 5px; color:#fff; font-weight: bold;}
form p input.error {background-color: #931618;}
p.oversize {margin:10px; font-size:14px;}