/************************************/
/*   menu                         */
/************************************/

body
{background-color: #Fff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 80%;
background-image: url(/image/bg1.gif);
background-repeat: repeat-x;
}

/***************************************/

/* hyperlink and anchor tag styles    */

/***************************************/
a, a:link, a:visited

{
	color: #287265;
	text-decoration: underline;
}

a:hover{

color: #287265;
text-decoration: underline;
background-color: #DAEDDE;
}

hr
{ 
	height: 1px;
	border: 1px solid #eeeeee;
}

/***************************************/

/*titoli   */

/***************************************/

 h1
{padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
font-size: 110%;
color: #287265;
font-family: Verdana, Helvetica, sans-serif;
}
 h1 a , h1 a:hover, h1 a:link, h1 a:visited,  h2 a , h2 a:hover, h2 a:link, h2 a:visited, h3 a , h3 a:hover, h3 a:link, h3 a:visited
{
color: #287265;
text-decoration: none;

}

 h2
{padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
font-size: 100%;
color: #287265;
font-family: Verdana, Helvetica, sans-serif;
}
 h3
{padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
font-size: 95%;
color: #287265;
font-family: Verdana, Helvetica, sans-serif;
}
 h4
{padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
font-size: 85%;
color: #287265;
font-family: Verdana, Helvetica, sans-serif;
}
p
{padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 80%;
color: #000000;
text-align: left;
}

#logo
{z-index: 1;
background-image: url(/image/logo.gif);
background-repeat: no-repeat;
top: -40px;
position: absolute;
float: left;
height: 65px;
width: 219px;
}
#logo1
{z-index: 0;
background-image: url(/image/logo.gif);
background-repeat: no-repeat;
top: 25px;
position: absolute;
float: left;
height: 65px;
width: 219px;
}
#header
{float: left;
z-index: 0;
background-image: url(/image/home.gif);
background-repeat: no-repeat;
width: 700px;
height: 99px;
}
#menu
{background-color: #287265;
width: 700px;
}

#menu a
{float: left;
padding-right: 12px;
padding-left: 12px;
padding-top: 2px;
padding-bottom: 2px;
color:#fffff;
font-size: 88%;
font-weight: bolder;
text-decoration: none;
border-right: 1px solid #DAEDDE;
}

#menu a:link
{padding-top: 2px;
padding-bottom: 2px;
color:#287265;
background-color: #DAEDDE;
}

#menu a:visited
{padding-top: 2px;
padding-bottom: 2px;
color:#ffffff;
text-decoration: underline;
}
#menu a:hover
{padding-top: 2px;
padding-bottom: 2px;
color:#287265;
background-color: #DAEDDE;
}



 div.menu1 a, div.menu1 a:visited, div.menu1 a:link
 {
  width: 125px;
 font-weight: bold;
 
 font-size: 11px; 
 font-weight: bold; 
display:block;
 text-decoration:none;
 color:#ffffff;
padding: 5px;
 background-color:#287265;
 }
  
 div.menu1 a:hover {
 width: 125px;
/*font-weight: bold;
 font-family: Arial, Helvetica, sans-serif; */
 font-size: 11px; 
 font-weight: bold; 
 color:#287265;
 background-color:#DAEDDE;
  text-decoration: none; 
	padding: 5px;
 }
 
 div.menu1 p
 {
  width: 125px;
 font-size: 11px; 
 font-weight: bold; 
display:block;
margin:0;
 color:#ffffff;
padding: 5px;
 background-color:#287265;
 }

 div.menu3 a, div.menu3 a:visited, div.menu3 a:link
 {
  width: 125px;
 font-weight: bold;
 
 font-size: 11px; 
 font-weight: bold; 
display:block;
 text-decoration:none;
 color:#287265;
padding: 5px;
 background-color:#DAEDDE;
 }
  
 div.menu3 a:hover {
 width: 125px;
 font-size: 11px; 
 font-weight: bold; 
 color:#287265;
 background-color:#c5e1cb;
  text-decoration: none; 
	padding: 5px;
 }
  
#menu2
{border: 1px outset #7AA48F;
margin: 10px;
}
#home
{background-color: #287265;
top: 80px;
height: 226px;
width: 700px;
position: relative;
}

#header1
{background-color: #fff;
top: 80px;
width: 700px;
background-image: url(/image/home1.gif);
background-repeat: no-repeat;
height:150px;
}
#headervisto
{background-color: #fff;
top: 80px;
width: 700px;
background-image: url(/image/visto.gif);
background-repeat: no-repeat;
height:150px;
}

#headerbreakfast
{background-color: #fff;
top: 80px;
width: 700px;
background-image: url(/image/bedbreakfast.gif);
background-repeat: no-repeat;
height:150px;
}
#headertrasporti
{background-color: #fff;
top: 80px;
width: 700px;
background-image: url(/image/trasporti.gif);
background-repeat: no-repeat;
height:150px;
}

#headeralloggio
{background-color: #fff;
top: 80px;
width: 700px;
background-image: url(/image/alloggio.gif);
background-repeat: no-repeat;
height:150px;
}


#headerlink
{background-color: #fff;
top: 80px;
width: 700px;
background-image: url(/image/link.gif);
background-repeat: no-repeat;
height:150px;
}

#corpopagina
{

border: 1px solid #287265;
background-image: url(/image/bg.gif);
background-repeat: no-repeat;
background-color: #Ffffff;

}

.menu
{background-color: #287265;
}


table
{
width: 700px;
background-color: #Ffffff;
border: 1px solid #287265;}

table#fotografie 
{
width: 500px;
background-color: #Ffffff;
border: 0px solid #287265;
padding: 0.1em;}

#fotografie img
{padding: 0em;
border: 1px solid #287265;
margin: 0.2em;}

#fotografie img a
{
}

 img.left 
 {margin-right: 10px; margin-left:10px; margin-top: 10px; margin-bottom: 10px;  vertical-align: top; float: left;}
img.right {margin-left: 10px;margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
vertical-align: top;
float: right;}

ul
{list-style-type: square;
  padding-left: 1.0em;
	margin-left: 1.0em;
	
	
}

li
{font-size: 80%;
padding-top: 0.5em; padding-bottom: 0.5em;
}
li li
{font-size: 100%;padding-top:2 px; padding-bottom: 2px;
}
li p
{padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 100%;
}
p a:link
{color: #287265;
font-weight:bolder;
text-decoration: underline;
}
p a:hover
{color: #287265;
font-weight:bolder;

}

li h3
{font-size: 110%;
padding: 0;
}

li h4
{font-size: 105%;
padding: 0;
}

p a:visited
{color: #4A8B26;
font-weight:bolder;
text-decoration: underline;

}
#footer
{float:right;
padding: 10px;
}
#footer a:link
{color: #287265;
font-weight:bolder;
text-decoration: underline;
font-size: 80%;
}

#footer a:hover
{color: #287265;
font-weight:bolder;
font-size: 80%;

}

#footer a:visited
{color: #4A8B26;
font-weight:bolder;
text-decoration: underline;
font-size: 80%;
}



.guide table
{
width: 400px;
background-color: #f3faf5;
border-top: 1px solid #287265;
border-left: 1px solid #287265;
border-right: 1px solid #287265;
padding: 0.2em;
font-size:  80%;
margin: 1.0em;
	vertical-align: top
}

table.guide
{
width: 400px;
}

.guide th
{background-color: #ddf2e2;
border-bottom: 1px solid #287265;
border-right: 1px solid #287265;
font-weight:bolder;
color: #4A8B26;
width:30%;
padding: 5px;
}

.guide td
{color:#000;
border-bottom: 1px solid #287265;
background-color: #fff;
padding: 5px;
}
.guide td p
{font-size: 100%;
text-align:left;

}

.guide h4
{

font-size: 90%;
color: #287265;}

table#orari
{font-size: 90%;
border-left: 1px solid #287265;
border-top: 1px solid #287265;
width: 100%;
margin-right: 20px;
}

#orari th
{font-weight: bold;
background-color: #ddf2e2;
border-bottom: 1px solid #287265;
border-right: 1px solid #287265;
font-weight:bolder;
color: #4A8B26;
padding: 5px;
font-size: 90%;
}

#orari td
{
padding: 5px;
border-bottom: 1px solid #287265;
border-right: 1px solid #287265;
vertical-align: top;
font-size: 85%;
}


#orari .right
{
text-align:right;
}
