/* CSS copyright: Caterina Chimenti, 2008 www.kikaweb.com    */
/* You may adapt elements of this CSS in your own projects   */
/*but the unique combination of colours, sizes, typography,  */  
/* images and positioning ("the design") is copyright 2008   */
/* Caterina Chimenti and may not be reproduced.              */

/* Gli elementi di questo Css sono liberamente utilizzabili  */
/* ed adattabili ai propri progetti, ma la combinazione      */
/* specifica di colori, proporzioni, tipografia, immagini    */
/* (cioé il "design") sono copyright Caterina Chimenti, 2008 */ 
/* e pertanto non sono riproducibili nel loro insieme        */



* {
	margin: 0;
	padding: 0;
}


body {
	margin: 0 0;
	background: #D6C8A5 url(../images/top_bg.jpg) repeat-x top center;
	font: normal small Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
}


h1, h2, h3 {
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	color: #7c3452;
}

h2 {
}

h3 {
	font-weight: bold;
}

p, blockquote, ul, ol {
}

p {
        font-size: 1em;
        line-height: 1.3em;
}


ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

a {
	color: #7c3452;
}

a:hover {
	text-decoration: none;
	color: #8b7a94;
}

img {
	border: none;
}

/* Post */

.post {
	padding: 20px 20px 0 20px;
}

.post .title {
 	margin-bottom: 0px;
	padding: 3px 0 15px 0;
	font-size: 2em;
        text-transform: none;
}

.post .date {
	float: right;
	padding: 10px 20px;
	font-size: x-small;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
	padding	: 10px 20px;
	font-size: x-small;
}

.post .meta p {
}

.post .story {
	padding: 20px 0 30px 0;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
	margin-bottom: 1.5em;
	line-height: 180%;
}

#paging {
      margin: 20px 2% 0 2%;
      font-weight: bold;
      font-size: 0.9em; 
}

#paging .left {
	float:left; 
}

#paging .right {
	float:right;
}

/* Table Rates */

.rates p
{
        text-align: center;
}
.table_container
{
	width:98%; margin:1%;
}

table 
{
	text-align:center; 
        margin-left:auto; 
        margin-right:auto; 
        width:300px;
	border-spacing: 0px;
	border-bottom: 2px solid #d6c8a5;
        border-top: 2px solid #d6c8a5;
	border-collapse: collapse;
}

table a, table, tbody, tfoot, tr, th, td 
{
	font-family: georgia, "times new roman", serif;
	line-height: 1.5em;
	font-size: 1em;
	color: #55595c;
}

table caption
{
	padding: .5em 0;
	font-size: 2em;
	font-style: italic;
	color: #7c3452;
        margin-left:auto; 
        margin-right:auto; 
        width:300px;
        text-align:center; 
}

table a
{
	display: block;
	padding: 0.75em 2px;
	text-decoration: none;
	color: #589acf;
}

table a:hover, table
{
	text-decoration: none;
}

table th a
{
	min-height: 4.5em;
	text-align: right;
	padding: 0 2px 1.5em 2px;
}

table th a:hover, tbody tr:hover th
{
	background-color: #8D5277;
	color: #fff !important;
}

table a:visited
{
	padding-left: 15px;
}

table th a:visited
{
	padding-right: 15px;
}

thead th
{
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
        background: none;
	color: #81888d;
	padding: 0.75em 2px;
	border-bottom: 1px solid #fff;
}

tbody th
{
	color: #25c1e2;
	font-style: italic;
	background-color: #fff;
	border-bottom: 1px solid #aeb3b6;
}

td
{
	padding: 0 2px;
}


/* Page */

#page {
	width: 794px;
	margin: 0 auto;
	background: url(../images/bg_container.jpg) repeat  top center;
        border-left: 3px solid #eeeeee;
        border-right: 3px #eeeeee solid; 
        overflow: hidden;}
    
 #page_footer {   
        height: 100px;
}

/* Logo */

#logo {
	height: 250px;
	background: url(../images/header_image_3.jpg) no-repeat top center;
        margin-top: 45px;
        visibility: visible;
        border-top: 2px solid #F1E9D4;}

#logo h1 {
	padding: 135px 0 0 380px;
	letter-spacing: -1px;
	font-size: 2.4em;
	visibility: hidden;
}

#logo h2 {
	margin-top: -8px;
	padding: 0 0 0 410px;
	font-size: 1.3em;
	visibility: hidden;

























}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Content */

#content {
	background: url(../images/bg_container.jpg) repeat 	top center;
	background-attachment: fixed;
}

#extra {
}

/* Content > Main */

#main {
	background: url(../images/bg_container.jpg) repeat top center fixed;
	height: auto;}

#main a {
}

/* Content > Main > Welcome */

#main #main_column {
        margin-left: 370px;
	padding: 10px;
	height: auto;
}

#main_column {
	margin-left: 370px;
	padding: 0 30px 0 0;
	height: auto;
	margin-top: 40px;
	margin-bottom: 20px;
        float: right;
}

#left_column img,
#main_column img {
   border: 2px #d6c8a5 solid;
   background: #f7f4e5;
   padding: 8px; 
   margin: 0 0 10px 0;
 }

#left_column h3,
#leftcolumn p,
#main_column h3,
#main_column p {
   padding: 0 0 30px 0;
   text-transform: none;
 }
   
.thumb{
   float: left;
   border: 2px #d6c8a5 solid;
   background: #f7f4e5;
   width: 120px;
   padding: 5px; 
   margin: 0 0 10px 25px;
    }

.thumb p{margin-bottom: 10px;}


/* Two Columns Layout*/

.twocol {
	float: left;
	width: 340px;
	margin: 40px 0 40px 20px;
}


.twocol img {
	width: 150px;
        border: 2px #d6c8a5 solid;
        background: #f7f4e5;
        padding: 3px; 
        margin: 0 10px 10px 0;
        float: left;
}



.twocol p {
	line-height: 1.2em;
	font-size: 1em;
	text-align: left;
        text-transform: none;
        margin-bottom: 20px;
}


.twocol h3 {
   margin-bottom: 10px;
   text-transform: none;
 }


/* Links */

.linklist a {
   font-weight: bold; 
   font-size: 1em;
   line-height: 1.4em;
}

#footer a, #contatti a {
   font-weight: bold; 
}

/* Contatti */

#contatti {
   margin: 0px;
   background: url(../images/contatti_bg.jpg) no-repeat top center;
   width: 350px;
   height: 250px;
   float: left;
}


#contatti p {
   text-align: center;
   margin: 10px auto;
   line-height: 1.5em;
}

#contatti h3 {
   padding-top: 20px;
   text-align: center;
   margin: 30px auto 5px auto;}


#contatti h4 {
   padding-top: 4px;
   text-align: center;
   margin: 0px auto;}

/* Content > Map*/

#twocol .map div {
    margin-top: 15px;
    text-align: center;
}

.map img,
.map img a {
   width: 320px; 
   height: 232px; 
   padding: 8px; 
   border: 2px #d6c8a5 solid;
   background: #f7f4e5;}

/* Content > Menu */

#menu {
     height: 50px;
     background: #D6C8A5 url(../images/bg_container.jpg) repeat;
     text-align: center;
}


#menu ul {
	margin: 0;
	padding: 20px 0 20px 0;
        
}

#menu li {
	display: inline;
	padding: 10px 2px 0px 27px ;
        background: url(../images/bullet.jpg) no-repeat center left;}
    
#menu li.first {
    background: none;
    padding: 10px 6px 0 0px; 
 }
#menu a {
  font-size: 1.1em;
  font-weight: bold; color: #7c3452;
  text-transform: none;
  text-decoration: none;
}

#menu a:hover {
    border-bottom: 2px #984264 solid;
    border-top: 4px solid #7c3452;
    color: #8d5277;
}

#home #menu .nav_home a,
#about #menu .nav_about a,
#rooms #menu .nav_rooms a,
#menu .menu_active {
	border-bottom: 2px #984264 solid;
        border-top: 4px solid #7c3452;
        color: #8d5277;
}


/* language list */
#lang_list {display:block; height:20px; min-height:20px; margin:15px 0 0 15px; float: left;}
#lang_list ul {margin:0; padding:0; list-style-type:none;}
#lang_list li {display:block; float:left; margin-right:1px; width:30px; text-align: center;}
#lang_list li.it-it {background: url(../images/it.gif) no-repeat top center; text-align: center;}
#lang_list li.en-gb {background: url(../images/gb.gif) no-repeat top center;}
#lang_list li.fr-fr {background: url(../images/fr.gif) no-repeat top center;}
#lang_list li.de-de {background: url(../images/de.gif) no-repeat top center;}
#lang_list li.es-es {background: url(../images/es.gif) no-repeat top center;}
#lang_list a {display:block; width:25px; padding-top:12px; color:#7c3452; text-decoration:none; text-align:center; text-transform:uppercase; font-size:0.8em; font-weight:bold;}

#lang_list a:hover {color:#8D5277;}


/* Footer */

#footer {
	clear: both;
	margin: 0 auto;
	padding-top: 135px ;
	height: 100px;
	background: url(../images/footer_bg_grande.jpg) no-repeat top center;
}


#footer p {
	margin: 0;
	font-size: x-small;
	color: #666666;
    text-align: center;
}

#footer a {
	color: #996666;
}

/* Footer > Legal */

#legal {
margin-top: 50px;}


/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; background-color: #fff;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*  Microformats Classes */
span.type, span.url {
display: none;
}

/*  Clearing and Fixing */

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

}



.clearfix { display: inline-block; /* Fixes IE/Mac */ }



.clear {clear: both;}

.clearight {clear: right;}

.clearleft {clear: left;}