@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

* {
    margin:0;
    padding:0;
}

/** General Style Info **/
body {
    /*  background: #003d4c;*/
    color: #333;
    /*font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;*/
    font-family: 'calibri', verdana,helvetica,arial,sans-serif;
    font-size: 90%;
    margin: 0;
    background-image: url(../img/bg.jpg);
    background-repeat: repeat-x;
}
a {
    color: #003366;
    text-decoration:none;
    font-weight: bold;
}
a:hover {
    color: #367889;
    text-decoration:none;
}
a img {
    border:none;
}
h1, h2, h3, h4 {
    font-weight: normal;
    margin-bottom:0.5em;
}
h1 {
    background:#fff;
    color: #003d4c;
    font-size: 100%;
}
h2 {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    color: #003366;
    font-family: 'calibri', "Gill Sans","lucida grande",helvetica,arial,sans-serif;
    font-size: 200%;
    font-weight: bold;
    margin: 0 0 -6px;
    margin-top: 0px !important;
}
h3 {
    color: #2c6877;
    font-family: 'calibri', 'Gill Sans','lucida grande', helvetica, arial, sans-serif;
    font-size: 165%;
}
h4 {
    color: #993;
    font-weight: normal;
}
ul, li {
    margin: 0 0px;
}
ul {
    margin-left: 2.2em;
}
p {
    margin: 0 0 1em 0;
}

.sin_datos {
    clear: none;
    margin-bottom: 0;
    padding: 0;
    vertical-align: inherit;
    padding-top: 0;
    font-style: italic;
}

/** Layout **/
#container {
    text-align: left;
}

#header {background: #222730; color: white; padding-top: .7em; padding-bottom: .7em;}
#header .info-principal a {color: white;}
#header .info-principal .logotipo {margin-right: 1em;}
#header .info-principal .logotipo img {max-height: 60px;}
#header .info-principal .info {margin-top: .6em;}
#header .info-principal .info .rotulo {margin: 0; font-size: 2em; font-weight: lighter; background: none;}
#header .info-principal .info .descripcion {margin: 0; font-size: 1.2em; font-weight: normal; font-style: italic; font-family: serif;}
#header .info-usuario {margin-top: .6em;}
#header .info-usuario .nombre {background: none; font-size: 1.1em; border:none; margin: 0 0 .3em; display: inline;}
#header .info-usuario .label {font-size: .6em; position: relative; top:-2px;}
#header .info-usuario .periodo {font-size: .9em; font-style: italic; margin: 0; color: #a9a9a9;}
#header .info-usuario .dropdown {display: inline-block;}
#header .info-usuario .dropdown-toggle {background: none; color: white;}

#sidebar {
    padding-top: 2em;
    float: left;
    width: 24%;
    padding: 2em;
}
.table-responsive {max-height: 45em; margin-bottom: 4em;}
#sidebar .actions .active, #sidebar .actions-menu .active { 

}

/** containers **/
div.form,
div.index,
div.view {
    /*float:right;*/
    /*width:76%;*/
    /*border-left:1px solid #e9e9e9;*/
    padding:10px 2%;
}
/*div.actions {
    float:left;
    width:16%;
    padding:0px 0%;
}*/

div.actions_top {
    float:right;
    width:20%;
    padding:0px 0%;
    text-align:center;
}

.link_add a, .link_add button {
    float:right;
    margin-top:10px;
    margin-bottom: 5px;
}

.link_add  h2{
    float:left;
}

div.actions h3 {
    padding-top:0;
    color:#777;
}


/** Tables **/
table {
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
th {
    border:0;
    border-bottom:2px solid #ccc;
    text-align: left;
    padding:4px;
}
th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a.asc:after {
    content: ' ↑';
}
th a.desc:after {
    content: ' ↓';
}
table tr td {
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    border-bottom:1px solid #ddd;
}
table tr:nth-child(even) {
    background: #f9f9f9;
}
td.actions {
    text-align:left;
    white-space: nowrap;
    vertical-align: middle;
}
td.actions.button {
    text-align:right;
    white-space: nowrap;
}table td.actions a {
    margin: 0px 6px;
    padding:5px;
	border-radius: 3px;
}

/* SQL log */
.cake-sql-log {
    background: #fff;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
    color:#fff;
}

/** Paging **/
.paging {
    background:#fff;
    color: #ccc;
    margin-top: 1em;
    clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block
}
.paging > span {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
}
.paging > span:hover {
    background: #efefef;
}
.paging .prev {
    border-left: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px 0 0 4px;
}
.paging .next {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 0 4px 4px 0;
}
.paging .disabled {
    color: #ddd;
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
.paging .disabled:hover {
    background: transparent;
}
.paging .current {
    background: #efefef;
    color: #c73e14;
}

/** Scaffold View **/

dl {
    clear: both;
}
@media (min-width: 768px) {
  dl dt {
    padding: .5em 0;
    float: left;
    width: 170px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  dl dd {
    padding: .5em 0;
    margin-left: 180px;
  }
}

/** Forms **/
form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 95%;
}
fieldset {
    border: 2px solid #003366;
    border-radius: 8px 8px 8px 8px;
    margin: 21px 4px 11px 0;
    padding: 5px 12px 0px 17px;
}
fieldset legend {
    color: #777;
    font-size: 130%;
    font-weight: bold;
    padding: 0 10px;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    /*
    margin: 0 20px;
    */
}
form div {
    clear: both;
    margin-bottom: 0;
    padding: 0 0.5em 0 0.5em;
    vertical-align: text-top;
    padding-top:inherit;
}

form .input {
    color: #444;
}
form .input label {
    display: block;
}
form .required {
    font-weight: bold;
}
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}
label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
}
input, textarea {
    clear: both;
    font-size: 140%;
    font-family: 'calibri', "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 0%;
    width:98%;
}
select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 6px 0;
    padding: 0;
    line-height: 26px;
}
.radio label {
    margin: 0 0 6px 20px;
    line-height: 26px;
}
input[type=submit], input[type=button] {
    display: inline;
    font-size: 110%;
    width: auto;
}
form .submit input[type=submit], form .submit input[type=button]  {
    background:#62af56;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    border-color: #2d6324;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    padding: 8px 10px;
}
form .submit input[type=submit]:hover, form .submit input[type=button]:hover {
    background: #5BA150;
}
/* Form errors */
form .error {
    background: #FFDACC;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
form .error-message {
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
form .error,
form .error-message {
    color: #9E2424;
    box-shadow: none;
    text-shadow: none;
}

/** Notices and Errors **/
.message {
    clear: both;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 5px;
    text-align:center;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
    background: #ffcc00;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
    background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
    background-image: linear-gradient(top, #ffcc00, #E6B800);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 18px;
    padding: 7px 14px;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
    clear: both;
    color: #fff;
    background: #c43c35;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
    clear: both;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: #3B8230;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
    background-image: linear-gradient(top, #76BF6B, #3B8230);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 120%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    font-weight: normal;
    line-height: 140%;
}
.notice {
    color: #000;
    display: block;
    font-size: 120%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    color: #fff;
}

/**  Actions  **/
.actions ul, .actions-menu ul {
    margin: 0;
    padding: 0;
}
.actions li, .actions-menu li {
    margin:0 0 0.5em 0;
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
    font-size: 100%;
}
.actions_top li {
    margin:0 0 0.5em 0;
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
}
.actions ul li a, .actions-menu ul li a {
    font-weight: normal;
    display: block;
    clear: both;
}

/* Buttons and button links */
input[type=submit],
input[type=button],
.actions ul li a,
.actions-menu ul li a,
.actions a,
.actions-menu a {
    font-weight:normal;
    padding: 4px 8px;
    color:#696969;
    border:1px solid #bbb;
    margin-top: 0px;
    text-decoration: none;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none;
}

.actions_top ul li a,
.actions_top a {
    font-weight:normal;
    padding: 4px 8px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
    color:#333;
    border:1px solid #bbb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: #fff 0px 1px 0px;
    min-width: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    user-select: none;
    list-style-type:none;
}

.link_add a, .link_add button {
    font-weight:normal;
    padding: 4px 8px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
    color:#333;
    border:1px solid #bbb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: #fff 0px 1px 0px;
    min-width: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    user-select: none;
    margin-right: 5px
}

.actions ul li a:hover,
.actions-menu ul li a:hover,
.actions a:hover,
.actions-menu a:hover {
    background: #fff;
    border-color: #acacac;
    text-decoration: none;
}
input[type=submit]:active,
input[type=button]:active,
.actions ul li a:active,
.actions-menu ul li a:active,
.actions a:active,
.actions-menu a:active {
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
    background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
    background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
    background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
    background-image: -o-linear-gradient(top, #dfdfdf, #eee);
    background-image: linear-gradient(top, #dfdfdf, #eee);
    text-shadow: #eee 0px 1px 0px;
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    border-color: #aaa;
    text-decoration: none;
}

/** Related **/
.related {
    clear: both;
    display: block;
}

/** Debugging **/
pre {
    color: #000;
    background: #f0f0f0;
    padding: 15px;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
    padding: 0;
    position: relative;
}
.cake-debug-output > span {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.3);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    padding: 5px 6px;
    color: #000;
    display: block;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
    font-size: 16px;
    line-height: 20px;
    clear: both;
}
.cake-error > a {
    text-shadow: none;
}
.cake-error {
    white-space: normal;
}
.cake-stack-trace {
    background: rgba(255, 255, 255, 0.7);
    color: #333;
    margin: 10px 0 5px 0;
    padding: 10px 10px 0 10px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
}
.cake-stack-trace a {
    text-shadow: none;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 10px;
    margin: 0px 4px 10px 2px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-decoration: none;
    -moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
.cake-context {
    margin-bottom: 10px;
}
.cake-stack-trace pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px 0 10px 0;
    padding: 1em;
    overflow: auto;
    text-shadow: none;
}
.cake-stack-trace li {
    padding: 10px 5px 0px;
    margin: 0 0 4px 0;
    font-family: monospace;
    border: 1px solid #bbb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
}
/* excerpt */
.cake-code-dump pre,
.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
.cake-code-dump .code-highlight {
    display: block;
    background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
.code-coverage-results div.covered span.content {
    background:#cec;
}
.code-coverage-results div.ignored span.content {
    color:#aaa;
}
.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
.code-coverage-results span.line-num strong {
    color:#666;
}
.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
.code-coverage-results div.realstart {
    margin-top:0px;
}
.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
.code-coverage-results span.result-bad {
    color: #a00;
}
.code-coverage-results span.result-ok {
    color: #fa0;
}
.code-coverage-results span.result-good {
    color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
    display:none;
}

.view_h2 {
    margin: 0 0 10px;
}

table tr .main_form {
    border-bottom:none #FFF;
    background-color:#FFF;
}

table tr .header_table {
    border-bottom:none #FFF;
    text-align:right;
    vertical-align:middle;
    /*color:#FFF;*/
}

.table_plantillas tr td {
    border-bottom: 1px solid #FFF;
}

.dialog_table tr td {
    border-bottom: 0px;
    padding: 6px;
    text-align: left;
    vertical-align: top;
}

.highlight_text {
    background: #ffff00;
    color: #000000;
}

#AsistenciaEditForm #AsistenciaSesiId_chzn{
    display:none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 2 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
    border-color:#666;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-color: #ffffff;
    border: 2px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 7px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.logo_header {
    background-image: url(../img/logo-top.png);
    background-repeat: no-repeat;
    border-bottom:none #FFF;
    width:40%;
    background-size: contain;
}
#tablaVer #cke_1_top{
    display: none;
}
.crumbs {
    padding: 0 2em;
    color: #5f5f5f;
    font-size: 1em;
    margin: 25px auto;
    text-align: left;
}
.crumbs .icono {
    font-size: 0.6em;
    top: -1px;
    color: #b9b9b9;
}

/********************** PERSONALIZADOS ******************/
#UsuarioPerfId {
    width: 45%;
}

.cuadro-usuario {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0 auto 15px;
    width: 98%;
    border-radius: 5px;
}

.cuadro-usuario td {
    background-color: transparent !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd;
}

.cuadro-usuario .odd {
    background-color: #F0F0E1;
}

.cuadro-usuario .even {
    background-color: #fff;
}

.cuadro-usuario td:first-child {
    width: 50%;
}

.cuadro-logeo {
    border: 2px solid #999;
    border-radius: 7px;
    float: right;
    padding: 5px;
    width: auto;
}

.cuadro-logeo tr {
    background: transparent none repeat scroll 0 0 !important;
}

.cuadro-logeo td {
    border-bottom: 0 none;
}

.cuadro-logeo div.actions_top {
    float: none;
}

.salir_top {
    margin:0;
}

.tablas-principales {
    border: 3px solid #ddd;
    border-radius: 10px 10px 5px 5px !important;
}

.tablas-principales thead {
    background-color: #003366;
    border-radius: 7px 7px 0 0 !important;
    color: #fff;
}

.tablas-principales th {
    border-left: 1px solid #999;
    border-right: 1px solid #666;
    font-weight: normal;
    padding: 8px;
}

.tablas-principales tbody tr:hover {
	background-color: #efefef;	
}

.tablas-principales th:first-child {
    border-radius: 5px 0 0;
}

.tablas-principales th:last-child {
    border-radius: 0 5px 0 0;
}

.tablas-principales th a {
    color: #fff;
    font-weight: normal;
}

.asistencias_presentes tr:hover {
	background-color:#efefef;	
}

#AcuerdoIndexForm {
    margin-right: 0;
    width: auto;
}

#UsuarioLoginForm {
    margin: 0 auto;
    width: 50%;
}

.fecha-sesion {
    clear: none;
    float: left;
	margin: 5px;
}

.hora-sesion {
    clear: none;
    float: left;
	
}

.hora-sesion-add {
    clear: none;
    float: left;
	margin: 5px;
}

.hora-sesion-add label {
   margin-left: 5px;
}

button.Zebra_DatePicker_Icon_Inside {
    top: .9em !important;
    right: .8em !important;
    left: auto !important;
}

input#SesionDueDate, input#ConsejeroDetalleCodeFechaDesde, input#ConsejeroDetalleCodeFechaHasta, input#ComisTablaFechaReunion {
    width: 180px;
}

input#SesionDueTime {
    width: 130px;
}

/*
 *
 *  Estilos : Mantenedor Consejeros
 *
 * */

.consejeros_view_table td{
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
    vertical-align: super;
}
    
.ConsejeroEditarForm_PrevisualizacionFotoPerfil_container {
    width: 354px;
}

.ConsejeroView_PrevisualizacionFotoPerfil_title {
    font-weight: 700;
}

.ConsejeroEditarForm_PrevisualizacionFotoPerfil_container > img {
    width: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ConsejeroEditarForm_restricciones_label {}

.ConsejeroView_MarcoPrevisualizacionFotoPerfil_container > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.consejeros .tablas-principales th:first-of-type {
    width: 100px;
}

.lista-margen {
    margin-top: 10px; 
}

.consejeros .calendarioFecha{
    width: 180px;
}

.consejeros .checkbox input[type="checkbox"]{
    margin-left: 0px;
    margin-top: 2px;
}

.consejero_fecha_inicio label {
    display: inline !important;
}

.consejero_fecha_inicio .btn {
    margin-bottom: 5px;
    margin-left: 5px;
}

.calendarioFecha {
    display: block;
}

fieldset div.input {
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.consejero_fecha_inicio .popover-content {
    text-align: justify;
    text-justify: inter-word;
}


/*
 *
 *  END Estilos : Mantenedor Consejeros
 *
 * */

/* Estilos acuerdos add voto */
.acuerdos_add_votos .cancel, .acuerdos_edit_acuerdo .cancel, .acuerdos_add_votos .submit, .acuerdos_edit_acuerdo .submit {
   display: inline;
}

.cancel a{
    padding: 8px 10px;
    font-size: 110%;
}

/* Fin estilos acuerdos add voto */

/* Estilos votos edit contenido acuerdo */
.asistencia_edit_certificado .submit, .asistencia_add_certificado .submit {
    position: absolute;
}

.asistencia_edit_certificado .cancel, .asistencia_add_certificado .cancel {
    padding: 29px 26%;
}
/* Fin estilos votos edit contenido acuerdo */

/* Estilos agregar datos a contenido acuerdo */
.btn_agregar_contenido button, .btn_editar_contenido_dopa button, .btn_agregar_contenido_dopa button, #btn_agregar_numero, #btn_agregar_materia {
    padding: 5px;
    font-family: "calibri",verdana,helvetica,arial,sans-serif;
    font-size: 90%;
}

.add_plantilla_mensaje {
    padding-left: 0.5em;
}

#AcuerdoEditPlantillaForm #AcuerdoFunciones option, #PlantillaAddForm #PlantillaFunciones option, #PlantillaEditForm #PlantillaEditFunciones option {
    font-family: "calibri",verdana,helvetica,arial,sans-serif;
    font-size: 13pt;
}

#AcuerdoEditPlantillaForm .cke_contents, #PlantillaAddForm .cke_contents, #PlantillaEditForm .cke_contents, #AcuerdoViewForm .cke_contents, #SesionDocumentoAddForm .cke_contents, #DocumentoParseadoEditForm .cke_contents {
    height: 450px !important;
}

#AcuerdoViewForm .cke_contents, #DocumentoParseadoViewForm .cke_contents {
    height: 800px !important;
}

#content .acuerdo_publicar {
    padding: 4px 10px;
    background: #62AF56 -moz-linear-gradient(center top , #76BF6B, #3B8230) repeat scroll 0% 0%;
    background-color: #62AF56;
    background-image: linear-gradient(to bottom, #76BF6B, #3B8230);
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    font-weight: normal;
    border: 1px solid #BBB;
    border-radius: 4px;
    border-color: #2D6324;
    margin-top: 10px;
    margin-left: 54px;
    text-decoration: none;
    min-width: 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 1px rgba(0, 0, 0, 0.2);
    display: inline;
    font-size: 110%;
    width: auto;
    font-family: "calibri","frutiger linotype","lucida grande","verdana",sans-serif;
}

#content .acuerdo_despublicar {
    padding: 4px 10px;
    background: #C43C35 -moz-linear-gradient(center top , #EE5F5B, #C43C35) repeat-x scroll 0% 0%;
    background-color: #C43C35;
    background-image: linear-gradient(to bottom, #EE5F5B, #C43C35);
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    font-weight: normal;
    border: 1px solid #BBB;
    border-radius: 4px;
    border-color: #C43C35;
    margin-top: 10px;
    margin-left: 54px;
    text-decoration: none;
    min-width: 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 1px rgba(0, 0, 0, 0.2);
    display: inline;
    font-size: 110%;
    width: auto;
    font-family: "calibri","frutiger linotype","lucida grande","verdana",sans-serif;
}

#AcuerdoViewForm #cke_1_top, #DocumentoParseadoViewForm #cke_1_top {
    display: none;
}

#AcuerdoViewForm label::after, #DocumentoParseadoViewForm label::after {
    display: none;
}

#AcuerdoViewForm .descargar, #DocumentoParseadoViewForm .descargar, .sesiones.view .descargar {
    font-weight: normal;
    padding: 4px 8px;
    background: #DCDCDC -moz-linear-gradient(center top , #FEFEFE, #DCDCDC) repeat scroll 0% 0%;
    color: #333;
    border: 1px solid #BBB;
    border-radius: 4px;
    margin-top: 10px;
    margin-right: 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #FFF;
    min-width: 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 1px rgba(0, 0, 0, 0.2);
}

#AcuerdoViewForm .btn-group, #DocumentoParseadoViewForm .btn-group {
    padding: 0px;
}
/* Fin estilos agregar datos a contenido acuerdo */


#cke_sete_texto {
    border: 1px #898989 solid;
}

.consejerosDisponibilidad.index h3 {
    color: #2C6877;
}
.chzn-container-single .chzn-single div {
    margin-left: 0;
    margin-right: 0;
}

/* Estilos menú */
.has-children .panel-collapse {
    width: 70%;
    float: right;
}

.has-children .panel-collapse a {
    white-space: pre-wrap;
}
/* Fin estilos menú */

/* Estilos Footer */

#footer {
    float: right;
}
/* Fin estilos Footer */

/* Estilos Login */

.widget.login-widget {
    width: 350px;
    padding-bottom: 0;
    box-sizing: content-box;
    /*padding: 12px 17px;
    margin-left: 150px;*/
    margin: auto;
}

.widget > header {
    position: relative;
    background: none;
}
.login-widget > header {
    margin: 15px 0 25px 0;
}

.widget > header h4 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    color: inherit;
}

.widget .body {
    margin-top: 10px;
}

.login-widget .input-group-addon {
    padding: 8px 7px;
    font-size: 14px !important;
}

.login-widget .input-group-addon i {
    width: 20px;
    margin: 0;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.login-widget .form-control {
    font-size: 13px !important;
}

.login-widget .input-group-addon {
    padding: 8px 7px !important;
}

form .login-widget .required label:after {
    content: '';
    color: white;
}

form .login-widget .required label {
    font-size: 100%;
}

form .login-widget input {
    padding: 10px 16px !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #e5603b !important;
    border-color: #e24e24 !important;
}

.desc {
    white-space: nowrap;
}

#cke_textarea_ckeditor {
    border: 2px solid #ddd;
}

#main fieldset {
    margin-bottom: 25px;
}

ul#acuerdos, ul#sesiones, ul#administracion, ul#personas {
    margin-top: 7px;
}


/* Fin estilos Login */
/* Iconos Botones*/

.ico-certificados {
	background-image: url(certificado01.png);
	background-position:1px 3px;
	background-repeat:no-repeat;
	background-color:#fff !important;
	padding-left: 25px !important;	
}

.ico-certificados:hover {
	background-image: url(certificado01.png) !important;
	background-position:1px 3px !important;
	background-repeat:no-repeat !important;
	background-color:#fff !important;
}

.ico-file-errorx16 {
    background-image: url(file-errorx16.png);
    background-position: 4px 4px;
    background-repeat:no-repeat;
    background-color:#fff !important;
    height: 26px !important;
    margin-bottom: -6px !important;
    width: 26.02px !important;
}

.ico-file-errorx16:hover {
    background-image: url(file-errorx16.png) !important;
    background-position: 4px 4px !important;
    background-repeat:no-repeat !important;
    background-color:#fff !important;
}

.ico-file-errorx24 {
    background-image: url(file-errorx24.png);
    /*background-position: 4px 4px;*/
    background-repeat:no-repeat;
    background-color:#fff !important;
    height: 24px !important;
    width: 24px !important;
}

/* Fin Iconos Botones*/
/* Parche form control bootstrap - bordes dobles*/

.form-control-doubleBoxFix {
	border: 0 none !important;
	padding: 0 !important;
}

/* Estilos: Mantenedor usuarios */

.foto-perfil img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.foto-perfil a, .UsuarioView_MarcoPrevisualizacionFirma_container a {
    font-weight: normal;
}

.usuarios.view ul li, .consejeros.view ul li, .intendentes.view ul li, .secretariasEjecutivas.view ul li {
    padding: 0.3em 0;
}

.UsuarioView_MarcoPrevisualizacionFirma_container {
    padding-left: 0px !important;
}

.UsuarioView_MarcoPrevisualizacionFirma_container img {
    display: block;
    max-width: auto;
    height: auto;
    margin: 10px 0px 10px 0px;
}

.usuarios.form ul, .usuarioFotoPerfil ul, .usuarioImagenFirma ul {
    margin-left: 0px !important;
}

/* Fin Estilos: Mantenedor usuarios */

/* Estilos para el menú sidebar */
.menu-principal {margin-top: 1em; position: relative;}
.menu-principal .ver_mas {font-size: .9em; font-weight: lighter; color: #777777; text-align: center; display: none; font-size: 1.2em; margin-bottom: .5em;}
.menu-principal .ver_mas a {color: #777777; display: block; padding: 1em 1.2em; text-decoration: none; }
.menu-principal .ver_mas .ico {width: 18px; height: 16px; background-position: -64px -150px; position: relative; bottom: -.1em; margin-right: .5em;}

@media (min-width: 981px) {    
    .menu-principal ul li a {padding-left: 1.4em; padding-right: 1.4em;}
    #sidebar { width: 24%;}
    .fetch-content { width: 76%; float: right; border-left: 1px solid #e9e9e9;}
}

@media (max-width: 980px) {
    
    .menu-principal .ver_mas {display: block;}
    .menu-principal ul {display: none;}
    #sidebar, .fetch-content {width: 100%; float: left; border-left: 0px;}
    
}
    
/* Fin estilos para el menú sidebar */

/* Estilos para input busqueda en selectores select2 */

.select2-search__field {
    background: url(select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

/* Fin estilos para input busqueda en selectores select2 */

/* Estilos mantenedor documentos */

.lista-add-documentos {
    margin-left: 0em;
    padding-left: 0.5em !important;
    font-size: 110%;
}

.tipo-documento-radio {
    display: inline-flex;
    padding: 0px;
}

.tipo-documento-radio input[type="radio"] {
    margin-right: 5px;
}

.tipo-documento-radio label {
    font-weight: normal;
    margin-right: 15px;
}

.tipo-documento-radio label::after {
    content: '' !important;
}

.div-hidden {
    display: none;
}

.glyphicon-paperclip::before {
    padding-right: 6px !important;
}

/* Fin estilos mantenedor documentos */


/* Fin estilos mantenedor documentos */

.popover_min_width_250px{
    min-width: 250px;
}

/* Copiar url pública sesión */
.copiar_url_sesion {margin: 0px 6px; padding: 0 5px; border-radius: 3px; border: 1px solid #bbb; height: 26px; background: transparent;}
.copiar_url_sesion:hover {color: #23527c;}

.sesiones.view .copiar_url_sesion {
    margin-left: 0;
    border: none;
    padding: 0;
}
.sesiones.view .copiar_url_sesion i {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 5px;
}
.sesiones.view .copiar_url_sesion:hover {color: initial;}
.sesiones.view .copiar_url_sesion i:hover {background-color: #e6e6e6;}

/* motivos de votación */
.votos.form .con-motivos {display: flex; flex-direction: row; flex-wrap: wrap;}
.votos.form .con-motivos .tipo-voto {flex-shrink: 1;}
.votos.form .con-motivos .select {margin: 4px 0 0; padding: 0 10px; flex-grow: 1; flex-shrink: 1;}
.votos.form .error-message {flex-grow: 2; flex-shrink: 0; flex-basis: 100%; font-size: 13px;}

/* acuerdos */
.acuerdos.index .contenedor-firmar {text-align: right; margin-bottom: 20px;}
.acuerdos.index table thead label {font-weight: 400;}
#modalFirmaMasiva .modal-title {display: inline;}
#modalFirmaMasiva .modal-dialog {width: 70%;}
#modalFirmaMasivaResultado .modal-dialog {width: 60%;}
#modalFirmaMasiva .cabecera-firma, #modalFirmaMasivaResultado .cabecera-firma {border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
#modalFirmaMasiva .error, #modalFirmaMasivaResultado .error {color: #a94442; background-color: #f2dede; border: 1px solid transparent; border-color: #ebccd1; border-radius: 4px; padding: 15px;}
#modalFirmaMasiva h5, #modalFirmaMasivaResultado h5 {font-size: 16px; padding-top: 15px; font-weight: bold;}
#modalFirmaMasivaResultado .segunda_linea {font-weight: 500; font-size: 12px;}
#modalFirmaMasivaResultado .glyphicon-ok {color: green;}
#modalFirmaMasivaResultado .glyphicon-remove {color: red;}

.acuerdos .agregar_contenido_acuerdo, .acuerdos .agregar_contenido_acuerdo div {clear: none;}
.acuerdos .agregar_contenido_acuerdo div .input {padding: 0;}

.velo-carga {width: 100%; height: 100%; position: fixed; z-index: 9999999999; left: 0; top: 0; background-color: #ffffff80;}
.velo-carga img {margin-left: auto; margin-right: auto; display: block; top: 50%; position: relative; height: 19px;}

.ck-editor .ck-editor__main p, .ck-editor .ck-editor__main ul li, .ck-editor .ck-editor__main ol li, .ck-editor .ck-editor__main a, .ck-editor .ck-editor__main span {font-weight: normal;}
.ck-editor .ck-editor__main ol {margin-left: 2.2em;}
.ck-editor .ck-powered-by {display: none;}
.ck-editor .ck-editor__main {padding: 0;}
.ck-editor .ck-content .image {margin: 0; text-align: inherit;}


#modalFirmaMasiva .input.required label:after { color: #e32; content: '*'; display: inline;}
#modalFirmaMasiva .input.required.error {color: #9E2424; box-shadow: none; text-shadow: none; background: #FFDACC; border-radius: 4px; font-weight: normal; padding-bottom: 35px;}
#modalFirmaMasiva .error-message {color: #9E2424; box-shadow: none; text-shadow: none; border: none; background: none; margin: 0; padding-left: 4px; padding-right: 0; clear: both; position: absolute; top: 77px; padding-left: 17px;}