@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,
#menu_uni{
margin: 15px 0 0 15px;
}

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

.media_ie6 {
	margin: 0 0 0 -15px;
}
.soacial-link {	position:relative; width: 30px;	height: 30px; display:block; overflow:hidden; float:left; }
.soacial-link span {display:none;}
#menu-facebook { margin: 15px 10px 0 15px; background: url(/i/menu/facebook_btn.gif) top left no-repeat #000; }
	#menu-facebook:hover { margin: 15px 10px 0 15px; background: url(/i/menu/facebook_btn.gif) bottom left no-repeat #000; }
#menu-twitter {	margin: 15px 0 0 0;	background: url(/i/menu/twitter_btn.gif) top left no-repeat #000; }
	#menu-twitter:hover { margin: 15px 0 0 0; background: url(/i/menu/twitter_btn.gif) bottom left no-repeat #000; }

/* 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;
}