/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it

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

body {
	background: #0f0f0f url(../images/bg.gif) repeat-x left top;
	background-attachment: fixed;
	font-family: Tahoma, Arial, Helvetica, sans-serif;;
	font-size: 0.75em;
	line-height: 1.2;
	color:#333;}

	.area {
		position:relative;
		width:850px;
		border: 0px solid #e8e8e8;
		margin:0 auto;}

	h1#logo a {
		position: relative;
		display: block;
		width: 284px;
		height: 139px;
		background: transparent url(../images/logo_blubike.png) no-repeat left top;
		margin: 10px auto;}

	#header {
		position: relative;
		border: 1px solid #494949;
		background: transparent url(../images/bg_header.gif) center top;}
		#cover {position: relative; height: 220px;}
			.page #cover {  display: none;}
		#banners {position: relative; overflow: hidden; height: 110px;}


/* -----------------------------------------------
	CONTENT MAIN E SIDEBAR
----------------------------------------------- */
	#content {padding: 20px 0 30px 0;margin: -20px 25px 0 25px;background: #fff; min-height:500px;}
	.main, .sidebar { width: 360px; padding: 0 20px; position: relative; float: left;}
	.wide { padding: 0 180px 0 20px; min-height: 200px; position: relative;}


#focus_on { position: relative; width: 360px; height: 200px;}
#focus_on span {
	display: block;
	position: absolute;
	left:0px;
	bottom: 0px;
	width: 340px;
	padding: 10px;
	background: #000;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
	color: #fff;
	text-decoration: none;
	text-align: center;}
		#focus_on:hover {
			filter: alpha(opacity=70);
			-moz-opacity: .7;
			opacity: .7;}

			#product-photos { position: relative; height: 370px;}

ul.list { /*margin: 0 0 0 15px;*/ border: 0px solid red; }
	ul.list li {
		padding: 3px 0 3px 18px;
		background: transparent url(../images/bullet_lista.png) no-repeat left 6px;}
		ul.list li a { text-decoration: none;}
			ul.list li a:hover { text-decoration: underline;}
			ul.list li strong { display: block;}

		ul.news li {
		background: transparent url(../images/news.png) no-repeat left 4px;
		padding-left:25px;}

		ul.eventi li {
		background: transparent url(../images/eventi.png) no-repeat left 4px;
		padding-left:25px;}

		ul.download li {
		background: transparent url(../images/disk.png) no-repeat left 3px;
		padding: 3px 0 5px 25px;}

		ul.download li .photo {
			display: none;
		}


		ul.preview li { min-height: 65px; padding:0 0 0 0; margin: 0px 5px 30px 0;
		background-image: none;}
		ul.preview li img {float: right;margin: 0 0 0 2em; border: 1px solid #ddd;}
		ul.preview li .photo {display:block; float: right;margin: 0 0 0 2em; border: 1px solid #ddd;
			width: 110px; height: 76px;
			background-repeat: no-repeat; background-position: center center; }

		.page ul.news li {border-bottom: 1px dotted #ddd;}
		.page ul.news li .photo{width: 100px; height: 56px;}


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

#footer {
	padding: 15px 45px;
	background: #15141b url(../images/bg_footer.jpg) repeat-x left top;
	font-size: 90%;}
#footer a { color: #fff;}
#footer h3 { color: #fff;}
#footer .col { float: left; width: 152px; }
#credits {
	height: 13px;
	padding: 10px 45px;
	font-size: 85%;
	background: transparent url(../images/bottom.png) no-repeat left top;}
	#credits a { font-weight: bold; text-decoration: none; }