body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; }
#body_login{ background-color: #e1ddd9; font-size: 12px; color:#564b47; background-image: url('/img/background.jpg'); }
#body{ /* background-color: #e1ddd9; */ font-size: 12px; color:#564b47; padding:0px; margin:0px; background: #fff url('/img/55luscious-lands.jpg') no-repeat top left; }
.wrapper{ margin-top: 40px; margin-left: 10px; margin-right: 10px; }
.wrapper h1{ font-size:26px; }
#actions button{ padding:4px; display:inline-block; cursor:pointer; font:12px/14px Arial, Helvetica, sans-serif; color:#666; border:1px solid #999; background-color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:#999 2px 0px 3px; -webkit-box-shadow:#999 2px 0px 3px; margin-bottom:4px; }
#actions button:hover{ color:#aaa; background-color:#000; }
#dock{ display:none; padding-top:10px; height:40px; }
#dock img{ padding-right:10px; }
#desk{ width:100%; }
#desk td{ padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mb_console{ padding:5px; background:gainsboro; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:10px; height:400px; overflow:auto; }
#flagsBox{ border-bottom: 4px solid #33ff40; position: absolute; top: 0px; margin:0px; background-color: #383838; color: #ababab; width: 99.99%; height: 40px; } 
#flagsBox h1{ border: 0px solid #000; text-align: right; text-transform: capitalize; color: #33ff40; padding-right: 15px; /* #0fff00; #61ed00 #46e800 #96ff38 #4fff00 #33ff40 */ }
#flagsBox #miramar{ position: absolute; top: 8px; left: 20px; font-weight: bold; float: left; }
#flagsBox a{ color:#ababab; text-decoration: none; border: 0px solid #000; }
#flagsBox a:visited{ color:#ababab;border: 0px solid #000;  }
#flagsBox a:hover{ color:#fff; border: 0px solid #000; }
#cargando{ position: fixed; top: -4px; right: -4px; font-weight: bold; z-index: 99999; color: #000; padding: 5px; background-color: #fff; width: 130px; height: 80px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:#999 2px 0px 3px; -webkit-box-shadow:#999 2px 0px 3px; border: 1px solid #393939; text-align: center; display: none; }
#cargando span { color: #ccc; font-size: 10px; } 
.ico{ padding-bottom:-4px; border: 0px;}
#calendario a { text-decoration: none; padding: 2px; }
#calendario a:hover { text-decoration: none; background-color: #ebff00; }
#calendario a:visited { text-decoration: none; }
.hoy{ color: #f20068; font-weight: bold; }
.title{font-size: 14px; font-weight: bold; margin-left: 40px; margin-bottom: 20px; };
#pizarra_agenda{ float: left;  }
#panel_schedule{ float: left; margin-left: 20px; font-size: small;}
#panel_schedule h3{ font-size: 13px; margin-bottom: 0px; }
#panel_schedule #opciones { border-top: 1px solid #a5a5a5; width: 100%; }
#footer{ position: fixed; height: 50px; bottom: 0px; border-top: 3px solid #CCC; width: 100%;  background-color: #e2e2e2; z-index: 99999; /* -moz-border-radius-topleft: 10px; -moz-border-radius-topright : 10px; -webkit-border-radius:10px; -moz-box-shadow:#999 2px 0px 3px; -webkit-box-shadow:#999 2px 0px 3px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; */ }
#footer p { text-align: center; margin-top: 0px; margin-bottom: 0px;}
.afooter a{ color: #393939; text-decoration: none; font-weight: bold;}
.afooter a:hover{ color: #33ff40; text-decoration: none;}
.afooter a:visited{ color: #393939; text-decoration: underline; }
.boxshadow { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -webkit-transition: all 0.1s ease-out; }
.boxshadow:hover { -moz-box-shadow: 0 0 8px #555; -webkit-box-shadow: 0 0 8px #555; }
.opaco{ filter:alpha(opacity=99); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; background-color: #fff; }
.jutificado {text-align: justify; }