.interactiu-201 { width: 940px; height: 550px; position: absolute; overflow: hidden; }

/*BOTONS*/
#b201-bg { position: absolute; top: 60px ; left: 200px ; z-index: 35; }
#b201 { position: absolute; top: 75px ; left: 215px ; z-index: 35; }

#b202-bg { position: absolute; top: 90px ; left: 700px ; z-index: 30; }
#b202 { position: absolute; top: 105px ; left: 715px ; z-index: 30; }

#b203-bg { position: absolute; top: 405px ; left: 785px ; z-index: 35; }
#b203 { position: absolute; top: 420px ; left: 800px ; z-index: 35; }

#b204a-bg { position: absolute; top: 405px ; left: 785px ; z-index: 35; }
#b204a { position: absolute; top: 420px ; left: 800px ; z-index: 35; }

#b204b-bg { position: absolute; top: 405px ; left: 785px ; z-index: 35; }
#b204b { position: absolute; top: 420px ; left: 800px ; z-index: 35; }

#b205-bg { position: absolute; top: 340px ; left: 775px ; z-index: 35; }
#b205 { position: absolute; top: 355px ; left: 790px ; z-index: 35; }

#b206-bg { position: absolute; top: 325px ; left: 550px ; z-index: 55; }
#b206 { position: absolute; top: 340px ; left: 565px ; z-index: 55; }

#b207-bg { position: absolute; top: 175px ; left: 550px ; z-index: 55; }
#b207 { position: absolute; top: 190px ; left: 565px ; z-index: 55; }

#b208-bg { position: absolute; top: 405px ; left: 785px ; z-index: 35; }
#b208 { position: absolute; top: 420px ; left: 800px ; z-index: 35; }

#b209-bg { position: absolute; top: 405px ; left: 785px ; z-index: 35; }
#b209 { position: absolute; top: 420px ; left: 800px ; z-index: 35; }

#b210-bg { position: absolute; top: 255px ; left: 670px ; z-index: 55; }
#b210 { position: absolute; top: 270px ; left: 685px ; z-index: 55; }

#b211 { position: absolute; top: 460px ; left: 400px ; z-index: 35; }
#b212 { position: absolute; top: 460px ; left: 440px ; z-index: 35; }
#b213 { position: absolute; top: 460px ; left: 480px ; z-index: 35; }
#b214 { position: absolute; top: 460px ; left: 520px ; z-index: 35; }

#b215-bg { position: absolute; top: 405px ; left: 785px ; z-index: 35; }
#b215 { position: absolute; top: 420px ; left: 800px ; z-index: 35; }

/*TEXTOS*/
#t203 { position: absolute; top: 225px ; left: 550px ; max-width:200px!important; z-index: 30; }

#t204a { position: absolute; top: 240px ; left: 565px ; max-width:200px!important; z-index: 30; }
#t204b { position: absolute; top: 200px ; left: 150px ; max-width:200px!important; z-index: 30; }

#t206 { position: absolute; top: 175px ; left: 575px ; max-width:200px!important; z-index: 30; }

#t207 { position: absolute; top: 100px ; left: 240px ; max-width:440px!important; z-index: 50; }

#t208 { position: absolute; top: 60px ; left: 250px ; max-width:275px!important; text-align: center!important; z-index: 30; }

#t209 { position: absolute; top: 450px ; left: 20px ; max-width:600px!important; text-align: left!important; z-index: 30; }

#t210 { position: absolute; top: 40px ; left: 170px ; max-width:600px!important; text-align: center!important; z-index: 40; }

#t211 { position: absolute; top: 450px ; left: 43px ; max-width:750px!important; text-align: left!important; z-index: 30; }

#t212 { position: absolute; top: 100px ; left: 490px ; max-width:300px!important; text-align: center!important; z-index: 19; }
#t213 { position: absolute; top: 125px ; left: 465px ; max-width:300px!important; text-align: center!important; z-index: 19; }
#t214 { position: absolute; top: 75px ; left: 475px ; max-width:300px!important; text-align: center!important; z-index: 19; }
#t215 { position: absolute; top: 65px ; left: 510px ; max-width:300px!important; text-align: center!important; z-index: 19; }

#t216 { position: absolute; top: 100px ; left: 240px ; max-width:440px!important; z-index: 50; }

/*ELEMENTS*/
.nb-201 { width: 400px; top: 150px; left: 125px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); z-index: 25; }
.nb-201w { width: 300px; top: 150px; left: 175px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); z-index: 25; }
.d-201 { width: 300px; top: 255px; left: 205px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); z-index: 25; }

.nb-202 { width: 400px; top: 150px; left: 400px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(10deg); z-index: 20; }
.nb-202w { width: 300px; top: 160px; left: 500px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(10deg); z-index: 20; }
.d-202 { width: 300px; top: 305px; left: 475px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(10deg); z-index: 20; }

.nb-203 { width: 400px; top: 150px; left: 125px; -ms-transform: rotate(-3deg); /* IE 9 */ -webkit-transform: rotate(-3deg); /* Safari */ transform: rotate(-3deg); z-index: 25; }
.nb-203w { width: 300px; top: 150px; left: 200px; -ms-transform: rotate(-3deg); /* IE 9 */ -webkit-transform: rotate(-3deg); /* Safari */ transform: rotate(-3deg); z-index: 25; }

.drop_c { font-family: arial; position: absolute; width: 70px; height: 67px; border: 1px solid #333; border-radius: 50%; box-shadow: 0 0 0 gray; top: 325px; z-index: 9; line-height: 1.8em; text-align: center!important; padding-top: 3px; }

.drop_cb { width: 75px; height: 75px; position: absolute; z-index: 30; cursor: pointer; left: 5px; top: 5px; position: absolute; top: 325px;}

#drop_c01, #drag_c01b { left: 20px ; }
#drop_c02, #drag_c02b { left: 123px ; }
#drop_c03, #drag_c03b { left: 226px ; }
#drop_c04, #drag_c04b { left: 329px ; }
#drop_c05, #drag_c05b { left: 432px ; }
#drop_c06, #drag_c06b { left: 535px ; }
#drop_c07, #drag_c07b { left: 638px ; }
#drop_c08, #drag_c08b { left: 741px ; }
#drop_c09, #drag_c09b { left: 844px ; }

.drag_c { position: absolute; width: 290px; height: 85px; border: 0px solid #333; background-color: #f1e4c4; border-radius: 15px; box-shadow: 0 0 0 gray; z-index: 25; }
.draggable01 { width: 75px; height: 75px; position: absolute; z-index: 25; cursor: pointer; left: 5px; top: 5px; }
.drag_c p { font-family: 'thesans',arial; font-size: 14px; color: #80523a; line-height: 1.3em; font-weight: normal; text-align: left!important; text-decoration:none; margin: 5px 5px 5px 85px; }

#drag_c04 { left: 20px ; top: 10px; }
#drag_c06 { left: 20px ; top: 113px; }
#drag_c02 { left: 20px ; top: 215px; }
#drag_c05 { left: 327px ; top: 10px; }
#drag_c07 { left: 327px ; top: 113px; }
#drag_c01 { left: 327px ; top: 215px; }
#drag_c09 { right: 20px ; top: 10px; }
#drag_c03 { right: 20px ; top: 113px; }
#drag_c08 { right: 20px ; top: 215px; }

/*#mi1a, #mi1b, #mi2a, #mi2b, #mi3a, #mi3b, #mi4a, #mi4b, #mi5a, #mi5b, #mi6a, #mi6b, #mi7a, #mi7b, #mi8a, #mi8b, #mi9a, #mi9b { font-size: 24px; line-height: 20px; height: 25px; width: 25px; top: -8px; left: -8px; position: absolute; z-index: 70; }*/

.tdnd_c { position: absolute; width: auto; height: 85px; border: 0px solid #333; background-color: #f1e4c4; border-radius: 15px; box-shadow: 0 0 0 gray; z-index: 25; top: 120px; left: 50px; }
.tdnd { width: 75px; height: 75px; position: absolute; z-index: 25; cursor: pointer; left: 5px; top: 5px; }
.tdnd_c p { font-family: 'thesans',arial; font-size: 14px; color: #80523a; line-height: 1.3em; font-weight: normal; text-align: left!important; max-width: 740px; text-decoration:none; margin: 5px 5px 5px 90px; }

.bi_201{ top: 50px; left: 250px;}
.d-210 { width: 300px; top: 140px; left: 135px; z-index: 20; }
.d-211 { width: 300px; top: 140px; left: 110px; z-index: 20; }
.d-212 { width: 300px; top: 140px; left: 135px; z-index: 20; }
.d-213 { width: 400px; top: 140px; left: 100px; z-index: 20; }