/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300) */
* { box-sizing: border-box; font-weight: 300; }

body { font-family: "Source Sans Pro", sans-serif; color: white; font-weight: 300; background-color: #2F9292; -moz-placeholder-font-family: "Source Sans Pro", sans-serif; -moz-placeholder-color: white; -moz-placeholder-opacity: 1; -moz-placeholder-font-weight: 300; -ms-input-placeholder-font-family: "Source Sans Pro", sans-serif; -ms-input-placeholder-color: white; -ms-input-placeholder-font-weight: 300; }
body ::-webkit-input-placeholder { font-family: "Source Sans Pro", sans-serif; color: white; font-weight: 300; }
body ::-moz-placeholder { font-family: "Source Sans Pro", sans-serif; color: white; opacity: 1; font-weight: 300; }

#login.wrapper { background: #EB4B09; background: -webkit-linear-gradient(top left, #EB4B09 0%, #EB4B09 100%); background: linear-gradient(to bottom right, #35A6A6 0%, #35A6A6 100%); position: absolute; top: 375px; left: 0; width: 100%; height: 400px; margin-top: -200px; overflow: hidden; }
#login.wrapper.form-success .container h1 { -webkit-transform: translateY(85px); transform: translateY(85px); }
#login.wrapper .container { max-width: 600px; margin: 0 auto; padding: 40px 0; height: 400px; text-align: center; }
#login.wrapper .container h1 { font-size: 40px; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-in-put; transition-timing-function: ease-in-put; font-weight: 200; }
#login.wrapper form { padding: 20px 0; position: relative; z-index: 2; }
#login.wrapper form input.input.cord { width: 50px; display: inline-block; }
#login.wrapper form input.input.cord:focus { width: 80px; }
#login.wrapper form input.input { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: 1px solid rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.2); width: 250px; border-radius: 3px; padding: 10px 15px; margin: 0 auto 10px auto; display: block; text-align: center; font-size: 18px; color: white; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; font-weight: 300; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#login.wrapper form input.input:hover { background-color: rgba(255, 255, 255, 0.4); }
#login.wrapper form input.input:focus { background-color: white; width: 300px; color: #53e3a6; }
#login.wrapper form button#login-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background-color: white; border: 0; padding: 10px 15px; color: #53e3a6; border-radius: 3px; width: 250px; cursor: pointer; font-size: 18px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; background-image: none; }
#login.wrapper form button#login-button span { padding: 0px; margin: 0px; font-weight: bold; }
#login.wrapper form button#login-button:hover { background-color: #f5f7f9; }
#login.wrapper .bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#login.wrapper .bg-bubbles li { position: absolute; list-style: none; display: block; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.15); bottom: -160px; -webkit-animation: square 25s infinite; animation: square 25s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
#login.wrapper .bg-bubblogin-buttonles li:nth-child(1) { left: 10%; }
#login.wrapper .bg-bubbles li:nth-child(2) { left: 20%; width: 80px; height: 80px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 17s; animation-duration: 17s; }
#login.wrapper .bg-bubbles li:nth-child(3) { left: 25%; -webkit-animation-delay: 4s; animation-delay: 4s; }
#login.wrapper .bg-bubbles li:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 22s; animation-duration: 22s; background-color: rgba(255, 255, 255, 0.25); }
#login.wrapper .bg-bubbles li:nth-child(5) { left: 70%; }
#login.wrapper .bg-bubbles li:nth-child(6) { left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, 0.2); }
#login.wrapper .bg-bubbles li:nth-child(7) { left: 32%; width: 160px; height: 160px; -webkit-animation-delay: 7s; animation-delay: 7s; }
#login.wrapper .bg-bubbles li:nth-child(8) { left: 55%; width: 20px; height: 20px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s; }
#login.wrapper .bg-bubbles li:nth-child(9) { left: 25%; width: 10px; height: 10px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, 0.3); }
#login.wrapper .bg-bubbles li:nth-child(10) { left: 90%; width: 160px; height: 160px; -webkit-animation-delay: 11s; animation-delay: 11s; }

.tit-login { color: #fff; width: 630px; font-size: 26px; margin: 30px auto; text-align: center; font-family: "Source Sans Pro", sans-serif; }

#logoUIFTransparenteInicio { position: absolute; top: 179px; text-align: center; width: 100%; }

form.formPassLogin { bottom: 38px; }

@-webkit-keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-700px) rotate(600deg); transform: translateY(-700px) rotate(600deg); } }
@keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-700px) rotate(600deg); transform: translateY(-700px) rotate(600deg); } }
body { margin: 0px; padding: 0px; }

.containerLogin1 { top: 23%; text-align: center; margin: 134px auto; }

.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }

.ch-grid:after, .ch-item:before { content: ""; display: table; }

.ch-grid:after { clear: both; }

.ch-grid li { width: 220px; height: 220px; display: inline-block; margin: 20px; }

.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); cursor: default; cursor: pointer; }

.ch-info-wrap, .ch-info { position: absolute; width: 180px; height: 180px; border-radius: 50%; }

.ch-info-wrap { top: 20px; left: 20px; background: #f9f9f9 url(../images/bg.jpg); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), inset 0 0 3px rgba(115, 114, 23, 0.8); }

.ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; }

.ch-info .ch-info-front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.ch-info .ch-info-back { opacity: 0; border: 2px solid #fff; background: #2F9292; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; }

.ch-img-1 { background-image: url(/javax.faces.resource/img/nm.png.xhtml); }

.ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 20px; margin: 0 15px; padding: 37px 0 0 0; height: 70px; font-family: "Open Sans", Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }

.ch-info p { color: #fff; padding: 10px 5px 0; font-style: italic; margin: 0 30px; font-size: 17px; border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }

.ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }

.loginFotter { font-size: 8px; text-align: center; width: 100%; bottom: 60px; }

.errorLgin { background: #FFEBE8; color: #e02e2e; padding: 14px; width: 437px; margin: 0 auto; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.errorLgin span { font-weight: bold; }

.nm-confirm-dialog .ui-dialog-titlebar { background-image: none; text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; background: linear-gradient(#525252, #242424), #242424; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0; color: #1ABB9C; padding: 10px 0px 15px 20px; }
.nm-confirm-dialog .ui-dialog-content { font-size: 15px; }
.nm-confirm-dialog .ui-dialog-footer { text-align: center; margin: 0px; }
.nm-confirm-dialog .ui-dialog-footer .ui-button { border: 1px solid #2F9292; font-family: "Source Sans Pro", sans-serif; font-size: 13px; background-color: #2F9292; background-image: none; color: #f2f2f2; padding: 2px; position: relative; box-sizing: border-box; transition: all 500ms ease; margin-right: 15px; }
.nm-confirm-dialog .ui-dialog-footer .ui-button:before { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; transition: all 1s ease; }
.nm-confirm-dialog .ui-dialog-footer .ui-button:hover:before { width: 100%; }
.nm-confirm-dialog .ui-dialog-footer .ui-button:hover { border: 1px solid #fff; }

.nm-btn.ui-button { border: 1px solid #2F9292; font-family: "Source Sans Pro", sans-serif; font-size: 13px; background-color: #2F9292; background-image: none; color: #f2f2f2; padding: 2px; position: relative; box-sizing: border-box; transition: all 500ms ease; margin-right: 15px; }
.nm-btn.ui-button:before { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; transition: all 1s ease; }
.nm-btn.ui-button:hover:before { width: 100%; }
.nm-btn.ui-button:hover { border: 1px solid #fff; }

.nm-menubutton .ui-button { border: 1px solid #2F9292; font-family: "Source Sans Pro", sans-serif; font-size: 13px; background-color: #2F9292; background-image: none; color: #f2f2f2; padding: 2px; position: relative; box-sizing: border-box; transition: all 500ms ease; margin-right: 15px; }
.nm-menubutton .ui-button:before { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; transition: all 1s ease; }
.nm-menubutton .ui-button:hover:before { width: 100%; }
.nm-menubutton .ui-button:hover { border: 1px solid #fff; }

.nm-btn-file .ui-state-default { border: 1px solid #2F9292; font-family: "Source Sans Pro", sans-serif; font-size: 13px; background-color: #2F9292; background-image: none; color: #f2f2f2; padding: 2px; position: relative; box-sizing: border-box; transition: all 500ms ease; margin-right: 15px; }
.nm-btn-file .ui-state-default:before { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; transition: all 1s ease; }
.nm-btn-file .ui-state-default:hover:before { width: 100%; }
.nm-btn-file .ui-state-default:hover { border: 1px solid #fff; }

.botonMod { margin-top: 25px; position: absolute !important; }

/*@media only screen and (max-width: 500px) .loginFotter 	font-size: 5px 	text-align: center 	position: absolute 	width: 100% 	bottom: 15px */
/* CSS Document */
@media (min-width: 320px) { .loginFotter { font-size: 5px; bottom: 35px; }
  .tit-login { width: 300px; font-size: 18px; margin: 30px auto; } }
@media (min-width: 480px) { .loginFotter { font-size: 5px; bottom: 35px; }
  .tit-login { width: 450px; font-size: 18px; margin: 30px auto; } }
@media (min-width: 600px) { .loginFotter { font-size: 6px; bottom: 40px; }
  .tit-login { width: 500px; font-size: 20px; margin: 30px auto; } }
@media (min-width: 768px) { .loginFotter { font-size: 6px; bottom: 40px; }
  .tit-login { width: 630px; font-size: 24px; margin: 30px auto; } }
@media (min-width: 900px) { .loginFotter { font-size: 7px; bottom: 50px; }
  .tit-login { width: 630px; font-size: 26px; margin: 30px auto; } }
@media (min-width: 1200px) { .loginFotter { font-size: 8px; bottom: 60px; }
  .tit-login { width: 630px; font-size: 26px; margin: 30px auto; } }
@media (min-width: 1400px) { .loginFotter { font-size: 8px; bottom: 60px; }
  .tit-login { width: 630px; font-size: 26px; margin: 30px auto; } }

/*# sourceMappingURL=login.css.map */