div#container
{
   width: 1920px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_LineasCuadroLogIn
{
   vertical-align: top;
}
#LineasCuadroLogIn
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: animate-fade-in 1000ms linear 5000ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#LayerLogIn
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#FondoLogin
{
   width: 828px;
   height: 179px;
   background-color: #FEBA01;
   background-image: none;
   border: 0px #D2D2D2 solid;
   border-radius: 50px;
}
#wb_FondoLogin
{
   margin: 0;
   animation: animate-fade-in 1000ms linear 5200ms 1 normal both;
   vertical-align: top;
}
#FondoLogInCelus
{
   width: 828px;
   height: 198px;
   background-color: #FEBA01;
   background-image: none;
   border: 0px #D2D2D2 solid;
   border-radius: 25px;
}
#wb_FondoLogInCelus
{
   margin: 0;
   animation: animate-fade-in 1000ms linear 5200ms 1 normal both;
   vertical-align: top;
}
#wb_USER 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
   animation: animate-fade-in 1000ms linear 5300ms 1 normal both;
}
#wb_USER
{
   color: #FF0000;
   font-family: Oswald;
   font-weight: 400;
   font-size: 27px;
   line-height: 44px;
}
#wb_USER p, #wb_USER ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#User_input
{
   line-height: 21px;
   margin: 0;
   border: 0px solid #DEE2E6;
   border-radius: 10px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   animation: animate-fade-in 1000ms linear 5400ms 1 normal both;
   padding: 6px 12px 6px 12px;
}
#User_input:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#wb_Clavelabel 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
   animation: animate-fade-in 1000ms linear 5500ms 1 normal both;
}
#wb_Clavelabel
{
   color: #FF0000;
   font-family: Oswald;
   font-weight: 400;
   font-size: 27px;
   line-height: 44px;
}
#wb_Clavelabel p, #wb_Clavelabel ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#ClaveInput
{
   line-height: 21px;
   margin: 0;
   border: 0px solid #DEE2E6;
   border-radius: 10px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   animation: animate-fade-in 1000ms linear 5600ms 1 normal both;
   padding: 6px 12px 6px 12px;
}
#ClaveInput:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#IngresarBoton
{
   font-family: Oswald;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_IngresarBoton
{
   border-radius: 20px;
   margin: 0;
   animation: animate-fade-in 1000ms linear 5800ms 1 normal both;
   vertical-align: top;
}
#IngresarBoton
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_IngresarBoton .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#IngresarBoton
{
   color: inherit;
}
#wb_IngresarBoton .ui-secondary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M32%2064%20C49%2064%2c%2064%2050%2c%2064%2032%20C64%2014%2c%2049%200%2c%2032%200%20C14%200%2c%200%2014%2c%200%2032%20C0%2050%2c%2014%2064%2c%2032%2064%20Z%20M37%2044%20C36%2045%2c%2034%2045%2c%2033%2044%20C31%2043%2c%2031%2041%2c%2033%2040%20L37%2035%20L19%2035%20C17%2035%2c%2016%2034%2c%2016%2032%20C16%2030%2c%2017%2029%2c%2019%2029%20L37%2029%20L33%2024%20C31%2023%2c%2031%2021%2c%2033%2020%20C34%2019%2c%2036%2019%2c%2037%2020%20L47%2030%20C48%2031%2c%2048%2033%2c%2047%2034%20L37%2044Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
   display: inline-block;
   overflow: visible;
   position: absolute;
   right: 12px;
   margin: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 16px;
   height: 16px;
}
#wb_IngresarBoton:hover .ui-secondary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M32%2064%20C49%2064%2c%2064%2050%2c%2064%2032%20C64%2014%2c%2049%200%2c%2032%200%20C14%200%2c%200%2014%2c%200%2032%20C0%2050%2c%2014%2064%2c%2032%2064%20Z%20M37%2044%20C36%2045%2c%2034%2045%2c%2033%2044%20C31%2043%2c%2031%2041%2c%2033%2040%20L37%2035%20L19%2035%20C17%2035%2c%2016%2034%2c%2016%2032%20C16%2030%2c%2017%2029%2c%2019%2029%20L37%2029%20L33%2024%20C31%2023%2c%2031%2021%2c%2033%2020%20C34%2019%2c%2036%2019%2c%2037%2020%20L47%2030%20C48%2031%2c%2048%2033%2c%2047%2034%20L37%2044Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_IngresarBoton:active .ui-secondary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M32%2064%20C49%2064%2c%2064%2050%2c%2064%2032%20C64%2014%2c%2049%200%2c%2032%200%20C14%200%2c%200%2014%2c%200%2032%20C0%2050%2c%2014%2064%2c%2032%2064%20Z%20M37%2044%20C36%2045%2c%2034%2045%2c%2033%2044%20C31%2043%2c%2031%2041%2c%2033%2040%20L37%2035%20L19%2035%20C17%2035%2c%2016%2034%2c%2016%2032%20C16%2030%2c%2017%2029%2c%2019%2029%20L37%2029%20L33%2024%20C31%2023%2c%2031%2021%2c%2033%2020%20C34%2019%2c%2036%2019%2c%2037%2020%20L47%2030%20C48%2031%2c%2048%2033%2c%2047%2034%20L37%2044Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_IngresarBoton .ui-corner-all, #wb_IngresarBoton .ui-corner-left
{
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
}
#wb_IngresarBoton .ui-corner-all, #wb_IngresarBoton .ui-corner-right
{
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px;
}
#wb_IngresarBoton .ui-button
{
   background-color: #3BB1B4;
   background-image: none;
   border: 0px solid #0D6EFD;
   color: #FFFFFF;
}
#wb_IngresarBoton .ui-state-hover, #wb_IngresarBoton .ui-button:hover
{
   border-color: #0A58CA;
   background-color: #2D9396;
   background-image: none;
   color: #FFFFFF;
}
#wb_IngresarBoton .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_IngresarBoton .ui-state-active, #wb_IngresarBoton .ui-button:active
{
   border-color: #0A53BE;
   background-color: #2D9396;
   background-image: none;
   color: #FFFFFF;
}
#IngresarBoton
{
   width: 100%;
   height: 100%;
}
#LayerLogIn
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 463px;
   width: 1920px;
   height: 307px;
   z-index: 10;
}
#wb_LineasCuadroLogIn
{
   position: absolute;
   left: 513px;
   top: 26px;
   width: 894px;
   height: 185px;
   z-index: 0;
}
#wb_IngresarBoton
{
   position: absolute;
   left: 1059px;
   top: 170px;
   width: 124px;
   height: 33px;
   z-index: 7;
}
#Html1
{
   position: absolute;
   left: 0px;
   top: 81px;
   width: 1920px;
   height: 319px;
   z-index: 9;
}
#User_input
{
   position: absolute;
   left: 882px;
   top: 82px;
   width: 277px;
   height: 21px;
   z-index: 4;
}
#wb_FondoLogInCelus
{
   position: absolute;
   left: 546px;
   top: 51px;
   width: 828px;
   height: 198px;
   visibility: hidden;
   z-index: 2;
}
#wb_Clavelabel
{
   position: absolute;
   left: 735px;
   top: 122px;
   width: 137px;
   height: 44px;
   text-align: right;
   z-index: 5;
}
#wb_USER
{
   position: absolute;
   left: 735px;
   top: 78px;
   width: 137px;
   height: 44px;
   text-align: right;
   z-index: 3;
}
#vsgFervB
{
   position: relative;
   height: 100%;
}
#ClaveInput
{
   position: absolute;
   left: 882px;
   top: 126px;
   width: 277px;
   height: 21px;
   z-index: 6;
}
#wb_FondoLogin
{
   position: absolute;
   left: 546px;
   top: 51px;
   width: 828px;
   height: 179px;
   z-index: 1;
}
@media only screen and (min-width: 1720px) and (max-width: 1919px)
{
div#container
{
   width: 1720px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 1720px;
   height: 370px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 450px;
   top: 17px;
   width: 821px;
   height: 169px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 421px;
   width: 1720px;
   height: 307px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 475px;
   top: 42px;
   width: 770px;
   height: 185px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogin
{
   width: 770px;
   height: 185px;
}
#wb_FondoLogInCelus
{
   left: 475px;
   top: 42px;
   width: 770px;
   height: 198px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogInCelus
{
   width: 770px;
   height: 198px;
}
#wb_USER
{
   left: 629px;
   top: 66px;
   width: 137px;
   height: 44px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 27px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 45px;
}
#User_input
{
   left: 791px;
   top: 72px;
   width: 277px;
   height: 21px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 21px;
}
#wb_Clavelabel
{
   left: 629px;
   top: 111px;
   width: 137px;
   height: 44px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 27px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 45px;
}
#ClaveInput
{
   left: 791px;
   top: 117px;
   width: 277px;
   height: 21px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 21px;
}
#wb_IngresarBoton
{
   left: 968px;
   top: 164px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1719px)
{
div#container
{
   width: 1280px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 1280px;
   height: 342px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 280px;
   top: 14px;
   width: 720px;
   height: 148px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 393px;
   width: 1280px;
   height: 307px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 302px;
   top: 33px;
   width: 677px;
   height: 166px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogin
{
   width: 677px;
   height: 166px;
}
#wb_FondoLogInCelus
{
   left: 302px;
   top: 33px;
   width: 677px;
   height: 164px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogInCelus
{
   width: 677px;
   height: 164px;
}
#wb_USER
{
   left: 414px;
   top: 54px;
   width: 137px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 21px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 36px;
}
#User_input
{
   left: 561px;
   top: 55px;
   width: 253px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 22px;
}
#wb_Clavelabel
{
   left: 414px;
   top: 99px;
   width: 137px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 21px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 36px;
}
#ClaveInput
{
   left: 561px;
   top: 100px;
   width: 253px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 22px;
}
#wb_IngresarBoton
{
   left: 714px;
   top: 146px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)
{
div#container
{
   width: 1024px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 1024px;
   height: 291px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 208px;
   top: 24px;
   width: 608px;
   height: 125px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 342px;
   width: 1024px;
   height: 307px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 227px;
   top: 39px;
   width: 571px;
   height: 163px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogin
{
   width: 571px;
   height: 163px;
}
#wb_FondoLogInCelus
{
   left: 227px;
   top: 39px;
   width: 571px;
   height: 146px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogInCelus
{
   width: 571px;
   height: 146px;
}
#wb_USER
{
   left: 307px;
   top: 58px;
   width: 137px;
   height: 35px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 20px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 34px;
}
#User_input
{
   left: 466px;
   top: 58px;
   width: 193px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 22px;
}
#wb_Clavelabel
{
   left: 307px;
   top: 104px;
   width: 137px;
   height: 35px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 20px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 34px;
}
#ClaveInput
{
   left: 466px;
   top: 104px;
   width: 193px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 22px;
}
#wb_IngresarBoton
{
   left: 559px;
   top: 150px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 768px;
   height: 220px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 150px;
   top: 21px;
   width: 468px;
   height: 96px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 271px;
   width: 768px;
   height: 229px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 162px;
   top: 30px;
   width: 445px;
   height: 136px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogin
{
   width: 445px;
   height: 136px;
}
#wb_FondoLogInCelus
{
   left: 162px;
   top: 30px;
   width: 445px;
   height: 146px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogInCelus
{
   width: 445px;
   height: 146px;
}
#wb_USER
{
   left: 182px;
   top: 46px;
   width: 137px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 31px;
}
#User_input
{
   left: 329px;
   top: 43px;
   width: 193px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 22px;
}
#wb_Clavelabel
{
   left: 182px;
   top: 89px;
   width: 137px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 31px;
}
#ClaveInput
{
   left: 329px;
   top: 86px;
   width: 193px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 22px;
}
#wb_IngresarBoton
{
   left: 422px;
   top: 132px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}
@media only screen and (min-width: 667px) and (max-width: 767px)
{
div#container
{
   width: 667px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 667px;
   height: 201px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 73px;
   top: 19px;
   width: 521px;
   height: 107px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 252px;
   width: 667px;
   height: 211px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 87px;
   top: 32px;
   width: 493px;
   height: 156px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogin
{
   width: 493px;
   height: 156px;
}
#wb_FondoLogInCelus
{
   left: 87px;
   top: 32px;
   width: 493px;
   height: 151px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogInCelus
{
   width: 493px;
   height: 151px;
}
#wb_USER
{
   left: 134px;
   top: 46px;
   width: 137px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 21px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 36px;
}
#User_input
{
   left: 288px;
   top: 47px;
   width: 193px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 22px;
}
#wb_Clavelabel
{
   left: 134px;
   top: 90px;
   width: 137px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 21px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 36px;
}
#ClaveInput
{
   left: 288px;
   top: 91px;
   width: 193px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 22px;
}
#wb_IngresarBoton
{
   left: 381px;
   top: 135px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}
@media only screen and (min-width: 375px) and (max-width: 666px)
{
div#container
{
   width: 375px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 375px;
   height: 153px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 18px;
   top: 24px;
   width: 338px;
   height: 69px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 204px;
   width: 375px;
   height: 307px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 30px;
   top: 33px;
   width: 315px;
   height: 200px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogin
{
   width: 315px;
   height: 200px;
}
#wb_FondoLogInCelus
{
   left: 30px;
   top: 33px;
   width: 315px;
   height: 227px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogInCelus
{
   width: 315px;
   height: 227px;
}
#wb_USER
{
   left: 54px;
   top: 45px;
   width: 91px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 31px;
}
#User_input
{
   left: 54px;
   top: 76px;
   width: 243px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 22px;
}
#wb_Clavelabel
{
   left: 54px;
   top: 118px;
   width: 110px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 31px;
}
#ClaveInput
{
   left: 54px;
   top: 149px;
   width: 243px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 22px;
}
#wb_IngresarBoton
{
   left: 197px;
   top: 205px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}
@media only screen and (max-width: 374px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Html1
{
   left: 0px;
   top: 51px;
   width: 320px;
   height: 147px;
   visibility: visible;
   display: inline;
}
#wb_LineasCuadroLogIn
{
   left: 11px;
   top: 14px;
   width: 299px;
   height: 62px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#LayerLogIn
{
   left: 0px;
   top: 198px;
   width: 320px;
   height: 271px;
   visibility: visible;
   display: block;
}
#wb_FondoLogin
{
   left: 18px;
   top: 22px;
   width: 284px;
   height: 181px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#FondoLogin
{
   width: 284px;
   height: 181px;
}
#wb_FondoLogInCelus
{
   left: 18px;
   top: 22px;
   width: 284px;
   height: 221px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#FondoLogInCelus
{
   width: 284px;
   height: 221px;
}
#wb_USER
{
   left: 33px;
   top: 31px;
   width: 91px;
   height: 29px;
   visibility: visible;
   display: inline;
}
#wb_USER
{
   font-size: 17px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 29px;
}
#User_input
{
   left: 33px;
   top: 60px;
   width: 231px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#User_input
{
   line-height: 22px;
}
#wb_Clavelabel
{
   left: 33px;
   top: 101px;
   width: 91px;
   height: 29px;
   visibility: visible;
   display: inline;
}
#wb_Clavelabel
{
   font-size: 17px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 29px;
}
#ClaveInput
{
   left: 33px;
   top: 130px;
   width: 231px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 6px 12px 6px 12px;
   text-align: left;
}
#ClaveInput
{
   line-height: 22px;
}
#wb_IngresarBoton
{
   left: 164px;
   top: 186px;
   width: 124px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#IngresarBoton
{
   font-size: 16px;
}
#wb_IngresarBoton .ui-button
{
   line-height: 33px;
   padding: 0;
}
}