* {
	font-family: /*"Comic sans MS", Verdana, Tahoma, Geneva,*/ Arial, Helvetica, "Sans serif";
 /*font-variant: small-caps;*/
 z-index: 0;
}

body{
  background: #D2EDFF url(immagini/gradient.jpg) repeat-x top;
  /*background: #FFFFFF url(immagini/natale.gif) repeat-x top;*/
  margin: 0;
  text-align:center;
  font-size: 100.01%;
}

h1,h2,h3 {
  margin: 0;
  padding: 0;
}

input {
  font-size: 13px;
}


a:link, a:visited, a:active {
 text-decoration : none;
 color: #0000ff;
}

a:hover {
 text-decoration: blink;
 color: #ff0000;
}

.titleH1{
  position: absolute;
  bottom: 0;
  left: 0;
  color: #AAFFAA;
  text-align: center;
  font-size: 8px;
  z-index: -1;
}

.titleH1[class]{
  position: fixed;
}

centro {
 color : #ffff00;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}
.centro2 {
 color: #003399;
 font-size: 18px;
 text-decoration: none;
 font-weight: bold;
}
.centrale {
 color : #ffffff;
 font-size: 16px;
 text-decoration: none;
 font-weight: bold;
}
.centrale2 {
 color: #000099;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none
  }
  #colore1{color:#ffff00;}

.centrale3 {
 color: #000000;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none
  }
.corpo{
 color : #ffffff;
 font-family: tahoma;
 font-size: 13px;
 text-decoration: none;
font-weight: bold
}
.corpo2{
  color: #003399;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold
}
.corpo3{
 color : #000080;
 font-family: tahoma;
 font-size: 12px;
 text-decoration: none;
font-weight: bold
}
.corpo4{
 color : #ff0000;
 font-family: tahoma;
 font-size: 14px;
 text-decoration: none;
font-weight: bold
}

.titolo {
  color : #0033cc;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  }
.titolo2 {
 color : #ffffff;
 font-size: 10px;
 text-decoration: none;
 font-weight: bold;
}
.titolo3 {
 color : #0033cc;
 font-size: 13px;
 text-decoration: none;
 font-weight: bold;
}
.titolo4 {
 color : #000000;
 font-size: 10px;
 text-decoration: none;
 font-weight: bold;
}
.big {
 color : #ffff00;
 font-family: tahoma;
 font-size: 14px;
 text-decoration: none;
 font-weight: bold;
}
.title {
 color : #ff0000;
 font-size: 18px;
 text-decoration: none;
 font-weight: bold;
}
.title2 {
 color : #ff0000;
 font-size: 14px;
 text-decoration: none;
 font-weight: bold;
}
.barra {
  color : #0033cc;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  }

.mail {
  color : #0033cc;
  font-family: "tahoma";
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
    }
.mailcard {
  color : #ffffff;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}

.cardsmall {
 font-size: 10px;
 text-decoration: none;
}

.card {
  font-size: 10px;
  text-decoration: underline;
  font-weight: bold;
  color: #0000a0;
}
.card2 {
  font-size: 15px;
  font-weight: bold;
  color: #08389F;
}

#colore1{color:#ffff00;}

/*New Css*/

/*Nuovo menu*/
#sideNav {
  text-align: center;
  width: 150px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#sideNav h1.footerMenu{
    text-align:center;
    vertical-align: middle;
    line-height : 20px;
    font-size: 11px;
    font-weight : bold;
    color: #003399;
    background-color: #FFFFCC;
    border-top: 1px solid #003399;
    margin: 0px 1px 0px 1px;
}

#sideNav div.headerMenu{
    text-align:center;
    vertical-align: middle;
    line-height : 20px;
    font-size: 11px;
    font-weight : bold;
    color: #003399;
    background-color: #FFFFCC;
    border-bottom: 1px solid #003399;
    margin: 0px 1px 0px 1px;
}

#sideNav a{
  font-size: 11px;
  /*text-transform: uppercase;*/
  /*font-style: oblique;*/
  /*word-spacing: -0.4ex;*/
  color: #003399;
  background-color: #FFFFCC;
  border: 1px solid #003399;
  text-decoration: none;
  margin: 0px auto 0px auto;
  text-align: left;
  cursor: pointer;
  display: block;
}

#sideNav a:hover{
  color: #0000FF;
  border: 1px inset #0000FF;
  background-color: #FFFFFF;
}

#sideNav img{
  position: relative;
  right: 3px;
  bottom: 5px;
  background-color: #FFFFFF;
  vertical-align: middle;
  border: 1px inset #FF0000;
  z-index:100;
}

#sideNav span.itemMenu{
  width: 100%;
  height: 22px;
}
/*Fine Nuovo menu*/

#frameset {
  border: 1px solid #000066;
  width: 782px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0;
  background-color: #003399;
  z-index: 1;
}

#titoloSito{
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #9999FF;
  }

#welcomeMessage {
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-align: justify;
}

/*#welcomeMessage:first-letter {
  font-size: 22px;
}*/

#okMessage{
  padding: 20px 10px 20px 10px;
  font-size: 12px;
  color: yellow;
  font-weight: bold;
  text-align: center;
}

#okMessage:first-line {
  font-size: 20px;
}

div.boxCard {
  text-align: center;
  width: 8em;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  text-decoration:none;
}

div.immagineBox img {
  z-index: 100;
}

div.titoloUp {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: #99FF99;
  border: 1px inset #0033FF;
  position: relative;
  top: 5px;
  right: 10px;
  z-index: 2;
}

div.titoloDown {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: #FFFFFF;
  border: 1px inset #0033FF;
  position: relative;
  bottom: 5px;
  left: 10px;
  z-index: 2;
}

#boxAnteprimaCard {
  text-align: center;
  width: 350px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  text-decoration:none;
}

#immagineAnteprima {
  z-index: 100;
}

#titoloAnteprimaUp {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-align: left;
  position: relative;
  /*top: 5px;*/
  right: 10px;
  z-index: 2;
}

#titoloAnteprimaDown {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-align: right;
  position: relative;
  /*bottom: 5px;*/
  left: 10px;
  z-index: 2;
}

span.titoloAnteprimaUp{
  background-color: #99FF99;
  border: 1px inset #0033FF;
  padding: 1px 1px 1px 1px;
}

span.titoloAnteprimaDown{
  background-color: #FFFFFF;
  border: 1px inset #0033FF;
  padding: 1px 1px 1px 1px;
}

/* Banner 468 */

div.banner468 {
      background-image: url(immagini/texture.jpg);
      text-align: center;
      vertical-align: middle;
      background-color: #9999FF;
      margin: 0px auto 0px auto;
      padding-bottom: 5px;
      padding-top: 5px;
      font-size: 9px;
      text-decoration: none;
      font-weight: bold;
}
/* Banner 468  fine*/

/* Menu */
div.menu {
  color: #003399;
  font-size:13px;
  font-weight: bold;
  background-color: #9999FF;
  margin: 0px auto 0px auto;
  padding: 2px 2px 2px 2px;
  text-align: center;
}

.menu a{
  font-size:13px;
  color:white;
  font-weight: bold;
  text-decoration:none;
  cursor: pointer;
}

.menu a:visited {
  color: white;
}

.menu a:hover {
  color: yellow;
}
.menu a:active {
  color: yellow;
}

/* fine Menu */

/* centrale */

#centrale {
      text-align: center;
      background-color: #0099FF;
      margin-top: 10px;
      margin-left:  auto;
      margin-bottom:10px;
      margin-right: auto;
      padding-top: 15px;
      padding-bottom: 15px;
      /*width: 486px;*/
}
/* fine centrale */

/* box codice card */

#codiceCard {
    width: 90%;
    border: 1px inset #0033FF;
    text-align: center;
    background-color: #CCFFFF;
    font-size: 11px;
    text-decoration: none;
}

#testoCodiceCard{
    background-color: #99FF99;
    border: 1px inset #0033FF;
    position: relative;
    bottom: 5px;
    right: 5px;
    z-index: 100;
}

/* fine box codice card  */

/* Box Zodiaco */
#boxCalendario {
  text-align: center;
  width: 95%;
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 2px;
  background-color: #FFFFCC;
  border: 1px inset #6699CC;
  font-size: 11px;
  text-decoration:none;

}

#boxCalendario img {
  margin: 2px auto 2px auto;
  width: 100%;
}


#boxCalendarioIntestazione {
  background-color: #F7F7F7;
  border: 1px inset #6699CC;
  font-size: 15px;
  color: #FF0000;
  position: relative;
  bottom: 5px;
  right: 5px;
  z-index: 2;

}

/* fine Box Zodiaco */



/* Lista card */
#titoloListaCard {
  background-color: #99FF99;
  color: red;
  font-size: 26px;
  text-decoration:none;
  padding: 2px 2px 2px 2px;
}

#sottotitoloListaCard {
  color: blue;
  font-weight: bold;
  font-size: 18px;
  text-decoration:none;
}
/* fine Lista card */

#sideRight{
  width: 130px;
  margin: 0px auto 0px auto;
  text-align: center;
}

#userCounter{
font-size: 11px;
text-decoration: none;
text-align:center;
color: #FFFFFF;
}

#frameDati{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 468px;
  padding: 4px 0 4px 0;
}

.istruzioni {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  padding: 10px 5px 5px 5px;
}

.sottoIstruzioni {
  font-size: 13px;
  font-weight: bold;
  color: #003399;
  padding: 5px 5px 5px 5px;
}
.informazioni {
  font-size: 12px;
  color: #FFFFFF;
}

.tableChooser {
  border: 1px solid #003399;
  background-color: #FFFFCC;
  font-size: 15px;
  font-weight: bold;
  color: #003399;
  text-align: center;
  margin: 5px auto 5px auto;
}

.triscardTitleLastThreeSend {
  font-size: 16px;
  color:#FF0000;
  font-weight: bold;
}

.triscardTitleLastThreeInsert {
  font-size: 16px;
  color: #003399;
  font-weight: bold;
}

.triscardTitleMostThreeSend {
  font-size: 16px;
  color:#000000 ;
  font-weight: bold;
}

.triscardTitleRandomTris {
  font-size: 16px;
  color: #003399;
  font-weight: bold;
}

.textColorRed{
  color:#FF0000 ;
}

.textColorBlack{
  color:#000000;
}

.textColorWhite{
  color:#FFFFFF;
}

.textColorYellow{
  color: yellow;
}

.textSizeSmall{
  font-size: 11px;
}

.textSizeNormal{
  font-size: 13px;
}

.textSizeMedium{
  font-size: 15px;
}

.textSizeBig{
  font-size: 18px;
  font-weight: bold;
}

.textAlignCenter{
  text-align: center;
}

.textAlignLeft{
  text-align: left;
}

.textAlignright{
  text-align: right;
}

.textAlignJustify{
  text-align: justify;
}

#helpFrame{
  position: absolute;
  text-align: center;
  width: 220px;
  left: 100px;
  top:100px;
  background-color: #99FF99;
  border: 2px solid red;
  display: none;
  padding: 5px 5px 5px 5px;
  z-index:1000;
}

#toolsFrame{
  position: absolute;
  text-align: center;
  width: 220px;
  left: 100px;
  top:100px;
  background-color: #0099FF;
  border: 2px solid red;
  display: none;
  padding: 5px 5px 5px 5px;
  z-index:1000;
}

/* Box Links */
#sitiAmiciLinksBox {
    width: 95%;
    border: 1px inset #0033FF;
    text-align: center;
    background-color: #0099FF;
    font-size: 11px;
    text-decoration: none;
    padding-bottom: 2px;
    margin: 0px auto 0px auto;
}

#sitiAmiciTitleLinksBox{
    background-color: #FFFFFF;
    border: 1px inset #FF0000;
    font-size: 15px;
    color: #FF0000;
    position: relative;
    bottom: 5px;
    right: 5px;
    z-index: 2;
}

#sitiAmiciLinkFrame{
  position:relative;
  margin: 0 5px 0 5px;
  height: 50px;
  overflow:hidden;
  border: 1px inset #FF0000;
  text-align: left;
}


.sitiAmiciLink{
  position:absolute;
  margin: 0 0;
  width: 100%;
  text-align: center;
  background-color: #99FF99;
  height:50px;
  top:50px;
}

#segnalatoSuLinksBox {
    width: 95%;
    border: 1px inset #0033FF;
    text-align: center;
    background-color: #0099FF;
    font-size: 11px;
    text-decoration: none;
    padding-bottom: 2px;
    margin: 10px auto 10px auto;
}

#segnalatoSuTitleLinksBox{
    background-color: #99FF99;
    border: 1px inset #000000;
    font-size: 15px;
    color: #FF0000;
    position: relative;
    bottom: 5px;
    right: 5px;
    z-index: 2;
}

#segnalatoSuLinkFrame{
  position:relative;
  margin: 0 5px 0 5px;
  height: 50px;
  overflow:hidden;
  border: 1px inset #FF0000;
  text-align: left;
}


.segnalatoSuLink{
  position:absolute;
  margin: 0 0;
  width: 100%;
  text-align: center;
  background-color: #FFFFCC;
  height:50px;
  top:50px;
}
/* Fine Box Links */

.outer {height:100%;width:100%;overflow: hidden; position: relative; text-align:center;}
.outer[class] {display: table; position: static; }

.middle {position: absolute; top: 50%; left:0; width:100%} /* for explorer only*/
.middle[class] {display: table-cell; vertical-align: middle; position: static;}

.inner {position: relative; top: -50%} /* for explorer only */
.inner[class] {position: static; text-align:center;}

/**/
/* Box Proponi Card */
#boxProponiCard {
  text-align: center;
  width: 95%;
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 2px;
  background-color: #99FF99;
  border: 1px inset #6699CC;
  font-size: 11px;
  text-decoration:none;

}


#titoloProponiCard {
  background-color: #FFFCCC;
  border: 1px inset #6699CC;
  font-size: 15px;
  font-weight: bold;
  color: #FF0000;
  position: relative;
  bottom: 5px;
  right: 5px;
  z-index: 2;

}