* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
html {
  font: 14px/1.4 Sans-Serif;
  margin:0 20px;
}
h1, h2 {
	font-size:1.8em;
	font-weight:normal;
	margin:0;
}
h1 {
	margin-bottom:10px;
}
h2 {
	font-size:1.4em;
	margin-bottom:5px;
}
form {
  width:100%;
}

form > div {
  position: relative;
  overflow: hidden;
}
form > div.space {
	margin-bottom:20px;
}
form input, form textarea {
  width: 100%;
  border: 2px solid #bbb;
  background: none;
  z-index: 1;
  padding: 8px 12px;
  outline: 0;
  margin-bottom:5px;
  font-size:1.1em;
  color:#069;
}
 form input.invia,  form input.invia2 {
	background-color:#069;
	background-color:#000;
	 color:#fff;
	 cursor:pointer;
	 border-color:#000;
	 font-weight:bold;
	 letter-spacing:.1em;
	 margin-top:20px;
	 border-radius:5px;
	 width:100%;
 }
 form input.invia2 {
	background-color:#069;
	 border-color:#069;
 }
  form input.invia:hover, form input.invia2:hover {
	background-color:#fff;
	 color:#000;
	  border-color:#000;
 }
form input.invia2:hover {
	 color:#069;
	  border-color:#069;
 }
form textarea {
	resize:none;
	height:200px;
	/*max-height:200px;*/
}
form label span.en, h2 span.en, span.en {
	font-style:italic;
	color:#999;	
} 
form label.error {
	font-weight:bold;
	color:#C00;
}
form div.area {
	margin-top:10px;
}
form input:focus, form textarea:focus {
  border-color: #000;
}
#cv_count, #statement_count, #progetto_count, #metodologia_count {
	color:#C00;
	font-weight:bold;	
}
input #file {
	color:#000;
}
#attachment_list #single_attachment {
	clear:both;
	display:inline-table;
	position:relative;
	overflow:hidden;
	
}
#attachment_list img.img {
	width:120px;
	height:auto;
	display:inline-table;
	margin:10px 10px 5px 0;
}
#attachment_list #single_attachment div.img_title, 
#attachment_list #single_attachment div.img_title input {
	width:120px;
}
#attachment_list #single_attachment div.faketext {
	line-height:1.3em;
	color:#999;
	text-align:center;
	cursor:pointer;
}
#attachment_list #single_attachment div.img_title input {
	padding:3px;
}
#attachment_list #single_attachment div.img_title {
	font-size:.9em;
	line-height:1em;
}
#attachment_list div.delete img {
	cursor:pointer;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-12px;
}
/*TABLE USERLIST */
table.userlist {
	border-collapse:collapse;
	width:100%;
}
table.userlist th {
	border-bottom:2px solid #000;
	text-align:left;
	text-transform:uppercase;
}
table.userlist tr {
	vertical-align:top;
}
table.userlist td {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #000;
	padding:2px;
}
table.userlist td a {
	color:#06C;
	text-decoration:none;
}
table.userlist td.pdf a {
	color:#C00;
}
table.userlist td a:hover {
	text-decoration:underline;
}
/* IMG TITLE */


@media screen and (max-width: 3000px){
form input, form textarea, form input.invia, form input.invia2  {
  width:50%;
  display:block;
}
}
@media screen and (max-width: 1280px){
form input, form textarea, form input.invia, form input.invia2  {
  width:60%;
  display:block;
}
}
@media screen and (max-width: 1024px){
form input, form textarea, form input.invia, form input.invia2  {
  width:80%;
  display:block;
}
}
@media screen and (max-width: 800px){
form input, form textarea, form input.invia, form input.invia2  {
  width:100%;
}
}
@media screen and (device-aspect-ratio: 40/71) {
html {
  font-size: 2em;
}
form input, form textarea, form input.invia, form input.invia2 {
  width:100%;
  font-size:1.2em;
  padding:.5em;
} 
#attachment_list img.img {
	width:250px;
	height:auto;
}
#attachment_list #single_attachment div.img_title, 
#attachment_list #single_attachment div.img_title input {
	width:250px;
}
#attachment_list div.delete img {
	width:50px;
	height:auto;
	margin-left:-25px;
}
}