html{
 margin: 0;
 padding: 0;
}

body {
 text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
 color: #000;
 background: #ffffff;
 padding: 0;
 margin: 0;
}

#container {
 width: 800px;
 text-align: justify; /* resets the text alignment */
 margin: 0 auto; /* centers the container */
 padding: 0px 0px 0px 0px;
}

#menu{
text-align: center; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Times New Roman, Serif;
font-size: 13px;
font-weight: bold; 
}

#menu a{ 
 color: #136e5f;
 text-decoration: none;
}

#menu a:hover{ 
 color: #1e4740;
 text-decoration: none;
}

.row{
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

#ban{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#ban img{
border: 0;
}

.bottext{
text-align: right; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Times New Roman, Serif;
font-size: 11px;
color: #1e4740;
}


#content{
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 color: #ffffff;
 font-family: Times New Roman, Serif;
 /*font-family: Arial, Verdana, Sans-serif;*/
 font-size: 14px;
 background: url(../images/back.png) no-repeat top center #077762;
}

#content h1{
 margin: 10px 0px 10px 20px;
 font-family: Times New Roman, Serif;
 color: #ffffff;
}

#content .rightimg{
 float: right;
 margin: 5px 10px 10px 10px;
 padding: 5px;
 border: 2px solid #fff;
}
#content .rightimg:hover{
 border: 2px solid #ace0d8;
}
#content .rightimg img{
 margin: 0px;
 padding: 0px;
 border: 0;
}

#content .centerimg{
 float: left;
 margin: 10px 8px 25px 8px;
 padding: 5px;
 border: 2px solid #fff;
 background: #077762;
}
#content .centerimg:hover{
 border: 2px solid #ace0d8;
}
#content .centerimg img{
 margin: 0px;
 padding: 0px;
 border: 0;
}

#content .text{
 margin: 15px;
 padding: 0px;
}

#content ul{
 margin: 30px;
 padding: 0px;
}
#content li{
 padding: 0px;
}


#content .arrow{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 14px;
 color: #fff;
 text-decoration: underline;
}
#content .arrow:hover{
 font-weight: bold;
 text-decoration: underline;
}
#content .arrow img{
 margin: 7px 15px 7px 50px;
 padding: 0px;
 border: 2px solid #fff;
 vertical-align: middle;
}

#content .button{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 14px;
 color: #fff;
 text-align: center; 
}
#content .button a{
 margin: 0;
 padding: 0;
 border: 0;
}
#content .button a:hover{
 margin: 0;
 padding: 0;
 border: 0;
}
#content .button img{
 margin: 5px 10px;
 padding: 0px;
 border: 2px solid #fff;
 vertical-align: middle;
}


#content .contatti{
 margin: 0px 0px 0px 50px;
}

#content .gallery{
 margin: 0 auto;
 padding: 0;
 border: 0;
 text-align: center;
}
#content .gallery a{
 margin: 0;
 padding: 0;
 border: 0;
}
#content .gallery a:hover{
 margin: 0;
 padding: 0;
 border: 0;
}
#content .gallery img{
 padding: 0;
 border: 2px solid #ace0d8;
 margin: 10px;
 
}



.link {
 color: #fff;
 text-decoration: underline;
}

.link:hover{
 color: #ace0d8;
 text-decoration: underline;
}

.center{
 text-align: center;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.occhidiulisse{
text-decoration: underline;
color: #1e4740;
}

.occhidiulisse:hover{ 
color: #58847d;
}