/*
	main style sheet for paracelso.it
	@author: modificato da Mirco Chiodi
*/

/*		general rules
------------------5c8602--------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6,
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{margin: 0;padding: 0;}

body{
		font: 62.5%/1.6em Verdana, Arial, sans-serif;; 
		color: #525252;
		background: #fff url(../images/bg.jpg) repeat-x 0 0;
		text-align: center;
		}
ul{list-style-type: none;}
ol{list-style-position: inside;}
a:link,a:visited{
		color: #0033FF;
		text-decoration: none;
		}
a:hover{text-decoration: underline;	}
img,fieldset{border: 0;}
.a-right{
	float: right;
	margin: 0 0 5px 10px;
	}
.a-left{
	float: left;
	margin: 0 10px 5px 0;
	}

#container{
	margin: 0 auto;
	text-align:  left;
	width: 773px;
	font-size: 1.1em;
	background: transparent url(../images/container.gif) repeat-y 0 0;
	}
#head{
	position: relative;
	height: 181px;
	}
.h1{
	background: transparent url(../images/1.jpg) no-repeat 0 26px;
	}
.h2{
	background: transparent url(../images/2.jpg) no-repeat 0 26px;
	}
.h3{
	background: transparent url(../images/3.jpg) no-repeat 0 26px;
	}
.h4{
	background: transparent url(../images/4.jpg) no-repeat 0 26px;
	}
.h5{
	background: transparent url(../images/5.jpg) no-repeat 0 26px;
	}
.h6{
	background: transparent url(../images/5.jpg) no-repeat 0 26px;
	}
#head h1{
	background: transparent url(../images/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
	height: 95px;
	overflow: hidden;
	
}
	
#main{
	float: left;
	width: 583px;
	}
#content{
	float: right;
	width: 437px;
	padding: 0 0 30px 0;
	background: transparent url(../images/content.gif) no-repeat 0 0;
	}
.widecolumn #main{
	width: 773px;
	}
.widecolumn #content{
	width: 627px;
	}

#sd1{
	float: left;
	width: 146px;
	padding: 0 0 30px 0;
	font-size: 1em;
	}
#sd2{
	float: right;
	width: 190px;
	background: transparent url(../i/top-right.gif) no-repeat 100% 0;
	font-size: .9em;
	}
#content-inner{
	margin: 26px;

}
#sd2-inner{
	margin: 0 6px 0 0;
	}

#sub-nav{
	margin: 0 0 0 6px;
	}


/*	FOOTER
-----------------------------------------------------------------------------*/
#footer{
	clear: both;
	background: transparent url(../images/footer.gif) no-repeat 0 0;
	padding: 0 0 0 0;
	font-size: .8em;
	width: 100%;
	position: relative;
	}
#footer p{
	padding: 20px 0 40px 20px;
	color: #999;
	}
#footer ul{
	position: absolute;
	top: 60px;
	right: 5px;
	}
#footer li{
	float: left;
	margin: 0 0 0 10px;
	}
#footer li a{
	float: left;
	}

/*	NAV
-----------------------------------------------------------------------------*/
#nav{
	height: 33px;
	background: transparent url(../images/nav.gif) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 773px;
	}
#nav ul{
	float: right;
	margin: 3px 20px 0 0;
	}
#nav li{
	float: left;
	padding: 0 10px;
	line-height: 30px;
	border-right: 1px solid #4065bc;
	}
#nav li#cart{
	border-right: 0;
	background: transparent url(../images/cart.gif) no-repeat 100% 50%;
	padding-right: 25px;
	}
#nav li a{
	float: left;
	color: #fff;
	font: bold 1.1em/30px "Trebuchet MS", Verdana, Tahoma, sans-serif;
	}
#nav li a:hover{
	color: #36f6fd;
	}	
/*	CONTENT
-----------------------------------------------------------------------------*/
#content h2{
	font: 1.4em, purple, "Tahoma", Trebuchet MS, Verdana, sans-serif;
	color: purple;
}
#content h3{
	font: 1.8em "Trebuchet MS", Verdana, Tahoma, sans-serif;
}
#content h4{
	font: bold 1.1em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	}

#content p{
	color: #8f8f8f;
	padding: 3px 0 20px 0;
	}

ul{
	margin: 10px 0;
	}
ol li{
	margin: 5px 0;
	}
.listp li{
	margin: 2px 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	}
span.desc{
	display: block;
	}
.details{
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
	}
.pdetails li{
	background: transparent url(../images/dot.gif) no-repeat 0 8px;
	padding: 0 0 0 15px;
	line-height: 1.8em;
	}
.pdetails li span{
	font-weight: bold;
	}
	/* riga vecchio prezzo */
.pdetails li span.oldprice{
	font-weight: normal;
	text-decoration: line-through;
	}
.product form{
	margin: 0 0 20px 0;
	}
#tcart{
	width: 100%;
	margin: 10px 0;
	}
#tcart thead tr{
	background: #f7f7f7;
	}
#tcart .odd{
	background: #f3fbe7;
	}
#tcart input{
	font-size: 1em;
	}

#regform fieldset div{
	height: 24px;
	}
#regform label{
	height: 24px;
	float: left;
	width: 130px;
	}
#regform div input{
	float: right;
	width: 230px;
	font-size: 1.1em;
	}
#regform .invia{
	margin: 10px 0;
	}
.olin{
	list-style-type: lower-latin;
	margin: 10px 0 10px 20px;
	}
.olin li{
	margin: 5px 0;
	}
/*	tables	*/
.plist{
	width: 100%;
	}
.plist th{
	border-bottom: 1px solid #ccc;
	}
.odd{
	background: #edf5f9;
	}
.ingredienti{
	color: #ff7a03;
	}
.qta{
	color: #ff7a03;
	}
.aspetto{
	color: #666600;
	}
.prezzo{
	color: #ff7a03;
	}

/*	SEARCH FORM
-----------------------------------------------*/
#s{
	margin: 20px 0 0 0;
	
	}
#s-string{
	border: 1px solid #949494;
	width: 124px;
	
	
	}
#sd1 #s-string{
	width: 90px;
	
	}
#cerca{
	vertical-align: bottom;
	}
	
/*	SD1
------------------0165d0-------660099----------------------------------------------*/
.categorie{
	background: transparent url(../images/categorie.gif) no-repeat 0 100%;
	text-indent: -9999px;
	overflow: hidden;
	height: 15px;
	padding: 20px 0 0;
	}
#sd1 ul{
	margin: 10px 0 0 0;
	}
#sd1 li{
	background: transparent url(../images/line.gif) no-repeat 100% 100%;
	line-height: 1.9em;
	text-align: right;
	padding: 0 10px 0 0;
	}
#sd1 li a{
	color: #b4b47f;
	font-weight: bold;
	display: block;
}
#sd1 li a:hover{
	background: transparent url(../images/freccia_menu.jpg) no-repeat 0 7px;
	color: #6bef99;
	}
/*	C-FORM mio moduli posta */
#c-form{
	margin: 0 0 20px 0;
	}
#c-form label{
	display: block;
	margin: 10px 0 2px;
	}
#c-form input, #c-form textarea{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	}
#c-form textarea{
	height: 80px;
	}
#c-form input.submit{
	width: auto;
	display: block;
	margin: 10px 0 0;
	}



/*	mio - titoli */


#titoli{
		font: 1.6em Verdana, Arial, sans-serif;; 
		color: #009999;
		
		}

/*	mio - strike */
span.strike
{
    text-decoration: line-through;
}
/*	mio - rosso bold */

.RossoBold{
	font-weight: bold;
	color: red;
	}
/*	mio - rosso matone */	
.RossoMattone{
	
	color: maroon;
	}
	/*	mio - nero piccolo */	
.NeroPiccolo{
	
	color: #000000;
	font-size: 10px;
}
/*	mio - link */
.LinkPiccolo{
	
	font-size: 10px;	
}
/*	mio - link */
.LinkPiccoloVerdeBold{
	
	font-size: 10px;
	color: olive;
	font-weight: bold;
}
/*	mio - italic bold */
.italic{
	
	font-style: italic;
	font-weight: bold;
}
/*	mio - riga */
.riga{
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
	}
.Priga li{
	background: transparent url(../images/dot.gif) no-repeat 0 8px;
	padding: 0 0 0 15px;
	line-height: 1.8em;
	}
/*	mio - HR azzurro */	
	hr {
    border-top:1px dashed #00FFCC; 
    border-bottom:1px solid #00FFCC; 
    color:#fff; 
    background-color:#fff; 
    height:3px; 
    width:80%
} 

/*	mio - tabelle */	
#leftcontent {
		float:left;
		width:12%;
		background:#fff;
		border-right:1px solid #ccc;
		border-bottom:1px solid #999;
		margin-right:20px;
		padding-bottom:6px;
	padding-right: 4px;
}

	#rightcontent {
	background: #ffffcc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #999;
}

/*	mio - linea dividi */

	#linea {
	background: #ffffcc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #999;
	
}
	/*	mio - riquadro articoli */	
	
.outer { border: 1px solid #5182a9; 
         background-color: #eff6fe;
         padding: 6px; }
.inner { border: 1px dotted #999; 
         background-color: #fff;
         padding: 5px; 
         margin: 5px; 
         }