@charset "utf-8";
/* CSS Document */
@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 {
	font: 100%/1.4 BReplay, Verdana, Arial, Helvetica, sans-serif;
	background: #00BCE4;
	background-image: url(../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;
}
.container {
	width: 960px;
	height:994px;
	text-align: left;
	background: #ffe6ff;
	background-image:
	url(../imatges_72_2a_pintar/header_960x223.png),
	url(../imatges_72_2a_pintar/imatge_container_2aPINTAR_4_GuitarrotPETITA.jpg);
	margin: 0 auto;
	background-repeat: no-repeat;
}
#header{
	position:relative;
	height: 223px;
	width: 960px;
	}
.bocadillo{
	width:598px;
	height:170px;
	opacity:0.8;
	display:none;
	}
.bocadillo2 {
     display: block;
     left:280px;
     opacity: 0.9;
     position: absolute;
     top: 150px;
}
#headerAnimacio{
	font-family:"FolksB", serif;
	font-size: 1.5em;
	text-align: center;
	color:#35981d;
	height: 50px;
	width: 960px;
				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;}
				25%{ left:20px; top:0px;}
				75%{ left:-40px; top:0px;}
				100%{ left:0px; top:0px;}
		}
		@-webkit-keyframes primeraAnimacion{
				0%{left:0px; top:0px;}
				25%{ left:20px; top:0px;} 		
				75%{ left:-40px; top:0px;}
				100%{ left:0px; top:0px;}	
		}
		@-moz-keyframes primeraAnimacion{
				0%{  left:0px; top:0px;}
				25%{ left:20px; top:0px;}
				75%{ left:-40px; top:0px;}
				100%{ left:0px; top:0px;}
		}

}
.content{
	width: 960 px;
	}
#col_Esq{
	cursor: url(../imatges_72_2a_pintar/BummiCursorBocadillo64x64.png), pointer;
	position:relative;
	float: left;
	width: 355px;
	height: 595px;
}
.animacioBimme{
	
				animation: bimme 20s;
				animation-iteration-count:infinite;
				-webkit-animation: bimme 20s;
				-webkit-animation-iteration-count:infinite;
				-moz-animation: bimme 20s;
				-moz-animation-iteration-count:infinite;
				}
			@keyframes bimme {

		0%{
    transform: rotate(0deg);
  }
  25% { 
    transform: rotate(10deg);
  }
   50% { 
    transform: rotate(0deg);
  }
  100% { 
    transform: rotate(10deg);
  }
		}
		@-webkit-keyframes bimme {

		0%{
    -webkit-transform: rotate(0deg);
  }
  25% { 
    -webkit-transform: rotate(10deg);
  }
   50% { 
    -webkit-transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(10deg);
  }
		}
			@-moz-keyframes bimme {

		0%{
    -moz-transform: rotate(0deg);
  }
  25% { 
    -moz-transform: rotate(10deg);
  }
   50% { 
    -moz-transform: rotate(0deg);
  }
  100% { 
    -moz-transform: rotate(10deg);
  }
		}





#capBimme {
     left:24px;
	 bottom:330px;
     position: absolute;
   
	z-index:33;
	
}
#capBimmeUllsTancats{
     left:24px;
	 bottom:330px;
     position: absolute;
     
	z-index:32;
	
}
#cosBimme {
     bottom:22px;
     left:26px;
     position: absolute;
     z-index:2;
	 
	z-index:30;
	 
}
#col_Dret{

float:right;
	position:relative;
	width: 600px;
height: 595px;
}
#botoEsquerra{
	font-family:"NunitoB";
	line-height:1.9em;
	text-align:center;
	font-size:1.2em;
	float: left;
	width: 220px; 
	height: 65px;
	/*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:#8ad561;
	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);
	}
.textColor{
	color: #FFF;}
a {
	cursor: url(../imatges_72_2a_pintar/BummiCursor48x48.png), pointer;
	color: #E00;
	text-decoration: none;
}
#footer{
	position:relative;
	clear:both;
	text-align: center;
	background-image: url(../imatges_72_2a_pintar/footer_960x175.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	margin-bottom:0;
	color:#00BCE4;
	font-size:1.7em;
	line-height:30px;
	height: 175px;
	width: 960px;
	}
.paddingAdalt{
	padding-top:30px;}
.TriangleEsq{
	position:absolute;
	left:150px;
	top:100px;
	z-index:2;
			}
.TriangleDret{
	position:absolute;
	left:230px;
	top:100px;
	z-index:2;
	}
.menu{
	position:relative;
	left:0px;
	top:5px;
	}
.fltlft2{
	cursor: url(../imatges_72_2a_pintar/BummiCursorBocadillo64x64.png),pointer;
	float: left;
	padding-left:30px;
}
#lienzoId{

	position:absolute;
right:100px;
	/*margin-right:20px;*/	
		width:440px;
		height:530px;
		z-index:1;
}
#can{

    cursor: url(../imatges_72_2a_pintar/cursorLlapis128x128.png),pointer;
	 }
.VinyetaEsq{
position:absolute;
left:360px;
top:0px;
}
.VinyetaCen{
position:absolute;
left:537px;
top:6px;
}
.VinyetaDre{
position:absolute;
left:710px;
top:0px;