@charset "utf-8";
/* CSS Document */


*{ margin: 0; padding: 0; border: 0 }
body { 
	font: 11px/1.6em 'Arial', Tahoma, sans-serif;
	text-align: center;color:#666666;
	margin: 15px 0;}

/* ---- Tipografia  ---- */

/*h1, h2, h3, h4, h5, h6 {font-weight: lighter; margin:0; padding:0; }

h1 {font-size: 190%;font-weight: bold;}
h2 {font-size: 170%; margin:0 10px; padding-bottom:4px;}

h4 {font-size: 120%; }
h5 {font-size: 90%;}
h1, h2, h3, h4, p {padding: 10px;		margin: 0;}
ul,
}*/


/* faq */
ol, ul {margin: 25px /*26*/0px;padding: 0 0px;}
ol li{ line-height:27px; }
ul#lista{ margin:0; padding:0;}
ul#lista li{ background:url(../images/ico_lista.gif) 0 2px no-repeat; width:100%; list-style:none; padding-left:20px; line-height:24px;}

.bordoFaq{ border-bottom:1px solid #CCCCCC;font-size: 110%; }
#mainFaq p {margin-top:7px; line-height:1.5em; clear:both; padding-bottom:5px;}
#mainFaq img{ margin-right:10px;}
#mainFaq h3{ font-size:110%;}
#mainFaq h1 {margin: 30px 0px;padding:0px; text-indent:-5000px;}

/* ---- link  ---- */
a:link, a:visited {	background: inherit; text-decoration: none; color: #336699}
a:hover {background: inherit;text-decoration:underline ;color:#222;}

/* ---- LAYOUT ---- */

#wrap {
	width: 900px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 120px;  position:relative;
	padding: 0;	 border-bottom: 0px solid #ccc; 
}

#content-wrap {
	position: relative;background:#fff url(../images/bg_contentwrap.jpg)  left 0px repeat-x;
	clear: both; 	float: left; padding-bottom:20px;width:900px;}
#content-wrapHome {
	position: relative;background:#fff url(../images/index.jpg)  0 0px repeat-x;
	clear: both; 	float: left; padding:0px;}
#calltoaction{ position:relative; top:-67px; right:-127px;}

#mainContatti{ width:875px; position:relative; float:left; margin-left:25px; margin-top:30px;}
#main{
	float: left; border-top:0px solid #ccc; background:trasparent; position:relative;
	width:490px /*510px*/; z-index:1000;
	padding: 0; margin: 0px 0px 0 25px;
	display: inline;}
	
#mainEssenze{
	float: left; border-top:0px solid #ccc; background:trasparent; position:relative;
	width:490px; z-index:100;
	padding: 0; margin: 0px 0px 0 25px;
	display: inline;}
#sidebarEssenze {
	float: right; width:330px; 
	padding: 0; margin: 0px;	}	
		
#navImg {
	float: left; border-top:0px solid #ccc; background:trasparent; position:relative;
	width:510px;
	padding: 0; margin: 0px 15px 0 25px;
	display: inline;}	
#main, #mainFaq, #mainEssenze{ margin-top:20px;}
#mainHome{ margin-top:20px; height:207px; width:900px;}
#sidebar, #Intro {
	float: right;/* width: 26%;*/ width:330px; 
	padding: 0; margin: 0px 0px/*15*/ 0 0px;	}	
/*		*/
#mainFaq{
	float: left; border-top:0px solid #ccc; background:trasparent; position:relative;
	width:375px;
	padding: 0; margin: 0px 0px 0 25px;
	display: inline;}	
#sidebarFaq {
	float: right; width:450px; background:trasparent; 
	padding: 0; margin: 0px 0px 0 0px;}	


			

	
#footerTop{position: relative; clear: both;float: left; padding:20px 0;background: url(../images/bg_top_footer.jpg) 0 0 repeat-x; width:900px;}

#footer {clear: both;margin:10px auto; background: url(../images/bg_footer.jpg) top center no-repeat; padding:15px;text-align: left;}


/* titoli */
.shop{ background:url(../images/shop.gif) 0px 0 no-repeat; line-height:22px; height:22px; text-indent:-5000px;}
.breathe{ background:url(../images/breathe.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.cromoterapia{ background:url(../images/cromoterapia.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.aromaterapia{ background:url(../images/aromaterapia.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.oli{ background:url(../images/oli_essenziali.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.benefici{ background:url(../images/benefici.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.faq{ background:url(../images/faq.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.contatti{ background:url(../images/contatti.gif) -4px 0 no-repeat; line-height:22px; height:22px;}

.mappa{ background:url(../images/mappa.gif) -4px 0 no-repeat; line-height:22px; height:22px;}
.acquista_oli{ background:url(../images/acquista_oli.gif) 0px 0 no-repeat; line-height:22px; height:22px;text-indent:-5000px; margin-left:25px;}


/* titoli essenze */


#mainEssenze p{line-height:1.5em; margin-bottom:20px;}
#mainEssenze h1 {margin-top:10px;padding:0px;}


.flashtxt_green{ font-size:24px; line-height:1em; height:1em; padding:0; margin-bottom:15px;}


ul#lista2{ margin:0px; padding-top:15px; position:relative; border:0px solid #035}
ul#lista2 li{ background:url(../images/ico_lista.gif) 0 2px no-repeat; width:100%; font-size:12px; list-style:none; padding-left:20px; line-height:24px; margin-bottom:5px;}


/*
div.essenze{ margin:20px 0; font-size:12px; padding-top:10px; }
*/



/* ---- Navigation  ---- */

#Tuocarrello{ background:url(../images/ico_shop.gif) 0 center  no-repeat; padding-left:20px; position:relative; float:right; right:20px; top:0px; cursor:pointer;}



#navigazione{ position:relative; float:right; right:0; top:-25px; height:27px; z-index:6000; }

#navigazione ul 		{margin:0; padding:0; list-style-type:none; position:relative;}
#navigazione li 		{float:left; display:block; position:relative;}

#navigazione li.1 	{background:url(../images/nav/breathe.gif);}
#navigazione li.2 	{background:url(../images/nav/benefici.gif);}
#navigazione li.3 	{background:url(../images/nav/aromaterapia.gif);}
#navigazione li.4 	{background:url(../images/nav/cromoterapia.gif);}
#navigazione li.5 	{background:url(../images/nav/acquista.gif);}
#navigazione li.6 	{background:url(../images/nav/faq.gif);}
#navigazione li.7 	{background:url(../images/nav/contatti.gif);}

#navigazione a#item1{ background:url(../images/nav/breathe.gif) 0 0 no-repeat; width:55px; }
#navigazione a#item2{ background:url(../images/nav/benefici.gif) 0 0 no-repeat; width:56px; }
#navigazione a#item3{ background:url(../images/nav/aromaterapia.gif) 0 0 no-repeat; width:98px; }
#navigazione a#item4{ background:url(../images/nav/cromoterapia.gif) 0 0 no-repeat; width:101px; }
#navigazione a#item5{ background:url(../images/nav/acquista.gif) 0 0 no-repeat; width:62px; }
#navigazione a#item6{ background:url(../images/nav/faq.gif) 0 0 no-repeat; width:32px; }
#navigazione a#item7{ background:url(../images/nav/contatti.gif) 0 0 no-repeat; width:59px; }

#navigazione a 		{display:block; height:27px; text-indent:-5000px; margin-right:20px;}
* html #navigazione a:link, * html #navigazione a:visited {height:27px; height:0;}

#navigazione a#item1:hover {background-position:0px -30px; z-index:50;}
#navigazione a#item2:hover {background-position:0px -30px; z-index:50;}
#navigazione a#item3:hover {background-position:0px -30px; z-index:50;}
#navigazione a#item4:hover {background-position:0px -30px; z-index:50;}
#navigazione a#item5:hover {background-position:0px -30px; z-index:50;}
#navigazione a#item6:hover {background-position:0px -30px; z-index:50;}
#navigazione a#item7:hover {background-position:0px -30px; z-index:50;}



#logo{ position:relative; top:20px; left:10px;}

/* ---- Main Column  ---- */

#main p{line-height:1.5em; margin-bottom:20px;}
#main h1 {margin: 10px 0px;padding:0px; text-indent:-5000px;}
#main h4 {padding: 15px 0 15px 10px; }


#Intro h2{text-indent:-5000px; background:url(../images/breathe_intro.gif) 0 0 no-repeat; height:27px; line-height:27px; margin:10px 0;}
#Intro p{ margin:10px 10px 0 0; }


#navImg img.margin{margin:0 31px;}
#mainFaq ul {margin: 15px; padding:0;}


/* ---- classi per allineare immagini, paragrafi etc...  ---- */
.float-left  { float: left; margin-right:10px; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* ---- altre classi  ---- */
.importante{  margin:10px;}

.calltoaction {font-variant:small-caps; 
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size:100%; padding:2px;
	font-weight:bold;}

.link{ color:#3399cc; font-weight:bold;}
	
.clear { clear: both; }
.optima{ font-size:9px;}


/* elementi pagina */

/*pag breathe
#pulsantiBreathe{ width:331px; height:55px; background: url(../images/bg_pulsantiBreathe.jpg) 0 0 no-repeat; text-align:right; }

#pulsantiBreathe2{ width:331px; height:385px; background: url(../images/bg_pulsantiBreathe2.jpg) 0 0 no-repeat; text-align:right; }

#comefunziona span{ display:none; }
#acquistalo span{ display:none; }

#comefunziona{ position:relative; top:325px; left:-18px;}
#acquistalo{ position:relative; top:327px; left:0px;} */



/* pag benefici */
#sidebarBenefici{
float: right;/* width: 26%;*/ width:360px; padding: 0; margin: 0px -5px 0 0px;	}		
		
		

/* SITE MAP */

div#sitemap h2{ border:0;}

div#sitemap{ border-bottom:0px solid #ccc;padding:0; margin:0;list-style-image:none;
	
	BACKGROUND-POSITION: -9px 15px; 
	BACKGROUND-IMAGE: url(../images/ul.gif); 
	MARGIN: 4px 0px -2px 15px; 
	BACKGROUND-REPEAT: repeat-y}
	
div.sitemap{border-bottom:0px solid #ccc;padding:0; margin:0;list-style-image:none;
	BACKGROUND-POSITION: -15px 10px; 
	BACKGROUND-IMAGE: url(../images/li.gif); 
	MARGIN: 4px 0px -2px 0px; 
	BACKGROUND-REPEAT: no-repeat}

div.sitemap_interno{ border-bottom:0px solid #ccc; padding-left:30px;BACKGROUND-POSITION:22px 0px; 
BACKGROUND-IMAGE: url(../images/li_interno.gif); 
BACKGROUND-REPEAT: no-repeat;}
div.sitemap h2, div.sitemap_interno h2{font-size:13px; font-weight:lighter; margin:5px 0 5px 15px;padding:0 ;}
div.sitemap_interno h2{padding-top:2px; font-size:11px;}
div.sitemap h2{padding-left:5px;padding-top:5px; border-bottom:0px solid #ccc; margin-bottom:7px; font-weight:bold;}

	
		


/* ----- PAG CONTATTI ------ */
form{font-size:11px;}

form p.bordo { border-bottom:1px solid #ccc; padding-bottom:10px;}
form p { padding:15px 0px;}
form  strong{ font-size:12px; font-weight:bold; padding-right:7px; color:#FF6600;}

form fieldset{ border:none; margin:5px 0 0px 0; width:48%;}/*
form fieldset div label{ width:100px; float:left; text-align:left; clear:left; margin-left:0px; padding-top:0px; font-weight:bold; }
*/


form div { margin:0px 0 0 5px;}
form input{  padding:3px 6px; margin:0;}
input.input:hover{ border:1px solid #336699; background: #DAE8FC}
textarea:hover{ border:1px solid #336699; background: #DAE8FC}


form textarea { height:170px; width:220px; padding:3px 6px; margin:2px 0 0 20px;  font-size:11px; border:1px solid #CCCCCC;font-family:"Arial", Verdana, Helvetica, sans-serif;}


.pulsanti{margin-bottom:0px;}
.pulsanti input{ padding:3px 5px;border:1px solid #999999;}


form label {
	display: block; 
	width: 99% /*310px*/;
	font-size: 9px;
	padding: 0px 5px ;
}

form input.input{ border:1px solid #CCCCCC; margin:0px 2px; width:220px;  font-size:11px;
	display: block;
}