body, html {height:100%;}

body {
	background-color: black;
	font-family: Helvetica, Arial, Geneva, Tahoma;
}

a {text-decoration: none;color: white;}
a:hover {text-decoration: underline;}
em {font-style: normal;}
address {font-style: normal;}

.text {
	font-size: 0.7em;
	color: white;
}

.text_center {text-align: center;}
.text_right {text-align: right;}

#wrap {
	position: absolute;
	top: 15%;
	left: 36%;
}

#header img {
	width: 3.5em;
}

#header #title_site {
	margin-top: 0.4em;
}

#header #title_site a{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
}

#header #title_site span{
	margin-left: 0.8em;
	color: #d71e03;
	font-size: 0.7em;
}

#header #navigate {
	margin-top: 0.8em;
	list-style: none;
}

#header #navigate li {
	display: inline;
	margin-right: 0.1em;
	color: #7f8078;
	font-size: 0.77em;
}

#header #navigate li h1{
	display: inline;
}

#header #navigate li h1 a{
	color: #7f8078;
}

#header #navigate #this {
	color: #981e03;
}

#center{
	position: relative;
	margin-top: 0.6em;
}

/*INDEX*/
#center #index_img{
	width:26em;
}

#center #index_lang {
	width: 26em;
}

#center #index_lang li {
	float: left;
	width: 33.3%;
}

#center #index_lang a {
	font-size: 0.72em;
	color: #7f8078;
}

/*BIOGRAPHY*/
#center #biography {
	overflow: hidden;
	line-height: 1.2em;
	width: 35.8em;
	height: 25.5em;
}

#center #biography em{
	display: block;
	padding-top: 0.4em;
	color: #7f8078;
}

#center img.scroller {
	position: absolute;
	display: block;
	right: -1.8em;
	width: 1.5em;
}

#center img#up {
	bottom: 1.6em;
}

#center img#down {
	bottom: 0.3em;
}

#center img#img_biography {
	position: absolute;
	left: -7em;
	bottom: 6em;
	height: 5em;
}

/*CARTOON*/
#center #table_gallery td{
	height: 27.9em;
}

#center object{
	height: 20em;
	width: 35.8em;
	padding-right: 2em;
}

/*CUSTOMERS*/
#center #customers_table tr td{
	padding-right: 1.5em;
	line-height: 1.3em;
	font-size: 0.9em;
}

#center #img_customers {
	position: absolute;
	left: -6em;
	top: 0.2em;
	height: 5em;
}

/*CONTACT*/
#center #img_contact {
	width: 7em;
	float: left;
}

#center #contact {
	padding-top: 3.3em;
}

#center #contact #address {
	float: left;
	padding: 3.9em 0 0 1.8em;
}

#center #contact #address div {
	padding-top: 1.8em;
}

#center #contact #address div#separation_contact{
	padding-bottom: 2em;
}

#center #contact #address div span{
	font-size: 1.3em;
}

#center #contact #address a {
	color: white;
}

#center #contact #address em {
	color: #d71e03;
}

/*LINKS*/
#center #img_links {
	position: absolute;
	left: -6em;
	top: 3em;
	height: 5em;
}

#center .title_links {
	color: #d71e03;
	padding-bottom: 0.3em;
}

#center #links{
	line-height: 1.2em;
}

/*GALLERY*/
#center #table_gallery td{
	vertical-align: bottom;
}

#center #table_gallery #gallery_img{
	height: 27.9em;
	padding-right: 2em;
}

#center #table_gallery span{
	letter-spacing: 0.07em;
	line-height: 1.1em;
	display: block;
}

/*No poso center per a que m'agafi l'estil en la pagina "view"*/
span.yestitle {
	font-size: 0.8em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

span.notitle {
	color: #7f8078;
	font-size: 0.75em;
}

#center #previous{
	margin-left: -0.5em;
	width: 1.3em;
} 

#center #next {
	width: 1.3em;
}

/*VIEW*/
#view_img {
	display: block;
	margin: auto;
	padding: 5px 0;
}

#view span{
	margin: auto;
	display: block;
	text-align: center;
}

#return {
	text-align: center;
	display: block;
	font-weight: bold;
	text-decoration: underline;
	font-size: 0.9em;
	color: #d71e03;
}

#return:hover {
	text-decoration: none;
}