body>div#container{height: auto; min-height: 100%}

body { font-family: verdana, sans-serif;
       color: black;
       text-align: center;
       background-color: #FFFFFF;
	   margin-top: 0px;
       margin-bottom: 0px;
       margin-left: 0;
       margin-right: 0;
	   height: 100%;
	   font-size: 12px;
       }

div#container { width: 762px;
                height: 100%;
                margin: 0 auto;
				text-align: center;
                background-color: #FFFFFF;
				background-image: url(immagini/gradiente.gif);
	            background-repeat: repeat-y;
				background-position: 50%;
				position: relative;
                font-size: 12px;
				border: 0px solid black;
				border-bottom: 1px solid white;
				}

div#header { height: 90px !important;
			 height: 100px;
			 text-align: left;
             padding: 0;
             border: 0px solid black;
			 padding: 0px;
			 padding-top: 10px;
			 padding-left: 85px;
			 background-image: url(immagini/header.gif);
			 background-repeat: no-repeat;
			 }

div#navigation { text-align: right;
                 padding: 0px;
                 padding-right: 5px;
				 height: 100px;
                 font-size: 12px;
				 color: black;
				 font-weight: bold;
				 background-image: url(immagini/navigation.gif);
				 background-repeat: no-repeat;
				 border: 0px solid black;
                 }

div#content { height: auto;
			  overflow: auto;
              text-align: justify;
              vertical-align: top;
              font-size: 14px;
			  background-image: url(immagini/content.gif);
			  background-repeat: no-repeat;
			  padding-top: 0px;
              padding-bottom: 150px;
			  padding-left: 100px;
			  padding-right: 100px;
			  border: 0px solid black;
			  }
			 
div#footer { width: 100%;
             height: 200px;
             overflow: hidden;
             text-align: right;
			 color: black;
			 font-size: 12px;
             position: absolute;
             bottom: 0px;
			 right: 0px;
             padding-bottom: 0px;
             padding-left: 0px;
             border: 0px solid black;
             background-image: url(immagini/footer.gif);
			 background-repeat: no-repeat;
			 background-position: 0px 0px;
			 }             

a:link, a:visited { color: black; text-decoration: none; }

a:hover, a:active { color: black; text-decoration: underline; }



table.t1 { width: 100%; height: 200px; text-align: center; font-size: 12px; color: black; font-weight: bold; }

td.c11 { text-align: left; vertical-align: bottom; padding-bottom: 7px; width: 190px; }

td.c12 { text-align: left; vertical-align: bottom; padding-bottom: 12px; width: 475px; }

td.c13 { text-align: center; vertical-align: bottom; padding-bottom: 12px; width: 95px; }

table.t1, td.c11, td.c12 { border : 0px solid black; border-collapse: collapse; }



table.t2 { width: 100%; font-size: 12px; color: black; font-weight: bold; }

td.c21 { text-align: right; padding-right: 114px }

td.c22 { text-align: right; padding-right: 89px }

td.c23 { text-align: right; padding-right: 68px }

td.c24 { text-align: right; padding-right: 53px }

td.c25 { text-align: right; padding-right: 39px }

table.t2, td.c21, td.c22, td.c23, td.c24, td.c25 { border : 0px solid red; border-collapse: collapse; }



table.t3 { width: 558px; text-align: center; font-size: 12px; color: black; }

td.c31 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/riprese.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c32 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/scalo.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c33 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/corpi.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c34 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/pontili.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c35 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/boe.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c36 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/vasca.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c37 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/acque_inquinate.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c38 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/recupero_piena.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c39 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/recupero_vela.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

td.c391 { text-align: left; vertical-align: top; padding-left: 50px; padding-top: 5px; width: 190px; height: 52px; background-color: #CCCCCC; background-image: url(immagini/gallerie/recupero_barche.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

table.t3 { border : 0px solid black; }

td.c31, td.c32, td.c33, td.c34, td.c35, td.c36, td.c37, td.c38, td.c39, td.c391 { border : 1px solid black; }



.h1 { font-weight: bold; text-decoration: underline; padding-left: 20px;}

.h2 { font-size: 12px; }

.p1 { padding-right: 0px; }

.indent { text-align: justify; padding-left: 20px; }


hr.hr { width: 99%; height: 1px; color: white; }

#myGallery
{
width: 558px !important;
height: 598px !important;
}