/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it
------------------------------------------------
*/
html {height: 101%;}

body {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-family: 'Lucida Sans Unicode', Lucida Sans, Lucida, Lucica Grande, Arial, Helvetica, sans-serif;
	font-family: Tahoma;
	font-size: 0.75em;
	line-height:120%;
	background: #000;
	color:#333;}
	.area {position:relative; width:960px;  margin:0 auto;}

	#header {
		position: relative;
		height:113px;
		background: transparent url(../images/bg_header.gif) repeat-x left top;}
		h4#logo {position:absolute;top: 22px;left:0;}

	ul#languages { position: absolute; right:0px; top:10px;}
		ul#languages li {float: left;text-align: center;margin: 0 1em 0 0;}
				ul#languages li a {
				font-size: 0.8em;
				display: block;
				padding: 2px 5px;
				text-decoration: none;
				color: #000;}
					ul#languages li a:hover,
					ul#languages li.selected a { background: #c00; color: #fff;}

	#search { position: relative;}



/* -----------------------------------------------
	COVER
----------------------------------------------- */

 #cover { background: #000; height: 250px; border: 0px solid red;}
 .page #cover {
	height: 130px;
	border: 0px solid red;
	overflow: hidden;
	position: relative;}
 	.page #cover .area {background: #b7b7b7; height: 130px;}
   		#cover_page {
   			position: relative;
			float: left;
			width: 480px;
			height: 130px;
			overflow: hidden;}

			#counter { position: absolute; left: 20px; bottom:20px; border: 0px solid lime; z-index: 1000;
visibility: hidden; background: transparent url(../images/pixel.png) left top; padding: 3px 0;}
			#counter span {
				color: #fff;}
			#counter strong {
				font-size: 2.5em; line-height: 1;
				font-family: Arial, Helvetica, sans-serif;}
			#counter em {font-style: normal; font-size: 1.1em; text-transform: uppercase;}


		/*
		.sez28 #cover_page { background-image: ;}

		.sez29 #cover_page { background-image: url(../images/cover_page/cover_page8.jpg);}
		.sez68 #cover_page { background-image: url(../images/cover_page/cover_page5.jpg);}
		.sez78 #cover_page { background-image: url(../images/cover_page/cover_page6.jpg);}

		.sez35 #cover_page { background-image: ;}
		.sez0 #cover_page { background-image: ;}
		.sez32 #cover_page { background-image: ;}
		*/


	#dove_siamo {
	position: relative;
	float: left;
	width: 220px;
	height: 230px;
	padding: 1em 20px 20px 20px;
	color: #1f1e1f;
	font-size: 0.9em;
	background: transparent url(../images/bg_dove_siamo.gif) no-repeat left top;}
		.page #dove_siamo {height: 130px; padding-top: 1em;}
		#dove_siamo p {padding-bottom: .5em;}
		#dove_siamo .hr { background-position: left top;height: .5em;}

	#page_news { position: relative; width: 220px; height: 110px; float: left;}

/* -----------------------------------------------
	CONTENT MAIN E SIDEBAR
----------------------------------------------- */
	#page { position: relative;}

	.home #page .area {
		background: transparent url(../images/bg_page_home.jpg) repeat-y left top;}
	.page #page .area {
		background: transparent url(../images/bg_page_page.gif) repeat-y left top;}

	#content { width: 700px; float: left; padding: 2em 0;}
	.home #content {padding-top: 1em;}

	#content #main {
		position: relative;
		width: 440px;
		float: left;
		padding: 0 20px;}
	.page #content #navigation {
		position: relative;
		width: 180px;
		float: left;
		padding: 0 20px;}

	.home #content #main,
	.home #content #navigation {
		position: relative;
		width: 310px;
		float: left;
		padding: 0 20px;}
		#navigation, .home #main {color: #c4c4c4;}

	/*WIDE VARIANT*/
	.wide #page .area {background-image: url(../images/bg_page_wide.gif);}
	.wide #content #main { width: 660px; background: #fff;}
	/*.wide #content #navigation { display: none;}*/


	#sidebar {
		position: relative;
		width: 220px;
		float: left;
		padding: 1em 20px;
		color: #c4c4c4;}

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

#footer { padding: 15px 20px;}