/******************
Author: Claudio De Martiis
www.cdmdotweb.com 
info@cdmdotweb.com
Creation-date: 2006-07-07
Last update: 2009-05-31
*******************/
hr {
  display: none;
}
img {
  border: none;
}
body.mappa {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #600000;
}
body.mappa div.content {
	margin: 10px auto;
	padding: 10px;
	width: 70%;
	text-align: left;
	color: #000000;
	background-color: #FFF8DC;
}
body.mappa div.content h1 {
	font-size: 1.4em;
}
body.mappa div.content h2 {
	font-size: 1.2em;
}
body.mappa div.content h1, h2 {
	margin: 0;
	font-weight: normal;
	color: #005000;
	background-color: #FFF8DC;
}
body.mappa div.content p {
	font-size: 0.8em;
}
body.mappa div.content div.c {
	text-align: center;
}
body.mappa div.content ul {
	font-size: 80%;
	color: #000000;
	background-color: #FFF8DC;
	list-style-type: disc;
}
body.mappa div.content ul ul {
	font-size: 100%;
}
body.mappa div.content ul ul ul {
	font-size: 100%;
}
body.mappa div.content li a:link {
	padding: 0;
	color: rgb(0,0,255);
	background-color: rgb(255,239,213);
	text-decoration: underline;
}
body.mappa div.content li a:visited {
	padding: 0;
	color: rgb(102,0,102);
	background-color: rgb(255,239,213);
	text-decoration: underline;
}
body.mappa div.content li a:hover {
	padding: 0;
	color: rgb(204,0,0);
	background-color: rgb(255,239,213);
	text-decoration: underline;
}
/*animazioni*/
body.redmovie, body.bluemovie {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  
}
body.redmovie {
  color: #ffffcc;
  background-color: #9f0000;
}
body.bluemovie {
  color: #ffffff;
  background-color: #006fcf;
}

body.redmovie #animation, body.bluemovie #animation {
  margin: 0 auto 10px auto;
  padding: 0;
  width: 480px;
  height: 270px;
}
body.redmovie #animation {
  border-top: 10px solid #900000;
  border-right: 10px solid  #800000;
  border-bottom: 10px solid  #900000;
  border-left: 10px solid  #800000;
}
body.bluemovie #animation {
  border-top: 10px solid #00509f;
  border-right: 10px solid  #0060c0;
  border-bottom: 10px solid  #00509f;
  border-left: 10px solid  #0060c0;
}
body.redmovie object#tour, body.bluemovie object#tour {
  margin: 0 auto;
  padding: 0;
}
body.redmovie a:link, body.redmovie a:visited {
  padding: 5px;
  color: #ffffcc;
  background-color: #9f0000;
  text-decoration: none;
}
body.redmovie a:hover {
  padding: 5px;
  color: #ffffcc;
  background-color: #800000;
  text-decoration: none
}
body.bluemovie a:link, a:visited {
  padding: 5px;
  color: #ffffff;
  text-decoration: none;
}
body.bluemovie a:hover {
  padding: 5px;
  background-color: #333399;
  text-decoration: none
}
body.redmovie #header, body.bluemovie #header {
  margin: 0;
}
body.redmovie #header h1, body.bluemovie #header h1 {
  margin: 5px auto;
  padding: 0;
  width: 480px;
  font-size: 1.2em;
  font-weight: normal;
}
body.redmovie #header h1 a:link, body.redmovie #header h1 a:visited, body.bluemovie #header h1 a:hover, body.bluemovie #header h1 a:link, body.bluemovie #header h1 a:visited, body.bluemovie #header h1 a:hover  {
  padding: 5px;
  width: 100%;
  display: block;
}
body.redmovie h2, body.bluemovie h2 {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 1em;
}
body.redmovie h2 {
  color: #ffffcc;
  background-color: #9f0000;
}
body.bluemovie h2 {
  color: #ffffff;
  background-color: #006fcf;
}
body.redmovie p, body.redmovie p.small, body.bluemovie p, body.bluemovie p.small {
  padding: 10px 0;
}
body.redmovie p, body.bluemovie p {
  margin: 0;
  padding: 4px 0;
  font-size: 0.8em;
}
body.redmovie p.small, body.bluemovie p.small {
  margin: 0px auto;
  width: 480px;
  font-size: 0.6em;
  text-align: right;
}
body.redmovie p.author a:link, body.bluemovie p.author a:link {
  padding: 0;
}


/*pages*/

body {
	margin: 0 1px;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: rgb(255,255,204);
	background-color: rgb(0,32,16);
}
hr {
	display: none;
}
img {
	border: none;
}
address {
	font-style: normal;
}
span.b {
	font-weight: bold;
}
div.heading {
	margin: 0;
	text-align: center;
	color: rgb(204,255,204);
	background-color: rgb(0,32,16);
}
div.heading h1 {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.4em;
	font-weight: normal;
}
div.heading p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 0.8em;
}
/*pan-views*/
div.sky, div.ground {
	margin: 0;
}
div.sky {
	background-color: rgb(80,0,0); color: rgb(255,255,204);
}
div.ground {
	background-color: rgb(0,32,16); color: rgb(255,255,204);
	clear: both;
}
div.sky p, div.ground p {
	margin: 0;
	font-size: 0.8em;
}
/*title + shortcuts*/
div.main {
	margin: 0;
	color: rgb(255,255,204);
	background-color: rgb(80,0,0);
}
div.page_title {
	margin: 0;
	background-color: rgb(80,0,0); color: rgb(255,255,204);
}
div.page_title h1 {
	margin: 0;
	padding: 5px 0px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	color: #ffffcc;
	background-color: rgb(80,0,0);
}
p.shortcuts {
	margin: 0 170px;
	padding: 5px 0;
	text-align: center;
	font-size: 0.8em;
	color: rgb(0,0,0);
	background-color: rgb(255,239,213);
}
p.shortcuts a:link, p.shortcuts a:visited, p.shortcuts a:hover {
	margin: 0;
	background-color: rgb(255,239,213);
}
p.shortcuts a:link {
	text-decoration: none;
	color: rgb(0,0,0);
}
p.shortcuts a:visited {
	text-decoration: none;
	color: rgb(1,0,0); /*color: rgb(1,0,0);*/
}
p.shortcuts a:hover {
	text-decoration: underline;
	color: rgb(204,0,0);
}
/*menues*/
div.menu, div.utilities {
	margin: 0;
	width: 170px;
	text-align: center;
}
div.menu {
	float: left;
}
div.utilities {
	float: right;
}
div.menu h1, div.utilities h1 {
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
}
div.menu p, div.utilities p {
	margin: 0;
	font-size: 0.8em;
}
div.menu p.here, div.utilities p.here {
	margin: 0;
	padding: 5px 0;
	font-size: 0.8em;
	color: rgb(255,255,204);
	background-color: rgb(128,0,0);
}
div.menu p.small_here, div.utilities p.small_here {
	margin: 0;
	padding: 3px 0;
	font-size: 0.7em;
	color: rgb(255,255,204);
	background-color: rgb(128,0,0);
}
div.menu p a:link, div.utilities p a:link, div.menu p a:visited, div.utilities p a:visited, div.menu p a:hover, div.utilities p a:hover {
	padding: 5px 0;
	width: 100%;	
	color: rgb(255,255,204);
	text-decoration: none;
	display: block;
}
div.menu p a:link, div.utilities p a:link {
	background-color: rgb(80,0,0);
}
div.menu p a:visited, div.utilities p a:visited {
	background-color: rgb(64,0,0);
}
div.menu p a:hover, div.utilities p a:hover {
	background-color: rgb(176,0,0);
}
div.menu p.small, div.utilities p.small, #services p.small {
	font-size: 0.7em;
}
div.menu p.small a:link, div.menu p.small a:visited, div.menu p.small a:hover, div.utilities p.small a:link, div.utilities p.small a:visited, div.utilities p.small a:hover {
	padding: 3px 0px 3px 0px;
}
/*text*/
div.text {
	margin: 0 170px;
	padding: 0 0 5px 0;
	color: rgb(0,0,0);
	background-color: rgb(255,239,213);
}
div.text address {
	margin: 0 0 5px 0;
}
div.text span.blue {
	padding: 0 2px;
	color: rgb(255,255,255);
	background-color: rgb(0,0,144);
	line-height: 1.5em;
}
div.text span.green {
	padding: 0 2px;
	color: rgb(255,255,255);
	background-color: rgb(0,128,0);
	line-height: 1.5em;
}
div.text span.special {
	padding: 5px;
	line-height: 1.5em;
	font-size: 1.2em;
	font-weight: bold;
}
div.text a:link {
	color: rgb(0,0,255);
	background-color: rgb(255,239,213);
	text-decoration: underline;
	padding: 0;
}
div.text a:visited {
	color: rgb(102,0,102);
	background-color: rgb(255,239,213);
	text-decoration: underline;
	padding: 0;
}
div.text a:hover {
	color: rgb(204,0,0);
	background-color: rgb(255,239,213);
	text-decoration: underline;
	padding: 0;
}
/*text divs*/
div.text div.cen {
	margin: 0;
	padding: 0 10px;
	text-align: center;
}
div.text div.boxes {
	margin: 0 10px 10px 10px;
	padding: 5px;
	color: rgb(0,0,0);
	background-color: rgb(255,248,220);
	border: 1px solid rgb(0,0,0);
}
div.text div.boxes h4 {
	color: rgb(0,0,0);
	background-color: rgb(255,248,220);
}
div.text div.dx {
	margin: 0;
	padding: 0;
	width: 170px;
	float: right;
}
div.text div.dx p {
	margin: 0;
	font-size: 0.7em;
	text-align: center;
}
div.text div.dx_map {
	margin: 0;
	padding: 0 0 1px 0;
	width: 210px;
	float: right;
}
/*text headings*/
div.text h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.4em;
	font-weight: normal;
}
div.text h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	color: rgb(0,80,0);
	background-color: rgb(255,239,213);
}
div.text h2.b_and_b, div.text h2.luogo, div.text h2.struttura, div.text h2.camere1, div.text h2.camere2, div.text h2.breakfast1, div.text h2.giardino, div.text h2.vasca, div.text h2.posto_auto, div.text h2.perugia {
	margin: 0;
	padding: 140px 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	color: rgb(0,80,0); 
	background-color: rgb(255,239,213);
}
div.text h2.b_and_b {
	background-image: url(../images/b_and_b.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.luogo {
	background-image: url(../images/colline.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.struttura {
	background-image: url(../images/struttura_b_and_b.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.camere1 {
	background-image: url(../images/camera_como.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.camere2 {
	background-image: url(../images/camera_cancello.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.breakfast1 {
	background-image: url(../images/breakfast.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text p.breakfast2 {
	margin: 0;
	padding: 150px 10px 5px 10px;
	background-image: url(../images/breakfast_giardino.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.giardino {
	background-image: url(../images/giardino.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.vasca {
	background-image: url(../images/vasca.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h2.posto_auto {
	background-image: url(../images/posto_auto.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text p.itinerari {
	margin: 0;
	padding: 150px 10px 5px 10px;
	background-image: url(../images/perugia.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.text h3 {
	margin: 0;
	padding: 0 0 5px 10px;
	font-size: 1em;
	color: rgb(0,0,0);
	background-color: rgb(255,239,213);
}
div.text h4 {
	margin: 0;
	padding: 0 0 5px 10px;
	font-size: 0.9em;
	color: rgb(0,0,0);
	background-color: rgb(255,239,213);
}
/*text paragraphs*/
div.text p.print, div.foot p.print {
	display: none;
}
div.text p {
	margin: 0;
	padding: 0 10px 5px 10px;
	font-size: 0.8em;
}
div.text p.small {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.7em;
	text-align: left;
}
div.text p.c {
	margin: 0;
	text-align: center;
}
div.text p.photo {
	margin: 0;
	padding: 0 0 5px 0px;
	text-align: center;
	font-size: 0.8em;
}
div.text p.photo img {
	margin: 0;
}
p.slogan {
	margin: 0;
	padding: 5px 0;
	font-size: 1em;
	text-align: center;
	font-family: serif;
	clear: both;
}
div.text p.note {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	font-size: 0.7em;
	border-bottom: 1px solid rgb(0,0,0);
}
div.text address {
	font-size: 0.8em;
}
/*text lists*/
div.text ul.hints, div.text ul.hints ul,  div.text ul.hints ul ul,  div.text ul.hints ul ul ul {
	list-style-type: disc;
}
div.text ul, div.text ol  {
	font-size: 0.8em;
}
div.text ul ul, div.text ol ol  {
	font-size: 100%;
}
div.text ul ul ul  {
	font-size: 100%;
}
div.text ul ul ul ul  {
	font-size: 100%;
}
div.text li.b {
	font-weight: bold;
}
div.text ul.hints li.b {
	font-weight: bold;
}
/*text tables*/
div.text table.hp {
	margin: 0 auto;
	color: rgb(0,0,0);
	background-color: rgb(255,248,220);
}
div.text table.hp td {
	padding: 0.2em;
	font-size: 0.8em;
	border: 1px solid #c17900;
	color: rgb(0,0,0);
	background-color: rgb(255,248,220);
}
div.text table.dati {
	margin: 0px auto 10px auto;
	font-size: 0.8em;
	text-align: center;
	/*border-collapse: collapse; css2*/
}
div.text table.dati {
	color: rgb(0,0,0);
	background-color: rgb(255,248,220);
}
div.text table.dati caption {
	margin: 0px auto;
	padding: 0 0 5px 0;
	text-align: center;
	font-weight: bold;
}
div.text table.dati th, div.text table.dati td {
	padding: 5px;
	border: 1px solid rgb(0,0,0);
}
div.text table.dati th {
	color: rgb(0,0,0);
	background-color: rgb(255,218,185);
}
div.text table.dati td.b {
	font-weight: bold;
}
div.text table.programs {
	margin: 0 auto 0.5em auto;
	border-collapse: collapse;
	color: rgb(0,0,0);
	background-color: rgb(255,248,220);
}
div.text table.programs caption {
	padding: 0.2em;
	font-size: 0.9em;
	font-weight: bold;
}
div.text table.programs th, div.text table.programs td {
	padding: 0.2em;
	vertical-align: top;
	font-size: 0.7em;
	border: 1px solid #d2b48c;
}
div.text table.programs td.date {
	text-align: right;
}
div.text table.programs td.desc {
	text-align: left;
}
div.text table.asso {
	margin: 0 auto;
	width: 100%;
}
div.text table.asso td.assologo {
	padding: 0.4em;
	vertical-align: top;
}
div.text table.asso td.assodescr {
	padding: 0.4em;
	text-align: left;
	vertical-align: top;
}
div.text table.asso td.assodescr p {
	font-size: 0.8em;
	text-align: justify;
}
/*foot*/
div.foot {
	margin: 0;
	padding: 5px 0 10px 0;
	text-align: center;
	font-size: 0.7em;
	color: rgb(204,255,204);
	background-color: rgb(0,32,16);
}
div.foot p {
	margin: 0;
	padding: 0 0 2px 0;
}
div.foot address {
	margin: 0;
	padding: 0;
}
div.foot a:link {
	padding: 0 2px;
	color: rgb(255,255,204);
	background-color: rgb(0,32,16);
}
div.foot a:visited {
	padding: 0px 2px;
	color: rgb(255,255,204);
	background-color: rgb(0,33,16);
}
div.foot a:hover {
	padding: 0px 2px 0px 2px;
	color: rgb(255,207,63);
	background-color: rgb(0,34,16);
}
div.foot p.author {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.8em;
}