/* style_Main: css per pagina principale */
#body { 
   position: absolute;	
	font-family: Arial, Sans-Serif, Helvetica, Verdana ;
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#cont_princ
  {
  position: absolute;
  top: 5px; /*era 50%; */
  left: 50%;
  /*padding: 5px 10px 5px 10px;*/
  padding: 3px 5px 3px 5px;
  border: 1px solid #8a2be2;
  border-radius: 10px;  
  font-family: Arial, Sans-Serif, Helvetica, Verdana ;
  text-align: center;
  /*font-size: 0.8em;*/
  background-color: #cc9999;
  color: #8a2be2;
  overflow: auto;
  }
  
 div#titolindex
  {
  /*height: 27%; /* era 240px; */
  width: 100%;
  margin: 0 0 0 -50%;
  padding: 0px 0px 0px 0px;
  position: relative; 
  top: 5px;
  left: 50%;
  z-index: 0;
  font-family: Arial, Sans-Serif, Helvetica, Verdana ;
  border: 1px solid #8a2be2;
  border-radius: 10px;  
  }
 
div#loginindex
  {
  /*height: 70%; /* era 240px; */
  width: 100%;
  margin: 0 0 0 -50%;
  padding: 0px 0px 0px 0px;
  position: relative; 
  left: 50%;
  top: 10px;
  z-index: 0;
  font-family: Arial, Sans-Serif, Helvetica, Verdana ;
  border: 1px solid #8a2be2;
  border-radius: 10px;  
  }
  
button.puls180C{
	clear: both;
	position: relative;
	float: left;
	width: 180px;
	height: 40px;
	left: 50%;
	margin: 5px 0px 5px -95px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	font-family: Arial, Sans-Serif, Helvetica, Verdana ;
	font-weight: bold;
	color: #8a2be2;
	background-color: transparent;
	border-radius: 5px; 
}

input.dentrysx{
	background-color: #ffff99;
	font-family: Arial, Sans-Serif, Helvetica, Verdana ;
	font-weight: bold;
	color: #8a2be2;
	border: 1px solid #8a2be2;
	border-radius: 3px;  
	text-align: left;
	width: 45%;
} 
 
 @media only screen and (min-device-width: 300px) and (max-device-width : 767px) and (orientation : portrait) {
/* Smartphone  vert=portrait*/
#cont_princ {
		width: 290px;
		height: 640px;
  		margin: 10px 0px 0px -150px;
	}
#titolindex {
	height: 120px; 
	font-size: 0.95em;
	}
#loginindex {
	 height: 500px;
	 font-size: 0.95em;
	}
.puls180C{
	 font-size: 1.15em;
	}
.dentrysx{
	font-size: 1.05em;
	}
} 

 @media only screen and (min-device-width : 300px) and (max-device-width : 767px) and (orientation : landscape) {
/* Smartphone  orizzontale= landscape*/
#cont_princ {
	   width: 290px;
	   height: 640px;
  		margin: 2px 0px 0px -150px;
	}
#titolindex {
	height: 120px;
	font-size: 1.0em;
	}
#loginindex {
	 height: 500px;
	 font-size: 0.95em;
	}
.puls180C{
	 font-size: 1.15em;
	}
.dentrysx{
	font-size: 1.05em;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) {
/* Tablet vert */
#cont_princ {
		width: 460px;
		height: 550px;
		margin: 10px 0px 0px -235px;
	}
#titolindex {
	height: 120px;
	font-size: 1.0em;
	}
#loginindex {
	 height: 410px;
	 font-size: 0.95em;
	}
.puls180C{
	 font-size: 1.20em;
	}
.dentrysx{
	font-size: 1.00em;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape) {
/* Tablet orizz */
#cont_princ {
		width: 460px;
		height: 550px;
		margin: 0px 0px 0px -235px;
	}
#titolindex {
	height: 120px;
	font-size: 1.0em; 
	}
#loginindex {
	 height: 410px;
	 font-size: 0.95em;
	}
.puls180C{
	 font-size: 1.20em;
	}
.dentrysx{
	font-size: 1.00em;
	}
}

/* ampiezza video 1024 < pixel < 1280 */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1279px) {
#cont_princ {
		height: 496px; /* era 440px;*/
		width: 460px;
  		margin: 5px 0px 0px -235px;
	}
#titolindex {
	height: 120px;
	 font-size: 1.00em; 
	}
#loginindex {
	 height: 356px;
	 font-size: 0.95em; 
	}
.puls180C{
	 font-size: 1.20em;
	}
.dentrysx{
	font-size: 1.00em;
	}
}
/* ampiezza video 1280 < pixel < 1440 */
@media only screen and (min-device-width: 1280px) and (max-device-width: 1439px) {
#cont_princ {
		height: 640px; 
		width: 480px;
  		margin: 5px 0px 0px -245px;
	}
#titolindex {
	height: 120px;
	 font-size: 1.05em; 
	}
#loginindex {
	 height: 500px;
	  font-size: 0.96em; 
	}
.puls180C{
	 font-size: 1.25em;
	}
.dentrysx{
	font-size: 1.05em;
	}
}
/* ampiezza video 1440 < pixel < 1680 */
@media only screen and (min-device-width: 1440px) and (max-device-width: 1679px) {
#cont_princ {
		height: 740px; /* era 440px;*/
		width: 580px;
  		margin: 5px 0px 0px -295px;
	}
#titolindex {
	height: 120px;
	 font-size: 1.05em; 
	}
#loginindex {
	 height: 600px;
	  font-size: 1.00em; 
	}
.puls180C{
	 font-size: 1.25em;
	}
.dentrysx{
	font-size: 1.1em;
	}
}
 /* ampiezza video > 1680 pxel */
@media only screen and (min-device-width: 1680px) {
#cont_princ {
		width: 620px;  /* era 652px;*/
		 height: 890px; /* era 460px*/
 		 margin: 10px 0px 0px -315px;
	}
#titolindex {
	height: 120px;
	 font-size: 1.1em; 
	}
#loginindex {
	 height: 750px;
	 font-size: 1.05em;
	}
.puls180C{
	 font-size: 1.3em;
	}
.dentrysx{
	font-size: 1.15em;
	}
}  


div#logoHome
  {
  height: 65px;
  width: 100px;
  margin: 0px 0 0 -55px;
  padding: 5px 5px 5px 5px;
   position: relative; /*era absolute;*/
  top: 5px;
  left: 50%;
  font-family: Arial, Sans-Serif, Helvetica, Verdana ;
  border: 1px solid #8a2be2;
  border-radius: 10px;  
  }

div#Ingresso
  {
  height: 191px; /* era 147px; */
  width: 130px; /* era 100px; */
  margin: 0px 0 0 -67px;
  padding: 2px 2px 1px 2px;
   position: relative; /*era absolute;*/
  top: 5px;
  left: 50%;
  font-family: Arial, Sans-Serif, Helvetica, Verdana ;
  border: 1px solid #8a2be2;
  border-radius: 5px;  
  }

table {  /* caratteristiche generali tabelle */
	border-spacing: 1px;
	border-collapse: separate;
	margin: 0;
	padding: 1px 1px;
}

/* area contenente l'intestazione della pagina all'interno di cont_princ */
table.Intestazione{ /* largezza fissa e altezza variabile. Centrata */
	position: relative;
	width: 290px;
	left: 50%;
	margin: 1px 1px 0px -145px;
	border: 0px solid #8a2be2;
}

/* caselle testo */
th{  /* casella testo standard con bordo e testo centrato verticalmente */
	border: 1px solid #8a2be2;
	vertical-align: middle;
	font-size: 14px;
}

th.txtBox_LBsb{  /* testo allineato a sx Bold senza bordo*/
	padding: 2px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
	color:  #8a2be2;
	background-color: transparent;
	border: 0px solid #8a2be2;
}

th.txtBox_Lsb{  /* testo allineato a sx normale senza bordo*/
	padding: 2px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
	color:  #8a2be2;
	background-color: transparent;
	border: 0px solid #8a2be2;
}

th.txtBox_Csb{  /* testo Centrato normale senza bordo*/
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-weight: normal;
	color:  #8a2be2;
	background-color: transparent;
	border: 0px solid #8a2be2;
}

th.txtBox_CBsb{  /* testo Centrato Bold senza bordo*/
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	color:  #8a2be2;
	background-color: transparent;
	border: 0px solid #8a2be2;
}

th.txtBox_RBsb{  /* testo allineato a  Destra Bold senza bordo*/
	padding: 2px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
	color:  #8a2be2;
	background-color: transparent;
	border: 0px solid #8a2be2;
}

th.txtBox_Rsb{  /* testo allineato a  Destra normalesenza bordo*/
	padding: 2px 0px 0px 0px;
	text-align: right;
	font-weight: normal;
	color:  #8a2be2;
	background-color: transparent;
	border: 0px solid #8a2be2;
}
/* fine caselle testo */