/****************************/
/*    	  				    */
/*    	  STILE CSS		    */
/* BUONANOTTEGARIBALDI.COM  */
/*    	  				    */
/*		Giulio Tiberi	    */
/****************************/

body { 
background-color:#D8D7C1; 
color:#333333; 
font-family:"Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif; 
font-size:11px; 
margin:0; 
padding: 0; 
}

img {
	margin: 0px;
	border: 0px;
}

#workspace { width: 714px; margin: 0 auto; background-color:#C5C4AB; font-family: "Times New Roman", Times, serif; color:#8D8C6C; 
}
h1{
	min-width: 494px;
	color: #965D4A;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	display:block;
}

h2{
	color: #965D4A;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 2em 0 0.5em 0;
	display: inline;
}

h3{
	color: #333333;
	/*font-family: "Times New Roman", Times, serif;*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

h4{
	color: #965D4A;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
	display: inline;
}

/* stili di carattere */
.smalluppercase {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color:#666666;
	display: inline;
}

.small{
	display: block;
	font-size: 12px;
	color: #333333;
	display: inline;
}

.center{
	display: block;
	display: inline;
	text-align:center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.righttext{
	display: block;
	text-align:right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.rientro{
	display: block;
	margin: 0 0 0 165px;
	padding: 0 0 0 0;
}

.underline{
	text-decoration: underline;
}


/* classe per identificare il testo scritto fra due righe di separazione */
.division {
	border:  solid #CCCCCC 1px;
	border-left: 0px;
	border-right: 0px;
	margin: -1px 0 0px 0;
	padding: 5px;
	display: block;
	}

.division-left { /*spaziatura in caso di elenco*/
	width: 70px;
	/**border:  solid #CCCCCC 1px;
	border-left: 0px;
	border-right: 0px;
	margin: -1px 0 0px 0;
	padding: 5px;*/
	float:left;
	}

/********** HEADER **********/
#header {
	position: relative;
	top: 0px; left: 0px;
	overflow: visible;
	width: 714px;
	height: 120px;
	height: 1%;
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background-color: #C5C4AB;
}


.headerbox {
	position: relative;
	top: 0px; left: 0px;
	overflow: visible;
	width: 238px;
	height: 120px;
	height: 1%;
	text-align: center;
	font-size: 13px;
	margin: 0;
	padding:0;
	float: left;
	background-color:#C5C4AB;
}

#header h1{
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing: 1px;
	line-height: 15px;
	margin: 30px 10px 10px 10px;
}

/*
#header p{
	margin: 0px 5px 10px 5px;
	font-size: 13px;
	line-height: 11px;
}
*/

#headerleft {
	width: 220px;
	height:100px;
	margin: 0 auto;
	padding: 0 0 0 0;
	float: left;
	display: inline;
}

#headercenter {
	width: 264px;
	height:100px;
	margin: 0 auto;
	padding: 0 0 0 0;
	float: left;
	display: inline;
}

#headerright {
	width: 220px;
	height:100px;
	margin: 0 auto;
	padding: 0 0 0 0;
	float: left;
	display: inline;
}


/********** HEADER - FOTO **********/
#backfoto {
	width: 706px;
	height: 1%;
	float: left;
	background-color:#A3A283;
	padding: 4px 4px 4px 4px;
}

#fotocentro {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 706px;
	height: 160px;
	overflow: hidden;
	z-index: 0;
}


/********** NAV MENU **********/
#navmenu {
	top: 0px; left: 0px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 3px 4px 3px 4px;
	width: 706px;
	background-color: #D0781F;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-align: center;
	overflow: hidden;
	word-spacing: 15px;
	z-index: 1;
	list-style:none
}

#navmenu li{ display: inline}
#navmenu a{
	color: #FFFFFF;
	background-color: #D0781F;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: lighter;
	word-spacing: 0px;
	padding:0 1px;
}

#navmenu a:hover{
	/*color: #FFFFFF;*/
	text-transform: uppercase;
	text-decoration: underline;
}


/********** CONTENT **********/
#content{
	top: 0px; left:0px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 13px;
	width: 674px;
	min-height: 200px;
	height: 1%;
	margin: 0px 10px 0 10px;
	padding: 10px;
	font-family:"Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif;
}

#content img{
	margin: 5px 8px 3px 0px;
	text-align: left;
	float: left;
}

#content ul{
	min-width: 494px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 5px;
	list-style-image:url(../images/arrow.gif);
	float: left;
	display: block;
}

#content ul li{
	min-width: 494px;
	margin: 2px 0 2px 15px;
	padding: 0;
}

.link1{
	background: url(../images/arrow.gif) no-repeat;
	padding-left:12px;
	text-transform: uppercase;
	color:#666;
	margin-right: 5px;
}

.link1:hover{
	background: url(../images/arrow.gif) no-repeat;
	color:#666;
}


#clientcomment{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#content a{
	color: blue;
	text-transform: none;
	text-decoration: underline;
	font-weight: lighter;
	word-spacing: 0px;
}

#content a:hover{
	/*color: #FFFFFF;*/
	text-transform: none;
	text-decoration: none;
}

/* classe per identificare i paragrafi */
#content .par{
	width: 674px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	display: block;
	overflow: hidden;
}

#content .par img{
	margin: 5px 8px 3px 0px;
	text-align: left;
	float: left;
	z-index: 1;
}

#content .par p{
	width: 450px;
	margin: 0;
	padding: 0 0 0.8em 0;
	display: block;
	overflow: hidden;
}

/* classe per identificare i sottoparagri (ed allineare il testo attorno alla foto) */
.sottopar { /*sottoparagrafo a larghezza fissa*/
	width: 494px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
	overflow:hidden;
}

.sottopardin { /*sottoparagrafo a larghezza dinamica*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow:hidden;
	z-index: 0;
}

.sottopar_lat {
	width: 170px;
	margin: 0;
	padding: 0;
	float: left;
}

#smallP p{
font-size:9px; 
}


/* classe per identificare le prime pagine delle riviste */
#content .press {
	width: 155px;
	height: 250px;
	margin: 10px 5px 10px 5px;
	padding: 0 0 0 0;
	float: left;
	vertical-align:top;
}


#content .press a:link,
#content .press a:visited,
#content .press a:active{
	color: #333333;
	text-transform: none;
	text-decoration:underline;
	font-weight: lighter;
	word-spacing: 0px;
}

#content .press a:hover{
	color: #333333;
	text-transform: none;
	text-decoration: none;
	font-weight: lighter;
	word-spacing: 0px;
}

#content .presstitle {
	width: 156px;
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	overflow: visible;
	text-transform: uppercase;
	font-family: "Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:12px;
}

#content .pressimg {
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	border: #CCCCCC solid 1px;
	float: none;
	vertical-align:top;
}

#content .lllogo {
	width: 105px;
	float: right;
	margin: 3px 3px;
	text-align: center;
}

/********** FOOTER **********/
#footer { 
	float: left;
	width: 714px;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	background: #C5C4AB;
}

#footer a{ color:#8D8C6C; padding: 3px; }
#footer a:hover{
	text-decoration: none;
}


/********** FOOTER **********/
#advisor {
/*position: fixed; resta fisso in basso sempre */
	position: relative;
	width: 694px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-size: 10px;
	background-color:#FFFFFF;
	bottom: 0px;
	height: 72px; 
}
#advisor #link_footer_tripadvisor { margin: 0 25px 25px 0 }
#advisor #link_footer_conde { margin:0 0 0 25px }

#tags{
	list-style:none;
	color:#8D8C6C;
	width: 694px;
	padding: 5px 0;
	position: relative;
	margin: 0 auto;
}

#tags li{display:inline}
#tags li a{display:inline; color:#8D8C6C; padding: 3px;}