/*

CSS FRONT-END VER. 1

LAYOUT

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

body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.70em;
	line-height:1.3;
	background: #f7f5cf url(../images/bg.jpg) repeat-x center top;
	color:#5c2813;}

	body.welcome {
		background: #bb0217 url(../images/bg_homepage.jpg) repeat-x left top;
		text-align: center;
		padding:50px 0 0 0;}

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

	div#header {
		position: relative;
		height:140px;
		border: 0px solid lime;}
		div#header h1 {
			display: block;
			position:absolute;
			top: 20px;
			left: 250px;
			width:243px;
			height:97px;}

			div#header ul { position: absolute; top: 60px; right: 280px;}
				div#header ul li { display: block; float: left; margin: 0 0 0 20px;}
					div#header ul li a {
						display: block;
						font-size: 1.2em;
						font-weight: bold;
						color: #f7f4cf;
						text-transform: uppercase;
						padding: 0.2em;}

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

#content {
	position: relative;
	background: transparent url(../images/bg_navigation.png) no-repeat left top;
	float: left;
	min-height: 700px;
	width: 700px;}

	a.macro {
	display: block;
	float: left;
	width: 299px;
	padding: 0 1px 1px 0;
	text-align: center;
	margin: 20px 0 20px 20px;}
		a:hover.macro { padding: 1px 0 0 1px;}

	div#col_wide {
		position: relative;
		padding: 0 30px;}

        div#col_wide p.azienda { margin: -10px auto 0 auto; width: 300px;}
		div#col_wide img#bisba { display: block; position: absolute; top: 120px; left: 260px;}

		div.col1, div.col2 {
            position: relative;
			float: left;
			width: 310px;
			border: 0px solid lime;
			padding: 0 20px;}

			#content h2.ingredienti {
				position: relative;
				display: block;
				font-size: 2.0em;
				background: transparent url(../images/spighe.png) no-repeat left top;
				padding:80px 0 0 190px !important;
				margin:0px 0px 0px -40px;
				height: 37px;
				border: 0px solid red;}

                h2.nik {
				background: transparent url(../images/spighe_nik.png) no-repeat left top;
				padding:20px 0 0 110px !important;
				font-size: 1.9em !important;
				margin:0px 0px 0px -40px;
				height: 60px;
				border: 0px solid red;}

			/*#presentazione p strong {font-size: 110%; }*/
			#downloads {  position: relative; padding:0 20px;}

    /*IMMAGINI*/
    #prodotto_pack {
    	position: absolute;
		left: 0px;
		top: -50px;
		width: 300px;
		height: 270px;
		z-index: 100;
		border: 0px solid red;}
	#prodotto_biscotto {
		position: absolute;
		left: 140px;
		top: 120px;*/
		width: 300px;
		height: 150px;
		z-index: 200;
		border: 0px solid red;}


		#navigation {
			position: relative;
			float: left;
			width: 220px;
			padding: 30px 30px 0 0;
			text-align: right;}
            #navigation ul.lista { margin: 0 0 1.7em 0; }
			#navigation ul.lista li { margin: 0 0 0.2em 0;}
	   		#navigation ul.lista li a {color:#5c2813;}
				#navigation ul.lista li a:hover { color:#BB0118;}
				#navigation ul.lista li.selected a { color:#BB0118; font-weight: bold;}
			#navigation ul.lista li em {font-style: normal; color: #693E2C;}

		#consigliati {
		    position: relative;
			float: left;
			width: 210px;
			padding: 350px 20px 0 20px;}
			ul.related a {
				display: block;
				position: relative;
				color:#5c2813;
				width: 120px;
				padding: 10px 0 10px 60px;
				border-bottom: 1px solid #e8e8e8;}

			ul.related a:hover {color:#BB0118;}
				ul.related a span.image { position: absolute; left: 0; top: 10px;}
					ul.related a span.desc { font-size: 90%;}



/*TABELLA VALORI NUTRITIVI*/
table#valori { position: relative; width: 300px; margin: 40px 0 0 0; background: #fff;}
table#valori thead td { padding: 7px 5px; background:#BB0118; color: #fff; font-weight: bold; text-align: center;}
table#valori tr td { padding:5px; border: opx solid lime;font-size: 90%;}
table#valori tr.striped {background-color: #faf4ac;}

/*TABELLA LISTA BISCOTTI*/
table#lista_prodotti {
    font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
	width: 96%;}
	table#lista_prodotti td {
		width: 25%;
		padding:1.2em .2em 1.2em .2em;
		text-align: center !important;
		font-size: 110%;}
        #lista_prodotti td em { font-size: 90%; font-style: normal; }
	table#lista_prodotti td a:hover span  {color: #BB0118;}
	table#lista_prodotti td a img {display: block; margin: 0px auto; width: 130px; height: 65px;}


table#lista_prodotti tr td a span {
	color: #601213;
	font-size: 1.5em;
	text-transform: capitalize;}

	table#lista_prodotti tr td a em.peso  { visibility: hidden; display: block; color: #601213;}
	table#lista_prodotti tr td a:hover em  { visibility: visible; font-weight: bold;}

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

#footer {
	position: relative;
	background: #f7f5cf url(../images/bg_footer.jpg) repeat-x center bottom;
	text-align: center;
	height: 120px;}
	#footer p {
		display: block;
		position: relative;
		color: #c00;
		width: 450px;
		margin: 0 auto;}