@charset "utf-8";

/*
				General
*/
body {
	font-size: 0.65em;
}
#header #top01 {
	background-image: none;
	background-color: #FFF;
}
em {
	font-style: italic;
}
#serveis {
	top: 1em;
	right: .75em;
}
#serveis li {
	font-size: 1.25em;
}
#serveis li.acces_farmacia {
	padding-left: 2.25em;
}
#top03 {
}
#top03 h2 {
	top: 28px;
}
#top03 a:link,
#top03 a:visited,
#top03 a:hover,
#top03 a:active {
	color: #333;
}
#template02 {
	background: url(../img/punts.png) transparent 193px top repeat-y;
	margin-top: 1em;
	padding-top: 0.5em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
#template02 #col01 {
	width: 180px;	/* Abnas 230px	*/
	margin-right: 30px;
}
.side-nav {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-top: 0.5em;
	background: none;
	padding-right: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.side-nav ul {
	margin-left: 0.25em;
}
.side-nav li {
	background: none;
	margin-bottom: 0.7em;
}
.side-nav li.last {
	margin-bottom: 0;
}
.side-nav li:hover {
	background: none;
}
.side-nav li.imatge {
	height: 175px;
	margin: 3em 0 1em 0;
	vertical-align: bottom;
}
.side-nav li.selected {
	font-weight: bold;
	color: #333;
}
.menu-enll {
	text-align: right;
	color: #777;
}
.list-bullets li {
	background: url(../img/punt.png) no-repeat left .5em;
	padding-left: 1.25em;
}
#template02 #col01 a:link,
#template02 #col01 a:visited {
	color: #333;
	text-decoration: none;
}
#template02 #col01 a:hover,
#template02 #col01 a:active {
	text-decoration: none;
}
#template02 #col01 .side-nav li.sl a:hover,
#template02 #col01 .side-nav li.sl a:active {
	color: #0059a2;
}
#template02 #col02 {
	width: 725px;		/*	Abans 700px	*/
	padding: 0;
}
#template02 #col02 h1 {
	display: none;
}
#template02 #col02 a:link,
#template02 #col02 a:visited {
	text-decoration: none;
	padding: 2px;
	font-weight: bold;
	border-bottom-width: 0;
}
#template02 #col02 a:hover,
#template02 #col02 a:active {
	color: #FFFFFF !important; 
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border-bottom-width: 0;
	border-radius: 4px;	
}
.esquerra {
	text-align: left;
}
.dreta {
	text-align: right;
}
.petit {
	font-size: .9em;
	line-height: 1.5em;
}
.plain-txt h2 {
	display: none;
}
.plain-txt li {
	margin: 0.75em 0;
}
.plain-txt li ul {
	padding-left: 2em; 			/*	Com la classe sagnat-esq	*/
	margin-bottom: .75em;
}
.plain-txt img {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}
.titol-desplegable {
	background: none transparent;
	cursor: pointer;
	padding: 0;
	padding-top: 10px;
	margin: 0;
	height: 20px;
}
.titol-desplegable:hover {
	background: none transparent;
}
.plegat:after {
	content: "";
}
.desplegat {
	background: none transparent;
}
.desplegat:hover {
	background: none transparent;
}
.desplegat:after {
	content: "";
}
.titol-desplegable span {
	font-weight: bold;
	padding: 3px 5px;
	cursor: pointer;
}
.titol-desplegable span.desplegat {
	color: #FFF;
	border-radius: 8px;
}
.titol-desplegable span:hover, 
.titol-desplegable span.plegat:hover {
	color: #FFF;
	border-radius: 8px;
}
.contingut-desplegable {
	margin-bottom: 0.5em;
	margin-top: 0px;
	padding: 1em;
}
.crida_dreta {
	position: relative;
	float: right;
	padding: 3px 5px;
	margin-bottom: 0;
	text-align: right;
}
.plain-txt .llista-punts {
	margin-top: 2em;
}
.llista-punts li {
	padding-left: 60px;
	background: url(../img/punts-h.png) no-repeat left 0.65em transparent;
}
.contret {
	float: left;
	position: relative;
	margin-bottom: 2em;
}
.last, 
div.contret ul.last {
	margin-bottom: 0.15em;
}
.obrir,
.tancar {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 0px 0px 2px 0px;
	width: 16px;
	height: 16px;
	text-align: center;
	font-weight: bold;
	font-size: 1.15em;
	border-radius: 5px;
}
.obrir:hover,
.tancar:hover {
	color: #FFF;
	cursor: pointer;
}
.versaleta {
	font-variant: small-caps;
}
.tecla {
	padding: 0.1em 0.5em;
	background-color: #DDD;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #999;
}
#template02 #col02 a.text-normal:link, 
#template02 #col02 a.text-normal:visited, 
.text-normal {
	font-weight: normal;
}


/*
				Presentació
*/
.presentacio {
	position: relative;
	margin: 0.5em 0 0;
	text-align: justify;
	z-index: 1002;
}


/*
				Recursos:
					- Genèrics
					- Utillatge
*/
#recursos {
	width: 699px;
	display: inline-block;
}
#recursos .contret {
	width: 100%;
	margin-bottom: 1.25em;
	padding-top: 0;
}
#template02 #col02 #recursos .contret>a:hover, 
#template02 #col02 #recursos .contret>a:active {
	background-color: transparent;
}
#recursos .contret img {
	float: left;
	clear: right;
	margin: 1em 2em .25em 0;
}
#recursos .contret ul {
	clear: both;
	margin: .5em;
}
#recursos .contret li {
	display: inline;
	margin: .5em 2em;
}
#crida_inferior_dreta {
	position: relative;
	float: right;
	bottom: 0px;
	padding: 3px 5px;
	line-height: 2em;
	margin-bottom: 0;
}
#crida_inferior_dreta ul {
	text-align: left;
}
#template02 #col02 #crida_inferior_dreta ul li {
	display: block;
	height: auto;
	box-sizing: content-box;
}
#crida_inferior_dreta ul img {
	vertical-align: middle;
	padding-bottom: 0.35em;
	margin: 0 .35em;
}
#template02 #col02 #crida_inferior_dreta ul li.xarxes {
	background-position: left 1.5em;
	margin-top: -.2em;
}
#template02 #col02 #crida_inferior_dreta ul a.icona {
	display: inline-block;
}
#template02 #col02 a.icona:link, 
#template02 #col02 a.icona:visited {
	position: relative;
	top: .15em;
	box-sizing: content-box;
	margin: .15em;
	padding: .3em .3em .15em;
}


/*
				Elements:
					- Principis actius
					- Productes de temporada
*/
.element {			/* .element  =  .plain-txt	*/
	clear: both;
	margin-bottom: 1em;
}
#template02 .element h2 {
	border-bottom-width: 0;
	padding-bottom: 0;
	margin-bottom: 0.75em;
}
.element p {
	margin-bottom: 1em;
}
.element p.last {
	margin-bottom: 0.15em;
}
.element img {
    float: left;
    margin-bottom: 1em;
    margin-right: 1.5em;
}
#template02 #col02 a.img  {
	padding: 0;
}
span.novetat {
	padding: 2px 8px;
	margin-left: 1em;
	font-size: .75em;
	letter-spacing: 2px;
	color: #fff;
	border-radius: 10px;	
	vertical-align: text-bottom;
}


/*
				Fórmules magistrals
				Receptes senzilles
*/
div.contingut-desplegable p.explicacio {
	margin: 0 0 1em 0;
	padding: 0;
	text-align: justify;
}
div.contingut-desplegable p.exemple,
div.contingut-desplegable p.exemple2 {
	margin: 0 1em 1em 1em;
	padding: 0;
	text-align: justify;
}
div.contingut-desplegable p.exemple2 {
	margin-bottom: 0.5em;
}
div.contingut-desplegable p.explicacio span.erroni {
	padding-bottom: 2px;
	background: url(../img/error.gif) repeat-x left bottom transparent;
	
}
div.contingut-desplegable p.dreta {
	margin: 0 0 1em 0;
	padding: 0;
}
#template02 #col02 div.contingut-desplegable p.dreta a {
	margin-left: .75em;
}
div.contingut-desplegable p.last, 
div.contingut-desplegable ul.last {
	margin-bottom: 0.15em;
}
#template02 #col02 a.sense_fons:link,
#template02 #col02 a.sense_fons:visited {
	background-color: transparent;
	padding: 0;
	margin: 0;
}
#template02 #col02 a.sense_fons:hover, 
#template02 #col02 a.sense_fons:active {
	background-color: transparent;
	background-color: transparent;
	padding: 0;
	margin: 0;
}


/*
				Concòrdia
				Per a gurmets
*/
ul.concordia li, 
ul.gurmets li {
	margin-bottom: 1em;
}
ul.concordia li ul, 
ul.gurmets li ul {
	margin: 1em 1em 1.5em;
}
ul.concordia li li, 
ul.gurmets li li {
	padding-left: 15px;
	background: url(../img/quadre.png) no-repeat left 0.5em;
	margin: 0.5em 0;
}


/*
				Excipients
				Rebost
*/
#template02 #col02 a.web {
	padding: 0;
	color: transparent;
	background-color: transparent;
}


/*
				SL Facultat
*/
.destacat {
	margin-bottom: 25px;
	width: 325px;
	float: left;
	min-height: 130px;
}
.destacat:nth-child(even) {
	margin-right: 25px;
} 
.destacat p {
	margin: 0.25em 0.5em 1em;
	text-align: justify;
}
.destacat p.last {
	margin-bottom: 0.15em;
}
#template02 #col02 .postal a:link {
	padding: 0;
	margin: .7em 0 0 0;
	background-color: transparent;
	color: #FFF;
	display: block;
}
ul#collectius li {
	display: inline-block;
	margin: .5em 1em;
	width: 80px;
	text-align: center;
}
ul#collectius li.last {
	margin-right: 0;
}


/*
				Crèdits
*/
div.credits {
	font-size: 0.95em;
	line-height: 1.4em;
}
div.credits p {
	margin: 1em 0;
}
div.credits h5 {
	margin-bottom: .25em;;
}
div.credits p.credits {
	margin: 0 0 0.1em 0;
}
div.credits .marge_sup_extra {
	margin-top: 2em;
}
#obrador {
	position: absolute;
	bottom: 0.25em;
	right: 1em;
}

/*
				Galeria d'il·lustracions
*/
.galeria {
	margin-bottom: 0;
}
.galeria h2 {
	display: block;
}
.list-img {
	margin: 0;
	margin-top: 2em;
	display: block;
}
.list-img li {
	display: inline;
	list-style-type: none;
	margin-right: 25px;
}
#template02 #col02 a.colorbox,
#template02 #col02 a.colorbox:hover {
	padding: 0;
	color: transparent;
	background-color: transparent;
}
#cboxWrapper {
	min-width: 800px;
}


/*
				Obrador
*/
.obrador {
	margin-bottom: 2em;
}
.obrador h2 {
	display: block;
}
.img-baner {
	margin: 0em;
	margin-bottom: 2em;
}
.html-baner {
	clear: left;
}
.intro-txt .img-baner img {
	float: left;
	margin-right: 2em;
}
#template02 #col02 .img-baner a {
	padding: 0px;
}
#template02 #col02 .img-baner + a,
#template02 #col02 .img-baner + a:hover {
	color: transparent;
	background-color: transparent;
}
.img-baner p:first-of-type {
	padding-top: .25em;
}
.baner textarea {
	width: 670px;
	box-sizing: content-box;
	height: 3em;
	padding: .5em;
}
.marge_sup_extra_1 {
	
}
.marge_sup_extra_2 {
	margin-top: 2.75em;
}
.marge_inf_extra_3 {
	margin-bottom: 3em;
}
#apartats .last {
	margin-bottom: 0.15em;
}
#apartats h5 {
}
ul.apartats {
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	text-align: left;
}
.apartats li {
	background: url(../img/punt.png) no-repeat left .5em;
	padding-left: 1.25em;
	margin-bottom: 0.5em;
}