html, body {
  height: 100%; 
}

html {
  font-size: 16px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif !important;
  box-sizing: border-box; 
}

p {
	 font-size: 16px;
  font-weight:normal;
		margin:0 0 16px 0;
}

/*.file, .file:visited  {
	background:#F0F0F0;
	border:1px solid #666666;
	padding:0.2em;
	margin:0.2em 0 -0.2em 0;
	padding-left: 2px;
	border-radius:0.3em 0.3em 0.3em 0.3em;
	-moz-border-radius:0.3em 0.3em 0.3em 0.3em;
	-webkit-border-radius:0.3em 0.3em 0.3em 0.3em;
}
.file:hover, .file:active, .file:focus  {
	border:1px solid #666666;
}*/

div.upload {
	width: auto;
	margin-left: 0px;
	padding-left: 0px;
}

input [type="file"], .file {
		font-family: "HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif;
		font-size: 20px;
		float: left;
		color: #939393;
		border: 1px solid #939393;
		box-shadow: inset 0 0px 0px #CBCBCB;
		display: block;
		margin: 0 0 10px 0;
		padding: 8px 20px;
		height: auto;
		width: auto;
		text-align: left;
		transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
@media only screen and (max-width: 1000px) {
		input [type="file"] .file:visited {
				padding: 8px 10px;
		}
}
@media only screen and (max-width: 599px) {
  input [type="file"], .file {
		  width: 100%;
		}
}

input [type="file"]:visited {
		box-shadow: 0 0 3px #F1F1F1;
		border-color: #939393;
		outline: none;
}
input [type="file"]:hover, input [type="file"]:active, input [type="file"]:focus,
.file:hover,  .file:active,  .file:focus {
		box-shadow: 0 0 3px #CBCBCBC;
		border-color: #939393;
		outline: none;
}

input [type="button"] {
	 border: 1px solid red !important;
}
.button-black {
  display: inline-block;
		float: left;
  width: auto;
  height: auto;
  font-family: "HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif !important;
  font-weight: 100;
  font-size: 20px !important;
  color: #FFFFFF;
		background: #000000;
		border: 1px solid #000000; 
  padding: 10px 20px;
  margin: 0 20px 20px 20px;
  vertical-align: top !important;
}
.button-black:hover, .button-black:active, .button-black:focus {
  color: #FFFFFF; 
		background: #CBCBCB;
		border: 1px solid #CBCBCB;
}


@media only screen and (max-width: 599px) {
  .button-black {
		  display: block;
		  width: 100%;
	 		margin: 0 0 20px 0; 
 	}
}


.clear {display:block; width:100%; height:0.01em; font-size:0.01em; line-height:0.01em; clear:both;}
