/*
CSS for Docuservicio
*/

body {
  padding: 0;
  margin: 0;
  background-image: url(images/sidebar.jpg);
  background-repeat: repeat-y;
}
/* ------------------------------------------------------ */

#navigation {
  position: absolute;
  top: 0px;
  left: 180px;
  width: 75%;
  height: 170px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 15px;
  margin: 0px;
  background-color: #D6E2D7;
  background-image: url(images/sidebar-right.jpg);
  background-repeat: repeat-y;
  background-position: right;
  line-height: 16px;
}








#navigation a {
  text-decoration: none;
  Color: navy;
  font-weight: bold;
}

#navigation a:hover {
  text-decoration: none;
  font-weight: bold;
  Color: white;
}

#navigation a:active {
  text-decoration: none;
  Color: navy; 
  font-weight: bold;
}  

/* ------------------------------------------------------ */

#home {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 225px;
  margin: 0px;
  padding: 0px;
  background-image: url(images/home_logo.jpg);
  line-height: 16px;
  border-width: 0px;
}

#home h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #003333;
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
 }

.home {
padding: 10px;
}

#home p {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: black;
  font-weight: bold;
  font-size: 12px;
  margin-top: 12px;
}



#home a {
  text-decoration: none;
  Color: navy;
  font-weight: bold;
}

#home a:hover {
  text-decoration: none;
  font-weight: bold;
  Color: white;
}

#home a:active {
  Color: navy; 
  font-weight: bold;
  text-decoration: none;
}



/* ------------------------------------------------------ */

#header {
  position: absolute;
  top: 185px;
  left: 180px;
  height: 40px;
  background-color: #CC3333;
  margin: 0px;
  width: 75%;
  padding-left: 20px;
  padding-right: 15px;
  border-width: 0px;
  background-image: url(images/sidebar-right.jpg);
  background-repeat: repeat-y;
  background-position: right;

}

#header p {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: white;
  font-weight: bold;
  font-size: 23px;
  margin-top: 5px;
}

/* ------------------------------------------------------ */

#contact {
  position: absolute;
  top: 236px;
  left: 10px;
  height: 150px;
  background-image: url(images/contact.jpg);
  width: 140px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #CC3333;
  line-height: 10px;
}

#contact p {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #003333;
  font-weight: bold;
  font-size: 9px;
  width: 75%;
  margin-top: 5px;
  margin-bottom: 0px;
}

#contact h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #003333;
  font-weight: bold;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 10px;
}

#contact a {
  text-decoration: none;
  Color: #99CCFF;
  font-weight: bold;
}

#contact a:hover {
  text-decoration: none;
  font-weight: bold;
  Color: white;
}

#contact a:active {
  Color: #99CCFF; 
  font-weight: bold;
  text-decoration: none;
}


  
/* ------------------------------------------------------ */

#webpage {
  position: absolute;
  top: 630px;
  left: 10px;
  height: 80px;
  width: 140px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #CC3333;
  background-color: #D6E2D7;
  line-height: 10px;
}

#webpage p {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #003333;
  font-weight: bold;
  font-size: 9px;
}

/* ------------------------------------------------------ */

#confidentiality {
  position: absolute;
  top: 405px;
  left: 10px;
  height: 50px;
  width: 140px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #CC3333;
  background-image: url(images/nuts_and_bolts.jpg);

} 

#confidentiality a {
  text-decoration: none;
  Color: navy;
  font-weight: bold;
}

#confidentiality a:hover {
  text-decoration: none;
  font-weight: bold;
  Color: white;
}

#confidentiality a:active {
  Color: navy; 
  font-weight: bold;
  text-decoration: none;
}  

/* ------------------------------------------------------ */

#resources {
  position: absolute;
  top: 475px;
  left: 10px;
  height: 50px;
  width: 140px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #CC3333;
  background-image: url(images/net.jpg);
} 

#resources a {
  text-decoration: none;
  Color: navy;
  font-weight: bold;
}

#resources a:hover {
  text-decoration: none;
  font-weight: bold;
  Color: white;
}

#resources a:active {
  Color: navy; 
  font-weight: bold;
  text-decoration: none;
}  

/* ------------------------------------------------------ */

#development {
position: absolute;
top: 545px;
  left: 10px;
  height: 65px;
  width: 140px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #CC3333;
  background-image: url(images/scholar.jpg);
  } 

#development a {
  text-decoration: none;
  Color: navy;
  font-weight: bold;
}

#development a:hover {
  text-decoration: none;
  font-weight: bold;
  Color: white;
}

#development a:active {
  Color: navy; 
  font-weight: bold;
  text-decoration: none;
}  

  
/* ------------------------------------------------------ */

#maintext {
  position: absolute;
  top: 225px;
  left: 180px;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 15px;
  margin: 0px;
  background-color: white;
  width: 75%;
  height: 250%;
  line-height: 150%;
  background-image: url(images/sidebar-right.jpg);
  background-repeat: repeat-y;
  background-position: right;
}

#maintext p, h1, ul {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #003333;
}

#maintext p {
font-size: medium;
}

#maintext h1 {
font-size: large;
}

/* ------------------------------------------------------ */

#inset {
float: right;
width: 300px;
padding: 10px;
margin: 10px;
background-color: #D6E2D7;
border-width: 1px;
border-style: solid;
border-color: #CC3333;
line-height: 100%;
}

#inset p, h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #003333;
  font-weight: normal;
  font-size: 9px;
}

/* ------------------------------------------------------ */



table.overview {
  border-collapse: collapse;
  width: 90%;
}

table.overview th {
  text-align: left;
  border: 1px solid #CC3333;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 45%;
  background-color: #DDDDDD;
}

table.overview td {
  text-align: left;
  border: 1px solid #CC3333;
  padding: 10px;
    width: 45%;
}



table.inset {
  border-collapse: collapse;
  width: 90%;
}

table.inset td {
  text-align: left;
  border: 1px solid #CC3333;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: white;

}

.change {
  color: #CC3333;
  }