@charset "utf-8";
/* CSS Document */

#info1{
    height: 75px;
    left: 50px;
    position: absolute;
    top: 20px;
    width: 250px;
}
#logoprotector
{
	background-image:url('../img/logoprotector.png');
	background-repeat:no-repeat;
    height: 71px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 87px;
	cursor:pointer;
}
#lgo{
 cursor: pointer;
    height: 62px;
    left: 608px;
    position: absolute;
    width: 76px;
}
#lgo:hover{
color:grey;	
}
#logoprotectorname
{
	
    height: 20px;
    left: 8px;
    position: absolute;
    top: 0;
    width: 69px;
	font-weight:bold;
}
#pg1_swiffy1{
	 background-image: url("../img/pg1_swiffy1.png");
    background-repeat: no-repeat;

    height: 130px;
    left: 339px;
    position: absolute;
    top: 0;
    width: 164px;	
}
#swiffyplay1{
	
  background-image: url("../img/siwffyplay.png");
    background-repeat: no-repeat;
    height: 29px;
    left: 510px;
    width: 29px;	
    position: absolute;
    top: 84px;
	cursor:pointer;
}
#swiffyplay1:hover{
	  background-image: url("../img/siwffyplay1.png");
}

#info2{
    height: 40px;
    left: 50px;
    position: absolute;
    top: 157px;
    width: 217px;
}
#pg1_swiffy2{
	 background-image: url("../img/pg1_swiffy2.png");
    background-repeat: no-repeat;
 height: 138px;
    left: 50px;
    position: absolute;
    top: 189px;
    width: 155px;	
}
#swiffyplay2{
	
  background-image: url("../img/siwffyplay.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 210px;
    position: absolute;
    top: 296px;
    width: 29px;
}
#swiffyplay2:hover{
	  background-image: url("../img/siwffyplay1.png");
}
#txt1
{
  height: 20px;
    left: 210px;
    position: absolute;
    top: 200px;
    width: 20px;
	font-size:10px;	
	
}
#symb1
{
	 height: 25px;
    left: 240px;
    position: absolute;
    top: 200px;
    width: 25px;	
	
}
#cmpr1{
  background-image: url("../ob/comprobar.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    left: 83px;
    position: absolute;
    top: 336px;
    width: 36px;
}
#cmpr1:hover{
	  background-image: url("../ob/comprobar2.png");
}

#info3{
    height: 40px;
    left: 390px;
    position: absolute;
    top: 157px;
    width: 217px;
}
#pg1_swiffy3{
	 background-image: url("../img/pg1_swiffy3.png");
  background-repeat: no-repeat;
    height: 138px;
    left: 334px;
    position: absolute;
    top: 189px;
    width: 300px;	
}
#swiffyplay3{
	
  background-image: url("../img/siwffyplay.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 620px;
    position: absolute;
    top: 296px;
    width: 29px;
}
#swiffyplay3:hover{
	  background-image: url("../img/siwffyplay1.png");
}
#txt2
{
  height: 20px;
    left: 620px;
    position: absolute;
    top: 200px;
    width: 20px;
	font-size:10px;	
	
}
#symb2
{
	 height: 25px;
    left: 650px;
    position: absolute;
    top: 200px;
    width: 25px;	
	
}
#cmpr2{
  background-image: url("../ob/comprobar.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    left: 430px;
    position: absolute;
    top: 336px;
    width: 36px;
}
#cmpr2:hover{
	  background-image: url("../ob/comprobar2.png");
}
#alrt{
  background-image: url("../img/alert.png");
  background-repeat: no-repeat;
  border-radius: 3px;
    cursor: pointer;
    height: 50px;
    left: 66px;
    position: absolute;
    top: 244px;
    width: 138px;
	display:none;
}
#cls{
position:absolute;left:120px;top:5px;color:white;font-weight:bold;
width:15px;
height:15px;
}
#clsinfo{
position:absolute;left:8px;top:8px;	
width:109px;
}
#cls1{
position:absolute;left:120px;top:5px;color:white;font-weight:bold;
width:15px;
height:15px;
}
#clsinfo1{
position:absolute;left:8px;top:8px;	
width:109px;
}
#alrt1{
  background-image: url("../img/alert.png");
  background-repeat: no-repeat;
  border-radius: 3px;
    cursor: pointer;
    height: 50px;
    left: 414px;
    position: absolute;
    top: 244px;
    width: 138px;
	display:none;
}
#dg1
{
	  background-image: url("../img/drag.png");
  background-repeat: no-repeat;
    cursor: pointer;
    height: 198px;
    left: 154px;
    position: absolute;
    top: 44px;
    width: 352px;
	opacity:0.5;
	display:none;
}

/*+++++++++++++++++++++++++++++++  page2 ++++++++++++++++++++++*/

#info4{
   height: 40px;
    left: 89px;
    position: absolute;
    top: 97px;
    width: 217px;
}
#pg1_swiffy4{
	 background-image: url("../img/pg1_swiffy4.png");
   background-repeat: no-repeat;
    height: 158px;
    left: 40px;
    position: absolute;
    top: 121px;
    width: 301px;
}
#swiffyplay4{
	
  background-image: url("../img/siwffyplay.png");
 background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 65px;
    position: absolute;
    top: 270px;
    width: 29px;
}
#swiffyplay4:hover{
	  background-image: url("../img/siwffyplay1.png");
}
#txt3
{
 font-size: 10px;
    height: 20px;
    left: 300px;
    position: absolute;
    top: 270px;
    width: 20px;
	
}
#symb3
{
 height: 25px;
    left: 330px;
    position: absolute;
    top: 270px;
    width: 25px;	
	
}
#cmpr3{
  background-image: url("../ob/comprobar.png");
  background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 146px;
    position: absolute;
    top: 320px;
    width: 108px;
}
#cmpr3:hover{
	  background-image: url("../ob/comprobar2.png");
}
#cls2{
position:absolute;left:120px;top:5px;color:white;font-weight:bold;
width:15px;
height:15px;
}
#clsinfo2{
position:absolute;left:8px;top:8px;	
width:109px;
}
#alrt2{
  background-image: url("../img/alert.png");
  background-repeat: no-repeat;
  border-radius: 3px;
    cursor: pointer;
    height: 50px;
    left: 126px;
    position: absolute;
    top: 175px;
    width: 138px;
	display:none;
}


#info5{
   height: 40px;
    left: 442px;
    position: absolute;
    top: 97px;
    width: 217px;
}
#pg1_swiffy5{
	 background-image: url("../img/pg1_swiffy5.png");
 background-repeat: no-repeat;
    height: 188px;
    left: 406px;
    position: absolute;
    top: 118px;
    width: 262px;
}
#swiffyplay5{
	
  background-image: url("../img/siwffyplay.png");
 background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 420px;
    position: absolute;
    top: 270px;
    width: 29px;
}
#swiffyplay5:hover{
	  background-image: url("../img/siwffyplay1.png");
}
#txt4
{
 font-size: 10px;
    height: 20px;
    left: 610px;
    position: absolute;
    top: 270px;
    width: 20px;
	
}
#symb4
{
 height: 25px;
    left: 640px;
    position: absolute;
    top: 270px;
    width: 25px;	
	
}
#cmpr4{
  background-image: url("../ob/comprobar.png");
  background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 475px;
    position: absolute;
    top: 320px;
    width: 108px;
}
#cmpr4:hover{
	  background-image: url("../ob/comprobar2.png");
}
#cls3{
position:absolute;left:120px;top:5px;color:white;font-weight:bold;
width:15px;
height:15px;
}
#clsinfo3{
position:absolute;left:8px;top:8px;	
width:109px;
}
#alrt3{
  background-image: url("../img/alert.png");
  background-repeat: no-repeat;
  border-radius: 3px;
    cursor: pointer;
    height: 50px;
    left: 465px;
    position: absolute;
    top: 175px;
    width: 138px;
	display:none;
}


/*+++++++++++++++++++++++++++++++  page3 ++++++++++++++++++++++*/

#info6{
   height: 40px;
    left: 89px;
    position: absolute;
    top: 90px;
    width: 217px;
}
#pg1_swiffy6{
	 background-image: url("../img/pg1_swiffy6.png");
   background-repeat: no-repeat;
    height: 158px;
    left: 40px;
    position: absolute;
    top: 121px;
    width: 301px;
}
#swiffyplay6{
	
  background-image: url("../img/siwffyplay.png");
 background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 65px;
    position: absolute;
    top: 270px;
    width: 29px;
}
#swiffyplay6:hover{
	  background-image: url("../img/siwffyplay1.png");
}
#txt5
{
 font-size: 10px;
    height: 20px;
    left: 300px;
    position: absolute;
    top: 270px;
    width: 20px;
	
}
#symb5
{
 height: 25px;
    left: 330px;
    position: absolute;
    top: 270px;
    width: 25px;	
	
}
#cmpr5{
  background-image: url("../ob/comprobar.png");
  background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 146px;
    position: absolute;
    top: 320px;
    width: 108px;
}
#cmpr5:hover{
	  background-image: url("../ob/comprobar2.png");
}
#cls4{
position:absolute;left:120px;top:5px;color:white;font-weight:bold;
width:15px;
height:15px;
}
#clsinfo4{
position:absolute;left:8px;top:8px;	
width:109px;
}
#alrt4{
  background-image: url("../img/alert.png");
  background-repeat: no-repeat;
  border-radius: 3px;
    cursor: pointer;
    height: 50px;
    left: 126px;
    position: absolute;
    top: 175px;
    width: 138px;
	display:none;
}


#info7{
   height: 40px;
    left: 442px;
    position: absolute;
    top: 97px;
    width: 217px;
}
#pg1_swiffy7{
	 background-image: url("../img/pg1_swiffy7.png");
 background-repeat: no-repeat;
    height: 188px;
    left: 406px;
    position: absolute;
    top: 118px;
    width: 262px;
}
#swiffyplay7{
	
  background-image: url("../img/siwffyplay.png");
 background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 420px;
    position: absolute;
    top: 270px;
    width: 29px;
}
#swiffyplay7:hover{
	  background-image: url("../img/siwffyplay1.png");
}
#txt6
{
 font-size: 10px;
    height: 20px;
    left: 610px;
    position: absolute;
    top: 270px;
    width: 20px;
	
}
#symb6
{
 height: 25px;
    left: 640px;
    position: absolute;
    top: 270px;
    width: 25px;	
	
}
#cmpr6{
  background-image: url("../ob/comprobar.png");
  background-repeat: no-repeat;
    cursor: pointer;
    height: 29px;
    left: 475px;
    position: absolute;
    top: 320px;
    width: 108px;
}
#cmpr6:hover{
	  background-image: url("../ob/comprobar2.png");
}
#cls5{
position:absolute;left:120px;top:5px;color:white;font-weight:bold;
width:15px;
height:15px;
}
#clsinfo5{
position:absolute;left:8px;top:8px;	
width:109px;
}
#alrt5{
  background-image: url("../img/alert.png");
  background-repeat: no-repeat;
  border-radius: 3px;
    cursor: pointer;
    height: 50px;
    left: 465px;
    position: absolute;
    top: 175px;
    width: 138px;
	display:none;
}


#nxt.disabled{
    color: red;
cursor:pointer;
}
#prv.disabled{
    color: grey;
cursor:pointer;
}