/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}


/* start editing from here */

.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 
	font-size:100%;
	
	margin: 10px;
	padding: 20px;
}

a{
	text-decoration:none;
    color: white;
}
a:hover {
	color:indigo;
}

body_save{
    font-family: 
    font-size:100%;
    background: url(../com_web/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    margin: 10px;
}
.message.warning  {
	padding: 10px;
   
	background: rgba(255, 255, 255, 0.33);  
    /* colore originale grigio = rgba(56, 41, 32, 0.25) */
	-moz-box-shadow: 0 0 0 1px rgba(204, 204, 204);
    -webkit-box-shadow: 0 0 0  1px rgba(204, 204, 204);
    box-shadow: 0 0 0 1px rgba(204, 204, 204);
   
}
.login-head {
	padding: 12px 0;
    padding-right: 3em;
	position:relative;	
	background: url(../logos/fasc_logo.jpg);
	background-repeat: no-repeat;
	background-position: right, center;
	background-size: 10%;
	/*background-color : #bf87e8;*/
	/*border:4px solid indigo;*/
}

.login-head h1 {
	color: indigo;
	font-size: 2em;
	text-align: left;
	margin: 0 23px;	
}

h1 {
	color: indigo;
	font-size: x-large;
	text-align: left;
}

h2 {
	color: indigo;
	font-size: large;
	text-align: left;
}
	
.liform {
	/*padding: 3em 2em;*/
	border-radius: 15px 50px;
	padding: 20px;
	border-style: solid;
    border-color: #0066cc;
	border-width: 2px;
	background: #F2F2F2;
}
.liform  li{
	border: 2px ridge rgba(187, 185, 189, 0.11);
	border-radius: 0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	-o-border-radius:0.3em;
	list-style:none;
	margin-bottom:12px;
	background:#F0EEF0;

}

.cie_spid {
    display: inline-block; 
}	

.icon{
	background:url(../images/icons.png)  no-repeat 0px 0px;
	height:30px;
	width:30px;
	display: block;
	float: right;
	margin: 12px 9px 9px 0px;
}
.user{
	background: url(../images/usr.png) no-repeat 7px 1px;
	
}
.lock{
	background: url(../images/pwd.png) no-repeat 7px 1px;
}

input[type="text"], input[type="password"] {
	font-family: 'Droid Sans', sans-serif;
	width:70%;
	padding: 0.5em 2em 0.5em 1em;
	color: #0066cc;
	font-size:20px;
	outline: none;
	background-color: #dbeff1;
	border:none;
	margin:3px;
}
input[type="text"]:hover, input[type="password"]:hover{
	color:indigo;
	
}
.submit h4 a{
	float:left;
	font-size: 16px;
	color: #999;
	font-weight: 400;
	font-family: 'Droid Sans', sans-serif;
	margin-top: 15px;
	margin-left: 21px;
}
.submit h4 a:hover{
	color:indigo;
}
/*************************/

input[type="submit"] {
	color: #fff;
	cursor: pointer;
	font-weight: 900;
	outline: none;
	font-family: 'Raleway', sans-serif;
	padding: 12px 0px;	
	font-size: 18px;
	background:#0066cc;
	border:2px solid #0066cc;
	min-width: 35%;
	border-radius: 0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
}
input[type="submit"]:hover {
	background: #fff;
	color:indigo;
	border:2px solid #0066cc;
}



.cl_button {
   font-family: 'Raleway', sans-serif;
   width:20%;   
   margin-top: 10px;
   background-color: #0066cc;   
   border:2px solid #0066cc;
   border-style: solid;  
   text-align: center;   
   border:2px solid #0066cc;
	border-radius: 0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
}
.cl_button:hover {
	background: #fff;
	border:2px solid #0066cc;
}




/*----*/
/* footer */
.footer{
	text-align:center;
}
.footer p{
	position:relative;
	font-family: 'Droid Sans', sans-serif;
	color:#fff;
	display: block;
	font-size:1.2em;
	font-weight: 400;
	text-align:center;
	padding-top:2em;
}
.footer p a{
	color:#000;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
.footer p a:hover{
	color:#fff
}
.message {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.4);
	position: relative;
	padding: 10px;
}
.logout_error {
	text-align: center;
	margin: 5% auto;
	width: 90%;
    font-family: sans-serif;
	color:red;
	display: block;
	font-size:2em;
	font-weight: 300;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
     border:3px solid blue;
}
.logout_message {
	text-align: center;
	margin: 5% auto;
	width: 90%;
    font-family: sans-serif;
	/*color:red;*/
	display: block;
	font-size:2em;
	font-weight: 300;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
     border:3px solid blue;
}
.error {
	text-align: center;
	width: 100%;
    font-family: sans-serif;
	color:red;
	display: block;
	font-size:2em;
	font-weight: 300;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
     border:3px solid blue;
}
.warning {
	text-align: left;
	margin: 2% auto;
	width: 80%;
/*	background: rgba(82, 97, 97, 0.68); */
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
.code {
   padding: 3px;
   margin: 3px;
   text-align:left;
   border:2px solid black;
   background-color:#eafff4;
   font-family: monospace; 
   font-size: 14px;
   font-style:normal;
}
.recupero {
   padding: 10px;
   text-align:left;
   border:1px;
   boorder-color:#435071;
   border-style:dotted;
    border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
}

.input {   
   text-align:left;
   border:1px;
   boorder-color:#435071;
   border-style:dotted;
    border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
}


.istruzioni_blu      {
	background-color: #0066cc;
	color: white;
    border:1px solid #0066cc; /* blu navy */
    display: block;
	font-size: x-large;
	text-align:center;
	margin:10px;
    padding:5px;  
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    
    border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
}
.box_blu      {
    border:1px solid #336699; /* blu navy */
    background-color: #518eff;
}
.box_green      {
    border:1px solid #336699; /* blu navy */
    background-color: #d6fcfb;
}
.box_arancio  {
    border:1px solid #336699;
    background-color: #ffa52f;
}
.box_azzurro  {
    border:1px solid #336699;
    background-color: #33fff8;
}
.box_red      {
    border:1px solid #ff0c16;
    background-color: #d8dcff;
    font-style:normal;
    font-weight:bold;
    font-family: monospace;
    color:red;    
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;    
}
.box_att {
	float:none;
    background-color: #ffffb3;
    text-decoration: none;
    border:1px solid #336699;
}

.label {  
    text-align: right;
    font-weight:bold;
}
.field {  
    text-align: right;
    
    border-style: dotted;
    border-width: thin;
     border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
    
}