﻿@import url("layout.css");
body {
	font-family: Arial, "Arial ", Arial, serif;
	font-size: small;
	background-image: url("../images/roccia.jpg");
	background-repeat:no-repeat;
	background-position:top;
	border-top:130px;
	padding-top:55px;
	
}
#container {
	border-right: 30px solid white;
	border-bottom: 30px solid white; 
	border-left: 30px solid white;
	border-top: 30px solid white;
	background-color:Transparent;
	height:auto;
	 
}
#masthead {
	text-align: left;
	 
	background-image: url('../images/bg19.gif');
	background-repeat: no-repeat;
	height: 300px;
}
#navigation {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-color: #dbf;
}
html>body #navigation {
	overflow: hidden;
}
#column_l {
	width: 367px;
	padding: 15px;
	background-color: #fff;
	
	
}


html>body #column_l {
	width: 370px;
	padding: 0 15px;
	background-color: #fff;
	top: 0px;
	left: 0px;
}
#column_r {
	width: 217px;
	padding: 15px 10px;
	background-color: #fff;
}
html>body #column_r {
	width: 220px;
	padding: 15px 10px;
	background-color: #fff;
}
#content {
	background-color: #fff;
}
#footer {
	text-align: left;
	padding-bottom: 10px;
}
html>body #footer {
	text-align: left;
	padding-bottom: 0;
}
/* Masthead */
#masthead h1 {
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin-bottom: 0;
	margin-left: 0.5em;
}
#masthead h3 {
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin-top: 0;
	margin-left: 1em;
}
/* Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	display: block;
	padding: 5px;
	border: 1px solid #dbf;
}
#navigation a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border: 1px solid #b9d;
	background-color: #b9d;
}
/* Right Column */
#column_r img {
	border: 1px solid #808080;
}
/* Site typography */
h1 {
	font-size: xx-large;
	color: #000;
}
h2 {
	font-size: x-large;
	font-style: italic;
	color: #000;
}
h3 {
	font-size: large;
	font-style:normal;
	color: #721325;
	/*border-left: 4px solid #983934;615331*/
	
	padding:2px;
	width: 732px;
}
h4 {
	/*font-size: small; 808080*/
	/*font-style: italic;*/
	font-family:Arial Narrow;
	/*color:#a13651;*/
	color:#808080;
	text-align:left;
	font-size:16PX;
	margin-left:10px;
	
}



h5 {
	
	border: 2px double #808080;
	font-size:13px;
	
			font-family:Arial Narrow;
			color:white;
			text-align:justify;
			margin-left:10px;
		margin-right:29px;
	
			padding:10px;
	
}

h5 a{
	
	font-size:14px;
 font-style:oblique;
	
		font-family:Arial Narrow;
		color:GrayText;
	  
		
	
}
	
h6 {
	font-size: xx-small;
	font-style: italic;
	color: Maroon;
}
/* Footer */
#footer p {
	font-size: 11px;
	color: #721325;
	
}

#footer {
	text-align: left;
	background-color: #ffffff;
	background-image:url('../images/footer10.jpg');

	background-repeat: no-repeat;
	
}



/* Links del footer fuxia a27*/
a {
	color: #721325;
	text-decoration: underline;
}


a:hover {
	color: #f72;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

.bordo-img {
	border: 2px solid #ececec;
	width: 360px;
}
.bordo-img-mappa {
	border: 2px solid #ececec;
	
}

.bgmenu 
{
	background-image: url("../images/bannerosso.jpg");
	
}

.verde
{
	/*border: 2px double #949d8a;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 520px;
	background-color:mAROON;
}

.salmone
{
	/*border: 2px double #dcc9c3;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 520px;
	background-color:mAROON;
}

.corallo
{
	/*border: 2px double #bc5245;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 520px;
	background-color:mAROON;
}

.viola
{
	/*border: 2px double #b2a1ce;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 520px;
	background-color:mAROON;
}

/* civita  */

.verdeC
{
	/*border: 2px double #949d8a;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 200px;
	height:auto;
}

.salmoneC
{
	/*border: 2px double #dcc9c3;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 213px;
	height:auto;
}

.coralloC
{
	/*font-family:Arial Narrow;*/
    color :white;
    border-style: double;
	 border-color:#bc5245;
	height:auto; 	
	border-width: 2px;
	 padding:10px;
	
}

.violaC
{
	/*font-family:Arial Narrow;*/
    color :white;
    border-style: double;
	 /*border-color:#b2a1ce;*/
	 	
	border-width: 2px;
	 padding:10px;
	 width: 200px;
	height:auto;
	
}
.folkC
{
	/*border: 2px double #949d8a;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 320px;
	
	height:auto;
}



.imgC
{ border-color:Maroon;
  border-width:1;
  border-style:solid;
	
}

/* colazione */

.violaCol
{
	font-family:Arial Narrow;
    color :white;
    border-style: double;
	 /*border-color:#b2a1ce;*/
	 	
	border-width: 2px;
	padding:10px;
	width: 200px;
	height:auto;
	
}

.verdeCol
{
	/*border: 2px double #949d8a;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 200px;
	height:auto;
}

.coralloCol
{
	font-family:Arial Narrow;
    color :white;
    border-style: double;
	 /*border-color:#bc5245;*/
	 	
	border-width: 2px;
	 padding:10px;
	 width: 200px;
	height:auto;
	
}

.salmoneCol
{
	/*border: 2px double #dcc9c3;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 200px;
	height:auto;
}

.civita
{
	/*border: 2px double #dcc9c3;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	width: 200px;
	height:auto;
}

.acalandros
{
	/*border: 2px double #949d8a;*/
	font-family:Arial Narrow;
    	color :white;
    	padding:10px;
	
	background-color:mAROON;
	width: 428px;
}
