/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/main_bg.gif) 0 0 repeat-x #fff;
	color:#000;
	text-decoration: none;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#headerMain{
	width:100%;
}
#header{
	width:961px;
	height:319px;
	background:url(images/header_pic.jpg) 479px 57px no-repeat;
	float:right;
	position:relative;
}
#header ul.top{
	background:url(images/top_nav_bg.gif) 0 0 no-repeat;
	width:237px;
	height:18px;
	position:absolute;
	left:687px;
/*--------------i link sul top li metto spostati di 687 punti rispetto al margine sinistro	  */
	top:29px;
	padding:0 0 0 15px;
}
#header ul.top li{
	float:left;
	display:block;
}
#header ul.top li.hover{
	background:url(images/home_icon_over.gif) 0 3px no-repeat;
	padding:0 0 0 18px;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 21px 0 0;
	text-transform:uppercase;
	float:left;
	display:block;
	background-color:inherit;
}
#header ul.top li a.home{
	background:url(images/home_icon.gif) 0 3px no-repeat;
	padding:0 0 0 19px;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	margin:0 15px 0 0;
	background-color:inherit;
}
#header ul.top li a.home:hover{
	background:url(images/home_icon_over.gif) 0 3px no-repeat;
}



#header ul.top li a.about{
	background:url(images/about_us_icon.gif) 0 3px no-repeat;
	padding:0 0 0 19px;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	margin:0 15px 0 0;
	background-color:inherit;
}
#header ul.top li a.about:hover{
	background:url(images/about_us_icon_hover.gif) 0 3px no-repeat;
}
#header ul.top li a.contact{
	background:url(images/contact_icon.gif) 0 3px no-repeat;
	padding:0 0 0 23px;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	margin:0 15px 0 0;
	background-color:inherit;
}
#header ul.top li a.contact:hover{
	background:url(images/contact_icon_hover.gif) 0 3px no-repeat;
}
#header img{
	position:absolute;
	left:0;
	top:30px;
	width:411px;
	height:96px;
}
#header h1{
	font:bold 24px/27px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:0;
	top:166px;
	text-transform:uppercase;
}
#header p{
	font:normal 17px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#FEEDB7;
	background-color:inherit;
	position:absolute;
	left:24px;
	top:198px;
	text-transform:none;
	text-align:center;
	width:443px;
}
#header ul.nav{
	width:730px;
	height:39px;
	position:absolute;
	left:95px;
	top:279px;
}
#header ul.nav li{
	float:left;
	margin:0;
	padding:0;
}
#header ul.nav li a{
	display:block;
	padding:0 15px;
	font:bold 11px/39px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#header ul.nav li a:hover{
	color:#fff;
	background-color:#333399;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------bodyTop--------------------*/
#bodyTopMain{
	width: 100%;
	background: White url(images/body_top_bg.gif) repeat-x 0 0;
	color: #251C00;
	padding: 22px 0 0 0;
}
#bodyTop{
	width: 930px;
	margin: auto;
	margin-left: 0px;
	background: transparent;
}

/*------------------------------------------------container--------------------*/
#container{
	width: 930px;
	height: 650px;
	margin: 0px 0 10px 5px;
	position: relative;
	padding: 0 0 0px 0;
	background: transparent url(images/book.gif) no-repeat 0 50px;
	z-index: 1;
}

#fermaglio{
	width: 300px;
	height: 337px;
	margin: 0px 0 0px 590px;
	position: absolute;
	padding: 0 0 0 0;
	background: transparent url(images/fermaglio2.gif) no-repeat 0 0;
	z-index: 6;
	background-color: transparent;
}



#post_it{
	width: 207px;
	height: 143px;
	background: transparent url(images/post_it.gif) no-repeat 0 0;
	margin: 50px 0 0px 200px;
	position: absolute;
	padding: 0 0 0 0;
	z-index: 3;
	background-color: transparent;
}

/*----------------------------------left--------------------*/

#left{
	width: 350px;
	height: 420px;
	background-color: transparent;
	margin: 120px 0 0px 70px;
	position: absolute;
	float: left;
	padding: 0 0 0 0;
	z-index: 4;
	overflow: auto;
}


#left h2{
	width: 140px;
	font: bold 24px/26px Verdana, Arial, Helvetica, sans-serif;
	color: Blue;
	background-color: transparent;
	margin: 0px 0 30px 0;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
}

#left p.textleft{
	font: normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: inherit;
	margin: 0 0 24px 0px;
	display: block;
	width: 320px;
	text-align: justify;
}
#left p.textleft span.color{
	font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#006882;
	background-color:#FFFEFA;
}

#left p.textleft span.corsivo{
	font: italic 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: inherit;
}

/*--------------------------------------------------*/

/* Remove the images and text from sight */
#left a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
#left a.gallery, #left a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#left a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#left a.gallery:hover span {
    position:absolute; 
    width:350px; 
    height:400px; 
    top:70px; 
    left:0px; 
    color:#000; 
    background:#fff;
    }
#left a.gallery:hover img {
	border: 1px solid #fff;
	float: left;
	margin-right: 5px;
	background: bottom;
	background-position: bottom;
}
#left a.slidea {
    background:url(em3ds_images/em3ds112_small.jpg); 
    height:100px; 
    width:97px;
    }

a.slidea:hover {
    background:url(em3ds_images/em3ds112_small.jpg); 
    height:100px; 
    width:97px;
    }

	 
/*------------------------------fine left--------------------*/

/*----------------------------------right--------------------*/


#right{
	width: 204px;
	height: 199px;
	background-color: Gray;
	margin: 90px 0 0px 555px;
	position: absolute;
	float: left;
	z-index: 4;
}

#right2{
	width: 340px;
	height: 345px;
	background-color: transparent;
	margin: 15px 0 0px 470px;
	position: absolute;
	float: left;
	z-index: 3;
	background: url(images/foto.gif);
}

#numDiv {
	position:absolute;
	margin: 90px 0 0px 555px;
	float: left;
	z-index: 5;
	width:204;
	height:199;
}


#rigthtTesto {
	position: absolute;
	margin: 400px 0 0px 525px;
	float: left;
	z-index: 5;
	width: 290;
	height: 240;
	background: transparent;
	text-decoration: none;
}


#rigthtTesto h2{
	width: 300px;
	font: italic bold 20px/22px Verdana, Arial, Helvetica, sans-serif;
	color: Green;
	background-color: transparent;
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
}

#rigthtTesto p{
	font: normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: inherit;
	margin: 0 0 24px 0px;
	display: block;
	width: 320px;
	text-decoration: none;
}
#left p span{
	font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#006882;
	background-color:#FFFEFA;
}

#rigthtTesto a {
	text-decoration: none;
    }

#rigthtTesto a:hover {
	text-decoration: none;
	background: Gray;
}
/*-----------------------------fine right--------------------*/


/*--------------------------------fine container--------------------*/

/*------------------------------------------------bodyTop--------------------*/


/*------------------------------------------------footer--------------------*/
#footerMain{
	width: 100%;
	height:87px;
	background: url(images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:400px;
	margin:0 auto;
	height:87px;
	position:relative;
}
#footer ul{
	width:628px;
	position:absolute;
	left:0px;
	top:20px;
}
#footer ul li{
	float:left;
	color:#FFFAE8;
	background-color:inherit;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#FFFAE8;
	background-color:inherit;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 11px;
	text-decoration:none;
}
#footer ul li a:hover{
	color: #FFFAE8;
	background-color: #2E8B57;
}
#footer p.copyright{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:100px;
	top:39px;
}
#footer a.xht{
	width:66px;
	height:15px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#C58C00;
	background-color:inherit;
	position:absolute;
	left:216px;
	top:60px;
	margin:0;
	text-align:center;
	text-decoration:none;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
	color:#000;
	background-color:inherit;
}
#footer a.cs{
	width:66px;
	height:15px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#C58C00;
	background-color:inherit;
	position:absolute;
	left:287px;
	top:60px;
	margin:0;
	text-align:center;
	text-decoration:none;
}
#footer a.cs:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
	color:#000;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:203px;
	height:12px;
	padding:2px;
	position:absolute;
	left:20px;
	top:84px;
	font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFAE8;
	background-color:inherit;
	text-transform:none;
}
#footer p.design a.link{
	font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFAE8;
	background-color:inherit;
	text-transform:none;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#090909;
}
/*------------------------------------------------footer--------------------*/