/* http://webdesign.about.com/od/css/a/master_stylesht.htm */

@media screen {

/* Global Defaults */
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  /* text-align:center; */
}
 

 
body, p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
  font-size: 100% ;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}
 
 /* Headlines */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
 
 
blockquote {
  margin: 1.25em;
  padding: 1.25em
}
 
q {
  font-style: italic;
}
 
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
 
small {
  font-size:.85em;
}
 
big {
  font-size:1.2em;
}
 
strong {
  font-weight: bold;
}
 
/* Links and Images */
a, a:link, a:visited, a:active, a:hover {
  text-decoration: underline;
}
 
img {
  border: none;
}
 
/* Tables */
table {
  margin: 0;
  padding: 0;
  border: none;
}
 
/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}
 
label {
  cursor: pointer;
}
 
/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.intro   {                   font-style: italic; font-size: 1.25em; font-weight: bold; }
.intro1 { text-indent: 3em; font-style: italic; font-size: 1.25em; font-weight: bold; }
.intro2 { text-indent: 6em; font-style: italic; font-size: 1.25em; font-weight: bold; }
.intro3 { text-indent: 9em; font-style: italic; font-size: 1.25em; font-weight: bold; }
.intro4 { text-indent: 12em; font-style: italic; font-size: 1.25em;font-weight: bold; }
.karo {color: red; font-size: 1.25em;}
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.outro { text-align: center; font-weight: bold; font-size: 1.5em; padding-top: 1em;}
.iconlist img { vertical-align: middle; }
.iconlist ul li { margin-bottom:20px; list-style-type: none; }

/* div */
div#banner
 {
  color: #fff;
  background-color: #333;
  border-bottom: 1px solid #000;
  width: 1005px;
  margin:auto;

}

div#banner h1
 {
   margin: 0;
   padding: .3em 0 .3em .5em;
   font-size: 2.2em;
   font-weight: normal;
}

div#banner p
{
  padding-bottom: 1em;
  text-align: right;
  color: gray;
  padding-right: 10px;
}

#banner  a
 {
  text-decoration: none;
  color: gray;
  padding:2px 4px 2px 3px;
}
 
#banner a:hover
{
  color: white;
  background-color: red;
}
 
div#container
{
  background-image: url(images/css/nav_col_base.jpg);
  background-repeat: repeat-y;
  width: 1005px;
  margin: auto;
}

div#container2
{
  background-image: url(images/css/more_col_base.jpg);
  background-repeat: repeat-y;
  background-position: right;
}

div#navigation
{
  float: left;
  width: 150px;
  padding-top: 2em;
}

div#navigation ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div#navigation ul li {
  margin-top: 4px; 
}

#navigation ul li a
{
  display: block;
  width: 135px;
  padding: 3px 5px 3px 10px;
  text-decoration: none;
  color: #000;
  background-image: url(nav_base.jpg);
  background-repeat: repeat-y;
}

#navigation ul li a:hover
{
  color: #fff;
  background-color: #ccc;
  background-image: url(images/css/nav_base2.jpg);
  background-repeat: repeat-y;
}

div#more
{
 float: right;
 width: 160px;
 margin: 0;
 padding: 2em 10px 0 0;
 color: #fff;
}
 
div#more p
{
  padding-top: 12px;
  font-size: .95em;
}
 
div#more img {
  padding-top: 12px;
  /* margin: auto; doesnt work but never mind */
 }
 

div#more a {
  color: white;
}
 
div#more h3
{
  margin-top: 0px;
  color: #fff;
  padding: 0.75em;
  background-image: url(images/css/more_base.jpg);
  background-position: right;
  background-repeat: repeat-y;
}

div#content
 {
  margin-left: 190px;
  margin-right: 200px;
  /* margin: 0px auto; */
  background-image: none;
}

div#content p
{
  padding-top: 1em;
  background-image: none;
}

div#content ul {
  padding-top: 1em;
}


div#content li
{
  list-style-position: inside;
  text-indent: -1.6em;  /* looks good in IE but not Chrome */
  /* text-indent: -1em; /* looks good in Chrome but not IE */
  padding-left: 1em;
  }

div#content h2
 {
  font-size: 1.5em;
  color: #036;
  margin: 0;
  padding-top: 1em;
  font-weight: normal;
}

div#content h3
 {
  font-size: 1.25em;
  color: #036;
  margin: 0;
  padding-top: 1em;
  font-weight: normal;
}

div#content {
  line-height: 150%;
}

#cleardiv
{
  clear: both;
  height: 1em;
}

div#footer
{
  clear: both;
  padding: .5em 1em;
  border-top: 1px solid #999;
  text-align: center;
  width: 970px;
  margin: auto;
}

div#footer ul
 {
  padding-right: 5px;
  margin: 0;
  list-style-type: none;
 }

div#footer li
 {
  display: inline;
  margin-right: 1em;
  font-size: 0.75em;
} 

#footer  a
{
  text-decoration: none;
  color: gray;
}

#responsibles {
  border-collapse: collapse;
}

#responsibles td {
  font-size: 1em;
  border: 1px solid #CCFFCC;
  padding: 3px 7px 2px 7px;
}

#responsibles tr td:first-child { 
  font-weight: bold; 
}

#responsibles {
  border-collapse: collapse;
}

#bbolist td {
  font-size: 1em;
  font-style: italic;
  border: 2px solid #145e21; /* Q color like darkgreen */
  padding: 3px 7px 2px 7px;
}

#bbolist tr td:first-child { 
  font-style: normal;
}

#bbolist {
  margin-top: 20px;
  border-collapse: collapse;
}





}
/* end of screen css */

@media print{

/* to be done */
}

}
/* end of print css */