@font-face {
    font-family: 'SanSerif';
    src: url('./fonts/MicrosoftSansSerif.eot');
    src: url('./fonts/MicrosoftSansSerif.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MicrosoftSansSerif.woff') format('woff'),
        url('./fonts/MicrosoftSansSerif.ttf')  format('truetype'),
        url('./fonts/MicrosoftSansSerif.svg#svgFontName') format('svg');
}

html, body {width: 100%;height: 100%;margin: 0px;padding: 0px;background-color: black;font-family: "arial";}

#wrap {
    width: 1024px;
    height: 768px;
    background: black;
    margin: 0 auto;
    position: absolute;
    top:0;bottom:0;
    left:0;right:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}
.logo{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/logo.png") no-repeat 0 0 transparent;position:absolute;width: 274px;height: 65px;left: 738px;top: 680px;z-index: 1;}
.tab{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png") no-repeat -344px -120px transparent;position:absolute;color: white;display: none;line-height: 126px;cursor: pointer;width: 97px;height: 71px;font-size: 12px;padding-left: 18px;left: 915px;top: 8px;z-index: 9;}
/*Added for German*/
/*#tab_0{top: 93px;background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png") no-repeat -211px -120px transparent;}*/
#tab_0{top: 93px;background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/DPOC-OFF.png") no-repeat 0px 0px transparent;}
/*#tab_1{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png") no-repeat -345px -120px transparent;}*/
#tab_1{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/ASTHMA-OFF.png") no-repeat 0px 0px transparent;}
/*#tab_0.selected{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png") no-repeat -493px -120px transparent;}*/
#tab_0.selected{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/DPOC_ON.png") no-repeat 0px 0px transparent;}
/*#tab_1.selected{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png") no-repeat -76px -120px transparent;}*/
#tab_1.selected{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/ASTHMA-ON.png") no-repeat 0px 0px transparent;}

.tab.selected{cursor:default;}
video {
    background-color: transparent;
}

.cover {
    width: inherit;
    height: inherit;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.hidden {
    display: none;
}

#main_canvas {
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#video_bar {
    background-color: transparent;
    position: absolute;
    width: 80%;
    height: 14%;
    margin-left: 10%;
    margin-top: 60%;
    display: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: none;
}

#paint_tool, #paint_tool_tmp {
    background-color: transparent;
    position: absolute;
    /*width: 100%;
    height: 100%;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 10;
}

#splash {
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/SplashScreen.png") no-repeat 0% 0% /contain transparent;
    text-align: center;
    font-family: sans-serif;
}

#splash div {
    color: #ffffff;
    margin-top: 423px;
    font-size: 26px;
    text-shadow: 2px 2px 4px black;
    display: none;
    cursor: pointer;
    margin-left: -17px;
}

#splash span {
    color: black;
    font-size: 2vmin;
    text-shadow: 1px 1px 2px lightgray;
    position: absolute;
    right: 2%;
    bottom: 4%;
}

.hand {
    cursor: pointer;
}

.move {
    cursor: move;
}

#pg_objective, #pg_refernces, #pg_glossary, #pg_instructions, #pg_term {
    width:1004px;
    height: 620px;
    left: 0;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(96, 103, 117, 1);
    display:none;
    position:absolute;
    z-index:5;
    color: #FFF;
    margin: 10px auto auto auto;
    border-radius: 15px;
    border: 3px solid rgba(68, 177, 221, 1);
}
.closePopup{
    position: absolute;
    top: 0px;
    right: 0px;
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/close-icon.png") no-repeat 0 0 transparent;
}
#pg_objective p{
    margin-left:30px;
    font-size:26px;
    line-height:20px;}
ul {
    margin-top:40px;
}
ul li{
    margin-left: 20px;
    line-height: 26px;
    font-size: 26px;
    margin-right: 16px;
    margin-bottom: 20px;}



#btn_restart {
    position: absolute;
    top: 28px;
    left: 0;
    width: 121px;
    height: 31px;
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Restart_icon.png") no-repeat transparent;
    line-height: 31px;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    padding-left: 5px;
    opacity: 0.7;
	z-index:5;
}
#btn_restart:active {
    background-position: 0 0%;
}
#btn_restart:focus{
     background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Restart_icon.png") no-repeat transparent;
}

/* SLIDERS */

.currentSlider{
    display:none;	
}
.currentSlider_val{
    display:none;	
}
#current_slider1 {
    position: absolute;
    top: 207px;
    left: 35px;
    width: 72px;
    height: 400px;
    z-index: 9;
}

#current_slider1_val, #current_slider2_val, #current_slider3_val, #goal_slider1_val, #goal_slider2_val, #goal_slider3_val {
    position: absolute;
    width: 8.8vh;
    text-align: center;
    font: 2.8vh "SanSerif";
    color: #43373a;
}

#current_slider1_val {
    top: 145px;
    left: 0;
    width: 95px;
    height: 19px;
    /*Added for German*/
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Transparens_icon.png") no-repeat 0px 0px transparent;
}

#current_slider2 {
    position: absolute;
    top: 205px;
    left: 917px;
    width: 72px;
    height: 402px;
    z-index: 9;
}
#current_slider2_val {
    top: 30%;
    left: 90%;
    display: none !important;
}

#current_slider3 {
    position: absolute;
    top: 41.8%;
    left: 74.2%;
    width: 4.4vh;
    height: 38.8vh;
}
#current_slider3_val {
    top: 27.7%;
    left: 72.4%;
}

#goal_slider1_val {
    top: 51%;
    left: 6.9%;
}
#goal_slider2_val {
    top: 51%;
    left: 45.2%;
}
#goal_slider3_val {
    top: 51%;
    left: 83.3%;
}



/*zoom btns*/
.zoom{
    display:none;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor:pointer;
    color:#ffffff;
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/minus.png") no-repeat -0 0px;
    left: 500px;
    top: 710px;
    z-index: 11;
}

#zoomOut {
    position: absolute;
    left:431px;
    /* top: 578px; */
}
#zoomIn {
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Plus.png") no-repeat 0px 0px;
    /* top: 545px; */
    left:496px;
}
/*zoom btns ends*/




#btn_risk_factors {
    position: absolute;
    top: 18.7%;
    left: 0;
    width: 43.0vh;
    height: 9.6vh;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/btn_Risk_Factors.png) no-repeat 0% 100% /cover transparent;
}
#btn_risk_factors:active {
    background-position: 0 0%;
}

#disclaimer {
    position: absolute;
    top: 94%;
    left: 21%;
    width: 57%;
    height: 4vh;
    color: #d2c0c0;
    font-family: monospace;
    font-size: 1.7vmin;
    text-align: center;

}

.ui-slider-vertical {
    width: 100%;
    height: 100%;
}
.ui-slider-vertical .ui-slider-handle {
    position: absolute;
    z-index: 9;
    width: 73px;
    height: 18px;
    left: -1px;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/slider-arrow-blue.png) no-repeat 0% 0%;
    border: none;
    cursor: move;
}
#current_slider2.ui-slider-vertical .ui-slider-handle{ background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/slider-arrow-red.png) no-repeat 0% 0%;}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 2;
    display: block;
    border: 0;
}
.ui-slider-vertical .ui-slider-range {
    background: #53b2e0;
    border-radius: 0 0 1vh 1vh;
    -webkit-border-radius: 0 0 1vh 1vh;
    -moz-border-radius: 0 0 1vh 1vh;
    -khtml-border-radius: 0 0 1vh 1vh;
    /* margin-bottom: 10px; */
    opacity: 0.5;
}
#current_slider2.ui-slider-vertical .ui-slider-range{
    background-color: #3f1520;
    opacity: 0.5;
}
.ui-slider .ui-slider-handle:focus { outline: none; }



.infoPg{
    width:1024px;
    height:768px;
    position:absolute;
    z-index: 4;
    display:none;
}
#infopg_0{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L0_0.png);
}
#infopg_1{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L0_1.png);
  
}
#infopg_2{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L0_1.png);
}
#infopg_3{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L0_1.png);

}
#infopg_4{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L0_2.png);
 
}
#infopg_5{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L0_3.png);
 
}
#infopg_zoom_1{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L1_0.png);
 
}
#infopg_zoom_2{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/img_Info_L2_0.png);
 
}
.infotxt{
    position:absolute;
    color:white;
    font-family: verdana;
    font-size: 10px;

    border-radius: 3px;
}
.infotxt p{
    background-color: #2d2525;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    border: 1px solid white;
    background-color: #2d2525;
}

/*  info text pg0*/
#infopg0_txt3{top: 110px;
              left: 755px;
              width: 85px;
              height: 16px;
              border: 1px solid white;
              background-color: #2d2525;
              text-align: center;
              line-height: 15px;
              border-radius: 3px;}
#infopg0_txt4{top:86px;left: 800px;width: 136px;height: 35px;background-color: black;
              text-align: center;line-height: 32px;}
#infopg0_txt5{top: 264px;left: 444px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/2.png) no-repeat 0px 12px;
              background-repeat: no-repeat;width: 90px;padding-left: 79px; border: none;}
#infopg0_txt5 p{text-align: center;border: 1px solid white;}
#infopg0_txt6{top: 449px;
              left: 562px;
              background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/2.png) no-repeat 27px 12px;
              background-repeat: no-repeat;
              width: 90px;
              padding-left: 79px;
              border: none;}
#infopg0_txt6 p{text-align: center; border: 1px solid white;}
#infopg0_txt7{top:500px;left: 790px;width: 156px;height: 35px;background-color: black;
              text-align: center;line-height: 32px;}
#infopg0_txt8{top: 600px;
              left: 334px;
              width: 146px;
              border: 1px solid white;
              text-align: center;
              padding-top: 6px;
              padding-bottom: 6px;
              background-color: #2d2525;}
#infopg0_txt9{top: 631px;
              left: 334px;
              width: 190px;
              text-align: center;
              padding-top: 6px;
              padding-bottom: 6px;
              border: 1px solid white;
              background-color: #2d2525;}

/*  info text pg1*/

#infopg1_txt1{top: 22px;left: 202px;}
#infopg1_txt2{top: 22px;left: 678px;}
#infopg1_txt3{top: 112px;left: 288px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 49px 28px;
              background-repeat: no-repeat;width: 126px;height: 137px;}
#infopg1_txt3 p{text-align: center;background-color: #2d2525;}
#infopg1_txt4{top:220px;left: 800px;width: 136px;height: 35px;background-color: black;
              text-align: center;line-height: 32px;}
#infopg1_txt5{top: 186px;left: 555px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 49px 28px;
              background-repeat: no-repeat;width: 126px;height: 137px;}
#infopg1_txt5 p{background-color: black;text-align: center;line-height: 20px;}
#infopg1_txt6{top: 272px;left: 175px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 49px 28px;
              background-repeat: no-repeat;width: 126px;height: 137px;}
#infopg1_txt6 p{background-color: black;text-align: center;line-height: 20px;}
#infopg1_txt7{top: 246px;left: 707px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 49px 28px;
              background-repeat: no-repeat;width: 126px;height: 137px;}
#infopg1_txt7 p{background-color: black;text-align: center;line-height: 20px;}
#infopg1_txt8{top: 350px;left: 495px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 49px 28px;
              background-repeat: no-repeat;width: 126px;height: 137px;}
#infopg1_txt8 p{background-color: black;text-align: center;line-height: 20px;}
#infopg1_txt9{top: 451px;left: 149px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 127px 12px;
              background-repeat: no-repeat;width: 147px;height: 59px;padding-right: 67px;}
#infopg1_txt9 p{background-color: black;text-align: center;line-height: 20px;}
#infopg1_txt10{top: 522px;
               left: 294px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 123px 4px;
               background-repeat: no-repeat;width: 209px;height: 116px;padding-top: 69px;}
#infopg1_txt10 p{background-color: black;text-align: center;line-height: 20px;}
#infopg1_txt11{top:500px;left: 790px;width: 156px;height: 35px;background-color: black;
               text-align: center;line-height: 32px;}
#infopg1_txt12{top: 572px;
               top: 595px;
               left: 622px;
               background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 87px 4px;
               background-repeat: no-repeat;
               width: 209px;
               height: 116px;
               padding-top: 53px;}
#infopg1_txt12 p{background-color: black;text-align: center;line-height: 20px;}




/*  info text pg4*/

#infopg4_txt3{top: 71px;
              left: 328px;
              background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 85px 11px;
              background-repeat: no-repeat;
              width: 98px;
              height: 59px;
              padding-right: 67px;}
#infopg4_txt3 p{background-color: black;text-align: center;}
#infopg4_txt4{top: 98px;
              left: 754px;
              width: 136px;
              height: 35px;
              /* background-color: black; */
              text-align: center;
              /* line-height: 32px; */}
#infopg4_txt5{    top: 148px;
                  left: 450px;
                  background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 27px 21px;
                  background-repeat: no-repeat;
                  width: 70px;
                  height: 117px;}
#infopg4_txt5 p{background-color: black;text-align: center;line-height: 20px;}

#infopg4_txt6{        top: 238px;
                      left: 283px;
                      background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 62px 21px;
                      background-repeat: no-repeat;
                      width: 140px;
                      height: 117px;}
#infopg4_txt6 p{background-color: black;text-align: center;line-height: 20px;}
#infopg4_txt7{      top: 238px;
                    left: 533px;
                    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 67px 21px;
                    background-repeat: no-repeat;
                    width: 150px;
                    height: 117px;}
#infopg4_txt7 p{background-color: black;text-align: center;line-height: 20px;}
#infopg4_txt8{top: 526px;left: 165px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 98px 4px;
              background-repeat: no-repeat;width: 209px;height: 116px;padding-top: 69px;}
#infopg4_txt8 p{background-color: black;text-align: center;line-height: 20px;}
#infopg4_txt9{top:500px;left: 790px;width: 156px;height: 35px;background-color: black;
              text-align: center;line-height: 32px;}




/*  info text pg5*/


#infopg5_txt3{top: 71px;
              left: 328px;
              background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 85px 11px;
              background-repeat: no-repeat;
              width: 98px;
              height: 59px;
              padding-right: 67px;}
#infopg5_txt3 p{background-color: black;text-align: center;}
#infopg5_txt4{top:220px;left: 800px;width: 136px;height: 35px;background-color: black;
              text-align: center;line-height: 32px;}
#infopg5_txt5{    top: 144px;
                  left: 319px;
                  background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 121px 32px;
                  background-repeat: no-repeat;
                  width: 338px;
                  height: 117px;}
#infopg5_txt5 p{background-color: black;text-align: center;line-height: 20px;}
#infopg5_txt5line{
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 0px -2px;
    width: 20px;
    height: 80px;
    position: absolute;
    top: 32px;
    left: 189px;
}
#infopg5_txt6{    top: 97px;
                  left: 755px;
                  width: 136px;
                  height: 35px;

                  text-align: center;
                  line-height: 0px;}
#infopg5_txt7{top: 329px;left: 486px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 98px 4px;
              background-repeat: no-repeat;width: 209px;height: 116px;padding-top: 69px;}
#infopg5_txt7 p{background-color: black;text-align: center;line-height: 20px;}
#infopg5_txt8{top: 526px;left: 165px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 98px 4px;
              background-repeat: no-repeat;width: 209px;height: 116px;padding-top: 69px;}
#infopg5_txt8 p{background-color: black;text-align: center;line-height: 20px;}
#infopg5_txt9{top:500px;left: 790px;width: 156px;height: 35px;background-color: black;
              text-align: center;line-height: 32px;}




#infopg_zoom_1_txt2{ top: 49px;left: 298px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 60px 21px; width: 196px; height: 47px;}
#infopg_zoom_1_txt3{ top: 58px;
                     left: 278px;
                     background: url(content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/imagenes/1.png) no-repeat 94px 13px;
                     width: 196px;
                     height: 47px;}
#infopg_zoom_1_txt3 p{width:116px;background-color: black;text-align: center;}
#infopg_zoom_1_txt4{  top: 98px;
                      left: 203px;
                      background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 45px 26px;
                      width: 196px;
                      height: 597px;
                      padding-top: 90px;}
#infopg_zoom_1_txt4 p{width:96px; background-color: black;text-align: center;}
#infopg_zoom_1_txt5{top: 176px;left: 825px; width: 156px; height: 35px;background-color: grey; text-align: center; }
#infopg_zoom_1_txt6{top: 250px;     left: 278px;     background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 74px 13px;     width: 196px;     height: 47px;}
#infopg_zoom_1_txt6 p{width:96px;background-color: black;text-align: center;}
#infopg_zoom_1_txt7{ top: 260px; left: 609px; background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 94px 13px; width: 196px; height: 47px;}
#infopg_zoom_1_txt7 p{width:116px;background-color: black;text-align: center;}
#infopg_zoom_1_txt8{ top: 411px;left: 442px; background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 112px 13px;  width: 196px; height: 47px;}
#infopg_zoom_1_txt8 p{width: 136px; background-color: black;text-align: center; }
#infopg_zoom_1_txt9{top: 445px; left: 325px;  background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 142px 13px;  width: 226px;     height: 47px;}
#infopg_zoom_1_txt9 p{ width: 156px; background-color: black; text-align: center; }
#infopg_zoom_1_txt10{    top: 495px;     left: 542px;     background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/1.png) no-repeat 82px 13px;     width: 166px;     height: 47px;}
#infopg_zoom_1_txt10 p{     width: 98px;     background-color: black;     text-align: center;}
#infopg_zoom_1_txt11{ top: 609px;
                      left: 593px;
                      background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 45px 3px;
                      width: 108px;
                      height: 147px;
                      padding-top: 56px;}
#infopg_zoom_1_txt11 p{background-color: black;text-align: center;}
#infopg_zoom_1_txt12{top: 625px;left: 825px; width: 156px; height: 35px;background-color: grey; text-align: center; }


#infopg_zoom_2_txt1{top: 22px;left: 202px;}
#infopg_zoom_2_txt2{top: 22px;left: 678px;}
#infopg_zoom_2_txt3{ top: 170px;
                     left: 566px;
                     background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 75px 28px;
                     width: 165px;
                     height: 137px;}
#infopg_zoom_2_txt3 p{background-color: black;text-align: center;}
#infopg_zoom_2_txt4{     top: 176px;
                         left: 380px;
                         background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/3.png) no-repeat 77px 16px;
                         width: 165px;
                         height: 137px;}
#infopg_zoom_2_txt4 p{background-color: black;text-align: center;}
#infopg_zoom_2_txt6{     top: 149px;
                         left: 196px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 47px 1px;  width: 108px; height: 147px;padding-top: 55px;}
#infopg_zoom_2_txt6 p{background-color: black;text-align: center;}
#infopg_zoom_2_txt7{ top: 336px; left: 607px; background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 43px 0px; width: 108px;height: 147px; padding-top: 55px;}
#infopg_zoom_2_txt7 p{background-color: black;text-align: center;}
#infopg_zoom_2_txt8{     top: 562px;
                         left: 346px;background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/4.png) no-repeat 43px 0px; width: 108px;height: 147px; padding-top: 55px;}
#infopg_zoom_2_txt8 p{background-color: black;text-align: center;}

.sliderbg{
    position: absolute;
    top: 160px;
    left: 17px;
    width: 110px;
    height: 470px;
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/OP-slider.png") no-repeat 0 0 transparent;
    display: none;
    z-index: 9;
}
.slider2bg{
    width: 110px;
    height: 470px;
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/DS-slider.png") no-repeat 0 0 transparent;
    left: 897px;
    z-index: 9;
}


.paint_btns{cursor: pointer;}
#btn_right_panel_wrapper{
    position: absolute;
    width: 390px;
    height: 50px;
    /*top: 709px;*/
    /*Added for German left: 213px;*/
    top: 709px;
    left: 365px;
    z-index:10;
    display:none;
}	

#btn_brush {
    float: left;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) -364px -4px;
    cursor: pointer;
    width: 43px;
    height: 43px;
}
#btn_brush.selected {
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) -363px -61px;
}
#btn_blue {
    height: 43px;
    width: 43px;
    float:left;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -103px -2px transparent;
    margin-left: 10px;
}
#btn_blue.selected {background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -103px -51px transparent;}

#btn_yellow {
    height: 43px;
    width: 43px;
    float:left;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -52px -1px transparent;
    margin-left: 10px;
}
#btn_yellow.selected {background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -53px -50px transparent;}

#btn_black {
    height: 45px;
    width: 45px;
    float:left;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat 0 -1px transparent;
    margin-left: 10px;
}
#btn_black.selected {background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -0px -49px transparent;}

#btn_red {
    height: 44px;
    width: 43px;
    float:left;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -152px -2px transparent;
    margin-left: 10px;
}
#btn_red.selected {background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -152px -51px transparent;}


#btn_eraser {
    height: 45px;
    width: 43px;
    float:left;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -99px -99px transparent;
    margin-left: 10px;
}
#btn_eraser.selected {background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -147px -99px transparent;}

#btn_trash {
    height: 44px;
    width: 45px;
    float:left;
    margin-left: 10px;
    background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat 1px -99px transparent;
    /* background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet2.png) no-repeat -50px -98px transparent; */
}

#btn_trash:active {
    background-position: -49px -49px !important;
}

/* bottom icons */

.icon_container{position: absolute;width: 273px;height: 50px;top: 710px;left: 53px; z-index:10; display:none;}
.btmicons{float:left;margin-right:10px;width:43px;height:43px;cursor:pointer;}
#references{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -2px -5px transparent;}
#terms{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Term_icon_popup.png) no-repeat 0px 0px transparent;}
#glossary{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -77px -5px transparent;}
#info{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -154px -6px transparent;}
#objectives{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -225px -5px transparent;}
#instructions{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -288px -5px transparent;}

#references.selected{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -4px -61px transparent;cursor:default;}
#terms.selected{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Term_icon_popup.png) no-repeat 0px 0px transparent;}
#glossary.selected{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -79px -61px transparent;cursor:default;}
#objectives.selected{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -225px -61px transparent;cursor:default;}
#instructions.selected{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -289px -61px transparent;cursor:default;}
#info.clicked{background: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/spritesheet.png) no-repeat -153px -61px transparent;}

.popupWrapper{position:absolute;left:0;top:0;width:inherit;height:inherit;display:none;z-index: 10;/* background: #FFF; */}
.num{position:absolute;left: 42px;top: 292px;width: 20px;height: 20px;text-align: center;line-height: 20px; color:white; opacity: 0.5; font-size: 14px;}
.num0{
    top: 425px;
}
.num2{
    top: 159px;
}
.num3{
    top: 25px;
    }



.popupTitle{
    margin: 30px 70px 0 70px;
    font-size: 20px;
    display: block;
}
.popupContent{
    background: rgba(33, 31, 32, 1);
    margin: 30px 70px;
    border-radius: 15px;
    height: 500px;
    border: 3px solid #FFF;
}
.subtitle{
    margin-left: 45px;
    font-size: 20px;
    margin-top: 20px;
    display: block;
}
.popup ul{margin-top:40px;}
.popup ul li{
    margin-left: 20px;
    line-height: 26px;
    font-size: 20px;
    margin-right: 21px;
    margin-bottom: 20px;
}
.scrollPane{
    margin: 20px;
    height: 460px;
}
#pg_refernces .popupContent{margin-top:20px;

}

#ref_text1{
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/reference-icon.png") no-repeat 0 0 transparent;height: 57px;margin-top: 20px;padding-left: 51px;line-height: 57px;}
#ref_txt_container{/* Trigger vertical scroll    */
    margin-right: 30px;
}

/*Added for German*/
#terms_text1{
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Term_icon_popup.png") no-repeat 0 0 transparent;height: 57px;margin-top: 20px;padding-left: 42px;line-height: 57px;}

#pg_glossary{
    /* height:750px; */
}
#glo_text1{
    background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/glossary-icon.png") no-repeat 5px 2px transparent;
    height: 57px;
    margin-top: 20px;
    padding-left: 51px;
    line-height: 57px;
    text-transform: uppercase;
}

#glo_txt_container{
    width: 795px;
    font-size: 16px;
    border-collapse: collapse;
    overflow: hidden;
    margin-bottom: 2px;
    border-radius: 3px;
}
td{
    border: 1px solid white;
    padding: 5px;
}
thead, tbody { display: block; }

tbody {/* Just for the demo          *//* Trigger vertical scroll    *//* Hide the horizontal scroll */
}
#pg_instructions{background: url("/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/Explanation-BG.png") no-repeat 0px 0px /cover transparent;height: 623px;border:none;}

.mainTxt{
    position: absolute;
    display: none;
    color: white;
    font-size: 12px;

}
#maintxt1{
    left: 357px;
    top: 30px;
    font-size: 16px;
    

}
#maintxt2{
    left: 611px;
    top: 30px;
    font-size: 16px;
}
#maintxt3{
       left: 826px;
    top: 182px;
    color: #53b2e0;
    font-size: 14px;
    width: 83px;
     text-align: right;
}
#maintxt4{
       left: 826px;
    top: 558px;
    color: #53b2e0;
    font-size: 14px;
    width: 83px;
    text-align: right;
}
#maintxt5{
        left: 909px;
    top: 379px;
    color: #53b2e0;
    width: 86px;
    text-align: center;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    font-size:14px;
}
.instTxt{
    position: absolute;
    color: black;
    background-color: white;
    width: 120px;
    text-align: center;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 9px;
    padding: 2px;
}
#pginsttxt1{
    left: 10px;
    top: 161px;
}
#pginsttxt2{
    top: 160px;
    left: 151px;
}
#pginsttxt3{
    top: 291px;
    left: 11px;
}
#pginsttxt4{
    top: 416px;
    left: 11px;
}
#pginsttxt5{
    top: 126px;
    left: 170px;
}
#pginsttxt6{
    top: 566px;
    left: 10px;
}
#pginsttxt7{
    top: 77px;
    left: 871px;
}
#pginsttxt8{
    top: 297px;
    left: 871px;
}
#pginsttxt9{
    top: 494px;
    left: 871px;
}

#pginsttxt10{
    top: 345px;
    left: 189px;
}
#pginsttxt11{
    top: 486px;
    left: 612px;
}
#pginsttxt12{
    top: 372px;
    left: 679px;
}
#ins_txt1{
    color: black;
    margin-left: 145px;
}
.bigline{
    position: absolute;
    background-image: url(/content/dam/multibrand/camcar/es/assets-home-camcar/micrositio-respiratorio/materiales-interactivos/img/label-line.png);
    width: 49px;
    height: 646px;
    left: 706px;
    background-size: 49px 638px;
    background-repeat: no-repeat;
    top: 50px;
}
.link{display:inline;color:rgba(117, 199, 233, 1);text-decoration :none;}
#btn_trash:active{background-position:-49px -49px !important; }

#legal_notice_text_container{
    width: 800px;
}
#legal_notice_text_container ul{
    margin-top: 20px;
    margin-bottom: 10px;
}

#legal_notice_text_container ul li{
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px ;
}
#appmobile_link{color:white;}

/*Added for German*/
.popup_glossaryheader{
        position: sticky;
    top: 0px;
    background: #000;
    width: 99.7%;
    border: 1px solid;
    border-radius: 15px 15px 0px 0px;
}

.popup_glossary{/*    border: 1px solid;*/margin-top: -5px;/*    border-radius: 0px 0px 15px 15px;*/width: 800px;}