
* {
	margin: 0;
	padding: 0;
}
img {border:none;
}
body, html {
	background: #fff url(../images/bg.gif);
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #1f1f1f;
	font-size: 14px;
	line-height:15px;
	position:relative;
	width:100%;
	height:100%;
}
.clear {clear: both;}
#container {
	position:relative;
	width: 959px;
	margin: 0px auto;
	text-align:justify;
}
#top-bar {
	position:relative;
	width: 959px;
	height:36px;
	background:url(../images/bg-top.gif);
}
#header {
	position:relative;
	width: 959px;
	height:81px;
}
#logo {
	position:absolute;
	top:5px;
	left:37px;
	width: 238px;
	height:70px;
}
#ricezione {
	position:absolute;
	top:9px;
	right:9px;
	width: 243px;
	height:58px;
	background:url(../images/ricezione.gif);
}
#home {
	position:absolute;
	top:5px;
	left:17px;
	width: 54px;
	height:19px;
}
#contatti {
	position:absolute;
	top:5px;
	left:80px;
	width: 65px;
	height:19px;
}
#chiama {
	position:absolute;
	top:5px;
	right:120px;
	width: 224px;
	height:23px;
}
#ita {
	position:absolute;
	top:10px;
	right:13px;
	width:20px;
	height:14px;
}
#eng {
	position:absolute;
	top:10px;
	right:40px;
	width:20px;
	height:14px;
}
#menu {
	position:relative;
	width: 959px;
	height:47px;
	margin-bottom:30px;
	background-image:url(../images/m-destra.png);
	background-position:right;
	background-repeat:no-repeat;
}
#colonna-sinistra-larga {
	position:relative;
	float:left;
	width: 593px;
}
#colonna-destra-stretta {
	float:right;
	width: 360px;
}
#box-login {
	position:relative;
	width: 360px;
	height:160px;
	background:url(../images/login.png);
}
#pwdimenticata {
	position:absolute;
	top:128px;
	left:92px;
	width: 150px;
	height:20px;
}
#box-gateway {
	position:relative;
	width: 360px;
	height:163px;
	background:url(../images/gateway.png);
}
#gateway-dettagli {
	position:absolute;
	bottom:3px;
	left:51px;
	width: 133px;
	height:39px;
}
#testo-home {
	position:relative;
	width: 593px;
	height:219px;
	background-image:url(../images/foto-home.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#testo-home p{
	width:282px;
	margin-left:8px;
}
#provalo-ora {
	position:absolute;
	top:-7px;
	right:0px;
	width: 79px;
	height:82px;
}
#zeroquattro {
	position:absolute;
	top:-5px;
	right:262px;
	width: 82px;
	height:82px;
}
#tre-box-home {
	position:relative;
	width: 593px;
	height:102px;
	margin-top:5px;
}
#box-home-test {
	position:relative;
	float:left;
	display:block;
	width: 191px;
	height:102px;
}
#box-home-europa {
	float:left;
	display:block;
	width: 208px;
	height:102px;
}
#box-home-facile {
	float:left;
	display:block;
	width: 194px;
	height:102px;
}
#gratis {
	position:absolute;
	top:-8px;
	left:-7px;
	width: 65px;
	height:67px;
}
#footer {
	position:relative;
	width: 959px;
	height:110px;
	margin-top:36px;
	background:url(../images/bg-footer.gif);
	font-size:12px;
	color:#9d9c9c;
}
#footer-sin {
	position:absolute;
	top:23px;
	left:15px;
	width: 680px;
	height:84px;
}
#footer-des {
	position:absolute;
	top:23px;
	right:14px;
	width: 100px;
	height:84px;
	text-align:right;
}





/*		FONTS		*/
h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1f1f1f;
	margin-bottom:19px;
	line-height:100%;
	font-style:italic;
}
a:link, a:active, a:visited {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #484747;
	text-decoration: underline;
}
a:hover {
	color: #d4060e;
	text-decoration: underline;
}	
a:focus { outline: 0; }
#footer a:link, #footer a:active, #footer a:visited{
	font-size:12px;
}
#footer a:hover{
	color: #d4060e;
}
.rosso{
	font-weight:bolder;
	color: #d4060e;
}
a.pwdimenticata:link, a.pwdimenticata:active, a.pwdimenticata:visited {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a.pwdimenticata:hover {
	color: #fff;
	text-decoration: underline;
}


/*		FORMS		*/
input.username, input.password {
	position:absolute;
	left:181px;
	width:157px;
	height:17px;
	border:none;
	background:transparent;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#484747;
	outline: 0;
}
input.username {
	top:58px;	
}
input.password {
	top:88px;	
}
button.login-accedi {
	position:absolute;
	bottom:0px;
	right:3px;
	width: 125px;
	height:40px;
	background:url(../images/accedi.png);
	border:none;
	cursor:pointer;
	outline: 0;
}






/*   NAVIGAZIONE MENU  */
ul#nav {
	white-space: nowrap;
}
#nav li {
	float: left;
	display: inline;
	list-style-type: none;
}
#nav a.chisiamo {
	display: block;
	width: 133px;
	height: 47px;
	background: url(../images/m-chisiamo.png) no-repeat;
}
#nav a:hover.chisiamo {
	background-position: 0 -47px;
}
#nav a.servizi {
	display: block;
	width: 108px;
	height: 47px;
	background: url(../images/m-servizi.png) no-repeat;
}
#nav a:hover.servizi {
	background-position: 0 -47px;
}
#nav a.attivazione {
	display: block;
	width: 225px;
	height: 47px;
	background: url(../images/m-attivazione.png) no-repeat;
}
#nav a:hover.attivazione {
	background-position: 0 -47px;
}
#nav a.listino {
	display: block;
	width: 107px;
	height: 47px;
	background: url(../images/m-listino.png) no-repeat;
}
#nav a:hover.listino {
	background-position: 0 -47px;
}
#nav a.acquista {
	display: block;
	width: 123px;
	height: 47px;
	background: url(../images/m-acquista.png) no-repeat;
}
#nav a:hover.acquista {
	background-position: 0 -47px;
}
#nav a.domande {
	display: block;
	width: 129px;
	height: 47px;
	background: url(../images/m-domande.png) no-repeat;
}
#nav a:hover.domande {
	background-position: 0 -47px;
}



















/*		AREA RISERVATA		*/
#logo-ris {
	position:absolute;
	top:12px;
	left:37px;
	width: 238px;
	height:70px;
}
#colonna-sinistra-riservata {
	position:relative;
	float:left;
	width: 309px;
	margin-top:20px;
}
#colonna-destra-riservata {
	float:right;
	width: 616px;
	margin-right:10px;
	margin-top:20px;	
}

#benvenuto {
	position:absolute;
	top:26px;
	right:20px;
	padding:9px 11px 9px 34px;
	background:#fff;
	text-align:right;
	border:px solid red;
	font-size:18px;
	font-weight:bold;
	color:#6a6a6a;
}	
.formcontainer {
  position:relative;
  width:605px;
  background:url(../images/form-bg.png);
  z-index:9;
  min-height: 250px;
  height: auto !important;
  height: 250px;
}
.formcontainer-top {  
  width:605px;
  height:99px;
  background:url(../images/form-top.png);
  z-index:0;
}
.formcontainer-giu {
  position:absolute;
  width:605px;
  height:20px;
  bottom:0px;
  left:0px;
  background:url(../images/form-giu.png);
  background-repeat:no-repeat;
}



#risbox-admin {
  float:left;
  position:relative;
  width:309px;
  background:url(../images/risbox-admin-top.png);
  margin-bottom:3px;
  min-height: 130px;
  height: auto !important;
  height: 130px;
  z-index:1;
}
#risbox-admin-giu {
  position:absolute;
  width:309px;
  height:18px;
  bottom:0px;
	left:0px;
  background:url(../images/risbox-admin-giu.png);
  z-index:0;
}

#risbox-sms {
  float:left;
  position:relative;
  width:309px;
  background:url(../images/risbox-sms-top.png);
  margin-bottom:3px;
  min-height: 168px;
  height: auto !important;
  height: 168px;
}
#risbox-sms-giu {
  position:absolute;
  width:309px;
  height:18px;
  bottom:0px;
	left:0px;
  background:url(../images/risbox-sms-giu.png);
}

#risbox-opzioni {
  float:left;
  position:relative;
  width:309px;
  background:url(../images/risbox-opzioni-top.png);
  margin-bottom:3px;
  min-height: 178px;
  height: auto !important;
  height: 178px;
}
#risbox-opzioni-giu {
  position:absolute;
  width:309px;
  height:18px;
  bottom:0px;
	left:0px;
  background:url(../images/risbox-opzioni-giu.png);
}

ul#nav-admin, ul#nav-sms, ul#nav-opzioni {
  white-space: nowrap;
	margin:48px 0 18px 40px;
}
#nav-admin li, #nav-sms li, #nav-opzioni li {
	list-style-type: none;
}
#nav-admin a, #nav-sms a, #nav-opzioni a {
	display: block;
  padding-left:21px;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
	height: 21px;
}
#nav-admin a {
  color:#282828;
	background: url(../images/m-star-grigia.gif) no-repeat;
}
#nav-admin a:hover {
  color:#d31103;
	background: url(../images/m-star-grigia.gif) no-repeat;
}
#nav-sms a {
  color:#fff;
	background: url(../images/m-star-rossa.gif) no-repeat;
}
#nav-sms a:hover {
  color:#000;
	background: url(../images/m-star-rossa.gif) no-repeat;
}
#nav-opzioni a {
  color:#fff;
	background: url(../images/m-star-grigia2.gif) no-repeat;
}
#nav-opzioni a:hover {
  color:#e81505;
	background: url(../images/m-star-grigia2.gif) no-repeat;
}






/*    FORM AREA RISERVATA    */

form.riservata {
width:100%;
heigth:1000px;
z-index:10;
margin-top:-90px;
}
form.riservata p {
  margin:14px 0 0 28px;
}
form.riservata label {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	font-style:italic;
	color:#e31018;
}
form.riservata input, form.riservata select {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#626262;
	background: url(../images/bg-input.png);
	border:1px solid #a7a6aa;
	margin:3px 4px 0 0;
	width:300px;
	height:21px;
	padding-left:5px;
}
form.riservata select {
	width:180px;
	border:none;
	padding:4px 0 0 -1px;
}
form.riservata textarea {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#626262;
	background:#fff;
	border:1px solid #a7a6aa;
	margin:3px 4px 0 0;
	width:299px;
	height:76px;
	overflow:auto;
	background:url(../images/bg-input.png);
	padding:0 3px;
}
form.riservata .orario{
  position:absolute; top:0; left:340px;
  }
form.riservata .testicheck{
  position:absolute; top:74px; left:340px;
  font-size: 11px;
  color:#626262;
  }
form.riservata input.readonly {
  font-size: 12px;
	background:#d9d9d9;
	width:30px;
	height:17px;
}
option {background:#fff;}

form.riservata option.bright, form.riservata select:focus, form.riservata input:focus,  form.riservata textarea:focus, form.riservata input.sffocus, form.riservata textarea.sffocus {
	background: #fff url("../images/bg-input2.png");
	outline:none;
}
button.riservata-invia {
	position:absolute;
	bottom:0px;
	left:10px;	
	width: 133px;
	height:37px;
	background:url(../images/butt-invia.png);
	border:none;
	cursor:pointer;
	outline: 0;
}
button.calendario {	
	width: 26px;
	height:27px;
	background:url(../images/butt-calendario.png);
	border:none;
	cursor:pointer;
	outline: 0;
}

button.riservata-invia2 {
 width: 111px;
 height: 37px;
 background: url(../images/butt-invia2.png);
 border: none;
 cursor: pointer;
 outline: 0;
}





table.riservata {
	width:605px;	
	border-collapse:collapse;
	border:5px solid #b9b9b9;
	background:#cfcfcf;
	
}
table.riservata th{
	height:40px;
	background:#c54134 url(../images/bg-th.png);
	font-size:16px;
	color:#fff;
	padding:0 0 0 12px;
	border-right:1px solid #fff;
	border-bottom:3px solid #fff;

}
table.riservata td{
  font-size:0.9em;
	padding:7px 5px 7px 12px;
	border-right:1px solid #fff;
	font-family:Arial;
}
table.riservata tr.chiara td{
	background:#fff;
}
table.riservata tr.scura td{
	background:transparent;
}

table tr td a:link, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration: underline;
}
a:hover {
	color: #d4060e;
	text-decoration: underline;
}	


	.stato-destinatari-2, 
	.stato-trasmissione-3, 
	.stato-trasmissione-6,a.stato-trasmissione-6:link, a.stato-trasmissione-6:visited,
	.stato-trasmissione-8, .stato-trasmissione-12, a.stato-trasmissione-3:link,  a.stato-trasmissione-3:visited  {
		color:#009F00;	
	}
	
	.stato-destinatari-1, .stato-trasmissione-1, .stato-trasmissione-2, a.stato-trasmissione-2:link, a.stato-trasmissione-2:visited {
		color:#ff9300;	
	}	
	
	.stato-destinatari-3, .stato-destinatari-4, .stato-destinatari-5,
	.stato-destinatari-6, .stato-destinatari-7, .stato-destinatari-8, .stato-destinatari-14  {
		color:#BF0000;	
	}	
	
	.errore {
	color:#9F0000;	
	}		
.error{
font-size: 16px;
font-weight: bolder;
color:#fff;
background:#d4060e;
padding:4px 12px;
margin-top:10px;
line-height:200%;
}	


OL LI {
	margin-left:30px;
	margin-top:3em;
}

OL OL LI {
	margin-top:0;
	margin-left:40px;
}

OL OL {
	list-style-type:lower-alpha;
}

table tr td a.apri:link, a.apri:active, a.apri:visited {
    padding: 2px 6px 2px 20px;
    background: #07629e url("../images/search.gif") no-repeat left ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
table tr td a.esporta:link, a.esporta:active, a.esporta:visited {
    padding: 2px 6px 2px 20px;
    background: #03940c url("../images/last.gif") no-repeat left ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
table tr td a.elimina:link, a.elimina:active, a.elimina:visited {
    padding: 2px 6px 2px 20px;
    background: #c80404 url("../images/trash.gif") no-repeat left ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
table tr td a.modifica:link, a.modifica:active, a.modifica:visited {
    padding: 2px 6px 2px 20px;
    background: #03940c url("../images/post.gif") no-repeat left ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
table tr td a.sms:link, a.sms:active, a.sms:visited {
    padding: 2px 6px 2px 6px;
    background: #07629e  ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
a.select_tutti:link, a.select_tutti:active, a.select_tutti:visited {
    padding: 4px 6px 4px 6px;
    background: #07629e  ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
a.deselect_tutti:link, a.deselect_tutti:active, a.deselect_tutti:visited {
    padding: 4px 6px 4px 6px;
    background: #07629e  ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
a.select_masc:link, a.select_masc:active, a.select_masc:visited {
    padding: 4px 6px 4px 6px;
    background: #07629e  ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}
a.select_femm:link, a.select_femm:active, a.select_femm:visited {
    padding: 4px 6px 4px 6px;
    background: #07629e  ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}


a.abutton:link, a.abutton:active, a.abutton:visited {
    padding: 4px 6px 4px 6px;
    background: #07629e  ;
    font-size: 12px;
    color: #fff;   
    text-decoration: none;
    margin-right: 4px;
}

.europbutton {
	background-color:#e31018;font-size:1.5em;color:white;padding:0.2em;
	
}


table tr td a.apri:hover,
table tr td a.esporta:hover,
table tr td a.elimina:hover,
table tr td a.modifica:hover,
table tr td a.sms:hover,
a.select_tutti:hover,
a.deselect_tutti:hover,
a.select_masc:hover,
a.select_femm:hover   {
    color: #000;
    text-decoration: none;
}

h3 {
margin-top:1em;
}

p { 
margin-top:1em;
}

pre {
	border-style:solid;
	border-width:1px;
	margin-top:1em;
	background-color:#999999;
	padding:1em;
}




form.generico {
width:100%;
z-index:10;
margin-top:20px;
}
form.generico p {
  margin:14px 0 0 28px;
  border: 0px solid red;
}
form.generico label {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-style:italic;
	color:#e31018;
	line-height:30px;
	float: left;
	margin-left: 0px;
	width: 240px;
}
form.generico input, form.generico select {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#626262;
	background: url(../images/bg-input.png);
	border:1px solid #a7a6aa;
	margin:3px 4px 0 0;
	width:300px;
	height:21px;
	padding-left:5px;
}
form.generico select {
	width:300px;
	border:none;
	padding:4px 0 0 -1px;
}
form.generico textarea {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#626262;
	background:#fff;
	border:1px solid #a7a6aa;
	margin:3px 4px 0 0;
	width:299px;
	height:76px;
	overflow:auto;
	background:url(/images/bg-input.png);
	padding:0 3px;
}
form.generico button {
	width:127px;
	height:35px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:17px;
	background:url(/images/button.png);
	border:none;
	cursor:pointer;
	outline: 0;
	margin:6px 0 0 -17px;
}

dl { border-style:none; padding: 0.5em; } dt { float: left; clear: left; width: 200px; text-align: right; font-weight: bold; color: #c54134; } dt::after { content: ":"; } dd { margin: 0 0 0 220px; padding: 0 0 0.5em 0; border-style:none; }
