/*
  tareas
*/

html {
  height:100%;
}

body {
  height:100%;
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
  background-color:white;
}

h1.usc {
  color:#000066;
  font-family:Arial, Helvetica, sans-serif;
  font-size:large;
  font-weight:normal;
}

h2.usc {
  font-family:Arial, Helvetica, sans-serif;
  font-size:medium;
}

h2.usc a {
  color:black;
  text-decoration:none;
}

h2.usc a:hover {
  text-decoration:underline;
}

h3.usc {
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
}

h4.usc {
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  padding-left:5px;
}

img {
  border:0 none;
}

a:link, a:visited {
  text-decoration:none
}

a:hover {
  color:#cc0000;
  text-decoration:underline;
}

.warning {
  margin:20px;
  padding:5px;
  color:red;
  font-style:italic;
  font-weight:bold;
  text-align:center;
  background-color:#eee;
}

.info {
  margin:20px;
  padding:5px 20px;
  font-style:italic;
  background-color:#eee;
}

.desc {
  margin:20px;
  padding:5px 20px;
  font-style:italic;
}

.title {
  margin:0 0 5px 0;
  color:#000066;
  font-family:Arial, Helvetica, sans-serif;
  font-size:large;
  font-weight:normal;
}

div.fullpage {
  height:100%;
}

table.page {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border-spacing:0;
}

table.page .empty {
  height:112px;
  width:160px;
  background-color:#f0f0f0;
}

table.page .header {
  height:0;
  margin:0;
  padding:5px;
}

table.page .header a {
  color:#000066;
}

table.page .menu {
  /*height:100%;*/
  margin:0;
  padding:0;
  vertical-align:top;
  background-color:#f0f0f0;
}

table.page .content {
  /*height:100%;*/
  width:100%;
  margin:0;
  padding:10px;
  vertical-align:top;
}

table.page_header {
  height:100%;
  width:100%;
  border-spacing:0;
  vertical-align:middle;
}

.page_header tr {
  vertical-align:middle;
}

.page_header .logo {
  width:116px;
  margin:0;
  padding:5px;
  vertical-align:middle;
}

.page_header .title {
  padding:0 20px;
  vertical-align:middle;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:24px;
}

.page_menu {
  width:160px;
  font-size:14px;
  border-spacing:0;
}

.page_menu a {
  color:#000066;
  text-decoration:none;
}

.page_menu td {
  padding:10px 0 10px 10px;
}

.page_menu td:hover {
  background-color:#ddd;
}

.page_menu ul {
  font-size:12px;
  margin:10px 10px 0 10px;
  padding:0;
  list-style:none;
}

.page_menu ul ul {
  margin-top:0;
}

.page_menu li {
  line-height:2em;
}

.page_menu li a {
  color:blue;
}

.page_menu li a:hover {
  text-decoration:underline;
}

table.page .content .list ul {
  font-size:12px;
  margin:10px 10px 0 20px;
  padding:0;
  list-style:none;
}

table.page .content .list ul ul {
  margin-top:0;
}

table.page .content .list li {
  line-height:2em;
}

.top_menu {
  padding:10px 20px;
  text-align:right;
  position:absolute;
  right:0;
  top:0;
}

.top_menu a {
  color:blue;
}

.top_calendar {
  text-align:right;
  position:absolute;
  right:40px;
  top:50px;
}

.top_calendar a {
  color:blue;
}

.bottom_calendar {
  text-align:right;
  position:absolute;
  right:40px;
  top:200px;
}

.bottom_calendar a {
  color:blue;
}

table.calendar {
  border-spacing:0;
}

table.calendar tr td:hover {
    background-color:#ddd;
}

table.calendar tr td.d {
    background-color:#ddd;
}

table.calendar tr td.e {
    background-color:#dd6666;
}

table.calendar tr td.e a {
    color:#fff;
}

table.calendar tr td.t {
    background-color:#bbb;
}

table.calendar tr td.v1 {
    background-color:#76e676;
}

table.calendar tr td.v1 a {
    color:#fff;
}

table.calendar tr td.v2 {
    background-color:#70d0ff;
}

table.calendar tr td.v2 a {
    color:#fff;
}

table.calendar tr td.v3 {
    background-color:#ffafaf;
}

table.calendar tr td.v3 a {
    color:#fff;
}

table.calendar tr td.v4 {
    color:#f00;
}

table.calendar tr td.v4 a {
    color:#a00;
    font-weight: bold;
}

table.calendar tr td.v5 {
    background-color:#fa0;
}

table.calendar tr td.v5 a {
    color:#fff;
}

div#quicklinks {
  text-align:left;
  position:absolute;
  left:158px;
  top:0;
  background-color:#e0e0e0;
  width:268px;
  height:100%;
  opacity:0.95;
  filter: alpha(opacity=95);
}

div#quicklinks p {
  margin-left:20px;
}

table#t {
  width:100%;
  text-align:left;
  border-spacing:0;
}

table#t tr {
  vertical-align:top;
}

table#t tr.er {
  background-color:#f0f0f0;
}

table#t th {
  padding:10px 5px;
  text-align:left;
}

table#t td.it {
  padding:5px;
  width:10%;
  color:#bb8800;
  font-weight:bold;
}

table#t td.ft {
  padding:5px;
  width:10%;
  color:#bb8800;
  font-weight:bold;
}

table#t td.xit {
  padding:5px;
  width:10%;
  color:#555;
  font-weight:bold;
}

table#t td.xft {
  padding:5px;
  width:10%;
  color:#555;
  font-weight:bold;
}

table#t td.prj {
  padding:5px;
  width:30%;
}

table#t td.prj select {
  width:95%;
}

table#t td.txt {
  padding:5px;
  font-style:italic;
}

table#t td.txt textarea {
  width:95%;
}

div#links {
  padding:10px 0 0 0;
}

/*
  drupal
*/

ul.primary {
  text-align:right;
  border-collapse:collapse;
  padding:0 0 0 1em; /* LTR */
  white-space:nowrap;
  list-style:none;
  margin:5px;
  height:auto;
  line-height:normal;
  border-bottom:1px solid #bbb;
}

ul.primary li {
  display:inline;
}

ul.primary li a {
  background-color:#ddd;
  border-color:#bbb;
  border-width:1px;
  border-style:solid solid none solid;
  height:auto;
  margin-right:0.5em; /* LTR */
  padding:0 1em;
  text-decoration:none;
}

ul.primary li.active a {
  background-color:#fff;
  border:1px solid #bbb;
  border-bottom:#fff 1px solid;
}

ul.primary li a:hover {
  background-color:#eee;
  border-color:#ccc;
  border-bottom-color:#eee;
}

/*
  postit
  http://geoland.org/tests/css_post_it_notes/
*/
#postit {
	position:absolute;
	right:128px;
	top:32px;
	width:150px;
	height:150px;
	padding:40px;
	background:transparent url(img/postit.png) no-repeat 0 0;
}

/* manual */
div.manual img {
    padding:10px;
    width:600px;
}

/* news */
div.news {
    float:right;
    width:40%;
    min-width:160px;
    border:solid 1px #bbbbbb;
    padding:10px;
    margin:10px;
}

div.news ul {
    overflow:hidden;
    padding:0px;
    margin-left:0px;
}

div.news li {
  display:inline;
}