/*

CSS FRONT-END VER. 1


© Interattiva e-comunicazione
  www.lineagrafica.it

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

html {height: 101%;}


body {
	background: #000000;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.2;
	color:#666;}

	boby .pl-version {}

	.area {
		position:relative;
		width:1020px;
		border: 0px solid lime;
		margin:0 auto;}

/* -----------------------------------------------
	HEADER
----------------------------------------------- */
#header {
	overflow: visible;
	height: 92px;
	padding: 20px 0 0 0;
	background: #000 url(../images/bg_header.jpg) repeat-x left top;}

	h4#logo {
		border: 0px solid red;
		position: relative;
		float: left;
		width: 250px;
		height: 38px;}

		ul#contacts { position: relative; float: right; margin: 0 20px 0 0;}
		ul#contacts li {
			position: relative;
			padding: 0 10px;
			color: #666;
			border-right: 1px solid #a5a5a5;
			float: left; }
			ul#contacts li.no_border { border: none;}

		#search_form { position: relative; float: right;}
		table.search { margin: 0 170px 0 0; }
		table.search td {vertical-align: top; }
		table.search td input { height: 24px; margin: 0 .5em 0 0; padding: 0px; border: 0; }



	div#languages {
		width:150px;
		z-index:1001;
		position: absolute; right: 0;
		margin: 0 0 0 20px;
		background: #5d5d5d;
		border: 0px solid red;
		color: #e8e8e8;
		text-transform: uppercase;}
		    div#languages .current { padding:0 10px; background: url(../images/arrow-down.gif) no-repeat 130px center;}
			div#languages .available {border-top: 1px dotted #404040;}
			div#languages .current a { display: block; padding: 5px 10px 6px 20px; color: #ddd; }
			div#languages ul {padding: 6px 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; }
				.pl { background: transparent url(../images/flags/lang_pl.png) no-repeat left center; }

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

#cover {
padding: 20px 0;
height: 180px;
background: #000 url(../images/bg_cover.jpg) repeat-x left bottom;
border:0px solid red;
overflow: hidden;}


.home #cover {height: 270px;}
.prodotto #cover { padding: 20px 0 40px 0; height: 240px;}

	#payoff {
		position:relative;
		float: right;
		padding: 0px 0 0 20px;
		width: 235px;
		height: 268px;
		border: 0px solid red;}
		#payoff_text {
			display: block;
			position: absolute;
			left: 20px;
			top: 20px;}

	#news {
		position: absolute;
		bottom: 10px;
		left: 0px;
		padding: 0 0 0 20px;
		width: 200px;
		border: 0px solid red;}
		#news ul li {margin: 0 0 0.6em 0; }
		#news ul li a {
			display: block;
			background: url(../images/bullet.png) no-repeat center left;
			padding: 0 0 0 20px;
			text-decoration: underline;
			color: white; }


/* -----------------------------------------------
	CONTENT MAIN E SIDEBAR
----------------------------------------------- */
#content {position: relative; padding: 30px 0 40px 0;}
.normal #content {position: static; min-height: 330px;}


.page #content, .prodotto #content { background: #fff url(../images/bg_media.jpg) repeat-x left top;}
.prodotti #content .area { width: 765px; padding: 0 255px 0 0;}

#more { position: relative; padding: 20px 0;}

.box_25 {position: relative; float: left; padding: 0 20px; width: 215px;}
.box_50 {position: relative; float: left; padding: 0 20px; width: 470px;}
.box_75 {position: relative; float: left; padding: 0 20px; width: 725px;}
	.box_50 h3 { color: #000; font-size: 1.8em;}
	.box_50 p { font-size: 1.1em;}

ul.default, #description ul { margin: 1.0em 0 1.0em 20px; }
ul.default li, #description ul li {background: transparent url(../images/bullet.png) no-repeat left 3px;padding: 0.2em 0 0.2em 20px;}
.box_50 ul.default li {font-size: 1.1em;}

ul.news li  {
	display: block;
	padding: 0 0 1.5em 0;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	clear: both;
	border-bottom:1px dotted #666;}
    ul.news li a  {display: block; color: #D5AC0D; font-size: 1.3em; text-decoration: underline; font-family: Arial;}
    ul.news li a:hover  { text-decoration: none;}
    ul.news li span.data  {display: block; font-weight: bold; font-size: 1em;}
    ul.news li img  {display: block; float: right; margin: 0 0 10px 20px;}

	div.news h4  {font-size: 1.6em; margin-bottom: 0.2em; color: #d9b00d; text-transform: uppercase;}
	div.news span.luogo  {display: block; font-size: 0.9em;}
	div.news span.data  {display: block; font-weight: bold; font-size: 1em; margin-bottom: 2em;}
	div.news img  {display: block; margin: 0 0 0 0;}
/* -----------------------------------------------
	FORNI HOME PAGE
----------------------------------------------- */
#showcase {
	position: relative;
	height: 260px;
	width: 100%;
	background: #000 url(../images/bg_showcase.gif) repeat-x left top;
	border:0px solid red;}
	#showcase table tr td { padding-top: 15px; vertical-align: top;}
	#showcase a {
		display: block;
		width: 195px;
		position: relative;
		font-size: 1.2em;
		font-weight: bold;
		color: white;
		text-align: center;}
		#showcase a:hover {
			background: transparent url(../images/bg_hover_items.gif) no-repeat left top;
			text-decoration: none;
			color: #f2d200;}
			#showcase a img { display: block; margin: 0 0 1em 0;}
				#showcase a span {
					display:block;
					position:absolute;
					top:0px;
					left:0px;
					border: 0px solid lime;
					width: 195px;
					height: 190px;}

					#showcase a.cat_13 span.rollover {background:url(../images/techno_energy_6080_fsx.png);}
					#showcase a.cat_14 span.rollover {background:url(../images/deko.png);}
					#showcase a.cat_15 span.rollover {background:url(../images/ciclo-mondial.png);}
					#showcase a.cat_16 span.rollover {background:url(../images/mondial.png);}
					#showcase a.cat_17 span.rollover {background:url(../images/micro_10.png);}

/* -----------------------------------------------
	LINEE PRODOTTO HOME PAGE
----------------------------------------------- */
#product_line {
	position: relative;
	width: 100%;
	border:0px solid red;}
	#product_line a {
		position: relative;
		display: block;
		background: transparent url(../images/bg_prodotto.gif) no-repeat left bottom;
		float: left;
		width:215px;
		height: 62px;
		margin-right: 26px;
		padding: 20px 10px 10px 10px;
		font-size: 1em;
		color: #e8e8e8;}
		#product_line a:hover {text-decoration: none;color: #f2d200;}
		#product_line a.domino {background: transparent url(../images/bg_domino.gif) no-repeat left bottom;}
        #product_line a em {
						display: block;
						position: absolute;
						left: 0px;
						top: 0px;
						z-index:1;
						width: 235px;
						height:5px; }
						#product_line a strong { font-size: 1.2em; text-transform: uppercase;}

				        #product_line #energy_savings {
							position: relative;
							display: block;
							background: none;
							padding: 0;
							float: left;
							width:235px;
							height: 92px;
							margin-right: 0px;}

				#product_line a.blue em {background: transparent url(../images/bg_hover_blue.gif) no-repeat left top;}
				#product_line a.green em {background: transparent url(../images/bg_hover_green.gif) no-repeat left top;}
				#product_line a.red em {background: transparent url(../images/bg_hover_red.gif) no-repeat left top;}
				#product_line a.white em {background: transparent url(../images/bg_hover_white.gif) no-repeat left top;}
				#product_line a img { display: block; float: left; margin: 0 10px 0 0;}

/* -----------------------------------------------
	FOOTER
----------------------------------------------- */
#footer { background: #141414; padding: 20px 0;}
#footer a { color: #e8e8e8; text-decoration: underline;}
#footer a:hover { color: #f2d200;}

ul.services { position: relative; float: right;}
ul.services li  {
	height: 15px;
	padding: 0 8px 0 0;
	margin: 0 0 0.7em 0;
	text-align: right;
	border-right:15px solid #2f2f2f;}