/* 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    */
/* (il "design") sono copyright Caterina Chimenti, 2008 */ 
/* e pertanto non sono riproducibili nel loro insieme        */


/* set di base per margini e padding */
html, body{margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6{margin: 0.7em 0 0.2em}
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{
  margin-top: 0;margin-bottom: 0}
  
/*stili body e tipografia */
body{font: 100.01% Georgia, Times, sans-serif}
p, blockquote, ol li, ul li {
font-size: 1em;
line-height: 2.5em; 
color: #896959; 
margin: 0em 1em 1em 0em; 
text-align: left;}
dt {font-size: 1em; font-weight: bold; color: #896959; margin: 0em 1em 0em 0em; text-align: left; line-height:1.2em}
dd{font-size: 1em; color: #896959; margin: 0em 1em 1em 1em; text-align: left; line-height: 1.6em;}
div#content p {line-height: 1.6em;}
h1{font-size: 2.2em}
h2{font-size: 1.8em; background: url(../images/rondine.gif) no-repeat center left; padding-left: 35px; clear: both;}
h3{font-size: 1.2em; clear: both;}
body#blog h3 {padding: 2em 0 0 0}
h4{font-size: 1em}
h5{font-size: 0.85em; text-transform: uppercase; }
h6{font-size: 0.7em}
h1, h2, h3, h4, h5, h6 {
color: #a45b3a;
text-align: left}
strong {color: #A45B3A}
blockquote {font-size: 0.9em; font-style: italic; padding: 0 0 0 40px; }

.renaissance h3 {visibility:hidden;}
body#front-en .renaissance {background: url(../images/a_new_renaissance.jpg) no-repeat top left; height: 65px;}
body#front-it .renaissance {background: url(../images/un_nuovo_rinascimento.jpg) no-repeat top left; height: 65px;}
/*line-height*/
blockquote, pre, ol li, ul li, dl, dd form, .caption {line-height:1.5em}

body#contacts p {
line-height: 1.6em}

/*Elementi generici*/


a {
	color: #a96744;
	padding:0px}

a:hover,
a:active { 
	background: #a96744; 
	color: #FCD9A1;}

.caption {
        text-transform: uppercase;
        font-size: 0.7em;
}

body#contacts p.caption {
       line-height: 1em;
       margin: -0.5em 0 2em 0;
       padding: 0 0 1em 0;
       border-bottom: 1px dotted;}

#content img {
     float: left;
     padding: 10px;
     border: 2px solid #B58255;
     margin: 10px 10px 10px 0}

.clearfix {clear: both}

.list_active{ 
	background: #a96744; 
	color: #FCD9A1;}

/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

body{background: #faeed3;}
	
#header {
	background: #A85A39 url(../images/header_02.jpg) no-repeat center top;
  	color: #79B30B;
  	height:167px;
        visibility: visible;   
}

#header h1{
        display: none;}

	
/* ----------	Top Level Navigation ---------- */	

#navbar{
	background: none;
        border-top: 1px solid #b17c54;
	height:43px;
	width: 100%;
        top: 126px;
        position: absolute;
	margin:0;
	text-align: center;
}

#navbar ul {  
       margin: 0px auto; 
       padding: 10px 0pt;         
       list-style-type: none;  
       text-align: center; line-height: normal; 
       font-weight: bold; font-size: 0.91666em;
 }

#navbar ul li { 
       margin: 0pt -3px; 
       padding: 0pt; 
       list-style-type: none;
       color: #f5dba1; 
       display: inline; 
       background-image: none; }

#navbar a { 
       border-left: 1px solid #b17c54;
       color: #f5dba1;
       margin: 0pt; 
       padding: 10px 13px; 
       white-space: nowrap; 
       text-transform: uppercase; 
       text-decoration: none; }

#navbar a:link, #nav a:visited { 
       color: #f5dba1; }

#navbar a:hover, #navbar a:active, #navbar a.active_navbar { 
       color: #f5dba1; 
       background: #AE5F40 url(../images/navbar_hover_bg_2.jpg); }

#navbar li.first a{ 
       border: none; }

body#front li.first a,
#navbar li.first a:hover,
#navbar li.first a:active,
#navbar li.first a.active_navbar { 
       background: #AE5F40 url(../images/navbar_hover_bg_2.jpg); }




/*  Main Content  */

#landscape {
  background: url(../images/foto_bg.jpg) no-repeat center top;
  width: 800px;
  height: 299px;
  margin: 0 auto;
}

#landscape img {
  border: none;
  padding: none;
  margin: 5px 0 0 15px;
  }

#wrapper {
	background: url(../images/wallpaper_top.jpg) repeat-x top center;
        overflow: visible;
	}

#container{ 
	text-align: center;
	}


#content {
	margin: 0 15%;
	padding: 10px 0;
	 }


div#content p.posted{ 

	text-transform:none; clear: both; font-style: italic; font-size: 1.2em}

#content  p.read_more {
       display: inline;
       text-transform: uppercase;
       float: left;
       padding: 0 35px 0 0;
       line-height: 35px;
       background: url(../images/rondine_xsmall.gif) no-repeat center right; 
        margin: 0;
}

/* Two Columns Layout*/

#twocol_left {
        width: 74%;
	float: left;
	padding: 10px 0;
	 }


#twocol_right {
        width: 20%;
	float: left;
	padding: 10px 0;
        margin: 0 0 0 20px;
	 }

#twocol_right ul li{
        list-style-type: none;
        text-align: left;
        line-height: 2em;
	 }

/* End of Two Columns Layout*/

#box{

	background: none;
	float:left;
	width:30%;
	margin: 50px 0 0 20%;}

	

#extra_box{

	background: none;
	float:right;
	width:29%; 
	margin: 50px 20% 0 0; 
	clear: right;}

#paging {
      color: #896959;
      margin: 20px 20% 0 20%;
      font-weight: bold;
      font-size: 0.7em; 
      text-transform: uppercase;
}

#paging .left {
	float:left; 
}

#paging .right {
	float:right;
}

	


#container-footer {
	height: 212px;
	background: url(../images/wallpaper_bottom.jpg) repeat-x center top;
	clear: both;}

#footer {
	border-top: 3px #a96744 solid;
	height: 120px;


	margin: 0; 
	padding: 0;
	width: 100%;
	}

#footer p {

	margin: 30px 0 5px 0px;
	font-size: x-small;
	color: #666;
        text-align: center;

}

#footer a {
	color: #a96744;
}

#footer a:hover { 
	background: #a96744; 
	color: #FCD9A1;}

#map {
	background: url(../images/map_bg.jpg) no-repeat center top;
        height: 432px;
        position:relative;
}

#map_frame {
	width:300px;
        margin: 20px 0 0 0;
}


/* language list */

#lang_list {
   display:block; 
   height:20px; 
   min-height:20px; 
   margin:15px 0 0 15px; 
   float: left; 
   font-size: 0.6em; 
   font-weight: bold; 
   overflow: hidden; 
   text-transform: uppercase; 
   background: #a85a39;}

#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; color: #FCD9A1; }
#lang_list li.it-it {}
#lang_list li.en-us {}
#lang_list li.fr {}
#lang_list li.de {}
#lang_list li.es {}
#lang_list a {color: #FCD9A1;}
#lang_list a:hover, #lang_list .active_lang
 {display: block; background: #FCD9A1; color: #a96744; }

.active_lang span.ltr {color: #a96744; }


/* gallery*/
#gallery_container {
    position:relative; 
    width:100%; 
    margin:20px auto 10px auto; 
    border:1px solid #aaa; 
    }

.gallery ul {
    padding:0; 
    margin:0; 
    list-style-type: none;
    clear: both;
}

.gallery li {
    float:left;
    list-style-type: none;
    
    }

/* 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 */

span.type.work {display: none}