/*
Copyright (c) 2008, CorpoDSI. All rights reserved.
Code licensed under the BSD License:
http://developer.corpodsi.net/yui/license.txt
version: 2.6.0
*/
html{color:#4c4c4c;background:#f2f2f2;font-family: calibri, arial;}
.app-clearfix:after {visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0;}
.app-title {color: #00a7d1; font-size: 30px; margin-bottom: 12px;}

.app-header {background: #0093b8; padding-left: 19px; color: #fff;text-align:center;}
.app-header-content {/*padding: 25px 0 32px;*/}
.app-header-icon {
    /*float: left; */
    margin-right: 20px; 
    height: 60px;
}
.app-header-title {font-weight: bold; font-size: 45px; display: block; line-height: 35px; margin-top: 10px;}

.app-body {padding-top: 30px;}
 /*
.app-login {width: 330px; border-right: solid 3px #d5d5d5; float: left; position: relative;}  */
.app-login {   width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 14px 10px 0;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #dcdcdc; /* Borde gris */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Sombra sutil para el formulario */}
.app-login-container {width: 279px; margin: auto; padding: 14px 10px 0;}
.app-login-title {color: #00a7d1; text-align: center; font-size: 30px;}
.app-login-avatar {text-align: center; padding: 17px 0 15px;}
.app-login-avatar img {height: 80px; border: solid 1px #666; border-radius: 8px;}

.app-form-login {width: 240px; margin: auto;}
/* .app-form-login input {outline: medium none;} */
.app-form-login .textfield {width: 200px; border: solid 1px #aab0b2; border-radius: 3px; margin-bottom: 12px; padding: 3px 0 4px 34px; background-color: #fff;}
.app-form-login .user {background: #fff url("icon_user.png"); background-repeat: no-repeat; background-position: 5px center;}
.app-form-login .password {background: #fff url("icon_pass.png"); background-repeat: no-repeat; background-position: 5px center;}
.app-form-login .captcha{vertical-align: top;}
.app-form-login img.captcha{cursor: pointer;}
.app-form-login input.captcha{width: 150px; width: 161px;margin-left: 5px;padding-left: 15px;}
.app-form-login .submit {float: right; border: solid 1px #767676; border-radius: 2px; background-color: #7f7f7f; color: #fff; padding: 6px 12px; cursor: pointer;}
.app-form-login .submit:hover, .app-form-login .submit:focus {border-color: #0193b7;background-color: #0093b8;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.app-form-login .keepme {line-height: 33px; margin-top: 5px;}
.app-form-login .checkbox {appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;border: solid 1px #aab0b2;height: 16px;width: 16px;border-radius: 50%;vertical-align: -2px;position: relative;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}
.app-form-login .checkbox:checked::after {content: url("checkbox.png");display: block;position: absolute;top: -1px;left: 2px;}

.app-login-users {border-top: solid 3px #d5d5d5; width: 278px; margin: 21px auto 0; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 5px 0 0 2px;}
ul.users-list {margin-right: 10px;}
ul.users-list li {background-color: #fff; padding: 10px 0 10px 13px; margin-bottom: 5px;}
ul.users-list li img {height: 38px; border-radius: 2px; float: left; margin-right: 13px;}
ul.users-list li span {display: block; font-weight: bold;}
ul.users-list li:hover {cursor: pointer;}
ul.users-list li:hover span {color: #0093b8;-webkit-transition: all 0.218s;-moz-transition: all 0.218s;-ms-transition: all 0.5s;-o-transition: all 0.218s;}

.app-carousel {float: left;}

.app-carousel-container {padding-left: 60px;}
.app-carousel-content {padding-top: 14px;}
.app-carousel-content ul {/*width: 600px;*/}
.app-carousel-content ul li.app-cc-current {display: block !important;}
.app-carousel-content ul li.app-cc-normal {display: none;}
.app-carousel-content ul p {margin-bottom: 18px; text-align: justify;}
.app-carousel-content ul div.carousel-image {width: 100%; background-color: #fff; border: solid 1px #c4c4c4; padding: 8px; border-radius: 5px;}
.app-carousel-content ul div.carousel-image img {width: 100%; height: 226px; border: 0;}
.app-carousel-pagination {margin-top: 20px;}
.app-carousel-pagination ul {text-align: center;}
.app-carousel-pagination ul li {width: 12px; height: 12px; display: inline-block; margin-right: 10px;}
.app-carousel-pagination ul li.app-cp-normal {background: url("indicator.png"); cursor: pointer;}
.app-carousel-pagination ul li.app-cp-current {background: url("indicator-active.png") !important; cursor: auto !important;}