@font-face {
	font-family:"FolksB";
	src: url(../fonts/Folks-Bold.ttf) format("truetype"); 
}
@font-face {
	font-family:"BReplayB";
	src: url(../fonts/BPreplayBold.otf)format("truetype"); 
}
@font-face {
	font-family:"BReplay";
	src: url(../fonts/BPreplay.otf)format("truetype"); 
}
@font-face {
	font-family:"Nunito";
	src: url(../fonts/Nunito-Regular.ttf) format("truetype"); 
}
@font-face {
	font-family:"NunitoB";
	src: url(../fonts/Nunito-Bold.ttf) format("truetype"); 
}
body {
	background: #00BCE4;
	background-image: url(../../2a_pag_pintar/imatges_72_2a_pintar/prova_fondo_4_1725_960.png);
	background-repeat:repeat;
	background-size: auto;
	background-position: center center;
	text-align: center;
	margin: 0;
	padding: 0;
}
.drop{
    background-color: Blue;
    color: White;
    margin: 3px;
    padding: 10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
	widht:100px;
	height:100px;
                }
#container {
	width: 961px;
	text-align: left;
	background: #ebf7ff;
	background-image: url(../imatges/72ppp/index3_PANTALLAGRAN_CONTAINERPETITA.jpg);
	margin: 0 auto;
	background-repeat: no-repeat;

	}
#container1{
	position:relative;
	height: 994px;
	}
#bocadillo{
	opacity:0.8;
	display:none;
	}
.bocadilloClass{
	position:absolute;
	top:117px;
	left:105px;
	width:500px;
	height:190px;}
#bocadilloRecuadre{
	width:612px;
	height:208px;
	}
#headerAnimacio{
	line-height:130px;
	font-family:"FolksB", serif;
	font-size: 3.2em;
	color:#00BCE4;
	height: 100px;
	width:500px;
				padding-top:3px;
				position: relative;
				animation: primeraAnimacion 20s;
				animation-iteration-count:infinite;
				-webkit-animation: primeraAnimacion 20s;
				-webkit-animation-iteration-count:infinite;
				-moz-animation: primeraAnimacion 20s;
				-moz-animation-iteration-count:infinite;
				}
		
	
	@keyframes primeraAnimacion{
			0%{ left:0px; top:0px;opacity:0; }
				50%{ left:200px; top:0px;opacity:1; }
				100%{ left:400px; top:0px;opacity:0;}
		}
		@-webkit-keyframes primeraAnimacion{
				0%{ left:0px; top:0px;opacity:0; }
				50%{ left:200px; top:0px;opacity:1; }
				100%{ left:400px; top:0px;opacity:0;}
		}
		@-moz-keyframes primeraAnimacion{
			0%{ left:0px; top:0px;opacity:0; }
				50%{ left:200px; top:0px;opacity:1; }
				100%{ left:400px; top:0px;opacity:0;}
		}

.PESSESPUZZLE{
position:absolute;
/*overflow:hidden;*/
right:0px;
top:42%;
width:47%;
height:40%;
	
}

.pessa1 {
	position: absolute;
	cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
	left:-2%;
	top:27%;
    zIndex:9;
}

.pessa2 {
	position: absolute;
     	bottom:0%;
     	cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
     	left:25%;
     
}

.pessa3 {
	position: absolute;
     	top:-10%;
    	 cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
     	left: 0%;
	zIndex:9;}

.pessa4 {
 	position: absolute;
     	cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
     	right:0%;
	bottom:0%;
}
    

.pessa5 {
    	 top:-10%;
     	cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
    	 right: 0%;
     	position: absolute;
}

.pessa6 {
     	bottom: 80px;
     	cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
    	right: 1%;
	top:35%;
    	 position: absolute;
}

.pessa7 {
	position: absolute;
     	top:-4%;
    	 cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
     	left: 39%;
  
}

.pessa8 { 
    	position: absolute; 
	top: 35%;
     	cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
     	left: 25%;
     
}

.pessa9 { 
     bottom:-3%;
     cursor: url("../imatges/72ppp/cursor_puzzle.png"), pointer;
     left:-4%;
     position: absolute;
;
}


.PUZZLEACABAT{
position:absolute;
left:0px;
top:42%;
width:47%;
height:40%;
zIndex:9;
	
	}
.sortable1,.sortable2,.sortable3,.sortable4,.sortable5,.sortable6,.sortable7,.sortable8,.sortable9  {
	
position: absolute;
	left:0%;
	top:-30%;
	height:140%;
	width:115%;
}
.pessa1FINAL{ 
	position: absolute;
 	left:16%;
	top:-7%;
	z-index:2;
}

.pessa2FINAL{ 
	position: absolute;
 	left:34.5%;
	top:-13.5%;
	z-index:2;
}

.pessa3FINAL{ 
	position: absolute;
 	right:7%;
	top:-59.7%;
	z-index:2;
}

.pessa4FINAL{
	position: absolute; 
	left:16.2%;
	top:21%;
	z-index:2;
}

.pessa5FINAL{
	position: absolute; 
	left:41%;
	top:-15%;
	z-index:2;
}


.pessa6FINAL{
	position: absolute; 
	right:7%;
	top:20%;
	z-index:2;
}

.pessa7FINAL{
	position: absolute; 
	left:16.2%;
	top:4%;
	z-index:2;
}

.pessa8FINAL{
	position: absolute; 
	left:35%;
	top:49%;
	z-index:2;
}

.pessa9FINAL{
	position: absolute; 
	left:65.8%;
	top:43%;
	z-index:2;
}
#botoBocadillo{
	cursor: url(../../2a_pag_pintar/imatges_72_2a_pintar/BummiCursorBocadillo64x64.png), pointer;
	position:absolute;
	height:350px;
	width:300px;
	right:50px;
	top:35px;
		}
.bimme{
	cursor: url(../../2a_pag_pintar/imatges_72_2a_pintar/BummiCursorBocadillo64x64.png), pointer;
	position:absolute;
	height:406px;
	width:343px;
	right:38px;
	top:18px;
		}
.bimmeFelicitacio{
	position:absolute;
	right:45px;
	top:18px;
	width:322px;
    height:435px;
	display:none;
	z-index:2;
	}
.bocadilloFELICITACIO{
	position:absolute;
	top:117px;
	left:105px;
	width:500px;
	height:190px;
	display:none;
}
.ombra{
	position:absolute;
	right:110px;
	top:400px;
	width:190px;
    height:68px;
	display:none;
	}	
.puzzle1ACABAT_BevelEmboss{
     position:absolute;
     bottom:20%;
     left:73px;
	 z-index:10;
	}
.puzzle1REF{

     position:absolute;
     bottom:77px;
     left:70px;
	 z-index:33;
	}
.puzzle1REFdurant{

     position:absolute;
     bottom:-2px;
     left:0px;
	 z-index:0;
	}

.footer{
	position:absolute;
	width:961px;
	height:150px;
	top:840px;

	}
.VEsq{
	position:absolute;
	left:20px;
	bottom:5px;z-index:0;}
.VCen{
	position:absolute;
	left:195px;
	bottom:5px;}
.VDre{
	position:absolute;
	left:370px;
	bottom:5px;}
a {
	cursor: url(../../imatges_72/BummiCursor48x48.png), pointer;
	color:#FFF;
	text-decoration: none;
}
#botoEsquerra{
	position:absolute;
	right:20px;
	font-family:"NunitoB";
	letter-spacing:1px;
	line-height:1.8em;
	text-align:center;
	font-size:1.9em;
	/*float: right;*/
	width:205px; 
	height:55px;
	/*padding-top:30px;
	padding-left:10px;
	padding-right:10px;*/
	margin-left:69px;
	margin-bottom:20px;
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transform:rotate(10deg);
	background-color:#00bce4;
	border-radius:15px;
	border:3px solid #FFF;
	-webkit-box-shadow:-5px 5px 4px rgba(72,72,72,1);
	-moz-box-shadow:-5px 5px 4px rgba(72,72,72,1);
	box-shadow:-5px 5px 4px rgba(72,72,72,1);
	/*z-index:1;-webkit-z-index:1;*/
	}
#trianglEsquerra{
	position:absolute;
	height:48px;
	width:68px;
	left:570px;
	bottom:30px;
		}
#triangleDret{
	position:absolute;
	height:48px;
	width:68px;
	right:245px;
	bottom:30px;
		}
.zindex{
	z-index:0;}
/*.prova{
position:absolute;
top:0%;
height:80%;
width:100%;
border:dashed thin;}*/