/* ---------------------------------------------------------------------------------------------------------- */
/* Full d'estils de la web del Colˇlegi Oficial de Farmacčutics de les Illes Balears */
/* www.cofib.es */
/* autor: Tolo Mir*/
/* ---------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------------*/
/* Definiciķ General*/
/* -----------------------------------------------------------------------------------------------------------*/

/* Cos General */
body {
    margin: 0px; 
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-position: top center; 
	background-image: url(../../images/bg.png);
	background-repeat: repeat-y;
}

/* Estil de Lletra */
* { font-family: Arial, Verdana, sans-serif; text-align: left; }

/* Capįaleres de Text*/
h1 {
  float: auto;
  margin: 5px; 
  padding: 0px;
  font-size: 18px; 
  font-weight: bold; 
  font-style: normal;
  line-height: 1.4em;
 }

h2 {
  float : auto;
  margin: 5px; 
  padding: 0px;
  font-size: 14px; 
  font-weight: bold; 
  font-style: normal;
  line-height: 1.4em;
 }

h3 {
  float : auto;
  margin: 5px; 
  padding: 0px;
  font-size: 12px; 
  font-weight: bold; 
  font-style: normal;
  line-height: 1.4em;
 }

h4 {
  float:auto;
  margin: 0px 0px 0px 0px;
  font-size: 12px; 
  font-weight: bold; 
  font-style: normal;
  line-height: 10px; 
  color: #CCCCCC;
 }


/* Parāgrafs de Lletra */
p {
  align : justify;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
 }

p.black {
  align : justify;
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: bold;
  color: #666666;
 }

p.grey {
  align : justify;
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: bold;
  color: #CCCCCC;
 }

p.green {
  align : justify;
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: bold;
  color: #339999;
 }


p.smallblack {
  align : justify;
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 10px;
  line-height: 1.2em;
  font-weight: bold;
  color: #666666;
 }

p.smallgrey {
  align : justify;
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 10px;
  line-height: 1.2em;
  font-weight: bold;
  color: #CCCCCC;
 }

p.smallgreen {
  align : justify;
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 10px;
  line-height: 1.2em;
  font-weight: bold;
  color: #339999;
 }

/* Estil d'Imatges Generals*/
img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	}
	
/* Estil de Links Generals*/
a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #339999;
}

a:hover, a:active {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.boton{
        font-size:12px;
        font-family:Arial;
        font-weight:bold;
        text-align:center;
        color:white;
        background:#CECECE;
        border:1px;
        border-color:#9C9C9C;
        width:80px;
        height:20px;
}

.literal {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
}

/* Llistes Ordenades i Desordenades */
ul li {
  margin: 0; padding: 0;
  font-size: 12px;
  line-height: 1.6em;
  font-weight: normal;
  list-style-type: square;
 }

ol li {
  margin: 0 0 0 10px; padding: 0;
  font-size: 12px;
  line-height: 1.6em;
  font-weight: normal;
 /* color: #FFFFFF;*/
  list-style-type:  decimal-leading-zero;
 }

/* Elements de Taula */
caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	letter-spacing: 1px;
	padding: 2px 2px 2px 4px;
	text-transform: uppercase;
	text-align: center;
	background: #CAE8EA url(../../images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCCCCC;
	background: none;
}

td {
/*	border-right: 1px solid #CCCCCC; */
/*	border-bottom: 1px solid #CCCCCC; */
	background: #fff;
	padding: 2px 2px 2px 4px;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #797268;
}

td.no {
    font: 11px Arial, Helvetica, sans-serif;
    color: white;
}

th.spec {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	background: #fff url(../../images/cofib_point.jpg) no-repeat;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	background: #f5fafa url() no-repeat;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Estructura de Pāgina */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Contenidor de Pāgina */
#container {
	margin: auto auto auto auto;
	padding: 0;
	width: 942px;
	overflow: inherit;
}

/* Contingut Principal  */
#maincontent { float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 500px; overflow:inherit;}


#maincontent p {
	text-align:justify;
}

/* Contingut de Base */
#basecontent {

	float:left; 
	margin: 0px 0px 0px 5px; 
	padding-bottom: 10px;
	width: 500px; 
	padding: 5px; 
	/*overflow:hidden;*/
	overflow:inherit;
}


#basecontent img {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #999999; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
	border-left: 1px solid #999999; 	

	}
	
#basecontent img.centrat{
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Contingut de Detalle */
#detallecontent {

	float:left; 
	margin: 0px 0px 0px 5px; 
	padding-bottom: 10px;
	width: 500px; 
	padding: 5px; 
	/*overflow:hidden;*/
	overflow:inherit;
}


#detallecontent img {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #999999; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
	border-left: 1px solid #999999; 	

	}

#detallecontent p {
  align : justify;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
 }
	
/* Per a departaments: */
#depart > div > table {
    width: 500px;
}

/* Elements de Taula */
#taulacontent caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#taulacontent th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	letter-spacing: 1px;
	padding: 2px 2px 2px 4px;
	text-transform: uppercase;
	text-align: center;
	background: #CAE8EA url(../../images/bg_header.jpg) no-repeat;
}

#taulacontent th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCCCCC;
	background: none;
}

#taulacontent td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #fff;
	padding: 2px 2px 2px 4px;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #4f6b72;
}

#taulacontent td.alt {
	background: #F5FAFA;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #797268;
}

#taulacontent th.spec {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	background: #fff url(../../images/cofib_point.jpg) no-repeat;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#taulacontent th.specalt {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	background: #f5fafa url() no-repeat;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#taulacontent.petit th, #taulacontent.petit td {
    font-size: 0.7em;
}


#activitatscontent td p {
    margin-bottom: 5px;
}

/* BreadCrumbs diferenciats per color */
#migas{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas a {
  font-weight: bold;
  text-decoration: none;
  color: #339999;
}


#migas_blau{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_blau a {
  font-weight: bold;
  text-decoration: none;
  color: #6699CC;
}

#migas_roig{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_roig a {
  font-weight: bold;
  text-decoration: none;
  color: #CC9999;
}

#migas_lila{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_lila a {
  font-weight: bold;
  text-decoration: none;
  color: #825DA5;
}

#migas_gris{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_gris a {
  font-weight: bold;
  text-decoration: none;
  color: #CCCCCC;
}

#migas_taronja{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_taronja a {
  font-weight: bold;
  text-decoration: none;
  color: #FF9966;
}

#migas_negre{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_negre a {
  font-weight: bold;
  text-decoration: none;
  color: #999999;
}

#migas_groc{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_groc a {
  font-weight: bold;
  text-decoration: none;
  color: #FFCC66;
}

#migas_sepia{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_sepia a {
  font-weight: bold;
  text-decoration: none;
  color: #CCCC99;
}

#migas_vermell{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_vermell a {
  font-weight: bold;
  text-decoration: none;
  color: #FF0000;
}

#migas_marro{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_marro a {
  font-weight: bold;
  text-decoration: none;
  color: #FFCC66;
}

#migas_fundacio{
	float:left;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;	
}

#migas_fundacio a {
  font-weight: bold;
  text-decoration: none;
  color: #9CCB65;
}

/* Capa d'idiomes de la web */
#langcontent{
	margin: -140px 0px 125px 800px;
	float: auto;
}

 
/* Capa per nomsessio */
#nomsessiocontent{
	margin: -140px 0px 95px 750px;
	float: auto;
} 
 
#nomsessio{
	margin: 0px 0px 0px -100px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #FFFF40;
	padding: 2px;
}

#ultim_acces{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #FFFF40;
	padding: 0px;
}
 
#ultim_acces_tarja{
	margin: 0px 0px 0px -50px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #FFFFCC;
	padding: 0px;
}

/* Capa de l'opciķ per cercar */
#searchcontent{
	margin: -51px 0px 15px 750px;
	float: inherit;
}

/* Capa de l'opciķ per cercar */
#searchcontent_p{
	margin: -65px 0px 15px 750px;
	float: inherit;
}

#searchinput{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #999999; /* D6D6D6 */
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-left: 1px solid #999999; 
	color: #666666;
}

#searchbutton{
	margin: 0px 0px 0px 95px; /*margin: 0px 0px 0px 75px;*/
	background-color: #FFFFFF;
	float: auto;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 0px solid #999999; /* D6D6D6 */
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
	color: #339999;	
	cursor:pointer;
    display: inline;    /*ajuda cerca*/
    vertical-align: top;
}

/* Capa de l'icona de cada pāgina*/
#icocontent{
	margin: 0px 0px 0px 0px;
	float: right;
	overflow: hidden;
}

#icocontent img{
	border-top: 0px solid #999999;
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
}

/* Capa de l'icona tarja*/
#icotarja{
	margin: 0px 100px 0px 0px;
	float: right;
	overflow: hidden;
}

#icotarja img{
	border-top: 0px solid #999999;
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
}

/* Capa per la definciķ d'un Botķ */
#linkbutton{
	margin: 0px 0px 0px 15px;
	background-color: #CCCCCC;
	float: auto;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #999999; /* D6D6D6 */
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-left: 1px solid #999999; 
	color: #FFFFFF;	
	cursor:pointer;
}

/* Text per obtenir més informaciķ*/
#mesinfo a{
   color: #666666;	
   font-size: 10px; 
   font-weight: bold; 
   font-style: normal;   
}


/* Columnes*/
#leftcol  { float: left;  margin: 0px 0px 0px 0px; padding: 0; width:200px}
#rightcol { float: right; margin: 0px 0px 0px 0px; padding: 0; width:200px;}


/* Menu Esquerre*/
#leftmenu { 
	float: left; 
	width: 200px;
	margin: 0; 
	padding: 0; 
/*	height:650px;*/
    display:block;
	background-color: #F0F0F0;
}


#leftmenu a:link, #leftmenu a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

#leftmenu a:hover, #leftmenu a:active {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}


/* Menú Esquerre - Diferenciaciķ per Colors*/
#leftmenuitem_taronja { 
	background-image: url(../../images/titol_taronja.gif);
	padding: 2px;
	height: 21px;
	margin: 0px 0px 4px 0px;
}

#leftmenuitem_taronja p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#leftmenuitem_taronja_t { 
	background-color: #FF9966;
	padding: 2px;
	height: 19px; 
	margin: 0px 0px 2px 0px;
}

#leftmenuitem_taronja_t p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftmenuitem_taronja_t a:visited{
  color: #FFFFFF;
}

#leftmenuitem_taronja_t a:hover, a:active {
  color: #000000;
}

#leftmenuitem_verd { 
	background-image: url(../../images/titol_verd.gif);
	height: 21px; 
	padding: 2px;
	margin: 0px 0px 4px 0px;	
}

#leftmenuitem_verd p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#leftmenuitem_verd_t { 
	background-color: #99CCCC;
	height: 19px; 
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#leftmenuitem_verd_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftmenuitem_verd_t a:visited {
  color: #FFFFFF;
}

#leftmenuitem_verd_t a:hover, #leftmenuitem_verd_t a:active {
  color: #000000;
}


#leftmenuitem_blau { 
	background-image: url(../../images/titol_blau.gif);
	height: 21px; 
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#leftmenuitem_blau  p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#leftmenuitem_blau_t { 
	background-color: #6699CC;
	height: 19px; 
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#leftmenuitem_blau_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}


#leftmenuitem_blau_t  a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_blau_t a:hover, #leftmenuitem_blau_t a:active {
  color: #000000;
}

#leftmenuitem_roig { 
	background-image: url(../../images/titol_roig.gif);
	height: 21px; 
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#leftmenuitem_roig p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#leftmenuitem_roig a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_roig a:hover, #leftmenuitem_roig a:active {
  color: #000000;
}

#leftmenuitem_roig_t { 
	background-color: #CC9999;
	height: 19px; 
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#leftmenuitem_roig_t p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftmenuitem_roig_t a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_roig_t a:hover, #leftmenuitem_roig_t a:active {
  color: #000000;
}

#leftmenuitem_gris { 
	background-image: url(../../images/titol_gris.gif);
	height: 21px; 
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#leftmenuitem_gris p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#leftmenuitem_gris a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_gris a:hover, #leftmenuitem_gris a:active {
  color: #000000;
}

#leftmenuitem_gris_t { 
	background-color: #CCCCCC;
	height: 19px; 
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#leftmenuitem_gris_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftmenuitem_gris_t  a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_gris_t a:hover, #leftmenuitem_gris_t a:active {
  color: #000000;
}

#leftmenuitem_fundacio { 
	background-image: url(../../images/titol_fundacio.gif);
	height: 30px; 
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#leftmenuitem_fundacio p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#leftmenuitem_fundacio a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_fundacio a:hover, #leftmenuitem_fundacio a:active {
  color: #000000;
}

#leftmenuitem_fundacio_t { 
	background-color: #9CCB65;
	height: 19px; 
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#leftmenuitem_fundacio_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftmenuitem_fundacio_t a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_fundacio_t a:hover, #leftmenuitem_fundacio_t a:active {
  color: #000000;
}

/* Promocions Comercials*/
#leftmenuimage
{
	border-top: none 0px;
	border-left: solid 4px #825DA5;
	border-right: solid 4px #825DA5;
	border-bottom: solid 4px #825DA5;
}

#leftmenuimage p{
	margin: 0px 0px 0px 25px;
	color: #800000;
	font-size: 14px;
	font-weight: normal;	
}

#leftmenuimage img 
{
	margin: 5px 0px 0px 25px;	
	max-height: 80px;
	max-width: 140px;
}

#ads{
	position: relative;
	height: 95px;
}

#leftmenuitem_promo_t { 
	background-color: #825DA5;
	height: 19px;
	padding: 2px;
	margin: 5px 0px 0px 0px;
}

#leftmenuitem_promo_t p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftmenuitem_promo_t a:visited{ 
	color: #FFFFFF;
}

#leftmenuitem_promo_t a:hover, #leftmenuitem_promo_t a:active {
  color: #000000;
}

/* Menú Dret */
#rightmenu { 
	float: right; 
	width: 200px;
	margin: 0px; 
	padding: 0px; 
/*	height:650px;*/
	background-color: #F0F0F0;
	display:block; 
	/*overflow:hidden;	*/
}

#rightmenu a:link, #rightmenu a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

#rightmenu a:hover, #rightmenu a:active {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}


/* Menú Dret - Diferenciaciķ per colors*/
#rightmenuitem_taronja { 
	background-image: url(../../images/titol_taronja.gif);
	padding: 2px;
	height: 21px;
	margin: 0px 0px 4px 0px;
}

#rightmenuitem_taronja p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_taronja  a:visited{ 
	color: #FFFFFF;
}

#rightmenuitem_taronja a:hover, #rightmenuitem_taronja a:active {
  color: #000000;
}

#rightmenuitem_taronja_t { 
	background-color: #FF9966;
	padding: 2px;
	height: 19px; 
	margin: 0px 0px 2px 0px;
}

#rightmenuitem_taronja_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#rightmenuitem_taronja_t a:visited{
  color: #FFFFFF;
}

#rightmenuitem_taronja_t a:hover, #rightmenuitem_taronja_t a:active {
  color: #000000;
}

#rightmenuitem_negre { 
	background-image: url(../../images/titol_negre.gif);
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#rightmenuitem_negre p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_negre a:visited{ 
	color: #FFFFFF;
}

#rightmenuitem_negre a:hover, #rightmenuitem_negre a:active {
  color: #000000;
}

#rightmenuitem_negre_t { 
	background-color: #999999;
	height: 19px;
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#rightmenuitem_negre_t p{ 
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#rightmenuitem_negre_t a:visited{
  color: #FFFFFF;
}

#rightmenuitem_negre_t a:hover, #rightmenuitem_negre_t a:active {
  color: #000000;
}

#rightmenuitem_groc { 
	background-image: url(../../images/titol_groc.gif);
	height: 21px;
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#rightmenuitem_groc p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_groc a:visited{
  color: #FFFFFF;
}

#rightmenuitem_groc a:hover, #rightmenuitem_groc a:active {
  color: #000000;
}

#rightmenuitem_groc_t { 
	background-color: #CCCC99;
	height: 19px;
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#rightmenuitem_groc_t  p{ 
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#rightmenuitem_groc_t a:visited{
  color: #FFFFFF;
}

#rightmenuitem_groc_t a:hover, #rightmenuitem_groc_t a:active {
  color: #000000;
}

#rightmenuitem_caqui { 
	background-image: url(../../images/titol_caqui.gif);
	height: 21px;
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#rightmenuitem_caqui p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_caqui a:visited{
  color: #FFFFFF;
}

#rightmenuitem_caqui a:hover, #rightmenuitem_caqui a:active {
  color: #000000;
}

#rightmenuitem_gris { 
	background-image: url(../../images/titol_gris.gif);
	height: 21px;
	padding: 2px;
	margin: 0px 0px 4px 0px;	
}

#rightmenuitem_gris p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_gris a:visited{
  color: #FFFFFF;
}

#rightmenuitem_gris a:hover, #rightmenuitem_gris a:active {
  color: #000000;
}

#rightmenuitem_gris_t { 
	background-color: #CCCCCC;
	height: 19px;
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#rightmenuitem_gris_t p{ 
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#rightmenuitem_gris_t a:visited{
  color: #FFFFFF;
}

#rightmenuitem_vermell { 
	background-image: url(../../images/titol_vermell.gif);
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}


#rightmenuitem_vermell p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_vermell a:visited{
  color: #FFFFFF;
}

#rightmenuitem_vermell a:hover, #rightmenuitem_vermell a:active{
  color: #000000;
}

#rightmenuitem_vermell_t { 
	background-color: #FFFFFF;
	background-image: url(../../images/cube.gif);
	background-repeat: no-repeat;
	background-position:center left;
	padding: 2px;
	margin: 5px 5px 5px 5px;
}

#rightmenuitem_vermell_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}


#rightmenuitem_vermell_t p a:link, #rightmenuitem_vermell_t p a:visited{
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

#rightmenuitem_vermell_t p a:hover, #rightmenuitem_vermell_t p a:active{
  color: #000000;
}

#rightmenuitem_marro { 
	background-image: url(../../images/titol_marro.gif);
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}


#rightmenuitem_marro p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_marro a:visited{
  color: #FFFFFF;
}

#rightmenuitem_marro a:hover, #rightmenuitem_marro a:active {
  color: #000000;
}

#rightmenuitem_marro_t { 
	background-color: #FFFFFF;
	background-image: url(../../images/cube.gif);
	background-repeat: no-repeat;
	background-position:center left;
	padding: 2px;
	margin: 5px 5px 5px 5px;
}

#rightmenuitem_marro_t  p{ 
	margin: 0px 0px 0px 20px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

#rightmenuitem_marro_t a:link, #rightmenuitem_marro_t a:visited{
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

#rightmenuitem_marro_t a:hover, #rightmenuitem_marro_t a:active {
  color: #000000;
}

#rightmenuitem_roig { 
	background-image: url(../../images/titol_roig.gif);
	height: 21px; 
	padding: 2px;
	margin: 5px 0px 4px 0px;	
}

#rightmenuitem_roig p{
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

#rightmenuitem_roig  a:visited{ 
	color: #FFFFFF;
}

#rightmenuitem_roig a:hover, #rightmenuitem_roig a:active {
  color: #000000;
}

#rightmenuitem_roig_t { 
	background-color: #CC9999;
	height: 19px; 
	padding: 2px;
	margin: 0px 0px 2px 0px;
}

#rightmenuitem_roig_t p{ 
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#rightmenuitem_roig_t a:visited{ 
	color: #FFFFFF;
}

#rightmenuitem_roig_t a:hover, #rightmenuitem_roig_t a:active {
  color: #000000;
}

#rightmenuitem_re { 
	background-image: url(../../images/titol_gris2.gif);
	height: 20px;
	padding: 0px;
	margin: 6px 0px 6px 0px;	
}

#rightmenuitem_re a:visited{
  color: #FFFFFF;
}

#rightmenuitem_re a:hover, #rightmenuitem_re a:active {
  color: #000000;
}

#rightmenuitem_re img
{
border: none;
}

/* Menú Dret - Imatges*/
#rightmenuimage img{	
	/*margin: 10px 0px 0px 0px;*/
    margin: 5px 0px 0px 30px;	
    float: left;	
}

#rightmenuimage p{
	margin: 0px 0px 0px 30px;
	color: #800000;
	font-size: 14px;
	font-weight: normal;	
}

#rightmenuimage a:link, #rightmenuimage a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #339999;
}

fieldset {
	margin: 0px 0px 0px 0px;
    padding: 10px 2px 10px 2px;
		
}

/* Pāgina Principal - Contingut Base - Columna Esquerre*/
#frontcontent_left {
	margin: 0px 0px 0px 0px;
	float: left;
	background-image:url(../../images/titol_professionals.gif);
	background-repeat: no-repeat;
	width: 235px;
/*	height: 250px;*/
	border-top: 0px solid #999999; /* D6D6D6 */
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
	background-color: #FFFFFF; 
	padding: 0px;
}

#frontcontent_left h1{
	margin: 0px 0px 0px 5px;
    padding: 0px;
    font-size: 18px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
	color: #F0F0F0;
}

#frontcontent_left h2{
	margin: 10px 0px 0px 5px;
    padding: 0px;
    font-size: 16px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
}

#frontcontent_left h3{
	margin-left: 0px;
	float: left;
    padding: 0px;
    font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	line-height: 1.4em;
	text-align: justify;
	max-width: 235px;
}

#frontcontent_left a{
    color: #339999;
    font-size: 10px
}

#frontcontent_left h3 img {
    float: left;
    margin-right: 4px;
    max-height: 150px;
    max-width: 150px;
    border: 0px;
}

/* Pāgina Principal - Contingut Base - Columna Dreta*/
#frontcontent_right {
	margin: 0px 0px 0px 0px;
	float: right;
    background-image:url(../../images/titol_ciutadans.gif);
	background-repeat: no-repeat;	
	width: 235px;
/*	height: 250px;	*/
	border-top: 0px solid #999999; 
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
	background-color: #FFFFFF; 	
	padding: 0px;
}

#frontcontent_right h1{
	margin: 0px 0px 0px 5px;
/*	float: auto;*/
	
    padding: 0px;
    font-size: 18px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
	color: #F0F0F0;
}

#frontcontent_right h2{
	margin: 10px 0px 0px 5px;
	/*float: auto;*/
    padding: 0px;
    font-size: 16px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
}

#frontcontent_right h3{
	margin-left: 0px;
	float: left;
    padding: 0px;
    font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	line-height: 1.4em;
    text-align: justify;
    max-width: 235px;
}

#frontcontent_right a{
    color: #339999;
    font-size: 10px
}

#frontcontent_right h3 img {
    float: left;
    margin-right: 4px;
    max-height: 150px;
    max-width: 150px;
    border: 0px;
}


/* Quiosc - Adaptaciķ frontcontent */
#quiosccontent_left {
	margin: 0px 0px 0px 0px;
	float: left;
	background-image:url(../../images/titol_professionals.gif);
	background-repeat: no-repeat;
	width: 235px;
	border-top: 0px solid #999999; /* D6D6D6 */
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
	background-color: #FFFFFF; 
	padding: 0px;
		
}

#quiosccontent_left h1{
	margin: 0px 0px 0px 5px;
    padding: 0px;
    font-size: 18px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
	color: #F0F0F0;
}

#quiosccontent_left h2{
	margin: 10px 0px 0px 5px;
    padding: 0px;
    font-size: 16px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
}

#quiosccontent_left h3{
	margin-left: 5px;
    padding: 0px;
    font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	line-height: 1.4em;
}

#quiosccontent_right {
	margin: 0px 0px 0px 0px;
	float: right;
    background-image:url(../../images/titol_ciutadans.gif);
	background-repeat: no-repeat;	
	width: 235px;
/*	height: 250px;	*/
	border-top: 0px solid #999999; 
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
	background-color: #FFFFFF; 	
	padding: 0px;
}

#quiosccontent_right h1{
	margin: 0px 0px 0px 5px;
/*	float: auto;*/
	
    padding: 0px;
    font-size: 18px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
	color: #F0F0F0;
}

#quiosccontent_right h2{
	margin: 10px 0px 0px 5px;
	/*float: auto;*/
    padding: 0px;
    font-size: 16px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1.4em;
}

#quiosccontent_right h3{
	margin-left: 5px;
	float: left;
    padding: 0px;
    font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	line-height: 1.4em;
}

#quiosccontent_right a{
    color: #339999;
    font-size: 10px
}

/* Pāgina Principal - Farmācia de Guārdia*/
#boxcontent {
	float:left; 
	margin: 20px 0px 0px 15px; 
	padding-bottom: 50px;
	background-image: url(../../images/box.gif);
    background-repeat: no-repeat;
	width: 482px; 
	height: 255px;
}

#boxcontent h1{
	margin: 20px 0px 0px 13px;
	background-color: #99CCCC;
	width: 450px;
    font-size: 16px; 
	padding: 3px;
	color: #FFFFFF;
}

#boxcontent_t{
	float: left;
	margin: 10px 0px 0px 10px;
	background-image: url(../../images/icon.png);
	background-position: top left;
	background-repeat: no-repeat;
	width:220px;
}


#boxcontent_t h2{
	margin: -5px 0px 0px 30px;
    font-size: 14px; 
	color: #000000;
}

#boxcontent h3{
	margin: 0px 0px 0px 30px;
    font-size: 12px; 
	color: #666666;
}


/* Peu de Pāgina*/
#bottomcontent {
	float: left;
	margin: 0px 0px 0px 0px;
	background-image: url(../../images/bottom.png);
	background-color: #F0F0F0;
	
}

#bottomcontent_p {
	float: left;
	margin: 0px 0px 0px 0px;
	background-image: url(../../images/bottom.png);
	background-color: #F0F0F0;
	
}

#bottom_p_advert{
	margin: 20px 0px 0px 280px;
	float:left;
}

#bottomtext {
	margin: 80px 0px 0px 0px;
	text-align:center;
	width: 942px;	
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}



/* Estil dins Basecontent */
#link a:link, #link a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #339999;
}

/* Estil de Links Generals*/
#bottomtext a:link, #bottomtext a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
#bottomtext a:hover, #bottomtext a:active {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

/* Apartat Privat - Pāgina Principal - Contingut Base*/
#privatecontent{
	margin: 0px 0px 0px 0px;
	background-image: url(../../images/light.gif);
	background-repeat: no-repeat;	
	border-top: 0px solid #999999; /* D6D6D6 */
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 	
	height: 550px;

}

/* Apartat Privat - Pāgina Principal - Cuadre Avís*/
#privatecontent_avis{
	margin: 20px 0px 0px 14px;
	background-image: url(../../images/avis.gif); 
	float:left;	
	height: 110px;	
	width: 325px;
}

#privatecontent_avis h1{
	margin: 10px 0px 0px 15px;
	color: #660000;
}

#privatecontent_avis h2{
	margin: 0px 0px 0px 15px;
	color: #000000;
}

/* Apartat Privat - Pāgina Principal - Cuadre Novetats*/
#privatecontent_links{
	margin: 0px 0px 0px 20px;
	float: left;
}

#privatecontent_links h1{
	margin: 10px 0px 0px 15px;
	color: #006666;
}

#privatecontent_links h2{
	margin: 0px 0px 0px 15px;
	color: #000000;
}
/* Apartat Privat - Pāgina Principal - Contingut Base - Columna Esquerra*/
#privatecontent_left {
	margin: 0px 0px 0px 20px;
	float: left;
	width: 200px;
	height: 80px;
	border-top: 0px solid #999999; /* D6D6D6 */
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 
	padding: 0px;
	background-image: url(../../images/vinyeta1.gif); 
	background-repeat: no-repeat;			
}

#privatecontent_left h1{
	margin: 10px 0px 0px 75px;
	float: auto;
    padding: 0px;
    font-size: 14px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1em;
	color: #000000;
}

#privatecontent_left h2{
	margin: 10px 0px 0px 75px;
	float: auto;
    padding: 0px;
    font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1em;	
	color: #333333;
}

#privatecontent_left h3{
	margin-left: 15px;
	float: left;
    padding: 0px;
    font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	line-height: 1.4em;
}

#privatecontent_left a{
color:  #339999;
}

/* Apartat Privat - Pāgina Principal - Contingut Base - Columna Dreta*/
#privatecontent_right {
	margin: 0px 40px 0px 0px;
	float: right;	
	width: 200px;	
	height: 80px;
	border-top: 0px solid #999999; 
	border-right: 0px solid #999999; 
	border-bottom: 0px solid #999999; 
	border-left: 0px solid #999999; 	
	padding: 0px;
	background-image: url(../../images/vinyeta1.gif); 
	background-repeat: no-repeat;	
}

#privatecontent_right h1{
	margin: 10px 0px 0px 75px;
	float: auto;
    padding: 0px;
    font-size: 14px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1em;
	color: #000000;
}

#privatecontent_right h2{
	margin: 10px 0px 0px 75px;
	float: auto;
    padding: 0px;
    font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	line-height: 1em;	
	color: #333333;
}

#privatecontent_right h3{
	margin: 0px 0px 5px 15px;
	float: left;
    padding: 0px;
    font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	line-height: 1.4em;
}

#privatecontent_right a{
color:  #339999;
}

.atencio {
    color: red;
    margin: 15px auto;
}

.panell, .panelldestacat {
    margin: 20px 10px;
}

.panelldestacat > span {
    color: red;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #800000;
  text-align: center;
  font-size: 10px; 
  font-weight: normal;
  font-style: normal;
  }

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

#searchcontrol .gsc-control {
  width: 100%;
}


/* Versiķ imprimible */
#maincontent .versioimp{
    float:right;
}
#maincontent .versioimp img{
    margin-right: 0px;
    border: 0px;
}

/* Revista Mon Apotecari */
.revista { margin: 15px 10px; width: 250px; }
.revista a { font-size: 10px; color: #399; }
.escriucomentari 
{
    width: 480px;
    border: 1px solid #AEB7BC;
    background-color: #d8eded;
    margin: 15px 0px;
    padding: 10px;
}
.escriucomentari textarea { width: 270px; margin: 10px 0px; }
.escriucomentari ul {
    width: 160px;
    margin: 10px 0px;
    float: right;
}

.comentaris {
    margin-bottom: 10px;
    clear: both;
}
.comentari {
    padding: 5px 10px;
    width: 480px;
    background-color: #d8eded;
}
.comentari-info {
    margin-bottom: 10px;
    width: 500px;
    height: 18px;
    font-size: 12px;
}
.comentari-eines{
    float:left;
    max-width: 50%;
    overflow: hidden;
    display: inline;
}
.comentari-eines a{
    color: #399;
}
.comentari-dades{
    float:right;
    min-width: 50%;
    text-align: right;
    display: inline;
}

/* Imatges carnet per accessos a ecofib */
div.ecol 
{
	background: transparent url(/images/ambcarnet.png) 3px 4px no-repeat;
}

div.ecor
{
	background: transparent url(/images/ambcarnet.png) 180px 4px no-repeat;
}

/*div.ecofibr p a
{
	background: transparent url(/images/ambcarnet.png) 20px 3px no-repeat;
}*/

/* Facebook like box */
#fblikebox 
{
	padding: 15px 10px; 
	clear: both;
}


/* Farmācies obertes i llistat de guārdies */
.titolilla {
    font-weight: bold;
    font-size: 13px;
    font-family: Arial;
}

#localidad {
    width: 90%;
}

#tblLlistatGuardies img {
    border-width: 0px;
    margin-right: 4px;
}

#tblLlistatGuardies td {
    vertical-align: top;
}

#tblLlistatGuardies td > a {
    text-decoration: none;
}

#tblLlistatGuardies span {
    font-weight: bold;
    vertical-align: top;
}

.lstgtitol {
    color: #008080;
    font-size: small;
    font-weight: bold;
    font-style: italic;
}

.lstgnom {
    color: #990033;
    font-size: small;
}

.lstgdir {
    color: #333399;
    font-size: x-small;
}

.lstgmapa > img {
    height: 16px;
    width: 16px;
}

#tabobertes {
    width: 515px;
}

#tabobertes td.alt > label {
    font-weight: bold;
}

#tabobertes td.result > label {
    font-weight: bold;
    font-style: italic;
    color: #800000;
}

table.funcionament {
    background-color: #FFFFCC;
    border-width: 1px;
    width: 500px;
}

table.funcionament td {
    width: 100%;
    text-align: left;
}

#pnlGuardies table.funcionament td img {
    border-width: 0px;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

table.funcionament td > p {
    margin-bottom: 1em;
    font-size: x-small;
    font-weight: bold;
}

table.funcionament td > p.titol {
    font-size: small;
    font-style: italic;
}

/* Medicaments estrangers */
#taulame table {
    max-width: 500px;
    overflow: hidden;
}

#taulame table td {
    max-width: 300px;
    overflow: hidden;
}

/* Recepta electrōnica */
#hlkSuportCau {
    float: right;
    margin: 10px;
}

#hlkSuportCau img {
    border: 0px;
}

code {
    background:#ffc;
    padding: 1px 5px;
    font-size: 1.1em;
}