/*
	General Stylesheet for layout and typography

	Site: Gamurrini.it
	Initial Build: 08.2009
	Author: Francesco Prosperi - | blank |	 www.loveblank.com
*/

/* -------------------------------------------------------------------- RESET */


body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	background:url(../img/back.gif) #fff repeat-x center top;
}

*:focus {
	outline:none;
}

body, html {
	height:100%;
}

#wrapper {
	width:840px;
	margin:0 auto;
}

div.clear {
	clear:both;
}


/* -------------------------------------------------------------------- MENU & HEADER */

#header {
	height:142px;
	width:840px;
	padding:0;
}

#logo {
	margin-top:42px;
	float:left;
	border:0;
}

ul#menu {
	padding:0;
	height:29px;
	float:right;
	margin:113px 0 0 0;
	font-size:11px;
	color:#b2b2b2;
	list-style:none;
}

	ul#menu li {
		display:block;
		float:left;
		margin:0 8px;
		height:29px;
	}

	ul#menu li.on {
		display:block;
		float:left;
		color:#000;
		margin:0 8px;
		background:url(../img/selector.gif) bottom repeat-x;
	}
	
		ul#menu li a:link, ul#menu li a:visited {
			color:#aaa;
			text-decoration:none;
			display:block;
		}
	
		ul#menu li a:hover {
			color:#000;
		}
	
		ul#menu li a:active {
			color:#000;
			margin-top:1px;
		}
	
div.barra {
	height:6px;
	margin:0;
	background:url(../img/barra.gif) repeat-x top;
}


/* -------------------------------------------------------------------- HOMEPAGE */

#boxBody {
	position:relative;
	width:808px;
	height:284px;
	margin-bottom:40px;
	padding:19px 12px 21px 20px;
	background:url(../img/blueback.jpg) no-repeat;
}

	#boxBody div.text1 {
		position:absolute;
		bottom:0;
		font-size:24px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#FFF;
		float:left;
		width:482px;
		text-align:justify;
		margin:0 0 10px 0;
	}
	
	#boxBody div.text1 h1 {
		font-size:24px;
		line-height:20px;
		text-align:justify;
	}
	
	#boxBody div.text1 h2 {
		font-size:14px;
		line-height:20px;
		font-weight:normal;
	}
	
	div#slideshow {
		float:right;
	}
	
	.slide1 {
		position:absolute;
		width:315px;
		height:293px;
		float:right;
	}

ul#three {
	list-style:none;
	padding:0;
	width:772px;
	margin:0 auto;
	color:#333;
}

	ul#three li {	
		float:left;
		width:365px;
		font-size:11px;
		line-height:18px;
		text-align:justify;
		margin-bottom:20px;
	}

	ul#three li.bar {
		width:41px;
		height:128px;
		padding:5px 0;
		background:url(../img/separator.gif) no-repeat center;
	}

/* -------------------------------------------------------------------- SERVIZI */

div#container {
	width:802px;
	margin:0 auto;
	padding:15px 0;
	font-size:11px;
	color:#333;
}

ul#elencoServizi {
	width:194px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

	ul#elencoServizi li {
		border-bottom:1px solid #ccc;
		color:#aaa;
		font-size:11px;
	}
	
	ul#elencoServizi li a:link, ul#elencoServizi li a:visited {
		color:#aaa;
		text-decoration:none;
		padding:4px 3px;
		display:block;
		height:12px;
	}
	
		ul#elencoServizi li a:hover, ul#elencoServizi li a:active {
			background:#f2f2f2;
			color:#333;
		}

	ul#elencoServizi li.on {
		padding:4px 3px 4px 5px;
		color:#000;
		height:12px;
	}
	
	ul#elencoServizi li.parent {
		padding:4px 3px 4px 0px;
		color:#000;
		font-weight:bold;
		height:12px;
	}
	
div#testoLargo {
	width:572px;
	text-align:justify;
	float:right;
	font-size:12px;
	line-height:18px;
	margin:4px 0;
}

	div#testoLargo a:link, div#testoLargo a:visited {
		color:#477FC1;
		text-decoration:none;
	}

	div#testoLargo a:hover, div#testoLargo a:active {
		color:#477FC1;
		text-decoration:underline;
	}

	div#testoLargo ul {
		margin-top:0;
		margin-bottom:0;
	}
	
	div#testoLargo h2 {
		margin:0 0 20px 0;
		font-size:16px;
		color:#477FC1;
	}

/* -------------------------------------------------------------------- CONTATTI & DOVE SIAMO */

div#map_canvas {
	width: 792px;
	height: 300px;
	font-size:12px;
	border:5px solid #ccc;
	margin-bottom:15px;
}

	div#map_canvas strong {
		font-size:16px;
	}

div#info {
	font-size:12px;
	color:#333;
	text-align:center;
}	

div#contattiSx {
	width:194px;
	float:left;
	line-height:16px;
}

	div#contattiSx a:link, div#contattiSx a:visited {
		color:#477FC1;
		text-decoration:none;
	}
	
	div#contattiSx a:hover, div#contattiSx a:active {
		color:#477FC1;
		text-decoration:underline;
	}

label {
	color:#999;
	margin-top:10px;
	display:block;
}

input, textarea {
	border:1px solid #ccc;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	width:570px;
	font-size:12px;
}

div.validation-advice {
	color:#FF0000;
}


/* -------------------------------------------------------------------- FOOTER */

div#footer {
	font-size:10px;
	color:#a6a6a6;
	text-align:right;
	padding:8px 0;
}

	div#footer a:link, div#footer a:visited {
		color:#a6a6a6;
		text-decoration:none;
	}
	
	div#footer a:hover, div#footer a:active {
		color:#000;
	}