/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it

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

html {}

body {
	background: #fff;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2;
	color:#313131;}

	.area {
		position:relative;
		width:700px;
		padding: 0 160px;
		margin:0 auto;}

#header {
	position: relative;
	z-index: 100;
	background: #fff url(../images/bg_header.jpg) no-repeat left top;
	margin: -35px 0 0 0;
	padding-top: 30px;
	height: 347px;}
	#header h2 { color: #fff; font-size: 1.5em;}

	h1#logo {
		border: 0px solid red;
		margin-left: 20px;
		width: 510px;
		height: 268px;}

	#header h3 {color:#fff;}

/* -----------------------------------------------
	CONTENT MAIN E SIDEBAR
----------------------------------------------- */

#content {
	position: relative;
	padding-top: 60px;
	background: transparent url(../images/bg_content.jpg) no-repeat center top;}

.box { padding: 0 20px 0 0; position: relative;}
.main { float: left; width: 380px;}
.side { float: left; width: 260px;}

div.informazioni {
	margin: 10px auto 0 auto;
	font-size: 90%;
	color: #666;
	width: 220px;}

a#iscriviti {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 50px;
	position: relative;
	margin:0 auto 20px auto;
	background: #537d80 url(../images/bg_iscriviti.jpg) repeat-x left top;}
 a:hover#iscriviti { background-position: left -50px; }


ul.argomenti li { padding: 4px 0 4px 20px; background: transparent url(../images/bullet_lista.png) no-repeat left 6px; }

/*BOX GALLERIA*/

	ul#galleria {margin-left: -20px;}
		ul#galleria li {
		background: none;
		display: block;
		float: left;
		padding: 0 0 20px 20px;
		width: 213px;
		height: 150px;}
			ul#galleria li a {
				display: block;
				float: left;
				color: #000;
				text-decoration: none;}
					ul#galleria li a:hover {filter: alpha(opacity=80);-moz-opacity: .8;opacity: .8;}

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

#footer {
	margin: 2em 0 0 0;
	height: 130px;
	background: #fff url(../images/bg_footer2.jpg) no-repeat left bottom;
	text-align: center;
	color: #e8e8e8;}

	#footer p {font-size: 90%;}
	#footer a {color: white;}