/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it
------------------------------------------------
*/

/*html {height: 105%;}*/

body {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	line-height:120%;
	background: #ededed;
	color:#666;}

	.area {position:relative; width:960px;  margin:0 auto; border: 0px solid red;}

		#wrapper {
			background: #ededed url(../images/bg2.jpg) no-repeat center top;}
			.page #wrapper {padding-top: 20px;}

	div#header {
		height:90px;
		background: transparent url(../images/bg_header.gif) repeat-x left top;}
		h1#logo {
			display: block;
			position:absolute;
			top: 20px;
			left: 0px;
			width:163px;
			height:60px;}

	div#search { position: absolute; right: 0px; top: 20px;}
	div#photos { position: relative; height: 316px; border: 0px solid lime;}
	ul#slideshow li {display: none;position: absolute;}


	#banner_sirio {
		display: block;
		width: 239px;
		height: 228px;
		position: absolute;
		right: 20px;
		top: 30px;}


/* -----------------------------------------------
	HOMEPAGE SLIDER
----------------------------------------------- */

#slider {
	background: transparent url(../images/bg_slider.png) no-repeat left top;
	position: relative;
	padding: 10px 0 0 0;
	visibility: hidden;
	/* anti-flickering js */ }

	#slider li a strong {
		font-size: 110%;
		line-height: 1.1;
	}


	#slider div.bottom {
		width:960px; height: 10px;
		position: absolute; bottom: -10px; left:0px; z-index: 10;
		background: transparent url(../images/bg_slider_bottom.png) no-repeat left top;}

	.home #content { padding: 30px 0 20px 0; margin: 0px; position: relative;}
	.page #content { margin: 0 0 20px 0;}

	.home #content #main {
		/*background: transparent url(../images/bg_div_center.png) no-repeat left top;*/
		background: #fff;
		position: relative;
		float: left;
		width: 500px;
		padding: 15px 10px 0 10px;
		margin: 0 20px;}
		.home #content #main .bottom {
			display: none;
			width:520px;
			height:20px;
			margin: 0 -10px;
			background: transparent url(../images/bg_div_center_bottom.gif) no-repeat left top;}

	.page #content #main {
		/*background: transparent url(../images/page_bg_div_center.png) no-repeat left top;*/
		background: white;
		float: left;
		position: relative;
		width: 680px;
		min-height: 400px;
		padding: 25px 25px 25px 25px;
		margin: 0 20px 0 0;}
	    .page #content #main .bottom {
	    	display: none;
	    	position: absolute;
			bottom: -20px;
			left:0px;
			width:730px;
			height:20px;
			/*margin: 0 -25px;*/
			background: transparent url(../images/page_bg_div_center_bottom.png) no-repeat left top;}

	#content .box {
		/*background: transparent url(../images/bg_div_box.png) no-repeat left top;*/
		background: white;
		position: relative;
		float: left;
		width: 180px;
		padding: 15px 10px 10px 10px;
		margin: 0 0 20px 0;}
		#content .box .bottom {
			display: none;
			position: absolute;
			bottom: -20px;
			left: 0px;
			width:200px;
			height:20px;
			/*margin: 0 -10px;*/
			background: transparent url(../images/bg_div_box_bottom.png) no-repeat left top;}


/* -----------------------------------------------
   LISTA IMMAGINI MARCHI & CERTIFICAZIONi
----------------------------------------------- */

	div.brands { position:relative; width:300px; margin: 20px 0 0 0;}
	div.brands ul li { display: block; float:left; width:90px; height:70px;}
	div.brands ul li img { display: none; }

/* -----------------------------------------------
   LISTA DEFAULT
----------------------------------------------- */

	#main .detail ul li {
		margin: 0 0 5px 0;
		padding: 0 0 0 20px;
		background: transparent url(../images/list_default2.gif) no-repeat left 2px;}

/* -----------------------------------------------
   MOST DOWNLOADED
----------------------------------------------- */

ul.high_rate li { display: block; float: left; width: 250px; margin: 0 0 20px 0;}
ul.high_rate li a { display: block;}
ul.high_rate li span.date { display: block; color: #c00; font-size: 0.8em;}
ul.high_rate li span.categoria { display: block; color: #ccc; font-size: 0.8em; text-transform: uppercase;}


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

#footer {
      background:#547fb5 url(../images/bg_footer.gif) no-repeat left -20px;
      color: #fff;
      padding: 30px 0 0 0;
      min-height: 370px;}

	#footer div.bottom {
		display: none;
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 960px;
		height: 20px;
		background: transparent url(../images/bg_footer_bottom.gif) no-repeat left top;}

		div.column { width:160px; float: left; padding: 0 0 0 20px; border: 0px solid lime;}
		div.column a { color: #fff; text-decoration: underline;}
		div.column a:hover { text-decoration: underline; color: #00468C;}
		div.column { line-height: 1.5em; }

		#footer .banner {
		background: #FFFFCC url(../images/bg_login_box.gif) repeat-x left top;
		padding:10px;
		margin: 0 0 20px 0;}
			#footer .banner p {
				color: #666;
				font-size: 1em;
				line-height: 1;
				padding-bottom: 0;}
			#footer .banner h2 {
				color: #c00;
				font-size: 1em;
				padding: .1em 10px .2em 10px;
				margin: -10px -10px .8em -10px;
				border-bottom: 1px solid #D1CD9A;
				text-transform: uppercase;}
			#footer .banner a { color: #666; text-decoration: none;}
			#footer .banner a:hover {text-decoration: underline;}

	#copyrights { padding: 5px 0; font-size: 0.9em;}
	

/* -----------------------------------------------
	SEARCH
----------------------------------------------- */

span.found {
	visibility: visible !important;
	background-color: Yellow;
	/*font-weight: bold;*/
}