body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #031518;
background-image: url("mmedia/marc.jpg");
background-repeat: repeat;
}

#contenidor
{
	position:absolute;
	color:gray;
	background: #333333;

}

#contingut
{
	position:absolute;
	height:100%;
	width:100%;
	font-size:20;
		overflow:hidden;
	z-index:1;
}
#video{
	position:absolute;
	left:200px;
	top:70px;
	width:512px;
	height:340px;

	}
#video2{
	position:absolute;
	left:200px;
	top:30px;
	width:512px;
	height:340px;
	}	
#musica{
	position:absolute;
	right:10px;
	top:0px;
	width:512px;
	height:340px;
	}

#mp3{
	position:absolute;
	right:20px;
	top:10px;
	width:200px;
	height:100px;
    z-index:8;
}	
#mp3t{
	position:absolute;
	right:60px;
	top:100px;
	width:200px;
	height:100px;
    z-index:8;
}	
#thumb
{
	position:absolute;
	height:100%;
	width:490px;
	right:0px;
	z-index:3;
}
#obres
{
	position:absolute;
	height:100%;
	width:570px;
	right:15px;
	z-index:3;
}
#obres a {
		text-decoration: none;
		color: sienna;
		
	}
#obres a:hover {
		color: #009E77;
	} 
#obres	a:focus {
  outline:0; 
  }

#left_column{
position:absolute;
    color:sienna;
	top:120;
	left:18px;
	line-height:40px;
	font-size:14px;
	width:260px;
}
#right_column{
position:absolute;
    color:sienna;
	top:120;
	right:45px;
	line-height:40px;
	font-size:14px;
	width:270px;
}
#icones{
position:absolute;
    display:block;
    font-size:12px;
	font-weight:bold;
	bottom:-30px;
	left:0px;
	text-align:right;
	width:520px;
	height:25px;
	 z-index: 8;
}

#icones a {
        text-decoration: none;
        color:#e0e0e0;
    }
#icones a:hover {
        color: gray;
    }
#icones a:focus {
 
  outline:0; /* for browsers that understand */
  }
#per_dub
{
	position:absolute;
	top:10px;
	left:160px;
	height:60px;
	width:200px;
	z-index:2;
}
#correu {
	position:absolute;
	left:280px;
	top:100px;
	color:gray;
	font-size: small;
	line-height:20px;
	}
.label{
color:gray;	
	
	}
#curriculum{
	position:absolute;left:200px;top:160px;
	width:550px; height:280px;
	overflow:hidden;
	z-index:2;
	}
#fotocur{
	position:absolute;right:20px;top:20px;
	width:88px; height:130px;
	z-index:3;
	}
#cur_bot{
	position:absolute;
	left:680px;
	top:430px;
	z-index:5;
	}
#sectionnav {
		position: absolute;
		bottom:30px;
		left: 50px;
		width: 100px;
		font-size:14px;
		text-align:  right;
		
	    z-index: 2;
	}
#sectionnav a {
		display: block;
		text-decoration: none;
		color: gray;
		padding: 4px;
		padding-left: 16px;
		
	}
#sectionnav a:hover {
		color: #009E77;
		background-repeat: no-repeat;
		background-position: center left;
	} 
#sectionnav a:focus {
 
  outline:0; /* for browsers that understand */
  }
#nom{
		position: absolute;
		top:10px;
		left:25px;
		color: #D8D8D8;
		font-size:48;
		line-height:40px;
		text-align :right;
		z-index: 2;
	}
#websjj{
        position: absolute;
        font-size: 10px;
        bottom: -15px;
        right: 0px;
		color: #009E77;
    }
#websjj a {
        text-decoration: none;
        color: #009E77;
    }
#websjj a:hover {
        color: gray;
    }
#websjj a:focus {
  outline:0; 
  }	
#loading{
        position: absolute;
        font-size: 10px;
        bottom: -15px;
        left: 0px;
		color: gray;
	}