*
{border: 0px;
 color: #fff;
 font-size: 1em;
 line-height: 1.4em;
 margin: 0px auto;
 padding: 0px;
 text-align:center;
 text-decoration: none;}

body
{background-color: #062E11;
 color: #fff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 padding: 0;
 text-align: center;}

/*Big box for centering, and giving nice shadow*/

#container
{background-color: #062E11;
 border: solid #333;
 border-width: 0;
 color:  inherit;
 font-size: 0.8em;
 margin: 0 auto;
 text-align:justify;
 width: 100%;}

/*The left column*/
#left
{float: left;
 margin-left: 1%;
 width: 31%;}
/*The middle column*/
#middle
{margin-left: 20%;
 margin-right: 20%;
 margin-top: 1%;}
 .baix {
 padding:10px;}
/*The right column*/
#right
{float: right;
 margin-right:1px;
 margin-top:1px;
 margin-bottom:1px;
 width: 14%;
 /*background:url(images/00-Animacio3.gif);
 background-repeat:no-repeat;*/
 height:560px;}

/*This is used as a page footer, and to keep the #container flowing around all of the content*/

#dalt
{background-color:  #123E14;
 /*border-top: 1px solid #CCC;*/
 clear: both;
 color: #444;
 font-size: 0.9em;
  height:15px;
 text-align: center;}
 #baix
{background-color:  #123E14;
 /*border-top: 1px solid #CCC;*/
 clear: both;
 color: #444;
 font-size: 0.9em;
  height:15px;
 text-align: center;}
/*
Navigation 
	Not very unique, but my colours are better than the default ones
*/

a
{color: #039;
 text-decoration: underline;
 outline:none;	}
a:visited
{color: #039;
 text-decoration: underline;}
a:hover
{background-color: transparent;
 color: #C00;}
a:active
{background-color: transparent;
 color: #093;}
.horaris {
margin-top:4px;
}
/*
Lists
	pretty basic affair
*/

ul,li
{list-style-type: square;
 list-style-position: inside;
 text-align: left;
 padding: 0.25em;
 margin-left: 0px;}
ul.none,.none li,.none ul
{list-style-type: none;
 text-align: left;}

/*
Buttons
	Here is where I was "inspired" by Andreas
*/

a.button
{background: #CCC url(button.gif) repeat-x;
 border: 2px solid ;
 border-color: #BBB #888 #888 #BBB;
 display: block;
 font-size: 0.9em;
 font-weight: 900;
 line-height: 1.5em;
 margin: 5px;
 padding: 2px;
 text-align: center;
 text-decoration: none;}
a.button:hover
{background: #EEE url(button_.gif) repeat-x;
 border-color: #888 #BBB #BBB #888;}

/*
Paragraphs
*/

p
{padding-top: 0.35em;}

/*
Headings
*/

h1
{background-color:  inherit;
 color: #C00;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 3em;
 font-weight: 900;
 line-height: 1.1em;
 padding: 0.1em;
 text-align:center;}
h2
{border-bottom: 1px solid #CCC;
 color: #039;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 2.5em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 25px;
 text-align: left;}
h3
{border-bottom: 1px solid #CCC;
 color: #039;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 2em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

 h4
{border-bottom: 1px solid #CCC;
 color: #039;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 1.75em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

h5
{border-bottom: 1px solid #CCC;
 color: #039;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 1.5em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

h6
{border-bottom: 1px solid #CCC;
 color: #039;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 1.25em;
 font-weight: 900;
 line-height: 1.25em;
 margin-bottom: 15px;
 text-align: left;}

/* Other */

hr
{background-color: #0CC;
 border: 1px solid #123E14;
 color: #0CC;
 height: 2px;
 margin:0.8em;
 }

blockquote
{background: #FFF url(quote.png) bottom right no-repeat;
 border-bottom: 2px solid #CCC;
 border-top: 2px solid #CCC;
 margin: 10px;
 padding: 10px;}

img
{border:none;
 margin: 0;}

/* Classes */

.left
{float: left;}
.right
{float: right;}
.clear
{clear: both;}

div#wn { 
  position:absolute; right:20px; top:15px;
  width:160px; height:560px; z-index:1000;
  clip:rect(0, 160px, 560px, 0); overflow:hidden;
  background-color:#062E11;
  }
div#cnt { position:absolute; z-index:1 }
/* Since the images in the example vary in size and do not completely fill scroller space
   width and height needs to be set here to match height and width of the scroller */
div#cnt td {
  width:160px; height:213px; 
  text-align:center; vertical-align:middle;
  }