@charset "utf-8";

@media all {
	
	/*--------------------*/
	/* Etiquetes generals */
	/*--------------------*/
	
	BODY {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #260D0D;
		
		padding: 0;
		margin: 0;
		
		background: #FBF9F4 url(../img/pintura.jpg) no-repeat left 10em;
	}
	
	IMG {
		border: 0;
	}
	
	A {
		color: #6F2626;		
	}
	
	H1 {
		padding-top: 0;
		margin-top: 0;
		
		font-size: 2.2em;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: inherit;
		text-decoration: none;
	}
	
	H2 {
		padding-top: 0;
		margin-top: 2em;
		
		padding-bottom: 0;
		margin-bottom: 1em;
		
		font-size: 1.3em;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: inherit;
		text-decoration: none;
	}
	
	H3 {
		padding-top: 0;
		margin-top: 1em;
		
		padding-bottom: 0;
		margin-bottom: 0.2em;
		
		font-size: 1.1em;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: inherit;
		text-decoration: none;
	}
	
	H6 {
		padding-top: 0;
		margin-top: 1em;
		
		padding-bottom: 0;
		margin-bottom: 0;
		
		font-size: 1.1em;
		font-style: normal;
		font-weight: normal;
		font-variant: small-caps;
		color: inherit;
		text-decoration: none;
	}
	
	HR{
		padding: 0;
		margin: 1.5em 0 1.5em 0;
		border: 0; 
		border-style: solid;
		height: 0.6pt;
		width: 100%;
	}
	
	ADDRESS {
		font-size: inherit !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		text-decoration: none !important;
		white-space: nowrap;
	}
	
	STRONG {
		font-style: normal;
		font-weight: normal;
		font-variant: small-caps;	
	}
	
	TABLE {
		border: 1px solid #CCCCCC;
		border-collapse: collapse;
	}
	
	TABLE TD,
	TABLE TH{
		padding: 1em;
		border: none;
	}
	
	TABLE TH{
		border-bottom: 1px solid #CCCCCC;
	}
	
	TABLE THEAD TH {
		text-align: left;
	}
	
	TABLE.layout {
		border: none;
		border-collapse: collapse;
	}
	
	/*------------------*/
	/* Classes generals */
	/*------------------*/
	
	*.cometes_esquerra {
		position: absolute;
	}
	*.cometes_esquerra DIV {
		background: url(../img/cometes_esquerra.png);
		width: 36px;
		height: 27px;
		position: relative;
		left: -45px;
		top: -13px;
	}
	*.cometes_dreta {
		float: right;
	}
	*.cometes_dreta DIV {
		background: url(../img/cometes_dreta.png);
		width: 36px;
		height: 28px;
		position: relative;
		right: -45px;
		top: -20px;
	}
	
	*.avales {
		text-align: center;
	}
	*.aval {
		display: inline;
		margin: 1em;
	}
	
	*.petit {
		font-size: xx-small;
	}
	
	*.nowrap {
		white-space: nowrap;
	}
	
	A.text_link,
	A.text_link:visited {
		color: black;
		text-decoration: none;		
	}
	A.text_link:hover {
		color: #333;
		text-decoration: underline;		
	}
	
	*.seleccionat{
		/*padding: 0.5em;*/
		background-color: #EEE7D0;
	}
	*#peu *.seleccionat{
		background-color: transparent;
	}
	
	*.nopaddingleft {
		padding-left: 0 !important;
	}
	
	*.telefon,
	*.fax {
		min-height: 20px;
		padding-left: 18px;
		background-repeat: no-repeat;
		background-position: 1px center;
	}
	
	*.telefon {
		background-image: url(../img/telefon.png);
	}
	/*
	*.telefon:hover {
		background-image: url(../i/telefon_on.png);
	}
	*/
	
	*.fax {
		background-image: url(../img/fax.png);
	}
	/*
	*.fax:hover {
		background-image: url(../img/fax_on.png);
	}
	*/
	
	P.msg{
		font-style: italic;
		background-color: #ECECDF;
		padding: 1.5em;
		margin: 2em 0;
	}
	
	P.msg SPAN.alert{
		color: #BB0000;
	}
	P.msg SPAN.info{
		color:#35352F;
	}
	P.msg SPAN.alert:before, P.msg SPAN.info:before
	{
		font-style: normal;
		font-weight: bold;
		color: #B0B0A2;
	}
	P.msg SPAN.alert:before
	{
		content: url(../img/alert.png) ": ";
	}
	P.msg SPAN.info:before
	{
		content: url(../img/info.png) ": ";
	}

	
	/*-------*/
	/* FORMS */
	/*-------*/
	
	FORM {
		padding: 0;
		margin: 0;
	}
	
	FORM LABEL::after {
		content: ":";
	}
	
	BUTTON {
		border: none;
		background: transparent;
	}
	
	BUTTON.sobmetre{
		text-align: right;
		padding-right: 0;
		margin-right: 0;
	}
	
	INPUT,
	TEXTAREA,
	SELECT {
		border: none;
		background: transparent;
		width: 100%;
		//width: 50%;
		margin-bottom: 0.5em;
		font: inherit;
		font-family: "Bradley Hand ITC", script, cursive, sans-serif;
		color: black;
		font-size: 1.1em;
	}
	INPUT,
	TEXTAREA {
		background: transparent url(../img/linia_formulari.gif) bottom;
	}
	INPUT {
		background-repeat: repeat-x;
	}
	TEXTAREA {
		overflow: auto;
		//overflow: hidden;
	}
	
	*.button_link{
		text-decoration: underline;
		cursor: pointer;
	}
	
	LABEL,
	INPUT,
	TEXTAREA,
	SELECT {
		display: inline;
	}
	
	FORM.form_clear_label LABEL {
		clear: both;
		display: block;
	}
	
	FORM.form_clear_field INPUT,
	FORM.form_clear_field TEXTAREA,
	FORM.form_clear_field SELECT {
		clear: both;
		display: block;
	}
	
	/*-------------------*/
	/* {DIVS continguts} */
	/*-------------------*/
	
	*#logo,
	*#logo * {
		background-color: transparent !important;
	}
	
	/*----------*/
	/* {Idioma} */
	/*----------*/
	
	*#idioma A,
	*#idioma SPAN {
		padding: 0.2em 0.4em;
	}
	
	/*--------*/
	/* {Menú} */
	/*--------*/
	
	*#menu {
		font-size: 1.2em;
		color: #6F2626;
	}
	
	*#menu A,
	*#menu SPAN{
		padding: 0.2em 0.4em 0.2em 1.2em;
		margin: 0 2em 0 0;
		background-image: url(../img/topete_menu.png);
		background-repeat: no-repeat;
		background-position: 0.4em center;
		
		float: left;
		clear: left;
	}
	
	*#menu *.menu_entrat {
		margin-left: 2.5em;
		font-size: 0.75em;
	}
	
	/*-------------*/
	/* {Contingut} */
	/*-------------*/
	
	*#contingut {
		margin: 4em;
	}
	
	*#contingut *#submenu { /* el submenu */
		display: block;
		margin: 2em 0 2em 0;
	}
	*#contingut *#submenu * { /* qualsevol etiqueta dins del submenu */
		padding: 0.5em;
	}
	
	*#contingut P:first-letter {
		font-size: 1.2em;
	}
	
	/*-------*/
	/* {Peu} */
	/*-------*/
	
	*#peu {
		
	}
	
}

@media screen, projection, tv {
	
	BODY {
		font-size: 90%;
	}
	
	HR{
		height: 1px;
		
		background-color: #666; 
		color: #666;
		border-color: #666;
	}
	
	/*-------------------*/
	/* {DIVS continguts} */
	/*-------------------*/
	
	*#logo,
	*#menu,
	*#contingut,
	*#peu,
	*#aguilografic {
		/* position: absolute; */
		z-index: 50;
	}
	
	/* ---- columna esquerra ---- */
	*#logo {
		left:0;
	}
	
	*#menu {
		position: absolute;
		margin-top: 2em;
		left: 2em;
		margin-right: 2em;
	}
	
	/* ----- columna central ----- */
	*#contingut {
		margin-left: 22em;
		margin-right: 4em;
	}
	
	*#peu {
		margin-left: 24em;
		margin-right: 4em;
		//position: absolute;
		//left: 24em;
		//margin-left: 0;
	}
	
	/* ----- primera línia ----- */
	*#logo {
		margin-top: 2.5em;
		margin-bottom: 2.5em;
	}
	
	*#idioma {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		margin-left: 2em;
		margin-right: 2em;
		clear: both;
	}
	
	/* ----- segunda línia ----- */
	*#contingut {
		
	}
	
	/*--------*/
	/* {Menú} */
	/*--------*/
	
	*#menu A,
	*#menu SPAN {
		white-space: nowrap; 
	}
	
	/*-------------*/
	/* {Contingut} */
	/*-------------*/
	
	*.mapa {
		width: 100%;
		min-width: 600px;
		//width: 600px;
		position:relative;
		left: -14px;
	}
	TABLE.mapa {
		border-collapse: collapse;
	}
	TABLE.mapa TD {
		margin: 0;
		padding: 0;
	}
	
	*.mapa_1 {
		width: 58px;
		height: 60px;
		background: transparent url(../img/mapa_1.jpg) no-repeat;
	}
	*.mapa_2 {
		vertical-align: top;
		text-align: left;
		height: 60px;
		background: transparent url(../img/mapa_2.jpg) repeat-x;
	}
	*.mapa_2_principi {
		position: relative;
		top: 23px;
		left: 10px;
		width: 85px;
		height: 16px;
		background: transparent url(../img/mapa_2_principi.jpg) no-repeat;
	}
	*.mapa_3 {
		width: 48px;
		height: 60px;
		background: transparent url(../img/mapa_3.jpg) no-repeat;
	}
	*.mapa_4 {
		vertical-align: top;
		text-align: left;
		width: 58px;
		background: transparent url(../img/mapa_4.jpg) repeat-y 0px 160px;
	}
	*.mapa_4_principi {
		width: 58px;
		height: 163px;
		background: transparent url(../img/mapa_4_principi.jpg) no-repeat;
	}
	*#mapa,
	*#mapa_noscript
	 {
		height: 500px;
		background: #EDEAE2 url(../img/google_map.jpg) center center no-repeat;
	}
	*#mapa_noscript {
		background: #EDEAE2 url(../img/google_map.jpg) center center no-repeat;
	}
	*.mapa_6 {
		width: 48px;
		background: transparent url(../img/mapa_6.jpg) repeat-y;
	}
	*.mapa_7 {
		width: 58px;
		height: 52px;
		background: transparent url(../img/mapa_7.jpg) no-repeat;
	}
	*.mapa_8 {
		height: 52px;
		background: transparent url(../img/mapa_8.jpg) repeat-x;
	}
	*.mapa_9 {
		width: 48px;
		height: 52px;
		background: transparent url(../img/mapa_9.jpg) no-repeat;
	}
	
	/*-------*/
	/* {Peu} */
	/*-------*/
	
	*#peu {
		font-size: 11px;
		margin-bottom: 40px;
		vertical-align: middle;
		
		width: 360px;
		height: 145px;
		padding: 8px 7px 28px 20px;
		background: transparent url(../img/peu.png) no-repeat;
		
		float: left;
	}
	
	*#peu ADDRESS {
		float: left;
		margin: 1em;
	}
	
	*#peu *#label_vida_sana {
		float: right;
	}
	
	*#aguilografic {
		float: right;
		margin-top: 100px;
		margin-right: 4em;
	}
	
	/*---------------*/
	/* {Decoracions} */
	/*---------------*/
	
	*.logo_petit {
		position: absolute;
		
		margin-top: 30em;
		
		left: 0;
		width: 251px;
		height: 83px;
		background: url(../img/logo_petit.png) no-repeat;
		
		z-index: 1;
	}
	
	*.tienda {
		position: absolute;
		
		top: 2em;
		right: 5%;
		width: 284px;
		height: 220px;
		background: url(../img/tienda.png) no-repeat bottom left;
		
		z-index: 1;
	}
	
	*.pot {
		position: absolute;
		top: 0;
		right: 0;
		width: 40%;
		height: 230px;
		background: url(../img/pot.jpg) no-repeat top left;
		
		z-index: 1;
	}
	
	*.fulles {
		position: absolute;
		top: 55px;
		right: 0;
		width: 25%;
		height: 186px;
		background: url(../img/fulles.png) no-repeat top left;
		
		z-index: 3;
	}
	
	*.bitxo {
		position: absolute;
		top: 55em;
		left: 5em;
		
		width: 66px;
		height: 87px;
		
		background: url(../img/bitxo.gif) no-repeat;
		
		z-index: 100;
	}
	
	*.llavors {
		position: absolute;
		top: 135px;
		left: 500px;
		width: 20px;
		height: 20px;
		background: url(../img/llavors.png) no-repeat top left;
		
		z-index: 2;
	}
	
	*.pansa {
		margin-top: 5.5em;
		position: absolute;
		right: 2%;
		width: 80px;
		height: 53px;
		background: url(../img/pansa.gif) no-repeat top left;
		
		z-index: 1;
	}
	
	*.bruixola {
		position: absolute;
		right: 2%;
		bottom: 15%;
		width: 181px;
		height: 185px;
		background: url(../img/bruixola.png) no-repeat;
		
		z-index: 101;
	}
	
	*.llibreta {
		width: 681px;
		margin: 0;
		padding: 0;
	}
	*.llibreta_adalt {
		height: 99px;
		background: url(../img/llibreta_adalt.jpg) no-repeat;
		margin: 0;
		padding: 0;
	}
	*.llibreta_centre {
		margin: 0;
		padding: 0 113px 3em 52px;
		background: url(../img/llibreta_centre.jpg) repeat-y;
	}
	*.llibreta_abaix {
		height: 112px;
		background: url(../img/llibreta_abaix.jpg) no-repeat;
		margin: 0;
		padding: 0;
	}
	
	*.blat {
		position: absolute;
		left: 0;
		width: 203px;
		height: 91px;
		background: url(../img/blat.jpg) no-repeat;
		
		z-index: 1;
	}
	
	*.tinter {
		position: absolute;
		right: 0;
		
		/* DOM */
		width: 35%;
		max-width: 299px;
		/* IE */
		//width: expression( ( document.body.clientWidth > 820 ? '299' : document.body.clientWidth * 0.35) + 'px');
		
		height: 300px;
		background: url(../img/tinter.png) no-repeat;
		
		z-index: 20;
	}
	
	*.segell {
		position: absolute;
		right: 18%;
		width: 104px;
		height: 122px;
		
		background: url(../img/segell.png) no-repeat;
		
		z-index: 1;
	}
	
	*.sobre {
		position: absolute;
		
		/* DOM */
		left: 0;
		width: 20%;
		max-width: 18em;
		/* IE */
		//width: 302px;
		/* 1510 x 20% = 302px */
		//left: expression( ( document.body.clientWidth < 1510 ? 0 - ( ( 1510 - document.body.clientWidth ) * 0.20 ) : 0 ) + 'px');
		
		height: 597px;
		
		background: url(../img/sobre.png) no-repeat top right;
		
		z-index: 1;
	}
	
	*.poma {
		position: relative;
		
		float: right;
		
		width: 193px;
		height: 173px;
		background: url(../img/poma.png) no-repeat;
		
		z-index: 110;
		
		margin-left: 2em;
	}
}

@media aural, braille, handheld, projection, tty, screen, tv {
	.print {
		display: none !important;
	}
}

@media print {
	
	.noprint {
		display: none !important;
	}
	
	BODY {
		font-size: 12pt;
		background: white;
	}
	
	H1:first-letter,
	H2:first-letter,
	H3:first-letter,
	H4:first-letter,
	H5:first-letter,
	H6:first-letter {
		font-size: 1.5em;
	}
	
	H1, H2, H3, H4, H5, H6 {
		page-break-after: avoid; 
		page-break-inside: avoid;
	}
	
	HR{
		display: block;
		height: 0.2pt;
		
		background-color: black; 
		color: black;
		border-color: black;
	}
	*#peu HR {
		background-color: black; 
		color: black;
		border-color: black;
	}
	
	*#menu {
		display: none;
	}
	*#contingut *#submenu {
		display: none;
	}
	
	*#idioma {
		display: none;
	}
	
	*#logo {
		padding-bottom: 3em;
	}
	
	*#contingut {
		
	}
	
	*#peu {
		margin-top: 6em;
		page-break-inside: avoid;
	}
	
	*.seleccionat{
		background: #EEE;
	}
	
	A,
	A:hover,
	A:visited,
	A:active,
	*.printlink {
		color: #6F2626;
		text-decoration: underline;
	}
}

	/*-------------------*/
	/* {DIVS MARCO} */
	/*-------------------*/

	*.flashtienda {
		position: absolute;
		
		top: 2em;
		right: 5%;
		width: 284px;
		height: 220px;
		
		z-index: 1;
	}