html
   {
   background-color: Red;

   scrollbar-base-color : Red;
   scrollbar-arrow-color: White;
   scrollbar-track-color: Pink;
   }

body
   {
   color      : Navy  ;
   font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-size  : 11pt  ;
   font-weight: normal;
   margin     : 0    ;
   padding    : 0px 0;
   }

h1
   {
   color        : Indigo;
   font-family  : Tahoma, Verdana, sans-serif;
   font-size    : 15pt  ;
   font-weight  : bold  ;
   text-align   : center;
   margin-top   : 14px  ;
   margin-bottom: 12px  ;
   }

h1.red
   {
   color: Red;
   }

h2
   {
   color        : Maroon;
   font-family  : "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-size    : 14pt   ;
   font-weight  : bold   ;
   margin-left  : 10mm   ;
   margin-bottom:  3mm   ;
   }

h2.crediti
   {
   color     : Red ;
   margin-top: 50mm;
   font-size : 14pt;
   }

h3
   {
   color        : Black ;
   font-family  : "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-size    : 13pt  ;
   font-weight  : bold  ;
   text-align   : left  ;
   margin-left  : 1cm   ;
   margin-top   : 2px   ;
   margin-bottom: 6px   ;
   }

h4
   {
   color        : Black ;
   font-family  : "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-size    : 12pt  ;
   font-weight  : bold  ;
   text-align   : center;
   margin-top   : 2px   ;
   margin-bottom: 6px   ;
   }

iframe.mappa
   {
   width        : 780px    ;
   height       : 380px    ;
   border       : 1px inset;
   margin-top   : 8px      ;
   margin-bottom: 4px      ;
   margin-left  : 0        ;
   margin-right : 0        ;
   }

p.errore
   {
   margin-left : 6px    ;
   margin-right: 6px    ;
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size   : 12pt   ;
   font-weight : normal ;
   color       : Crimson;
   text-align  : left   ;
   }

ul.errore
   {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size  : 12pt   ;
   font-weight: normal ;
   color      : Crimson;
   text-align : left   ;
   }

div.centro
   {
   text-align: center;
   }

div.destra
   {
   text-align: right;
   }

div.sinistra
   {
   text-align: left;
   }

div.std
   {
   padding-left : 8px;
   padding-right: 8px;
   }

div.staccato
   {
   text-align   : left;
   margin-top   : 2px;
   margin-bottom: 2px;
   margin-left  : 6px;
   margin-right : 6px;
   }

div.small
   {
   font-size: 9pt;
   }

div.PdP
   {
   text-align   : center;
   margin-top   :  2px  ;
   margin-bottom:  4px  ;
   margin-left  : 12px  ;
   margin-right : 12px  ;
   color        : LightSkyBlue;
   font-family  : sans-serif;
   font-weight  : normal;
   font-size    : 8pt   ;
   }

div.dosaggio
   {
   border     : 1px inset;
   margin     : 8px      ;
   padding    : 8px      ;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color      : Black    ;
   font-size  : 8pt      ;
   }

div.popUp
   {
   color       : Black;
   font-size   : 10pt;
   margin-left : 4px;
   margin-right: 4px;
   }

div.error
   {
   margin-left : 6px    ;
   margin-right: 6px    ;
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size   : 11pt   ;
   font-weight : bold   ;
   color       : Crimson;
   text-align  : center;
   }

div.form
   {
   font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
   font-size  : 10pt;
   color      : Black;
   }

span.rosso
   {
   color: Red;
   }

span.verde
   {
   color: Green;
   }

span.warning
   {
   font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
   font-size  :  8pt;
   color      : Blue;
   }

span.error
   {
   font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
   font-size  :  8pt;
   color      : Red ;
   }

hr.div
   {
   color: Red;
   }

table
   {
   border     : none  ;
   font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-weight: normal;
   font-size  : 11pt  ;
   }

table.totale
   {
   width: 100%;
   }

tr
   {
   border : none;
   padding: 0   ;
   margin : 0   ;
   }

td
   {
   font-weight   : normal;
   vertical-align: top   ;
   padding-left  : 0     ;
   }

table.main
   {
   margin-top : 0    ;
   padding    : 0    ;
   width      : 880px;
   }

td.main
   {
   color           : Navy;
   background-color: #FAFFFA; /* Grigio-verde chiaro chiaro */
   font-family     : "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-weight     : normal;
   font-size       : 11pt  ;
   border          : 1px outset;
   padding-top     : 2px   ;
   padding-bottom  : 2px   ;
   width           : 100%  ;
   }

table.topTitle
   {
   background-color: #EBF4EB; /* Grigio-verde chiaro */
   margin          : 0     ;
   padding         : 0     ;
   border          : none  ;
   width           : 100%  ;
   vertical-align  : middle;
   text-align      : left  ;
   float           : center;
   }

td.topTitle
   {
   color         : Red   ;
   font-family   : Verdana, "Trebuchet MS", Tahoma, sans-serif;
   font-weight   : normal;
   margin        : 2px   ;
   padding       : 2px   ;
   border        : none  ;
   vertical-align: middle;
   text-align    : left  ;
   float         : center;
   }

td.topTitleRight
   {
   color           : Red   ;
   font-family     : Verdana, Rockwell, serif;
   font-size       : 8pt   ;
   font-weight     : normal;
   margin          : 1px   ;
   padding         : 1px   ;
   border          : none  ;
   vertical-align  : middle;
   text-align      : left  ;
   }

table.topMenu
   {
   background-color: #F4FAF4; /* Griogio-verde chiaro */
   margin          : 0    ;
   padding         : 0    ;
   border-right    : none ;
   border-left     : none ;
   border-top      : 1px inset;
   border-bottom   : 1px inset;
   border-color    : Red  ;
   width           : 100% ;
   }

table.content
   {
   margin      : 0  ;
   padding     : 0  ;
   border-top  : none;
   border-bottom: 1px solid;
   border-left : 1px solid;
   border-right: 1px solid;
   border-color: DarkBlue;
   width       : 100%;
   }

table.commiss
   {
   font-family: Tahoma, Verdana, sans-serif;
   border     : none;
   }

td.commiss
   {
   font-family   : Tahoma, Verdana, sans-serif;
   font-size     : 9pt  ;
   border        : 1px inset;
   margin        : 0px  ;
   padding-top   : 3px  ;
   padding-bottom: 3px  ;
   padding-left  : 7px  ;
   padding-right : 7px  ;
   }

td.std
   {
	background-color: Blue  ;
	padding         : 0px   ;
	vertical-align  : top   ;
   }

td.HPShoulder
   {
	background-color: transparent;
   font-size       : 11pt  ;
	padding-left    : 2px   ;
	padding-right   : 4px   ;
	text-align      : center;
   border-top      : 0px   ;
   border-bottom   : 0px   ;
   border-right    : 1px solid red;
   border-left     : 0px   ;
   width           : 136px ;
   }

td.HPShoulder2
   {
	background-color: Seashell;
   font-size       : 8pt  ;
	padding-left    : 2px  ;
	padding-right   : 4px  ;
	text-align      : left ;
   border-top      : 0px  ;
   border-bottom   : 0px  ;
   border-right    : 1px outset red;
   border-left     : 0px  ;
   width           : 160px;
   }

td.HPBottom
   {
	text-align      : center;
   border-top      : 2px solid red;
   border-bottom   : 0px   ;
   border-right    : 0px   ;
   border-left     : 0px   ;
   }

table.crediti
   {
   width: 100%;
   }

td.crediti
   {
   font-family   : Verdana, Arial, sans-serif;
   font-weight   : normal ;
   font-size     : 8pt    ;
   border        : 0      ;
   text-align    : left   ;
   vertical-align: bottom ;
   width         : 50%    ;
   }

td.rilievoCol1
   {
   font-size       : 10pt     ;
   padding-top     :  2px     ;
   padding-bottom  :  2px     ;
   padding-left    :  6px     ;
   padding-right   :  6px     ;
   background-color: AliceBlue;
   border-style    : outset   ;
   border-width    :  1px     ;
   vertical-align  : top      ;
   }

td.col1
   {
   font-family   : "Trebuchet MS", Verdana, Helvetica, sans-serif;
   font-size     : 10pt  ;
   color         : Black ;
   margin-top    :  6px  ;
   padding-top   :  6px  ;
   padding-bottom:  2px  ;
   padding-left  :  4px  ;
   padding-right :  4px  ;
   border        : none  ;
   text-align    : left  ;
   vertical-align: middle;
   }

td.rilievoCol2
   {
   font-family     : "Trebuchet MS", Verdana, Helvetica, sans-serif;
   font-size       : 10pt  ;
   color           : Black ;
   padding-top     : 2px       ;
   padding-bottom  : 2px       ;
   padding-left    : 6px       ;
   padding-right   : 6px       ;
   background-color: WhiteSmoke;
   border-style    : outset    ;
   border-width    : 1px       ;
   vertical-align  : top       ;
   }

td.col2
   {
   font-size     :  9pt  ;
   margin-top    :  6px  ;
   padding-top   :  6px  ;
   padding-bottom:  2px  ;
   padding-left  :  4px  ;
   padding-right :  4px  ;
   border        : none  ;
   text-align    : left  ;
   vertical-align: middle;
   color         : Black ;
   }

table.info
   {
   margin-left : 4px;
   margin-right: 4px;
   }

td.titInfo
   {
	color           : White ;
	background-color: DarkRed;
   font-size       : 11pt  ;
   font-weight     : bold  ;
   padding         :  3px 6px 3px 6px; /* top right bottom left */
   border-style    : dotted;
   border-width    :  1px  ;
   text-align      : center;
   }

td.contInfo
   {
   font-weight     : normal;
   font-size       : 11pt  ;
   padding         :  2px 7px 2px 7px; /* top right bottom left */
   border-style    : dotted;
   border-width    :  1px  ;
   border-color    : Navy  ;
   }

td.img
   {
   padding       : 4px   ;
   border        : none  ;
   float         : middle;
   vertical-align: middle;
   text-align    : center;
   }

table.animali
   {
   border: none;
   }

td.fotoAnimali
   {
   vertical-align: middle;
   text-align    : center;
   border-top    : 1px inset;
   border-left   : 1px inset;
   border-right  : 1px inset;
   }

td.testoAnimali
   {
   vertical-align: top ;
   text-align    : left;
   padding-left  :  4px;
   padding-right :  4px;
   border-bottom : 1px inset;
   border-left   : 1px inset;
   border-right  : 1px inset;
   }

th
   {
   color           : White ;
	background-color: Red   ;
   font-weight     : bold  ;
   padding         : 4px   ;
   border-style    : outset;
   border-width    : 1px   ;
   vertical-align  : middle;
   text-align      : center;
   }

th.list
   {
   font-size: 8pt;
   }

td.listNum
   {
   color           : Grey  ;
   font-weight     : normal;
   font-size       : 8pt   ;
   padding-top     : 2px   ;
   padding-bottom  : 2px   ;
   padding-left    : 4px   ;
   padding-right   : 4px   ;
   border-style    : inset ;
   border-width    : 1px   ;
   vertical-align  : middle;
   text-align      : right ;
   }

td.list
   {
   color           : DarkGreen;
   font-weight     : normal ;
   font-size       : 8pt    ;
   padding-top     : 2px    ;
   padding-bottom  : 2px    ;
   padding-left    : 4px    ;
   padding-right   : 4px    ;
   border-style    : inset  ;
   border-width    : 1px    ;
   vertical-align  : middle ;
   text-align      : left   ;
   }

td.listNV
   {
   font-weight     : normal ;
   color           : Crimson;
   font-size       : 8pt    ;
   padding-top     : 2px    ;
   padding-bottom  : 2px    ;
   padding-left    : 4px    ;
   padding-right   : 4px    ;
   border-style    : inset  ;
   border-width    : 1px    ;
   vertical-align  : middle ;
   text-align      : left   ;
   }

td.risorsaGiorno
   {
   font-weight   : normal  ;
   font-family   : Tahoma, Helvetica, Arial, sans-serif;
   color         : #303030; /* Grigio molto scuro */
   font-size     : 8pt    ;
   padding       : 4px    ;
   border-style  : inset  ;
   border-width  : 1px    ;
   vertical-align: middle ;
   text-align    : center ;
   }

td.risorsaContenL
   {
   font-weight     : normal  ;
	background-color: LightGreen;
   color           : Maroon ;
   font-size       : 10pt   ;
   padding         : 5px    ;
   border-style    : outset ;
   border-width    : 1px    ;
   vertical-align  : top    ;
   text-align      : left   ;
   }

td.risorsaContenO
   {
   font-weight     : normal;
   font-family     : Tahoma, Helvetica, Arial, sans-serif;
	background-color: #FFFF6F; /* Giallo chiaro */
   color           : Navy  ;
   font-size       : 9pt   ;
   padding         : 5px   ;
   border-style    : outset;
   border-width    : 1px   ;
   vertical-align  : top   ;
   text-align      : left  ;
   }

td.p2
   {
   padding-left: 270px;
   }

td.p3
   {
   padding-left: 450px;
   }

td.giornale
   {
   background-color: LavenderBlush;
   font-family     : "Trebuchet MS", Tahoma, Verdana, sans-serif;
   font-weight     : normal;
   font-size       : 10pt  ;
   border          : 1px inset;
   padding-top     : 2px   ;
   padding-bottom  : 2px   ;
   width           : 100%  ;
   }

td.elencoArtic
   {
   color         : Gray  ;
   font-family   : Tahoma, Verdana, sans-serif;
   font-weight   : normal;
   font-size     : 8pt   ;
   border        : none  ;
   padding-top   : 1px   ;
   padding-bottom: 1px   ;
   padding-left  : 2px   ;
   padding-right : 2px   ;
   }

/*
ul
   {
   margin: 0px;
   }
*/

div.center
   {
   text-align: center;
   }

object
   {
   margin-top   : 2px;
   margin-bottom: 2px;
   margin-left  : 8px;
   margin-right : 4px;
   float        : right;
   border       : none;
   }

img
   {
   border: none;
   }

img.borded
   {
   border: 1px outset;
   }

img.bordedLogo
   {
   margin-top: 4px;
   border    : 1px outset;
   }

img.topTitle
   {
   margin-top   : 2px;
   margin-bottom: 2px;
   }

img.right
   {
   margin-top   : 2px;
   margin-bottom: 2px;
   margin-left  : 4px;
   margin-right : 4px;
   float        : right;
   }

img.rightBorded
   {
   margin-top   : 2px;
   margin-bottom: 2px;
   margin-left  : 8px;
   margin-right : 4px;
   float        : right;
   border       : 1px outset;
   }

img.left
   {
   margin-top   : 2px;
   margin-bottom: 2px;
   margin-left  : 4px;
   margin-right : 4px;
   float        : left;
   }

img.leftBorded
   {
   margin-top   : 2px;
   margin-bottom: 2px;
   margin-left  : 4px;
   margin-right : 8px;
   float        : left;
   border       : 1px outset;
   }

a.PdP
   {
   color          : White;
   text-decoration: none;
   }

a.PdP:hover
   {
   color          : LawnGreen;
   text-decoration: none;
   }

a.toTheTop
   {
   color          : Red   ;
   font-size      : 9pt   ;
   font-weight    : normal;
   text-decoration: none  ;
   }

a.toTheTop:hover
   {
   color          : DarkGreen;
   font-size      : 9pt      ;
   font-weight    : normal   ;
   text-decoration: none     ;
   }

a.link
   {
   color          : DarkMagenta;
   font-weight    : normal;
   text-decoration: none  ;
   }

a.link:hover
   {
   color          : Blue  ;
   font-weight    : normal;
   text-decoration: underline;
   }

a.spalla
   {
   font-size      : 9pt   ;
   color          : DarkMagenta;
   font-weight    : normal;
   text-decoration: none  ;
   }

a.spalla:hover
   {
   font-size      : 9pt   ;
   color          : Blue  ;
   font-weight    : normal;
   text-decoration: underline;
   }

a.list
   {
   color          : Lightpink;
   text-decoration: none;
   }

a.list:hover
   {
   color          : Aquamarine;
   text-decoration: underline;
   }

form
   {
   margin-top   :  6px;
   margin-bottom:  8px;
   margin-left  :  0px;
   margin-right :  2px;
   }

input
   {
   font-family  : Tahoma, Verdana, sans-serif;
   font-size    : 9pt   ;
   font-weight  : normal;
   padding      : 3px   ;
   }

input.opt
   {
   background-color: HoneyDew; /* Verde molto chiaro */
   border-style    : inset   ;
   border-width    : 2px     ;
   }

input.obbl
   {
   background-color: LavenderBlush; /* Rosa molto chiaro */
   border-style    : inset        ;
   border-width    : 2px          ;
   }

input.mand
   {
   background-color: LavenderBlush; /* Rosa molto chiaro */
   border-style    : inset        ;
   border-width    : 2px          ;
   }

input.readOnly
   {
   background-color: Gainsboro; /* Grigio chiaro */
   color           : Maroon   ;
   border-style    : inset    ;
   border-width    : 2px      ;
   padding-left    : 4px      ;
   padding-right   : 4px      ;
   }

input.bottone
   {
   font-weight: bold;
   font-size  : 10pt;
   padding    :  0px;
   }

input.button2
   {
   color      : Indigo;
   font-weight: bold;
   font-size  : 10pt;
   padding    :  0px 6px 0px 6px; /* up right down left */
   }

textarea
   {
   color      : black ;
   font-family: Tahoma;
   font-size  : 9pt  ;
   }

textarea.opt
   {
   background-color: honeydew; /* Verde molto chiaro */
   border-style    : inset   ;
   border-width    : 2px     ;
   padding-left    : 4px     ;
   padding-right   : 4px     ;
   }

textarea.obbl
   {
   background-color: lavenderblush; /* Rosa molto chiaro */
   border-style    : inset        ;
   border-width    : 2px          ;
   padding-left    : 4px          ;
   padding-right   : 4px          ;
   }

