body, ul, li, h1, h2, span{
	margin:0;
	padding:0;
        font-family: 'Give You Glory', cursive;
        overflow:hidden;
}
ul{
	list-style:none;
}
body{
	background:#fff;

}



a{
border:0;
outline: 0;
color:#401a15;
text-decoration:none;
cursor:pointer;
}

img{
border:0;
outline: 0;
}

#contenedor{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    }

#menu{
    width:708px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    }  
    
#menu_treballs{
    width:568px;
    margin-left:auto;
    margin-right:auto;
    } 

h1{
    font-size:46px;
    margin-bottom:10px;
    z-index:2;
    }          

#encap_treballs{
    margin-bottom:-20px;
    }

h2{
    font-size:33px;
    margin-left:8%;
    }
                                                                                        	
ul,li {
	list-style-type:none;
        margin-right:100px;
	}
        
.menu_contact{
        margin:0;}
	
.opcions li {
	float:left;
	}
	
.opcions a {
	background:url('../img/menu.png');
	display:block;
	height:153px;
	width:136px;
	text-indent:-9000%
	}
	
/*ESTADO NORMAL*/
.menu_about a {width:136px;height:153px; background-position:0px 0px;}
.menu_work a {width:136px;height:153px; background-position:-136px 0px;}
.menu_contact a {width:136px;height:153px; background-position:-272px 0px;}

/*ESTADO ROLLOVER*/
.menu_about a:hover {background-position:0 -153px;}
.menu_work a:hover {background-position:-136px -153px;}
.menu_contact a:hover {background-position:-272px -153px;}


.nav a {
	background:url('../img/fletxa.png');
	display:block;
	height:43px;
	width:33px;
	text-indent:-9000%
	}

.nav li{
    float:right;
    margin:0;
    z-index:5;
    }

/*ESTADO NORMAL*/
.up a {width:33px;height:43px; background-position:0px 0px;}
.down a {width:33px;height:43px; background-position:-33px 0;}

/*ESTADO ROLLOVER*/
.up a:hover {background-position:0 -43px;}
.down a:hover {background-position:-33px -43px;}


.opcions_treballs li {
	float:left;
        margin-right:20px;
	}
	
.opcions_treballs a {
	background:url('../img/menu_treballs.png');
	display:block;
	height:153px;
	width:136px;
	text-indent:-9000%
	}

/*ESTADO NORMAL*/
.menu_web a {width:136px;height:153px; background-position:0px 0px;}
.menu_video a {width:136px;height:153px; background-position:-136px 0px;}
.menu_altres a {width:136px;height:153px; background-position:-272px 0px;}

/*ESTADO ROLLOVER*/
.menu_web a:hover {background-position:0 -153px;}
.menu_video a:hover {background-position:-136px -153px;}
.menu_altres a:hover {background-position:-272px -153px;}

/* ACTIU */
.menu_web a.selected {background-position:0 -153px !important;}
.menu_video a.selected {background-position:-136px -153px !important;}
.menu_altres a.selected {background-position:-272px -153px !important;}




.treball{
    width:300px;
    border:none;
    }
    
.video{
    width:100%;
    border:none;
    }
.veure a{
    color:#2E9AFE;
    }



img#mi {
        margin-right:80px;
        opacity:0;
        }
 
img#treballs {
	margin-right:90px;
        opacity:0;
        }
        
img#contacte {
        opacity:0;
	}
        
img#web {
        margin-right:0px;
        opacity:0;
        z-index:1;
        position:absolute;
        }
 
img#video {
	margin-right:0px;
        opacity:0;
        z-index:1;
        position:absolute;
        margin-left:156px;
        }
        
img#altres {
        opacity:0;
        z-index:1;
        position:absolute;
        margin-left:312px;
	}
        
#section1{
    padding-top:50px;
    height:2000px;
    width:100%;
    }

#section2{
    padding-top:50px;
    height:2000px;
    width:100%;
    }

#section3{
    padding-top:50px;
    height:2000px;
    width:100%;
    }
    
#section4{
    padding-top:50px;
    height:2000px;
    width:100%;
    }
    
p{
  font-size:30px;  
    }
    

#scroller-body {
        background:url('../img/quadre.png');
	width:1020px;
        height:400px;
        float:left;
}

#mask {
	width:1000px;
	overflow:hidden;
        padding-bottom:20px;
        margin-left:10px;
}

#panel {
}

#panel div {
float:left;
}


#panel-1 {
    padding:20px;
    padding-left:10px;
}

#panel-2 {
    padding:20px;
    padding-left:10px;
}

#panel-3 {
    padding:20px;
    padding-left:10px;
}


#prov{
    float:right;
    margin-top:10px;
    }
    
td{
    padding-right:35px;
    padding-bottom:10px;
    }

td a{
     text-decoration:underline;
    }
    
.enllacos{
     text-align:center;
    }

.mail{
     text-align:center;
     margin-top:100px;
     margin-bottom:100px;
    }
    
.mov{
     text-align:center;
     margin-bottom:100px;
    }

    
.idiomes{
     margin-top:30px;
     text-align:center;
     text-decoration:underline;
    }