@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/ubuntu-italic-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-italic-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-italic-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-italic-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  src: url('../fonts/ubuntu-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-light-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  src: url('../fonts/ubuntu-medium-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-medium-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-medium-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-medium-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  src: url('../fonts/ubuntu-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.buttonPEUBI {
	background-color:#ee7b04;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Ubuntu, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	width:200px;
	text-decoration:none;
	text-align:center;
	padding: 13px 0px;
}
.buttonPEUBI:hover {
	background-color:#ee973e;
}
.buttonPEUBI:active {
	position:relative;
	top:1px;
}

.inputPEUBI {
	background-color:#ffffff;
	border:1px solid #c0c0c0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width: 295px;
	height: 38px;
	color:#333333;
	padding:0;
	margin-right:4px;
	margin-bottom:8px;
	font-family: Ubuntu, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

.titleBlue {
	font-family:Ubuntu, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#003e78;
	margin:18px 0;
}

.textUsrPwd {
	font-family: Ubuntu, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	padding:30px 0 10px 0;
	margin:0;
}

.normalTextPEUBI {
	font-family: Ubuntu, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	margin:10px 0;
}

.errorDiv {
	background-color:#ffffff;
	margin:0;
	padding:0;
	border:0;
}

.errorTextPEUBI {
	font-family: Ubuntu, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	margin:0;
	position: relative;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}



.mainContainer {
 width:320px;
}
.divMessageError {
 width:240px;
 height:100px;
 padding: 0; 
 margin: 0; 
 float:left;
}
.divInputNome {
 padding: 0 0 0 12px; 
 margin: 0; 
 margin-top:-10px;
 width:308px; 
 float:left;
}
.divInputPassword {
 padding: 0 0 0 12px; 
 margin: 0; 
 margin-top:-10px;
 width:308px; 
 float:left;
}
.buttonEntra {
 width:260px;
 padding: 25px 0 0 60px; 
 margin: 0; 
 float:left;
}
.buttonRegistrati {
 width:260px;
 padding: 0 0 0 60px; 
 margin: -15px 0 0 0 ; 
 float:left;
}
 
@media screen and (min-width: 768px) {
 .mainContainer {
  width:750px;
 }
 .divMessageError {
  width:670px;
  height:76px;
  padding: 0; 
  margin: 0; 
  float:left;
 }
 .divInputNome {
  padding: 0 0 0 50px; 
  margin: 0;
  width:315px; 
  float:left;
 } 
 .divInputPassword {
  padding: 0; 
  margin: 0; 
  width:315px; 
  float:left;
 }
 .buttonEntra {
  padding: 25px 30px 0 0; 
  margin: 0; 
  float:right;
 }
 .buttonRegistrati {
  float:right; 
  width: 200px;
  padding-right:90px;
 }
}
 
@media screen and (min-width: 1024px) {
 .mainContainer {
  width:1024px;
 }
 .divMessageError {
  width:940px;
  height:76px;
  padding: 0; 
  margin: 0; 
  float:left;
 }
 .divInputNome {
  padding: 0 0 0 90px; 
  margin: 0; 
  width:315px; 
  float:left;
 }
 .divInputPassword {
  padding: 0; 
  margin: 0; 
  width:315px; 
  float:left;
 }
 .buttonEntra {
  padding: 55px 40px 0 0; 
  margin: 0; 
  float:left;
 }
 .buttonRegistrati {
  width: 200px;
  float:right; 
  padding-right:104px;
 }
}