/*caratteristiche pagina ---------------------------------------------------*/

body { margin:0px; padding: 40px 0px 0px; text-align:center; color:#999999; background:#333333 url(../images_prod/bg.gif) repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; }
	
a:link, a:visited { color: #999999; text-decoration: none; cursor:pointer; }
a:hover { color: #666666; text-decoration: none; cursor:pointer; }	
	
h1 span, h2 span, h3 span { display: none; }

h1, h2, h3, h4, p { margin:0px; }

#container { width:800px; margin:0px auto; background-color: #000000; border: #333333 1px solid; }
#main { width:760px; margin:0px auto; }

/* logo e link di home page e english summary ----------------------------------------*/

#intestazione { float:left; position:relative; width: 100%; margin:20px 0px; }
	#intestazione h1 { width: 236px; height: 94px; float: left; background-image:url(../images_prod/logo.gif); }
	#intestazione h1 a { display:block; width: 100%; height: 100%; }
	
.ul_menu_up { float:right; position:relative; font-size: 9px; line-height:20px; list-style:none; margin:0px; padding:0px; }
.ul_menu_up li { float:left; position:relative; margin-right:5px; }

a.btn_social 		{ width:20px; height:20px; float:left; position:relative; background:url(../images_prod/sprite_social.png); }
	a.btn_facebook 	{ background-position:left top; }
	a.btn_twitter 	{ background-position:right top; }
	a:hover.btn_facebook 	{ background-position:left bottom; }
	a:hover.btn_twitter 	{ background-position:right bottom; }

/*foto, menù di servizio, e frase ------------------------------------------------------*/	

#header { 
margin-top: 20px; 
display: table; 
width: 100%; }

#foto{ 
width: 365px; 
height: 153px; 
float: left; 
background-image:url(../images_prod/foto_home.jpg); 
border:solid #333333 1px; }
	
#menu { 
background-color: #1A1A1A; 
border: #333333 1px solid; 
float: right; 
width: 375px; 
height:27px; 
margin:0px;	}
		
#menu ul { 
list-style: none; 
padding:0; 
margin:0px auto;
width: 95%; }
			
#menu li { 
width:26%; 
height:27px;
float: left; }
			
#menu a { 
display:block; 
width:100%; 
height:100%; }
			
#menu span { 
display: none; }	
			
#menu a.about_us:link, a.about_us:visited { 
background: url(../images_prod/about_us.gif) no-repeat left center; }

#menu a.about_us:hover { 
background: url(../images_prod/about_us_on.gif) no-repeat left center; }

#menu a.lavora:link, a.lavora:visited { 
background: url(../images_prod/lavora.gif) no-repeat left center; }

#menu a.lavora:hover { 
background: url(../images_prod/lavora_on.gif) no-repeat left center; }

#menu a.contacts:link, a.contacts:visited { 
background: url(../images_prod/contacts.gif) no-repeat center center; }

#menu a.contacts:hover { 
background: url(../images_prod/contacts_on.gif) no-repeat center center; }

#menu a.info:link, a.info:visited { 
background: url(../images_prod/info.gif) no-repeat right center; }

#menu a.info:hover { 
background: url(../images_prod/info_on.gif) no-repeat right center; }
		
#payoff { 
display: table; 
float:right;
margin: 20px 0 0 0; 
width: 375px; 
height: 98px; 
background-image:url(../images_prod/payoff.gif); }

/*parte centrale con menu events e testo principale --------------------------------------*/

#base { 
display: table; 
margin-top: 20px; 
width: 100%; 
text-align: center; 
height: auto; 
background-color:#1A1A1A; 
border: #333333 1px solid; }

#contenitore { 
width: 720px; 
float:left; position:relative;
margin: 20px; }

#menu2 { 
text-align:center; 
float:left; position:relative;
height: auto;
}
	
#menu2 ul { 
list-style:none; 
padding: 0;
margin: 0;
}

#menu2 li.main {	
height:23px; 
width: 119px;
margin-top: 20px;
}

#menu2 li.sub {	
width: 103px;
text-align: left;
margin-left: 16px;
padding-left: 3px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px #0E463B solid;
}

#menu2 a {
display:block; 
width:100%; 
height:100%; }

#menu2 span { 
display: none; }
				
#menu2 a.business:link, a.business:visited { background-image:url(../images_prod/business.gif); }
#menu2 a.business:hover { background-image:url(../images_prod/business_on.gif); }

#menu2 a.private:link, a.private:visited { background-image:url(../images_prod/private.gif); }
#menu2 a.private:hover { background-image:url(../images_prod/private_on.gif); }

#menu2 a.weddings:link, a.weddings:visited { background-image:url(../images_prod/weddings.gif); }
#menu2 a.weddings:hover { background-image:url(../images_prod/weddings_on.gif); }

#menu2 a.christmas:link, a.christmas:visited { background-image:url(../images_prod/christmas.gif); }
#menu2 a.christmas:hover { background-image:url(../images_prod/christmas_on.gif); }

#base_testo { 
background: url(../images_prod/bg_testo.gif) repeat-y; 
display: table; 
width: 566px; 
float: right; 
text-align: justify; }

#base_testo h3 {
background-image:url(../images_prod/presentazione.gif); 
height:28px; }

#base_testo p { 
padding: 10px 20px 20px 20px; 
background: url(../images_prod/footer_testo.gif) bottom no-repeat; 
line-height: 22px; 
color:#CCCCCC; }
				
/* contenitore locations e photo gallery ---------------------------------------------------------------*/
#base2 { 
display: table; 
margin-top: 20px; 
width: 100%; 
text-align: center; 
height: auto; }

#contenitore2 { 
width: 760px; 
display: table; 
margin: 0px auto; }

/*locations*/

#base_locations { 
position: relative;
display: table; 
float: left; 
background: url(../images_prod/base_locations.gif) repeat-y; 
width: 762px;

margin-bottom: 20px;
text-align: justify; }

#base_locations h3 { 
background-image:url(../images_prod/locations.gif);
width:100%; 
height:27px; 
padding: 0; }

#base_locations a
{
	cursor: pointer;
}

#location1 {
width: 164px;  
float:left; 
padding: 10px 0 10px 20px; }

#location1 img { 
border:solid #333333 1px; 
margin-bottom: 10px; }

#location1 h4 { 
font-size: 11px; 
font-weight:bold; }

#location2 { 
width: 164px; 
float:right; 
padding: 10px 20px 10px 0; }

#location2 img { 
border:solid #333333 1px; 
margin-bottom: 10px; }

#location2 h4 { 
font-size: 11px; 
font-weight:bold; }

#base_locations p.footer { 
display: block; 
float: left; 
padding: 2px 0px 2px 0px; 
font-size: 9px; 
text-align: right; 
width: 100%; 
background:url(../images_prod/footer_locations.gif) repeat-y; }

/*photo gallery*/

#base_photo { 
display: table; 
float: left; 
background: url(../images_prod/base_photo.gif) repeat-y; 
width: 762px;
text-align: justify; }

#base_photo h3 { 
background-image:url(../images_prod/photo_gallery.gif); 
height:27px; 
padding: 0; }

#base_photo p {
text-align: center;
color:#CCCCCC;
margin: 10px 0 0 15px;  }

#base_photo .link
{
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#base_photo img {
margin: 5px 10px 9px 0px;
border:solid #333333 1px;
}

#base_photo p.footer { 
display: block; 
float: left; 
padding: 0;
margin: 0; 
text-align: right; 
width: 100%; 
background:url(../images_prod/footer_photo.gif) repeat-y; }

#base_photo a
{
	cursor: pointer;
}

/*footer --------------------------------------------------------------------------------------------*/

#base3 { 
display: table; 
margin:20px 0 20px 0; 
width: 100%; 
background-color:#1A1A1A; 
border: #333333 1px solid; }

#base3 p { 
float:left; 
padding: 10px 0 10px 10px; }
	
#base3 a.mit { 
background: url(../images_prod/mitdesign.gif); 
float:right; 
width:60px; 
height:11px; 
margin: 10px 10px 8px 0; }
	
#base3 span { 
display: none; }

.riga_menu { width:100%; float:left; position:relative; line-height:1px; border-top:1px solid #333333; margin-top:20px; padding-bottom:10px; }