/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it

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

html {}

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

	.area {
		position:relative;
		width:950px;
		margin:0 auto;}

		.home .wrapper {
			background: #0f0f0f url(../images/bg_home.gif) no-repeat center top;
			padding-top: 50px;}
		.home #intro { position: relative; width: 750px; height: 300px; margin: 0 auto;}
		a#skip {
			position: relative;
			display: block;
			float: right;
			margin: 15px auto 0 auto;
			text-indent: -9999px;
			background: url(../images/pulsante.png) no-repeat left top;
			height: 50px;
			width: 103px;}
			a#skip:hover { }

			.home #footer {
				position: relative;
				margin: 2.5em 0 0 0;
				border: none;
				text-align: center;}

		.wrapper {
			background: #0f0f0f url(../images/bg_index.gif) no-repeat center top;
			min-width: 950px;
			min-height: 600px;  }

#header {
	position: relative;
	z-index: 100;
	height: 85px;
	border:0px solid #fff;
	padding: 15px 150px 0 150px;}
	h1#logo {
		border: 0px solid red;
		float: left;
		width: 232px;
		height: 50px;}

	#header h2 {
		float: right;
		width: 248px;
		height: 54px;}

#cover {
	position: absolute;
	width: 650px;
	background: transparent url(../images/covers/cover2.jpg) repeat-x center top;
	top: -19px;
	left: 0px;
	height: 263px;}

#techno_active {display: block;height: 140px;width: 100px;position: absolute;top:65px;left: 3px;z-index: 200;}
#techno_logic {display: block;height: 140px;width: 100px;position: absolute;top:65px;left: 146px;z-index: 200;}
#techno_energy {display: block;height: 140px;width: 100px;position: absolute;top:65px;left: 289px;z-index: 200;}

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

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

#menu { width: 150px; margin-top: 206px; float: left; position: relative;}
#main {
	width: 570px;  min-height: 360px;
	float: left; position: relative;
	background: #fff;
	padding:270px 40px 120px 40px;}
#sidebar {width: 150px; margin-top: 206px; float: left; position: relative;}

div#languages {
	background: #2b2b2b;
	color: #e8e8e8;
	text-transform: uppercase;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;}
    div#languages .current { padding:0 10px; background: #2b2b2b url(../images/arrow-down.gif) no-repeat 130px center;}
	div#languages .available {border-top: 1px dotted #404040;}
	div#languages .current a { display: block; padding: 10px 10px 10px 20px; color: #ddd; }
	div#languages ul {padding: 10px 0;}
	div#languages ul li { margin:5px 10px 0 10px; padding: 3px 0px 3px 20px;}

	.it { background: transparent url(../images/flags/lang_it.png) no-repeat left center; }
	.en { background: transparent url(../images/flags/lang_en.png) no-repeat left center; }
	.es { background: transparent url(../images/flags/lang_es.png) no-repeat left center; }
	.ru { background: transparent url(../images/flags/lang_ru.png) no-repeat left center; }
	.de { background: transparent url(../images/flags/lang_de.png) no-repeat left center; }
	.fr { background: transparent url(../images/flags/lang_fr.png) no-repeat left center; }

h2#title_ibas {
	display: block;
	width: 300px;
	background: transparent url(../images/ibas.png) no-repeat right top;
	margin: 0 0 50px 0; }

	img#energy_savings {
		position: absolute;
		top: 230px;
		left:250px;
		width: 90px;
		height: 50px;
		z-index: 100;}

ul.default { margin: 1.0em 0 1.0em 20px; }
ul.default li {
	background: transparent url(../images/bullet.png) no-repeat left center;
	padding: .4em 0 .2em 20px;}

	.first_image {
		position: relative;
		padding: 5px;
		width: 200px;
		border: 1px dotted #ccc;
		text-align: center;
		float: 	right;
		margin: 0 0 20px 40px;
		font-size: 0.9em;}
		.first_image img {
			display: block;
			margin: 0 auto 10px auto;
			width: 190px}
			#energy_savings {
				position: relative;
				float: right;
				width: 80px;
				height: 40px;
				margin: 0 0 20px 0;}







.box { display: block; padding: 10px 70px 10px 10px; margin: 0 0 20px 0; color: #e8e8e8; cursor: pointer; }
.box strong { display: block; font-size: 1.6em; color: #d9b00d; margin-bottom: 0.5em;}

.galleria { background: #2b2b2b url(../images/bg_galleria.jpg) no-repeat right top; }
.video { background: #2b2b2b url(../images/bg_video.jpg) no-repeat right 10px; }
.download { background: #2b2b2b url(../images/bg_download.jpg) no-repeat right 10px; }


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


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

#footer { position: absolute; bottom: 0px; left: 0px; background: #0f0f0f; padding: 1.0em 0; width: 100%; border-top: 20px solid #333; color: #666; text-align: center;}

#footer p {text-align: left;}