/* CSS Document */

html{
	width:100%;
	height:100%;
	color:#52402c;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:#fff url(../images/sf.gif) right bottom no-repeat fixed;
}

body{
	margin:0;
	padding:0;
	border:0;
	padding-left:15%;
}

a{
	color:#9c7622;
	text-decoration:none;
}

a:hover{
	color:#432e19;
	text-decoration:none;
}

p{
	margin:0;
	padding:0;
}

#contpromo{
	position:absolute;
	overflow:hidden;
	z-index:2010;/**/
	width:495px;
	height:718px;
	top:50%;
	right:50%;
	margin:-359px -247px 0 0;
	/*background:red;*/
	background:url(../images/shopper_bag.png) 0 0 no-repeat;
	
}

#promo{
	position:absolute;
	overflow:hidden;
	z-index:2011;
	margin:0;
	width:465px;
	height:688px;
	margin:15px;
	/*border:1px solid #999;*/
		
	/*border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;*/
	/*box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	
	behavior: url(/stili/ie-css3.htc);*/
	
	
}

#promo a.linko{
	position:relative;
	overflow:hidden;
	display:block;
	width:465px;
	height:688px;
}

#promo a.linko strong{
	display:inline-block;
	width:465px;
	height:688px;
	padding-top:700px;
	cursor:pointer;
}

#contpromo a.chiudi{
	position:absolute;
	display:inline-block;
	z-index:2012;
	top:0px;
	right:0px;/**/
	width:45px;
	height:45px;
	background:url(img/chiudi.png) 0 0 no-repeat;
}

#sx{
	position:fixed;
	width:270px;
	height:100%;
	top:0;
	left:15%;
	background: url(../images/righe-sx.gif) 45px 0 repeat-y;
}

#logo{
	position:absolute;
	z-index:2;
	width:270px;
	height:400px;
	/*background:url(../images/logo.png) no-repeat;*/
}

#logo div{
	position:relative;
	width:2px;
	height:2px;
	overflow:hidden;
}

#marchio, #marchio_en{
	position:relative;
	overflow:hidden;
	width:360px;
	height:60px;
	background:url(img/pasta-mancini.png) 0 0 no-repeat;
}

#marchio_en{
	background:url(img/pasta-mancini_en.png) 0 0 no-repeat;
}

#marchio a, #marchio_en a{
	display:block;
	padding:80px 0 0 0;
}

/*-----*/

#pasta{
	position:absolute;
	overflow:hidden;
	bottom:0;
	left:46px;
	width:80px;
	height:50%;
	background: url(../images/pasta.jpg) top no-repeat;
}

#contenitore{
	width:740px;
	height:100%;
	z-index:1;
}

#contenitore.homepage{
	background:url(img/bg-home2010.jpg) 240px 140px no-repeat;
}

#contenitore.homepage.en{
	background:url(img/bg-home2010.jpg) 127px -30px no-repeat;
}

#dx{
	position:relative;
	left:240px;
	padding:0;
	margin:0 0 -20px 0;
	width:500px;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#bottoni{
	position:relative;
	width:360px;
	height:40px;
	padding-top:20px;
	text-align:right;
	/*color:#c2c4c6;*/
	color:#54422e;
}

#confezioni{
	position:relative;
	height:400px;
}
/**/
#contenuti{
	position:relative;
	z-index:5;
	margin-top:60px;
	padding-bottom:40px;
	width:360px;
}

#id-lab{
	position:relative;
	overflow:auto;
	width:600px;
	height:20px;
	text-align:right;
	margin-top:20px;
}

.cont{
	position:relative;
	width:360px;
	height:auto;
	padding-bottom:30px;
	text-align:justify;
	line-height:14px;
}

.home-pasta{
	position:relative;
	float:left;
	margin:0;
}

.home-pasta img{
	border:0;
}

.chef{
	position:relative;
	float:left;
	border:1px solid #b39554;
	width:61px;
	height:81px;
	padding:2px;
	margin-right:10px;
}

.mezze-maniche{
	background:url(../../images/01mezzemaniche2.png) no-repeat;
	width:360px;
}

.trenette{
	background:url(../../images/02trenette2.png) no-repeat;
	width:360px;
}

.fusilli{
	background:url(../../images/03fusilli2.png) no-repeat;
	width:360px;
}

.penne{
	background:url(../../images/04penne2.png) no-repeat;
	width:360px;
}

.spaghetti-chitarra{
	background:url(../../images/05spaghettichitarra2.png) no-repeat;
	width:360px;
}

.tuffoli{
	background:url(../../images/06tuffoli2.png) no-repeat;
	width:360px;
}

.maccheroni{
	background:url(../../images/07maccheroni2.png) no-repeat;
	width:360px;
}

.spaghetti{
	background:url(../../images/08spaghetti2.png) no-repeat;
	width:360px;
}

.box{
	background:url(../../images/box.png) no-repeat;
	width:360px;
}

.thumb{
	position:relative;
	background-position:280px 0;
	background-repeat:no-repeat;
	width:360px;
	height:120px;
	margin-top:20px;
}


.gallery{
	position:relative;
	overflow:auto;
}

.gallery span{
	display:block;
	margin-bottom:10px;
}

.gallery img{
	float:left;
	margin:0 10px 10px 0;
}


.cont-news{
	position:relative;
	padding-bottom:20px;
}

.news{
	position:relative;
	overflow:auto;
	padding:5px;
	border:3px solid #fff;
	outline:1px solid #ccccca;
	background:#f0f0f0;
	margin:0 0 30px;
}

.news strong em{
	font-size:16px;
	color:#9e7b29;
}

.news .tit{
	font:bold 21px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.news img{
	float:left;
	margin:0 5px 0 0;
	border:5px solid #e0e0e0;
}



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

.confezione{
	position:relative;
	overflow:auto;
	border-top:1px solid #432e19;
	padding:10px 0;
}

.confezione img{
	float:left;
	margin:0 10px 0 0;
	width:130px;
	height:130px;
}



a.allegato{
	padding:0 0 0 20px;
	background:url(img/pdf16x16.gif) 0 50% no-repeat;
	font:bold italic 13px "Trebuchet MS", Arial;
	line-height:21px;
	text-decoration:none;
}
/*testo*/


.testo-big{
	color:#9c7622;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.testo-big2{
	color:#432e19;
	font:normal 12px Arial, Helvetica, sans-serif;
}

a.scuro{
	color:#736250;
}

a:hover.scuro{
	color:#9c7622;
}



/*form*/

form{
	margin:0;
	padding:0;
	border:none;
	}
	
fieldset{
	width:350px;
	margin:0;
	padding:0 0 10px 5px;
	border:1px solid #ddd;
	}
		
legend{
	border:none;
	margin-left /**/:0;
	margin-left:5px;
	padding:0;
	line-height: 40px;
	text-decoration: none;
	}

fieldset div{
	float:left;
	width:340px;
	border:none;
	margin:0;
	padding:0;
	}

label{
	border:none;
	float:left;
    display:inline;
	margin-left: 0;
	width:160px;
	height:20px;
    line-height:20px;
	}

input
{
	float:left;
	border:#ddd solid 1px;
	margin:2px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:15px;
	background:#FFF;
	font:normal 11px Arial;
	color:#432e19;
	
}
	
	
textarea{
	float:left;
	border:#ddd solid 1px;
	margin:2px 0 0 0;
	padding:0 0 0 5px;
	width:340px;
	height:116px;
	background:#FFF;
	font:normal 11px Arial;
	color:#432e19;
	}
	
.bottone{
	margin:2px 0 0 0;
	padding:0;
	border:1px solid #ddd;
	width:80px;
	height:20px;
	background: #FFFFFF;
	vertical-align:middle;
	font:bold 12px Arial;
	color:#9c7622;
	}
	
form br{
	clear:left;
	}

label.piccolo{
	width:30px;
	height:15px;
    line-height:15px;
	}
	
input.radio{
	background:none;
	border:none;
	margin:1px 10px 0 0;
	}