html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -364px;
   float:left
}
div#container
{
   width: 757px;
   height: 728px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#s1
{
   background-color: #1E90FF;
   border-radius: 30px !important;
}
#s2
{
   background-color: #3CB371;
   border-radius: 30px !important;
}
#s4
{
   background-color: #DC143C;
   border-radius: 30px !important;
}
#wb_proba1Text1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_proba1Text1
{
   font-family: Arial;
   font-size: 27px;
}
#wb_proba1Text1 div
{
   text-align: center;
}
#wb_proba1Text3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_proba1Text3
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba1Text3 div
{
   text-align: center;
}
#wb_proba2Text9 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_proba2Text9
{
   font-family: Arial;
   font-size: 27px;
}
#wb_proba2Text9 div
{
   text-align: center;
}
#wb_proba2Text10 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_proba2Text10
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba2Text10 div
{
   text-align: center;
}
#wb_proba2Text20 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_proba2Text20
{
   font-family: Arial;
   font-size: 27px;
}
#wb_proba2Text20 div
{
   text-align: center;
}
#wb_proba2Text21 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_proba2Text21
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba2Text21 div
{
   text-align: center;
}
#s3
{
   background-color: #1E90FF;
   border: 1px #000000 solid;
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius: 12px;
   border-radius: 30px !important;
}
#wb_indexText1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText1
{
   font-family: Arial;
   font-size: 32px;
}
#wb_indexText1 div
{
   text-align: center;
}
#proba1Image1
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_indexText2 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText2 div
{
   text-align: center;
}
#wb_uid1
{
   color: #FFFFFF;
   font-family: Arial;
   font-size: 16px;
}
#wb_indexText1
{
   position: absolute;
   left: 10px;
   top: 7px;
   width: 250px;
   height: 37px;
   text-align: center;
   z-index: 6;
}
#wb_proba1Image1
{
   position: absolute;
   left: 300px;
   top: 257px;
   width: 157px;
   height: 221px;
   z-index: 12;
}
#wb_indexText2
{
   position: absolute;
   left: 10px;
   top: 48px;
   width: 254px;
   height: 18px;
   text-align: center;
   z-index: 7;
}
#s1
{
   position: absolute;
   text-align: left;
   left: 275px;
   top: 65px;
   width: 206px;
   height: 192px;
   z-index: 8;
}
#s2
{
   position: absolute;
   text-align: left;
   left: 502px;
   top: 271px;
   width: 206px;
   height: 192px;
   z-index: 9;
}
#s3
{
   position: absolute;
   text-align: left;
   left: 248px;
   top: 478px;
   width: 265px;
   height: 72px;
   z-index: 11;
}
#wb_proba2Text9
{
   position: absolute;
   left: 7px;
   top: 13px;
   width: 191px;
   height: 29px;
   text-align: center;
   z-index: 4;
}
#s4
{
   position: absolute;
   text-align: left;
   left: 53px;
   top: 271px;
   width: 206px;
   height: 192px;
   z-index: 10;
}
#wb_proba2Text20
{
   position: absolute;
   left: 7px;
   top: 15px;
   width: 191px;
   height: 32px;
   text-align: center;
   z-index: 2;
}
#wb_proba2Text10
{
   position: absolute;
   left: 7px;
   top: 57px;
   width: 191px;
   height: 120px;
   text-align: center;
   z-index: 5;
}
#wb_proba2Text21
{
   position: absolute;
   left: 7px;
   top: 59px;
   width: 191px;
   height: 120px;
   text-align: center;
   z-index: 3;
}
#wb_proba1Text1
{
   position: absolute;
   left: 30px;
   top: 18px;
   width: 141px;
   height: 29px;
   text-align: center;
   z-index: 0;
}
#wb_uid0
{
   color: #FFFFFF;
}
#wb_proba1Text3
{
   position: absolute;
   left: 11px;
   top: 60px;
   width: 185px;
   height: 120px;
   text-align: center;
   z-index: 1;
}
@media only screen and (min-width: 420px) and (max-width: 756px)
{
div#container
{
   width: 420px;
   height: 728px;
}
#s1
{
   left: 141px;
   top: 23px;
   width: 135px;
   height: 159px;
   visibility: visible;
   display: inline;
}
#s2
{
   left: 276px;
   top: 92px;
   width: 135px;
   height: 159px;
   visibility: visible;
   display: inline;
}
#s4
{
   left: 6px;
   top: 92px;
   width: 135px;
   height: 159px;
   visibility: visible;
   display: inline;
}
#wb_proba1Text1
{
   left: 4px;
   top: 10px;
   width: 128px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_proba1Text1
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba1Text3
{
   left: 2px;
   top: 42px;
   width: 131px;
   height: 114px;
   visibility: visible;
   display: inline;
}
#wb_proba1Text3
{
   font-family: Arial;
   font-size: 17px;
}
#wb_proba2Text9
{
   left: 4px;
   top: 13px;
   width: 128px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text9
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba2Text10
{
   left: 4px;
   top: 49px;
   width: 124px;
   height: 95px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text10
{
   font-family: Arial;
   font-size: 17px;
}
#wb_proba2Text20
{
   left: 3px;
   top: 13px;
   width: 127px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text20
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba2Text21
{
   left: 4px;
   top: 49px;
   width: 124px;
   height: 95px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text21
{
   font-family: Arial;
   font-size: 17px;
}
#s3
{
   left: 84px;
   top: 251px;
   width: 263px;
   height: 58px;
   visibility: visible;
   display: inline;
}
#wb_indexText1
{
   left: 14px;
   top: 19px;
   width: 250px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_indexText1
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba1Image1
{
   left: 162px;
   top: 159px;
   width: 91px;
   height: 115px;
   visibility: visible;
   display: inline;
}
#wb_indexText2
{
   left: 12px;
/*   top: 275px;*/
top:61px !important;
   width: 243px;
   height: 18px;
  /* visibility: hidden;
   display: none;*/
}
}
@media only screen and (max-width: 419px)
{
div#container
{
   width: 320px;
   height: 728px;
}
#s1
{
   left: 81px;
   top: 43px;
   width: 148px;
   height: 136px;
   visibility: visible;
   display: inline;
}
#s2
{
   left: 179px;
   top: 188px;
   width: 134px;
   height: 142px;
   visibility: visible;
   display: inline;
}
#s4
{
   left: 6px;
   top: 188px;
   width: 134px;
   height: 142px;
   visibility: visible;
   display: inline;
}
#wb_proba1Text1
{
   left: 4px;
   top: 8px;
   width: 141px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_proba1Text1
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba1Text3
{
   left: 6px;
   top: 32px;
   width: 135px;
   height: 90px;
   visibility: visible;
   display: inline;
}
#wb_proba1Text3
{
   font-family: Arial;
   font-size: 16px;
}
#wb_proba2Text9
{
   left: 3px;
   top: 8px;
   width: 127px;
   height: 48px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text9
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba2Text10
{
   left: 10px;
   top: 35px;
   width: 114px;
   height: 90px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text10
{
   font-family: Arial;
   font-size: 16px;
}
#wb_proba2Text20
{
   left: 9px;
   top: 8px;
   width: 115px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text20
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba2Text21
{
   left: 5px;
   top: 35px;
   width: 115px;
   height: 90px;
   visibility: visible;
   display: inline;
}
#wb_proba2Text21
{
   font-family: Arial;
   font-size: 16px;
}
#s3
{
   left: 27px;
   top: 339px;
   width: 265px;
   height: 72px;
   visibility: visible;
   display: inline;
}
#wb_indexText1
{
   left: 10px;
   top: 12px;
   width: 250px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_indexText1
{
   font-family: Arial;
   font-size: 21px;
}
#wb_proba1Image1
{
   left: 122px;
   top: 211px;
   width: 75px;
   height: 109px;
   visibility: visible;
   display: inline;
}
#wb_indexText2
{
   left: 10px;
   top: 60px !important;
   width: 243px;
   height: 18px;
   visibility: visible;
   display: inline;
}
}
/*h3{font-size:2.1vw !important;}*/
@media only screen and (max-width: 756px)
{
h2{font-size:19px !important;}
h3{font-size:17px !important;}
}