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

body {
	margin:				0px;
	background-color: 	#FFFFFF;
	font-family: 		Verdana, Arial, sans-serif;
	color:				#666666;
	font-size: 			small;
	line-height: 		1.5em;
}

#container {
	min-width:			950px;
	height: 			auto;
	margin:				0px;
	padding:			0px;
	background-image:	url(../imatges/fondo.jpg);
	background-position:top center;
	background-repeat: 	repeat-y;
}

.left {
	float: 				left;
}

.right {
	float: 				right;
}

h1, h2, h3, h4, h5, h6 {
	margin:				5px 0px;
	color:				#86c322;
}

h1 {
	font-size:			1.2em;
}
h1.titular {
	font-size:			0.85em;
}
h2 {
	font-size:			1.1em;
}
h3 {
	font-size:			1em;
	color:				#666666;
}
h3.regal {
	font-size:			1em;
	color:				#888888;
}
h4 {
	font-size:			1em;
}
h5 {
	font-size:			0.9em;
}
h6 {
	font-size:			0.7em;
}
p {
	font-size:			0.9em;
	line-height:		1.7em;
}

img {
	border:				0px;
}

a {
	color: 				#86c322;
	text-decoration: 	none;
	font-weight:		bold;
	font-size:			0.8em;
}

a:hover {
	color: 				#666666;
	text-decoration: 	underline;
	font-weight:		bold;
}

p.link {
	color: 				#666666;
	text-decoration: 	none;
	font-size:			0.8em;
	margin-top:			5px;
}

p.link a{
	font-size: 1em;	
}
p.fotografia {
	margin:				5px;
	padding:			0px;
	text-align:			center;
}

.fotoLeft {
	padding: 			5px;
	border:				#86c322 1px dotted;
	margin:				5px 10px 5px 0px;
	float:				left;
}
.fotoRight {
	padding: 			5px;
	border:				#86c322 1px dotted;
	margin:				5px 0px 5px 10px;
	float:				right;
}

.foto {
	padding: 			5px;
	border:				#86c322 1px dotted;
	margin:				5px 10px 5px 0px;
}

a.regals {
	color: 				#666666;
	text-decoration: 	none;
	font-weight:		bold;
	font-size:			1.0em;
}

a.regals:hover {
	color: 				#999999;
	text-decoration: 	none;
	font-weight:		bold;
}

/****************ESTILS DEL TÍTOL*******************/

#titol {
	height:				20px;
	margin:				0px auto;
	padding:			5px 0px;
	width:				950px;
	text-align:			right;
}

#titol h1 {
	font-weight:		lighter;
	margin:				0px 0px 5px;
	color:				#666666;
}

/****************ESTILS DEL HEADER*******************/

#header {
	height:				175px;
	margin:				0px;
	padding:			0px;
}

#header #banner {
	margin:				0 auto;
	height:				175px;
	padding:			0px;
	width:				950px;
	background-image:url(../imatges/centre-terapies-naturals.jpg);
}

#header #bannerEsp {
	margin:				0 auto;
	height:				175px;
	padding:			0px;
	width:				950px;
	background-image:url(../imatges/centro-terapias-naturales.jpg);
}

#header p {
	margin: 			0px;
	padding:			0px;
	line-height:		0em;
}

#header img {
	border: 			0px;
	margin:				0px;
}

#header #infocorpo {
	width:				200px;
	height:				110px;
	text-align:			right;
	position:			relative;
}

#header #infocorpo p.idiomes {
  	margin:				0px 0px 10px 0px;
	font-size:			0.8em;
	/*border-bottom:		#999 1px solid;*/
	line-height:		1.5em;
	width:				110px;
	float:				right;
}

#header #infocorpo p.idiomes .actual {
	color:				#86c322;
	font-weight:		bold;
}


#header #infocorpo p {
	margin:				0px;
	font-size:			0.8em;
	line-height:		1.2em;
	clear:				right;
	padding:0px;
}


#header #infocorpo p img{
	border:				0px;
	margin:				0px;
	vertical-align:		middle;
}

#header #infocorpo a {
	color: 				#666666;
	font-size:			1.0em;
	font-weight:		normal;
	text-decoration: 	none;
}

#header #infocorpo a:hover {
	color: 				#666666;
	text-decoration: 	underline;
}

/******************ESTILS DEL MENU*********************/


#menu {
	height:				30px;
	background-color:	#86c322;
	margin: 			0px auto;
	padding:			0px;
	text-align:			center;
	color:				#FFFFFF;
}

#menu #elementsMenu {
	height:				30px;
	width:				950px;
	margin: 			0px auto;
	padding: 			0px;
	text-align:			center;
}

#menu #elementsMenu ul {
	list-style: 		none;
	margin: 			0px 15px 2px 2px;
	padding: 			4px;
	font-size: 			1.1em;
	text-align: 		center;
	letter-spacing: 	0.02em;
	width:				950px;
}
#menu #elementsMenu li {
	float: 				left;
	text-align: 		center;
	margin: 			0px 5px 0px 0px;
}

#menu #elementsMenu a {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

#menu #elementsMenu a:hover {
	color: 				#555555;
	text-decoration: 	none;
}

/******************ESTILS DEL MAIN DE LA HOME*********************/


#main {
	height:				auto;
	width:				950px;
	margin: 			0px auto;
	padding-top: 		0px;
}


/******************ESTILS DE LA COLUMNA PRINCIPAL***************/

#principalHome {
	width:				69%;
	border-right:		#8db947 1px dotted;
	margin:				0px;
	padding:			10px 0px 10px 5px;
}
#principal {
	margin:				0px;
	padding:			10px 0px 10px 5px;
}

#ruta {
	margin-top:			5px;
	padding:			5px 2px;
	line-height:		0.8em;
}

#ruta p{
	margin:				0px;
	font-size:			0.7em;
}

#ruta p img {
	vertical-align:		bottom;
	margin-right:		4px;
}

#ruta a {
	color: 				#666666;
	text-decoration: 	none;
	font-size:			1.0em;
	font-weight:		normal;
}

#ruta a:hover {
	color: 				#666666;
	text-decoration: 	underline;
}


#principal h3 {
	margin:				5px 0px 10px;
}

#lateral {
	width:				30%;
	float:				right;
}
#contacta {
	margin: 			10px;
	padding:			5px;
	background-color: 	#86c322;
	text-align:			center;
	color:				#FFFFFF;
}

#contacta p {
	margin:				5px 0px;
	font-size:			1.1em;
}

#contacta p img {
	vertical-align:		middle;
}

#contacta a {
	color: 				#FFFFFF;
	font-size:			1.0em;
	font-weight:		normal;
	text-decoration: 	none;
}

#contacta a:hover {
	color: 				#FFFFFF;
	text-decoration: 	underline;
}

#submenuterapies{
	margin:				5px 0px;
	padding:			5px;
}

.infoHomePackregal {
	margin:				5px 0px;
	padding:			10px;
}

.infoHomePackregal p {
	line-height:		1.3em;
	font-size:			0.85em;
}

.infoHome {
	margin:				0px 0px;
	padding:			10px;
	clear:				left;
}

.infoHome h2 {
	border-bottom:		#86c322 1px dotted;
}

.infoHome p {
	padding:0px;
	margin:0px;
}

.terapia {
	margin:				6px 15px;
	padding:			0px;
	width:				46%;
}

.terapia p {
	margin-bottom:		3px;	
}

.terapia h2 {
	margin:				0px 0px;
	color:				#86c322;
	border-bottom:		#86c322 1px dotted;
}

.terapia h2 a {
	text-decoration: 	none;
	font-weight:		bold;
	font-size:			1em;
	color:				#86c322;
}

.terapia h2 a:hover {
	color: 				#555555;
	text-decoration: 	none;
}

.terapia a:hover img{
	border: 			1px solid #555555;
}

.packRegal {
	margin:				10px 0px 0px;
	padding:			0px;
	clear:				both;
}

.packRegal h4 {
	margin:				0px 0px;
	color:				#86c322;
	border-bottom:		#86c322 1px dotted;
}
.packRegal h5 {
	margin:				0px 0px;
	color:				#666666;
	font-weight:		normal;
}
.packRegal h6 {
	margin:				0px 0px;
	color:				#666666;
	font-weight:		normal;
	font-size:			0.9em;
}
.packRegal p {
	margin:				0px 0px 10px;
	font-size:			0.9em;
}

/******************ESTILS DE LA PÀGINA CONSELLS NATURALS***************/

#principalConsells {
	width:				69%;
	border-right:		#8db947 1px dotted;
}

#lateralConsells {
	width:				30%;
	float:				right;
}

#lateralConsells .infoConsellsIntro {
	margin:				5px 0px;
	padding:			10px;
	clear:				left;
}

#lateralConsells .infoConsellsIntro h3 {
	margin:				5px 0px;
}

#lateralConsells .infoConsellsIntro p {
	padding:0px;
	margin:10px 0px 10px 10px;
}

.infoConsells {
	margin:				0px 0px;
	padding:			10px;
	clear:				left;
}

.infoConsells h2 {
	border-bottom:		#86c322 1px dotted;
}

.infoConsells p {
	padding:0px;
	margin:0px;
}

.infoConsells ul {
	list-style: 		inside;
	margin: 			10px 5px;
	padding: 			5px;
	font-size: 			0.95em;
}

.infoConsells li {
	margin: 			0px 0px 0px 5px;
}


/******************ESTILS DE LA PÀGINA LPG***************/

#principalLPG {
	width:				69%;
	border-right:		#8db947 1px dotted;
	height:				620px;
}

#lateralLPG {
	width:				30%;
	float:				right;
	height:				580px;
}

#lateralLPG .infoLPG {
	margin:				5px 0px 0px 0px;
	padding:			0px;
	clear:				left;
	background-color:	#eeeeee;
	border:				#86c322 1px dotted;
}

#lateralLPG .infoLPG h3 {
	margin:				0px 0px;
	padding:			0px 0pc 0px 5px;
	border-bottom: 		#86c322 1px dotted;
	background-color:	#CCCCCC;
}

#lateralLPG .infoLPG h3 a {
	text-decoration: 	none;
	font-weight:		bold;
	color:				#666666;
	font-size:			0.9em;
}

#lateralLPG .infoLPG h3 a:hover {
	color: 				#333333;
	text-decoration: 	underline;
}

#lateralLPG .infoLPG a:hover img{
	border: 			1px solid #555555;
}

#lateralLPG .infoLPG p {
	padding:0px;
	margin:5px 0px 5px 10px;
}

#lateralLPG .infoLPG p.imatge{
	text-align:center;
}

#lateralLPG .infoLPG img.reclam {
	border:				#86c322 1px dotted;
	margin:				5px 10px 0px 0px;
}

#mainLPG {
	margin:				0px 0px;
	padding:			10px;
	clear:				left;
}

#mainLPG h2 {
	border-bottom:		#86c322 1px dotted;
}

#mainLPG h3 {
	margin: 0px 0px 10px 0px;
	padding:5px;
	font-size:1.1em;
	color:#333333;
	font-style:italic;
}

#mainLPG p {
	padding:0px;
	margin:0px;
}

#mainLPG ul {
	list-style: 		inside;
	margin: 			10px 5px;
	padding: 			5px;
	font-size: 			0.95em;
}

#mainLPG li {
	margin: 			0px 0px 0px 5px;
}

#mainLPG .objectius {
	margin: 			1px;
	padding: 			1px;
	border:				#86c322 1px dotted;
	width:				151px;
	float:				left;
	font-size:			0.85em;
	text-align:			center;
}

#mainLPG .objectius a {
	text-decoration: 	none;
	font-weight:		bold;
	color:				#666666;
	font-size:			0.95em;
}

#mainLPG .objectius a:hover {
	color: 				#333333;
	text-decoration: 	underline;
}

#mainLPG .objectius a img{
	border:				#ffffff 1px solid;
}

#mainLPG .objectius a:hover img{
	border: 			1px solid #555555;
}

#mainLPG .tractament {
	width:				190px;
	float:				left;
	padding:			10px;
	margin:				0px;
	font-size:			0.9em;
}

#mainLPG .tractament h3 {
	margin: 0px 0px 10px 0px;
	padding:5px 5px 5px 0px;
	font-size:1.1em;
	color:#333333;
	font-style:italic;
}


/******************ESTILS DEL FOOTER*********************/


#footer {
	background-color:	#86c322;
	height:				80px;
	clear:				both;
	margin:				0px auto;
	padding:0px;
}

#footer #infopeu {
	width:				950px;
	margin: 			0px auto;
	padding: 			0px;
	font-size:			0.9em;
	color:				#FFFFFF;
}

#footer #infopeu p {
	margin:				0px;
	padding: 			1px;
}

#footer #infopeu a {
	color: 				#FFFFFF;
	font-size:			1.0em;
	text-decoration: 	none;
	font-weight:		normal;
}

#footer #infopeu a:hover {
	color: 				#333333;
	text-decoration: 	underline;
	font-weight:		normal;
}

#footer #MenuPeu {
	height:				40px;
	width:				950px;
	margin: 			15px auto 5px;
	padding: 			0px;
	line-height:		1.4em;
}

#footer #MenuPeu ul {  /**Ja no faig servir les llistes en els links del footer*/
	list-style: 		none;
	margin: 			0px 15px 2px 2px;∫
	padding: 			4px;
	font-size: 			0.85em;
	width:				950px;
}
#footer #MenuPeu li { /**Ja no faig servir les llistes en els links del footer*/
	float: 				left;
	text-align: 		center;
	margin: 			0px 3px;
	padding: 			0px 0px;
}

#footer #MenuPeu a {
	font-size: 			0.9em;
	line-height:		1.3em;
	color: 				#FFFFFF;
	text-decoration: 	none;
	font-weight:		normal;
}

#footer #MenuPeu a:hover {
	color: 				#333333;
	text-decoration: 	underline;
	font-weight:		normal;
}

#footer #fondocredits {
	background-color:	#FFFFFF;
	margin:				0px auto;
	padding:0px;
}

#footer #credits {
	margin: 			0px auto;
	width:				950px;
	text-align:right;
}

#footer #credits a {
	color: 				#666666;
	font-size:			0.75em;
	text-decoration: 	none;
	font-weight:		normal;
}

#footer #credits a:hover {
	text-decoration:	underline;
}

#footer #credits img {
	border:				0px;
	margin:				0px;
	vertical-align:		bottom;
}