

body 	{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, Arial, Sans-Serif;
	margin:0;
	padding:0;
	background: url(images/fondo.jpg) no-repeat center top  ;
	background-color: white;
	}

a {
	text-decoration:none;
	}

a img { 
	border-color:white;
	}

a:hover { 
	text-decoration:underline;
	}

li { 
	list-style-type:none;
	}


#wrapp { 
	width:785px;
	height:auto;
	margin: 40px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	background: url(images/bg.jpg) repeat-y top;
	}
		

/* begin header part  ---->*/

#header { 
	padding-top : 0;
	margin-bottom:0;
	height: 170px;
	background: url(images/header.jpg) no-repeat top;
	}

#logo { 
	width:250px;
	height:1px;
	}

#logo a { 
	display:block;
	width: 250px;
	height:150px;
	margin-left:110px;
	}

/*  End ----->   */

* html #nifty {
	width:510px;
	}

#nifty {
	max-width:510px;
	padding: 0;
	}

#menuright {
	float: right;
	width: 200px;
	margin-right:30px;
	}

* html #menuright {
	margin-right:15px;
	}

#footer {
	clear: both;
	padding: 0;
	height:45px;
	background: url(images/footer.jpg) no-repeat top;
	}	

#footer , a , abbr {
	padding:15px 0 0 0;
	font-size: .9em;
	text-align:center;
	color:white;
	font-family: Verdana , Arial , Serif;
	}

.grey2 { 
	color:#808080;
	}
.grey2 a { 
	color:#FF8000;
	}

span.grey2  { 
	padding-right:35px;
	}

.grey { 
	color:#808080;
	}

span.grey  { 
	padding-left:35px;
	}




#menu ul li a { 
	font-family: Trebuchet MS, Verdana, Arial, Serif;
	font-size: 1.4em;
} 

#menu ul li a:hover{ 
	font-weight:bold;	
} 



/* The stuff for the round box  thanks to http://www.html.it/articoli/nifty/index.html  */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* the content part */




.main { 
	background-color:#222222; 
	margin: -20px 0 0 0;
	}

.main p { 
	color:white;
	font-family: Verdana , Arial , Serif;
	font-size: 1.3em;
	text-align: center;
	padding: 6px 10px 0 10px;
	}

.intro { 
	background-color:#222222; 
	margin: 90px 0 0 30px;
	}

.intro_big { 
	background-color:#222222;
	margin: 70px 0 90px 120px;
	}

.intro_big p { 
	color:white;
	font-family: Verdana , Arial , Serif;
	font-size: 1.8em;
	text-align: center;
	padding: 6px 10px 0 10px;
	}


.intro_big_about img { 
	padding: 20px 30px 10px 10px;
	float:left;
	}

.intro_big_about { 
	background-color:#222222;
	margin: 20px 0 0 120px;
	}

.intro_big_about p { 
	color:white;
	font-family: Verdana , Arial , Serif;
	font-size: 1.6em;
	text-align: justify;
	padding: 6px 10px 0 10px;
	}

.intro_photo { 
	background-color:#222222;
	margin: 120px 0 0 30px;
	}

.intro_photo p { 
	color:white;
	font-family: Verdana , Arial , Serif;
	font-size: 1.8em;
	text-align: center;
	padding: 6px 10px 0 10px;
	}


.intro img { 
	margin: 2px 0 0 15px;
	}

.img_big { 	
	background-color:#222222;
	margin: 50px 0 0 35px;
	}

.img_big img { 
	margin-left: 17px;
	border-width:5px;
	}

.thumbs_menu { 
	background-color:#222222;
	
	}

.thumbs_menu p {
	text-align:left;
	color:#9D9D9D;
	font-weight:bold;
	font-family:  Verdana , Arial , Serif;
	font-size: 1.0em;
	padding: 0 0 0 30px;
	}

.thumbs_menu div{ 
	padding: 0 0 0 25px;
}


/* The top-round menu part */

div#menu {
	float:right;
	width: 340px;
	padding-top:54px;
	padding-right:35px;

}
ul#nav,ul#nav li {
	list-style-type:none;
	margin:0;
	padding:0
}
ul#nav {
	padding-left: 15px
}

ul#nav li {
	float:right;
	width:101px;
	margin-right:2px;
	text-align: center
}

ul#nav a {
	float:left;
	width:101px;
	padding: 2px 0 5px;
	text-decoration:none;
	background:#777777;
	color: #FFCA57;
}

ul#nav a:hover {
	background:#C0C0C0;
}

ul#nav li.activelink a,ul#nav a:hover{color: #fff}

/*end------>*/



#people a { 
	display:block;
	background:url(images/thumbs/peopleB.jpg) no-repeat center;
	width:150px;
	height:100px;
	}

#people a:hover , #people_active  { 
	background:url(images/thumbs/people.jpg) no-repeat center;
	width:150px;
	height:100px;
	}

#travel a { 
	display:block;
	background:url(images/thumbs/travelB.jpg) no-repeat center;
	width:150px;
	height:100px;
	}

#travel a:hover , #travel_active { 
	background:url(images/thumbs/travel.jpg) no-repeat center;
	width:150px;
	height:100px;
	}


#nature a { 
	display:block;
	background:url(images/thumbs/natureB.jpg) no-repeat center;
	width:150px;
	height:100px;
	}

#nature a:hover , #nature_active { 
	background:url(images/thumbs/nature.jpg) no-repeat center;
	width:150px;
	height:100px;
	}


	