@charset "utf-8";

body{
padding: 0;
background-color: #000;
color: #fff;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 12px;
overflow-x:hidden;
}

/* MENU */

#menu{
position: fixed;
width: 100px;
height: 100%;
line-height: 0;
z-index:1;
}
div#menu.menu_ie6{
position: absolute;
width: 100px;
height: 100%;
line-height: 0;
z-index:1;
}

#menu ul{
margin: 0;
list-style: none;
}

#menu_btn0,
#menu_btn1,
#menu_btn2,
#menu_btn3{
margin: 15px 0 0 15px;
}

#menu_btn3{
position: absolute;
bottom: 15px;
}

/* CONTENT */

#header{
position: relative;
left: 100px;
width: 100%;
height: 15px;
overflow:hidden;
}

div.cont{
position: relative;
left: 150px; /* 100px (menu) + 50px (padding-left) */
width: 850px; /* 1024*768 */
}

th,
td{
vertical-align: top;
}

/* imatges petites de la dreta */
.col_image{
width: 240px;
padding-left: 40px;
}

/* LINKS */

a:link,
a:visited,
a:hover{
font-weight: bold;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/* FOOTER */

#footer{
position: fixed;
bottom: 0;
left: 100px;
width: 900px; /* 1024*768 */
height: 3em;
color: #8c8c8c;
background-color: #000;
font-size: 11px;
text-align: center;
line-height: 3; /* uniteless */
cursor: default;
}

#footer a{
font-weight: normal;
padding-right: 1em;
color: #8c8c8c;
}

#footer a:link,
#footer a:visited{
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

#footer a.lang_btn{
font-weight: bold;
color: #fff;
}

#colorlinks{
padding-left: 1em;
}

#footer a.chcolors{
padding-right: 2px;
}

#footer a.chcolors img{
vertical-align: middle;
}

/* separació pel footer: interessa que ocupi espai, però que no es vegi */
div.footdiv{
clear: both;
height: 4em;
visibility: hidden;
}

/* FORMS */

input,
select,
textarea{
padding: 4px;
font-size: 12px;
color: #000;
background-color: #fff;
border: none;
}

button{
padding: 3px 20px;
color: #fff;
font-size: 11px;
border: none;
}

/* CREDITS */

#credits{
position: fixed;
left: 0;
top: 0;
z-index: 100;
width: 100%;
height: 100%;
background-image: url(/i/credits_bkgr.png);
}

#credits_cont{
margin: 200px auto;
padding: 2em;
width: 250px;
background-color: #000;
line-height: 2;
}

#credits_close{
text-align: center;
}