/* CORES
 *
 * VERDE: #009CAC
 * VERMELHO: #8A0304
 * ROXO: #781D7E
 * AZUL: #004A80
 * AMARELO: #B98709
 */

body{
  margin: 0px;
  padding: 0px;
  background: #FFF url(../img/body-bg-center.gif) center repeat-y;
  font-family: Arial, sans-serif;
}

#wrapper{
  width: 740px;
  left: 50%;
  margin-top: 20px;
  margin-left: -380px;
  padding: 0px 10px;
  min-width: 740px;
  position: relative;
}

#header{
  clear: both;
  height: 70px;
  background: url(../img/logo-sercultura.gif) 190px 0px no-repeat;
  text-align: right;
}

#headerHelper{
  bottom: 0px;
  padding-top: 29px;
  position: relative;
}

/* ---------------------------------------- NAVIGATION */
#nav{
  float: left;
  width: 160px;
  height: 768px;
  background: #FFF;
  font-size: 11px;
}

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

#nav ul#navHome{
  border-top: 4px solid #009CAC;
}

#nav ul#navCultura{
  border-top: 4px solid #004A80;
}

#nav ul#navIdentidade{
  border-top: 4px solid #781D7E;
}

#nav ul#navDownload{
  border-top: 4px solid #8A0304;
  border-bottom: 4px solid #B98709;
}

#nav li{
  display: inline; /* :KLUDGE: */
}

#nav li a{
  color: #8C8E91;
  display: block;
  width: 160px;
  height: 24px;
  line-height: 24px;
  text-indent: 14px; 
  text-decoration: none;
}

#nav li a:visited{
  color: #8C8E91;
}

#nav li a:hover, #nav li.selected a{
  font-weight: bold;
}

#nav li.selected a{
  cursor: default;
}

/* ---------- HOME */
#nav ul#navHome li a{
  background: url(../img/bullet-home.gif) left center no-repeat;
}

#nav ul#navHome li a:hover, #nav ul#navHome li.selected a{
  color: #009CAC;
  background: url(../img/bullet-home-open.gif) right center no-repeat;
}

#nav ul#navHome:hover .first a{
  color: #009CAC;
  font-weight: bold;
}

/* ---------- CULTURA */
#nav ul#navCultura li a{
  background: url(../img/bullet-cultura.gif) left center no-repeat;
}

#nav ul#navCultura li a:hover, #nav ul#navCultura li.selected a{
  color: #004A80;
  background: url(../img/bullet-cultura.gif) right center no-repeat;
}

#nav ul#navCultura:hover .first a{
  color: #004A80;
  font-weight: bold;
}

#nav ul#navCultura:hover .first a:hover{
  background: none;
}

/* ---------- IDENTIDADE */
#nav ul#navIdentidade li a{
  background: url(../img/bullet-identidade.gif) left center no-repeat;
}

#nav ul#navIdentidade li a:hover, #nav ul#navIdentidade li.selected a{
  color: #781D7E;
  background: url(../img/bullet-identidade.gif) right center no-repeat;
}

#nav ul#navIdentidade:hover .first a{
  color: #781D7E;
  font-weight: bold;
}

#nav ul#navMarca, #nav ul#navCores, #nav ul#navTipografia, #nav ul#navImagens{
  margin: 0px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 14px;
  list-style-type: none;
}

#nav ul#navMarca li a, #nav ul#navCores li a, #nav ul#navTipografia li a, #nav ul#navImagens li a{
  color: #8C8E91;
  display: block;
  font-size: 10px;
  width: 140px;
  height: 14px;
  line-height: 14px;
  text-indent: 0px; 
  text-decoration: none;
}

li div.navLine{
  font-size: 4px;
  background: url(../img/nav-line.gif) left center no-repeat;
}

hr.navTop{
  border: 0;
  width: 13px;
  border-top: 1px solid #781D7E;
  margin: 0;
  padding: 0;
}

hr.navBottom{
  border: 0;
  width: 13px;
  border-bottom: 1px solid #781D7E;
  margin: 0;
  padding: 0;
}

#nav ul#navMarca li hr,
#nav ul#navCores li hr,
#nav ul#navTipografia li hr,
#nav ul#navImagens li hr{
  height: 4px;
}

/* ---------- DOWNLOAD */
#nav ul#navDownload li a{
  background: url(../img/bullet-download.gif) left center no-repeat;
}

#nav ul#navDownload li a:hover, #nav ul#navDownload li.selected a{
  color: #8A0304;
  background: url(../img/bullet-download.gif) right center no-repeat;
}

#nav ul#navDownload:hover .first a{
  color: #8A0304;
  font-weight: bold;
}

body#home li.home a{
  color: #009CAC !important;
  cursor: default !important;
  font-weight: bold !important;
  background: url(../img/bullet-home-open.gif) right center no-repeat !important;
}

body#cultura li.cultura a{
  color: #004A80 !important;
  cursor: default !important;
  font-weight: bold !important;
}

body#cultura li.selected a{
  color: #004A80 !important;
  cursor: default !important;
  font-weight: bold !important;
  background: url(../img/bullet-cultura-open.gif) right center no-repeat !important;
}

body#identidade li.identidade a{
  color: #781D7E !important;
  cursor: default !important;
  font-weight: bold !important;
}

body#identidade li.selected a{
  color: #781D7E !important;
  cursor: default !important;
  font-weight: bold !important;
}

body#download li.download a{
  color: #8A0304 !important;
  cursor: default !important;
  font-weight: bold !important;
  background: url(../img/bullet-download-open.gif) center center no-repeat !important;
}

/* ---------------------------------------- NAVIGATION */

#content{
  width: 550px;
  float: right;
}

#content{
  font-size: 11px;
  border-top: 4px solid #009CAC;
}

.mainContent{
  width: 380px;
  float: left;
}

.sideContent{
  width: 160px;
  float: right;
}

.mainContent p.first,
.sideContent p.first{
  margin-top: 0;
  padding-top: 0;
}

.mainContent p.first{
  font-weight: bold;
}

.mainContent, .sideContent{
  color: #004a80;
  padding-top: 14px;
  margin-bottom: 14px;
  border-top: 1px solid #8A0304;
}

.section-left{
  float: left;
  width: 136px;
}

.section-right{
  float: right;
  width: 200px;
  padding-left: 20px;
  border-left: 1px solid #8a0304;
}

.section-left strong, .section-right strong{
  color: #8a0304;
  display: block;
  margin-bottom: 8px;
}

.clear{
  clear: both;
}

#footer{
  clear: both;
  /*background: #F9F9F9;*/
  height: 50px;
}

#wrapper{
  background-color: #FFF;
/*  border: 1px dashed #333;*/
}

/*
#myDebugger{
  position: absolute;
  top: 0px;
  left: -150px;
}
*/