/*-------------------------
Reset
-------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1.5;
}
a img {
	border:none;
}
a {
	outline: 0px;
}

/*------------------------------------
CSS Specifico per Marcello Bacchini
------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #e1e1e1;
	margin: 0;
	padding: 0;
	font:16px helvetica, Arial, Helvetica, sans-serif, "Century Gothic";
	color: #646464;
	line-height: 19px;
}
.column {
	float:left;
}
.clear {
	clear:both;
}
/*------------------------------------
Intro
------------------------------------*/
.mb {
	width: 600px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0px 0px -300px;
	background:url(images/background-intro.jpg);
}
.mb h1 a{
	width: 427px;
	height: 220px;
	background-image:url(images/marcello-bacchini.png);
	margin: 194px 92px;
	text-indent: -999999px;
	display:block;
	overflow:hidden
}
/*------------------------------------
Content
------------------------------------*/
table.container {
	background:url(images/background-content.jpg);
}

/*------------------------------------
Logo
------------------------------------*/
.logo {
	background-color:#000;
}
.logo h1 a{
	width: 150px;
	height: 339px;
	background-image:url(images/logo-marcello-bacchini.jpg);
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/*------------------------------------
Menu
------------------------------------*/
.menu {
	background:url(images/background-menu.jpg) repeat-y;
}

.menu .sfumato {
	background:url(images/background-sfumato.jpg) left center;
	height: 460px;
	padding-left: 20px;	
}
.menu .sfumato ul {
	padding-top: 170px;
}
.menu .sfumato ul li {
	list-style-type: none;
	display:block;
	height: 15px;
	width: 67px;
	margin-bottom: 5px;
	background-repeat: no-repeat
}
.menu .sfumato ul li a{
	display:block;
	width: 67px;
	text-indent: -999999px;
}
.menu .sfumato ul li#mbio{
	background:url(images/menu/bio.png);
}
.menu .sfumato ul li#mbio:hover, .menu .sfumato ul li#ambio{
	background:url(images/menu/bio_active.png)
}
.menu .sfumato ul li#mportfolio{
	background:url(images/menu/portfolio.png);
	height: 17px;
}
.menu .sfumato ul li#mportfolio:hover, .menu .sfumato ul li#amportfolio{
	background:url(images/menu/portfolio_active.png);
	height: 17px;
}
.menu .sfumato ul li#mevents{
	background:url(images/menu/events.png);
}
.menu .sfumato ul li#mevents:hover, .menu .sfumato ul li#amevents{
	background:url(images/menu/events_active.png);
}
.menu .sfumato ul li#mcontacts{
	background:url(images/menu/contacts.png);
}
.menu .sfumato ul li#mcontacts:hover, .menu .sfumato ul li#amcontacts{
	background:url(images/menu/contacts_active.png);
}
.menu .sfumato ul li#mfriends{
	background:url(images/menu/friends.png);
}
.menu .sfumato ul li#mfriends:hover, .menu .sfumato ul li#amfriends{
	background:url(images/menu/friends_active.png);
}
.menu .sfumato ul li#mblog{
	background:url(images/menu/blog.png);
	height:18px;
}
.menu .sfumato ul li#mblog:hover{
	background:url(images/menu/blog_active.png);
	height:18px;
}
/*------------------------------------
SubMenu
------------------------------------*/
.submenu {
	background:url(images/background-lang.jpg) repeat-y;
}
.submenu ul{
	margin-left: 15px;
}
.submenu ul li {
	list-style-type: none;
	display:block;
	height: 15px;
	width: 29px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	height: 15px;
	font-size:13px;
}
.submenu ul.lang li a{
	display:block;
	width: 29px;
	text-indent: -999999px;
}
.submenu ul.lang li#mita{
	background:url(images/menu/ita.png);
}
.submenu ul.lang li#mita:hover, .submenu ul li#amita{
	background:url(images/menu/ita_active.png);
}
.submenu ul.lang li#meng{
	background:url(images/menu/eng.png);
	height: 17px;
}
.submenu ul.lang li#meng:hover, .submenu ul li#ameng{
	background:url(images/menu/eng_active.png);
	height: 17px;
}
.submenu ul li {
	font-size: 18px;
	color: #959595;
}
.submenu ul li a{
	color: #959595;
	text-decoration:none;
}
.submenu ul li a:hover, .submenu ul li.active a{
	color: #363636;
}
/*------------------------------------
Content
------------------------------------*/
.content {
	background:url(images/background-intro.jpg) center center no-repeat;
}
.content .bio {
	width: 540px;
	height: 202px;
	text-align:left;
	background:url(images/ombra.jpg) left center no-repeat;
	padding: 50px 0 0 20px;
}
.content .contacts {
	width: 540px;
	height: 152px;
	text-align:left;
	background:url(images/ombra.jpg) left center no-repeat;
	padding: 100px 0 0 20px;
}
.content .contacts a {
	color: #363636;
	text-decoration:none;
}
.content .contacts span{
	color: #363636;
}
.content table.link{
	font-size: 14px;
	color: #363636;
	text-align:left;
}
.content table.link tr td{
	font-size: 14px;
	background:url(images/ombra_link.png) no-repeat left center;
	height: 124px;
	padding-left: 15px;
}
.content table.link a{
	color: #959595;
	text-decoration:none;
	display:block
}
.content table.link a:hover{
	color: #363636;
}
.content table tr td.evidenza{
	background:url(images/ombra_evento_evidenza.png) no-repeat left center;
	padding-left: 20px;
}
.content table tr td.evidenza .data{
	font-size: 12px;
	line-height: 12px;
	color: #959595;
	width: 90px;
}
.content table tr td.evidenza .titolo{
	font-size: 18px;
	line-height: 18px;
	color: #363636;
	padding-top: 10px;
	width: 100px;
}
.content table tr td.evidenza .titolo a{
	color: #363636;
	text-decoration:none;
}

.content table tr td.evidenza .luogo{
	font-size: 14px;
	line-height: 14px;
	color: #959595;
	width: 100px;
	padding-top: 7px;
}
.content table tr td.evento{
	background:url(images/ombra_link.png) no-repeat left center;
	padding-left: 20px;
}
.content table tr td.evento .data{
	font-size: 10px;
	line-height: 10px;
	color: #959595;
	width: 90px;
}
.content table tr td.evento .titolo{
	font-size: 14px;
	line-height: 14px;
	color: #363636;
	padding-top: 5px;
	width: 200px;
}
.content table tr td.evento .titolo a{
	color: #363636;
	text-decoration:none;
}
.content table tr td.evento .luogo{
	font-size: 12px;
	line-height: 12px;
	color: #959595;
	width: 200px;
	padding-top: 3px;
}
.content table tr td.corpo{
	padding-right: 20px;
	font-size:12px;
	line-height: 18px;
}
.content table tr td.corpo img{
	display: block;
	margin-bottom: 20px;
}
.content table.eventi tr td{
	text-align: left;
}