* {
  margin: 0;
  padding: 0;
}

.titolo{
        font-variant: small-caps;
        font-family: Arial, sans-serif;
        text-decoration: none;
        text-shadow: 1px 1px #000;
	padding-top: 10px;
 	background-color: #008888;
 	text-align: center;
	color: gold;
}

article{ background-image: url("../img/gaeta-1.jpg"); }

#p1 {
	font-variant: small-caps;
        font-family: Arial, sans-serif;
        text-decoration: none;
        color: #fff;
        text-align: center;
	padding-bottom: 10px;
        background-color: #008888;
}

#menu-principale { text-decoration: none; margin: 0 10px; background-color: #08298A; }
#menu-principale > input {
	display: inline-block;
	cursor:pointer; 
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	padding: 5px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;
}

#menu-principale > input:hover {
		background-color: #e3e3e3;
		border-color: rgba(0,0,0,0.5);
	}
	
#menu-principale > input:active {
		background-color: #CCC;
		border-color: rgba(0,0,0,0.9);
	}

.parola{
  background-repeat: no-repeat;
  background-size: 100%;
  font-family: "Times New Roman", Times, serif;
  color:"#FFF";
  text-align: center;
}

.box1{
  padding-top: 20px;
  text-align: center;
  color: yellow;
}
.box1 > h1{ padding-bottom: 20px;}
.box1 > a{ margin-left: 20px; cursor: pointer;}
.box1 > a > img{ height="168"; width="191";}
.box1 > a > img:hover{ outline: 5px solid white;}

.immagine{ float:left;}
.selezione{ float:right;}
.bianco{ color:#FFF; text-align:center;}
.evidenziato{
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  color: gold;
  text-decoration: none;
}