/* CSS Document */
@import url("cake.forms.css");

* {
    padding:0;
    margin:0;
}
body {
    font: 76% Verdana, Arial, Sans-serif;
    color: #333;
}
img {
    border:0;
}
#container {
    position:absolute;
    text-align:left;
    padding-right:0px;
    width:100%;
    background:transparent url('../img/container_bg.gif') repeat-y; 
}
#header {
    height: 80px;
    background: url(../img/header_bg.png) repeat-x left top;
}
#header h1 a{
    display:block;
    position: absolute;
    top: 5px; 
    left: 0px;
    width:170px;
    height:80px;
    text-indent:-5000px;    
    background:url(../img/logo_chico.gif) no-repeat top;    
}

#nav {
    position: absolute;
    top: 57px; 
    left: 200px;
    padding-top: 3px;
    padding-left: 5px;
    white-space: nowrap;
    background-color: #f1f4f8;
    height: 18px;
    border:1px dashed gray;
    font-size:11px;
}
#usuario {
    position: absolute;
    top: 5px; 
    left: 200px;
    padding-top: 3px;
    padding-left: 5px;
    white-space: nowrap;
    height: 18px;
}

#password {
    position: absolute;
    top: 20px; 
    left:200px;
    padding-top: 3px;
    padding-left: 5px;
    white-space: nowrap;
    height: 18px;
}

#salir {
    position: absolute;
    top: 35px; 
    left: 200px;
    padding-top: 3px;
    padding-left: 5px;
    white-space: nowrap;
    height: 18px;
}
#mail {
    float:right;
    padding-top: 3px;
    padding-right: 5px;
    white-space: nowrap;
    height: 18px;
    font-weight: bold;
}
#content {
    min-height:400px;
    height:600px;
    background-color: #fff;
    background:url(../img/Celletech.gif) no-repeat top left;
    background-attachment: scroll;
    padding:2em 4em;
}
#footer {
    text-align:center;
    padding:1em 0;
    font-size:smaller;
    background-color: #429FFF;
    background:url(../img/Cellectech.gif) no-repeat;
    color:#000;
    line-height:1.5;
}
#footer a {
    color:#000;
}

h1, h2, h3, h4 {
    padding-bottom:0.5em;
}
h1 {
    font-family:Arial,Sans-serif;
}
h1, a  {
    color:#000000;
}
h1 em, a em  {
    color:#000000;
    font-style: normal;
}
ul.colored a em
h2 {
    font-style: italic;
    font-weight: bold;
    color:#000000;
}
a:hover, a:hover em {
    color:#000000;
    text-decoration:none;
}
#content p, #content ul, #content ol {
    line-height:1.5;
    padding-bottom:1em;
}
ul, ol {
    margin-left:3em;
}

/* tables */

table {
    width: 100%;
    background-color: #fff;
    border: 1px solid #333;
    clear:both;
    margin: 0 0 2em 0;
    white-space: normal;
}
th {
    background-color: #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: center;
    padding:3px;
}
table tr td {
    border-right: 1px solid #ccc;
    padding:4px 4px;
    vertical-align:top;
    text-align: center;
}
table tr.altRow td {
    background: #f4f4f4;
}

/* scaffold show */


div.related {
    clear:both;
    display:block;
}
dl {
    line-height:2em;
    margin:1em;
}
dt {
    font-weight: bold;
    vertical-align:top;
}
dd {
    margin-left:10em;
    margin-top:-2em;
    vertical-align:top;
}

/* scaffold buttons */


.notice {
    color: #DB8101;
    background-color: #ddd;
    display: block;
    padding: 1em;
}
.tip {
    color: #DB8101;
    background-color: #ddd;
    display: block;
    padding: 1em;
}

ul.actions {
    list-style: none;
    text-align:left;
    margin:2em 0;
    padding: 0;
}
ul.actions li {
    margin-left:1em;
    list-style: none;
    display: inline;
}
ul.actions li a,  ul.actions li input {
    padding: 2px 12px;
    color: #DB8101;
    background-color:#ccc;
    text-decoration: none;
    border: 1px solid #666;
    line-height: 24px;
    font-weight: bold;
    text-align:center;
    text-decoration: none;
}
ul.actions li a:hover {
    color: #DB8101;
    background-color:#fff;
    text-decoration: none;
}
td.listactions {
    width: 14em;
    text-align: center;
    white-space: nowrap;
}
td.listactions a {
    padding: 0px 8px;
    text-align:center;
    font-weight: bold;
    color: #DB8101;
    background-color:#ccc;
    text-decoration: none;
    border: 1px solid #666;
    white-space: nowrap;
}
td.listactions a:hover {
    color: #fff;
    background-color:#DB8101;
}

/* index links */

ul.colored a {
}
ul.colored a em {
}

a {
    font-weight: bold;
}

/*     Tablas     */
table.naranja {
    /*background-color: #FFCC99;*/
    background-color: #99CCFF;
    border-width: 2px;
    border-spacing: 2px;
    empty-cells: show;
    border-width: 0px;
}
table.naranja th {
    background-color: #000055;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    border-style: hidden;
    border-width: 0px;
}
table.naranja th a{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: white;
}
table.naranja tr td {
    border-width: 0px;
    padding: 1px;
    border-style: hidden;
    font-size: 11px;
    /*background-color: #ffe9ad;*/
    background-color: #ade9ff;
}
table.naranja tr.altRow td {
    background-color: #FFFFFF;
}
table.naranja tr td.icons {
    horizontal-align: left;
}

/*
*  Navigation
*/
#nav ul {
    margin: 0;
    list-style: none;
    cursor: default;
    height: 18px;
    float: left;
}
#nav li {
    float: left;
    position: relative;
    text-align: left;
    cursor: default;
    display: block;
    width: 12em;
}
#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
}
#nav li > ul {
    top: auto;
    left: auto;
}
#nav li:hover ul,		
#nav li.over ul {
    display: block;
}

/* Agregados por mi*/

#nav a {
    font-weight: normal;
    text-decoration: none;
    color: #282e35;
    width: 100%;
    padding: 0.3em;
}
#nav li li a {
    display: block;
    font-weight: normal;
    padding-top: 0.2em;
    background-color: #aac4e1;
    width: 100%;
}
#nav li li a:hover {
    background-color: #282e35;
    color: #FFF;
    width: 100%;
}

/* start page-numbers */
#page-numbers {
    text-align: left;
    margin: 0;
    padding: 4px;
}
#page-numbers li {
    display: inline;
    list-style: none;
    font-size: 11px;
    font-weight: normal;
}
#page-numbers a {
    color: #333;
    font-weight: normal;
    padding: 0px 4px;
    font-size: 11px;
    text-decoration: none;
}
#page-numbers a:hover {
    color: #fff;
    background-color: #71300F;
    text-decoration: underline;
}
#page-numbers em {
    color: #CC0000;
    font-style: normal;
    padding: 0px 4px;
}

div.rounded-box {
    position:relative;
    margin: 5px;
}
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#555555; overflow:hidden;}
div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position:relative; font-size:150px; font-family:arial; line-height: 40px;}
div.top-left-corner { top:0px; left:0px}
div.bottom-left-corner {bottom:0px; left:0px}
div.top-right-corner {top:0px; right:0px}
div.bottom-right-corner {bottom: 0px; right:0px}
div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}
div.box-contents {position: relative; padding: 8px; color:#000;}

span.current{
    background-color: black;
    color: white;
}
/* end page-numbers */
#flashMessage{
    color:#300;
    background:#ffe;
    border:1px solid #060;
    margin:10px;
    padding:10px;
}