@import "reset.css";
body {margin:0; padding:10px 0 0 0; font:normal 0.95em "Times New Roman", Arial, Helvetica, sans-serif; color:#e6dcce; background:#2c110a url(../_img/bg_body.jpg) repeat-x 0 -5px}
	body.portada {background-position:0 0}
	h1,h2,h3 {font-weight:normal}
	h1 {font-size:1.5em; color:#b29770}
	h2 {font-size:1.35em; color:#634a3d}
	a {outline:none; color:#b29770; text-decoration:underline}
	a:hover {color:#dbb51e; text-decoration:none}
	a:active {outline:none}
	p, blockquote {line-height:1.5em; margin:5px 0 25px 0; text-align:justify}
	.c {text-align:center}
	.r {text-align:right}
	ul {margin:0 0 15px 45px}
	li {margin:0 0 5px 0; line-height:1.75em}
	.clear {clear:both}

#warp {width:960px; margin:0 auto}

.portada #header {margin-top:50px; height:300px; background:url(../_img/bg_header-trans.png) no-repeat 0 center}
#header {height:300px;	background:url(../_img/bg_header-trans.png) no-repeat 0 center}
	.portada #header img {position:absolute; z-index:1000; top:70px }
	#header img {position:absolute; z-index:1000; top:20px; }
	#photo {position:relative;top:10px; left:10px; width:940px; height:266px; /*background:url(../_img/photo_test2.jpg) no-repeat center center*/}

.portada #menu {position:absolute; top:360px; text-align:center; margin:0 auto; width:960px}
#menu {position:absolute; top:300px; text-align:center; margin:0 auto; width:960px; margin-top:10px}
#menu li {display:inline}
#menu li a {color:#715545; text-align:center; padding:0 12px; font:normal 135% Arial, Helvetica, sans-serif; text-decoration:none}
#menu li a:hover, #menu li a.selected {color:#dbb51e; text-decoration:none}
#menu li a.current {color:#b29770; font-weight:bold; cursor:default}
#menu li a.current.selected {color:#dbb51e; font-weight:bold}

#menu a.lang { width:15px; height:20px}
#menu .esp { background:url(../_img/flag_esp.gif) no-repeat right 5px}
#menu .cat { background:url(../_img/flag_cat.gif) no-repeat right 5px}
#menu .eng { background:url(../_img/flag_eng.gif) no-repeat right 5px}

#content {width:960px}
	.portada #content {min-height:150px; background-position:center -260px}
	.tienda #content, .regalos #content, .contactar #content, .instalaciones #content {padding:60px 0 50px 0; min-height:420px; background:url(../_img/bg_content-trans.png) no-repeat right 50px}
	.contactar #content { padding:0}
	.regalos #content p { margin:0 75px 50px 0; font-size:1.1em}
	.tienda #content p { margin-left:120px; margin-right:100px; font-size:1.1em}
	.regalos #content { padding-left:120px; width:840px; font-size:1.05em}
	.regalos #content h1 {color:#dbb51e; text-indent:-9999px; display:block; height:48px; width:450px; background-image:url(../_img/h1_regalos.png); background-repeat:no-repeat}
	.regalos.eng #content h1 {background-image:url(../_img/h1_gifts.png)}
	.regalos.cat #content h1 {background-image:url(../_img/h1_regals.png)}
		.regalo-2dias {background-position:0 0}
		.regalo-3dias {background-position:0 -50px}
		.regalo-3dias-luxe { background-position:0 -100px}
		.regalo-5dias { background-position:0 -150px}
		.carta { background-position:0 -200px}
	.regalos #content h1 span {float:right; font-size:90%; margin:12px -50px 0 0; text-align:center; color:#a68e67; text-indent:0}
	.regalos #content ul { margin:10px 0 30px 20px}
	.regalos #content strong {color:#a68e67}
	.contactar #content { padding-top:15px; min-height:420px}
	.instalaciones #content {text-align:center}
	.instalaciones #content img { margin:0 50px 35px 50px; border:8px solid #715545}
	.instalaciones #content a:hover img {border:8px solid #b29770}

#left {float:left; margin:60px 20px 0 0; /*min-height:280px*/}
	#left h1 a {color:#715545; font-size:85%; line-height:30px; text-decoration:none}
	#left h1 a:hover {color:#b29770; text-decoration:none}
	#left h1 a.current {color:#dbb51e; font-size:95%; font-weight:bold}
	.empresa #left {width:220px}
	.empresa #left li {line-height:25px}
	.tratamientos #left {width:300px; margin-top:40px}

	#left ul {margin:5px 0 10px 20px}
	#left li, #left li a {font-size:105%; color:#a68e67; line-height:20px; text-decoration:none}
	#left li a:hover {color:#dbb51e; text-decoration:none}
	#left li a.current {font-size:110%; color:#dbb51e; text-decoration:none; padding-left:30px; background:url(../_img/flor_dot-trans.png) no-repeat 0 -5px}


#right {float:right; margin-top:50px; height:425px; min-height:425px}
	.empresa #right {width:720px; height:275px; min-height:275px}

		#right div.apartat {padding:60px 30px 0 30px; background-repeat:no-repeat; background-position:center top; min-height:275px}
			#quienes-somos {background-image:url(../_img/bg_right_empresa-quienes-somos-trans.png)}
			#filosofia {background-image:url(../_img/bg_right_empresa-fisolofia-trans.png)}
			#mision {background-image:url(../_img/bg_right_empresa-mision-trans.png)}
			#diferencia {background-image:url(../_img/bg_right_empresa-diferencia-trans.png)}

			#about-us {background-image:url(../_img/bg_right_empresa-about-us-trans.png)}
			#philosophy {background-image:url(../_img/bg_right_empresa-philosophy-trans.png)}
			#why {background-image:url(../_img/bg_right_empresa-why-trans.png)}
			#diference {background-image:url(../_img/bg_right_empresa-diference-trans.png)}

			#nosaltres {background-image:url(../_img/bg_right_empresa-nosaltres-trans.png)}
			#filosofia-cat {background-image:url(../_img/bg_right_empresa-filosofia-cat-trans.png)}
			#missio {background-image:url(../_img/bg_right_empresa-missio-trans.png)}
			#diferencia-cat {background-image:url(../_img/bg_right_empresa-diferencia-cat-trans.png)}

	.tratamientos #right {width:590px; padding:25px 25px 20px 25px; background:url(../_img/bg_right_tratamientos-trans.png) no-repeat right top; min-height:400px}
	/*.seccio {height:330px}*/
	.scrollPanel {height:330px}
	.tratamientos #right h1 {margin:15px 5px 10px 0; border-bottom:1px solid #4e352a}
	.tratamientos #right h2 {margin:13px 0 7px 0}
	.tratamientos #right h2:hover {color:#dbb51e; cursor:pointer}
	.tratamientos #right h2.current {color:#dbb51e}
	.tratamientos #right h2 i, .tratamientos #right h2 em {float:right; font-size:85%; padding:5px 10px 0 0; text-align:center; color:#634a3d}
	.tratamientos #right h2.current i, .tratamientos #right h2.current em, .tratamientos #right h2:hover i, .tratamientos #right h2:hover em {color:#a68e67}
	.tratamientos #right p, .tratamientos #right blockquote {padding:0 15px 0 10px }
	.tratamientos #right b, .tratamientos #right strong {color:#a68e67}
	.tratamientos #right p.llistat {padding:0 35px 0 15px }
	.tratamientos #right p.llistat i, .tratamientos #right p.llistat em {float:right; padding-right:10px; text-align:center; font-size:105%}
	.tratamientos #right ul { margin:15px 0 15px 25px}
	.tratamientos #right li { margin:0; background:url(../_img/flor_dot-trans.png) no-repeat 0 -3px; padding-left:30px}

	.contactar h2 {color:#b29770; margin-bottom:25px}
	.contactar p {margin-right:20px}
	.contactar table {width:95%; margin:50px 0 50px 50px}
	.contactar form {margin:0; padding:0 0 20px 10px}
	.contactar label {margin:10px 0 3px 0; display:block; color:#e6dcce}
	.contactar input {width:255px; height:22px;  padding:6px 6px 0px 6px; background-color:transparent}
	.contactar textarea {overflow:auto; width:258px; height:90px; background-color:transparent; padding:4px;}
	.contactar input, .contactar textarea {font:normal 100% Arial, Helvetica, sans-serif; color:#fff; border:1px solid #715545}
	.contactar .button {width:125px; height:24px; background-color:#715545; color:#e6dcce; padding:0; float:right; margin-right:2px; cursor:pointer}
	.contactar #map {width:320px; height:340px; background:url(../_img/mapa.png) no-repeat center center}
	.td-40 {width:40%}
	
#footer {clear:both; margin:0 auto; padding:15px 0 15px 0; font-size:110%}
	#footer table {width:99%; margin:0 auto}
	#footer td {width:50%; line-height:1.5em; color:#715545}
	#footer a {text-decoration:none; color:#715545}
	#footer a:hover {text-decoration:none; color:#dbb51e}