/*************************************************************************

C S S    H A N D C R A F T E D    B Y    MAMOKA            www.mamoka.com

..........................................................................
..........................................................................
..........................................................................
..........................................................................
..........................................................................

**************************************************************************

CODER

Riccardo Lorenzo Motta - r.motta@mamoka.com

**************************************************************************

SECTION

- Main tags and wrapper
- Header
- Menu1
- Info
- Content
- Column 2
- Column 1
- Column 3
- Footer
- Various

*************************************************************************/

html, body
	{
	margin: 0;
	padding: 0;
	height: 100%;
	
	}
body
	{
	font: normal 62.5% Arial, Tahoma, Helvetica, Sans-serif;
	text-align: center;
	background: #F0EEE8 url('wrapper.jpg') top center no-repeat;
	background-attachment: fixed;
	}
#wrapper
	{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	}


/*************************************************************************

 H E A D E R

*************************************************************************/

#header
	{
	float: left;
	margin: 0;
	}
	#header p
		{
		margin: 0;
		background: url('header.jpg') center top no-repeat;
		}
		#header p a
			{
			display: block;
			width: 220px;
			height: 176px;
			text-decoration: none;
			}
			#header p a strong
				{
				position: relative;
				z-index: -1;
				}


/*************************************************************************

 M E N U 1

*************************************************************************/

#menu1
	{
	float: right;
	width: 780px;
	height: 253px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	background: url('menu1.jpg');
	}
	#menu1 ul
		{
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
		}
		#menu1 ul li
			{
			display: inline;
			margin: 0;
			padding: 0;
			}
			#menu1 ul li a
				{
				display: block;
				float: left;
				margin: 210px 5px 0 0;
				padding: 14px 0 11px 30px;
				width: 110px !important;
				width /**/: 140px;
				font-size: 1.2em;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				color: #FFFFFF;
				}
			#menu1 ul li a:hover
				{
				color: #522610;
				text-decoration: underline;
				background: url('menu_hover.gif');
				}


/*************************************************************************

 I N F O

*************************************************************************/

#info
	{
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 74px !important;
	height /**/: 77px;
	overflow: hidden;
	font-size: 1.1em;
	color: #6E5240;
	border-bottom: 3px solid #F29400;
	}
	#info p.closed
		{
		margin: 0;
		padding: 5px 0 10px 33px;
		border-top: 1px solid #F6B44C;
		background: url('closed.jpg') left top no-repeat;
		}
	#info p.phone
		{
		margin: 0;
		padding: 10px 0 11px 33px;
		border-top: 1px solid #F6B44C;
		background: url('phone.jpg') left top no-repeat;
		}


/*************************************************************************

 C O N T E N T

*************************************************************************/

#content
	{
	clear: both;
	margin: 0;
	padding: 0;
	}


/*************************************************************************

 C O L U M N 1

*************************************************************************/

#col1
	{
	display: inline;
	float: left;
	margin-left: 220px;
	padding: 20px 0 0 0;
	width: 500px;
	color: #6E5240;
	}
	#col1 h1
		{
		margin: 0 20px 20px;
		padding: 0;
		}
	#col1 h2
		{
		margin: 0;
		padding: 0 0 20px 20px;
		font-size: 1.4em;
		}
	#col1 p
		{
		margin: 10px 20px;
		padding: 0;
		font-size: 1.3em;
		line-height: 1.2;
		}
	#col1 a
		{
		color: #6E5240;
		}
	#col1 ul
		{
		margin: 10px 20px;
		padding: 0 15px;
		font-size: 1.3em;
		line-height: 1.2;
		}
	#col1 ul.photogallery
		{
		margin: 10px 20px;
		padding: 0;
		list-style: none;
		}
		#col1 ul.photogallery li
			{
			}
			#col1 ul.photogallery li a
				{
				font-size: 1.4em;
				}
			#col1 ul.photogallery li img
				{
				display: block;
				}

/*************************************************************************

 C O L U M N 2

*************************************************************************/

#col2
	{
	display: inline;
	float: left;
	margin-left: -720px;
	padding: 0;
	width: 220px;
	color: #6E5240;
	}
	#col2 ul.photogallery
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}


/*************************************************************************

 C O L B O X E S

*************************************************************************/

#colbox-eventi h2, #colbox-menu h2, #colbox-galleria h2, #colbox-contatti h2
	{
	margin: 0;
	padding: 30px 0 5px 10px;
	border-bottom: 1px solid #F6B44C;
	background: url('colh2.jpg') left bottom repeat-x;
	color: #F29400;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	}
#colbox-galleria a, #colbox-contatti a
	{
	color: #A18A7C;
	}
#colbox-eventi
	{
	}
	#colbox-eventi ul
		{
		margin-top: 10px;
		margin-left: 10px;
		padding: 0;
		font-size: 1.1em;
		list-style: none;
		}
		#colbox-eventi ul li
			{
			padding: 0 10px 10px 0;
			}
#colbox-menu
	{
	}
	#colbox-menu ul
		{
		margin: 10px 0 0 10px;
		padding: 0;
		list-style: none;
		font-size: 1.1em;
		font-weight: bold;
		}
		#colbox-menu ul li
			{
			display: inline;
			margin: 0;
			padding: 0;
			}
			#colbox-menu ul li a
				{
				display: block;
				padding: 0 10px 10px 0;
				color: #6E5240;
				text-decoration: none;
				}
#colbox-galleria
	{
	}
	#colbox-galleria img
		{
		display: block;
		margin: 0;
		border: 0;
		padding: 0;
		}
	#colbox-galleria p
		{
		margin: 0;
		padding: 10px;
		}

#colbox-contatti
	{
	}
	#colbox-contatti img
		{
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		}
	#colbox-contatti p
		{
		padding-left: 10px;
		font-size: 1.1em;
		}

/*************************************************************************

 C O L U M N 3

*************************************************************************/

#col3
	{
	float: right;
	width: 280px;
	color: #A18A7C;
	}

/*************************************************************************

 F O O T E R

*************************************************************************/

#footer
	{
	clear: both;
	background: #A48E81 url('footer.jpg') center bottom no-repeat;
	color: #DCCDC3;
	}
	#footer p
		{
		margin: 0 0 0 10px;
		padding: 5px 0;
		font-size: 11px;
		}
		#footer p a
			{
			text-decoration: none;
			color: #DCCDC3;
			}
			#footer p a:hover
				{
				text-decoration: underline;
				color: #FFFFFF;
				}


/*************************************************************************

 V A R I O U S

*************************************************************************/

table
	{
	margin: 0 20px 20px 20px;
	padding: 0;
	width: 460px;
	font-size: 1.4em;
	color: #6E5240;
	}
table td
	{
	padding: 10px 0;
	border-bottom: 1px solid #FF9900;
	vertical-align: bottom;
	}
	table td.prodotto
		{
		width: 380px;
		}
	table td.prezzo
		{
		width: 80px;
		}
	table td ul
		{
		list-style-image: url('menu_bullet.jpg');
		}
		#table td ul li
			{
			margin: 0;
			padding: 0;
			}

div#google-map
	{
	margin: 20px 0 20px 20px;
	}