/**
 *	Colors corporatius:
 *	
 *	blau:		#001b36
 *	granate:	#800000
 *	gris:		#dddddd
 *	torrat:		#eadfd0
 * 
 */ 

body {
  font-family: arial, verdana, Helvetica, sans-serif;
/*  font-family: verdana, arial, Helvetica, sans-serif;
*/
  font-size: 11pt;
  text-align: left;
  color: #001b36;
  padding: 0;
  margin: 0;
  text-align: justify; 
}

h1 {
  font-size: 1.5em;
  font-family: "Times New Roman", Times, serif;
  color: #4A5154;
}

h2 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 1.5em;
  color: #800000;
}

h3 {
  font-size: 1em;
  color: #800000;
  margin-top: 1,5em;
  margin-bottom: 0.8ex;
}

h4 {
  font-size: 1em;
  color: #800000;
  margin-top: 0;
}

ul {
  margin-top: 0;
}
li {
  margin-top: 1ex;
}

p { 
  text-align: justify; 
  margin-top: 1ex;
  margin-bottom: 1ex;
}

a { 
  text-decoration: none; 
  color: #001b36;
}
a img { border: none; }
a:hover { text-decoration: underline; }

div.separa-hor {
  clear: both;
}

p.marc {
  border: 1px solid #800000;
  padding: 0.5ex;
  margin-top: 40px;
}

#t-principal {
  border: 0;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  width: 100%;
}
#t-principal td {
  padding: 0;
  margin: 0;
}

#top {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: smaller;
  background-color: #001b36;
}

#top #logo {
  color: #515151;
  background-color: #dddddd;
  width: 220px;
  vertical-align: middle;
}

#top #logo img {
  float: left;
  margin: 8px;
  width: 38px;
  height: 38px;
}

#top #logo h1 {
  margin: 4px 8px 8px 0;
  padding: 0;
  border: 0;
}

#top #icones {
  vertical-align: middle;
  background-color: #001b36;
  color: white;
}

#top #icones p {
  margin: 4px 4em 4px 0; 
  text-align: right;
}

#top #icones a { color:white }

div#bottom table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: black;
  font-size: 0.8em;
  text-align: center;
}
div#bottom table td {
  padding-bottom: 0;
  margin-bottom: 0;
}

.addr { vertical-align: top; }
.addr address { font-style: normal; }
.addr p { margin: 0; }


#ikebana {
  font-size: 0.5em;
  font-family: verdana, arial, Helvetica, sans-serif;
  text-align: center;
  color: silver;
  margin-top: 0;
}
#ikebana a {
  color: silver;
}


#logo_peu {
  padding: 0 80px 0 80px;
}

#logo_peu img {
  width: 32px;
  height: 32px;
}







#app {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  background-color: #dddddd;
}


#top #icones a.lang {
  margin-left: 4em;
}

#top #icones img.flag {
  width: 13px;
  height: 9px;
  vertical-align: middle;
}

#tit-left {
  text-align: center;
  color: gray;
}

.tit {
  float: left;
  width: 369px;
  height: 77px;
  margin: 7px 0 0 7px;
}

#left {
  border-top: solid #800000 3px;
  background-color: #001b36;
  vertical-align: top;
  color: white;
  width: 220px;
  height: 470px;
}

#right {
  border-top: solid #800000 3px;
  background-color: #dddddd;
  vertical-align: top;
  height: 470px;
}

#content {
  height: 410px; /* 470 - 2 * 30 (padding) */
  padding:	30px;
  overflow: auto;
}

img.tombstone {
  width: 160px;
  height: 226px;
}

#navcontainer
{
  margin-top: 20px;
  overflow: auto;
  text-align: left; 
}

#navcontainer ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navcontainer li {
  margin: 12px 0 1px 0;
  width: 100%;
}

#navcontainer a
{
  margin: 0;
  display: block;
  padding: 0.3em 0.7em;
  color: white;
  text-decoration: none;
  font-size: 1em;
  font-weight: normal;
}

#navcontainer a:hover { 
  background-color: #dddddd;
  color: #001b36;
}

#navcontainer ul ul li { 
  margin: 0 0 1px 0;
  width: 100%; 
}

#navcontainer ul ul a
{
  display: block;
  padding: 5px 5px 5px 30px;
	  text-decoration: none;
  font-size: 0.8em;
}

#navcontainer ul ul a:hover {
  background-color: #dddddd;
  color: #001b36;
}

.ciutat {
    text-decoration: underline;
}