/* ============================================================================
CSS Reset
============================================================================ */
body,table,tr,td,th,div,ul,li,span,p,h1,h2,hr,select,option,input {
  margin: 0;
  padding: 0;
}

a, img, input, select, textarea {
  outline: none;
  text-decoration: none;
}

a,
img { border: none; }

div,
hr { position: relative; }

hr {
  border: none;
  border-bottom: 1px solid #888;
  margin-top: 5px;
  margin-bottom: 20px;
}

/* ============================================================================
Padrões
============================================================================ */
body {
  background: #fff;
  font: normal 14px Century Gothic,Helvetica,Calibri,Arial,sans-serif,Garuda,Kalimati;
}
body,html {
  height: 100%;
  width: 100%;
}
#page { height: auto; }
#top,
#content {
  margin: 0 auto;
  width: 1006px;
}
.clean { clear: both; }

#menu,
#frase,
.titulo,
.specialBloc a { 
  color: #f6f6f6;
  background: #ad0707;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 20px;
  font-weight: normal;
}
.line {
  border-bottom: 1px solid #ddd;
  margin: 10px 0 10px;
}
.emp,
.data-imp { display: none; }
.data-imp {
  margin-top: -35px;
  margin-bottom: 10px;
  text-align: right;
}
.btn-act { float: right; }

/* Mensagens
============================================================================ */
.advertencia {
  color: #ad0707;
  margin-left: 8px;
}
.msg_alert {
  background: #eaeaea url('../images/icon_alert.png') no-repeat 4px 5px;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #888;
  color: #ad0707;
  padding: 8px 30px;
}
.msg_error {
  background: #eaeaea url('../images/icon_alert.png') no-repeat 12px 4px;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #888;
  color: #ad0707;
  padding: 8px 40px;
}

/* ============================================================================
Topo
============================================================================ */
#top {
  height: 180px;
  padding-top: 17px;
}
.logo {
  height: 162px;
  margin-left: 75px;
  width: 143px;
}
#frase {
  float: right;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  margin-top: -17px; /* o valor do padding-top do #top em negativo */
  padding-left: 20px;
  width: 312px;
}
#frase a { color: #fff; }
#frase a:hover,
#frase a:focus { text-decoration: underline; }
.lineRed {
  background-color: #ad0707;
  height: 3px;
}
.lineRed#sup-menu { margin-bottom: 2px; }
#rccTopo {
  float: right;
  margin-top: 40px;
  margin-right: -280px;
}
#rccTopo a {
  background: url('../images/logo-topo-rcc.png');
  display: block;
  height: 109px;
  text-indent: -99999px;
  width: 142px;
}

/* Menu
============================================================================ */
#menu { margin-bottom: 16px; }
#menu ul {
  list-style: none;
  margin: 0 auto;
  width: 1006px;
}
#menu ul li {
  float: left;
  text-align: center;
}
#menu ul li a {
  color: #f6f6f6;
  display: block;
  display: table-cell;
  font-size: 11pt;
  height: 57px;
  text-transform: uppercase;
  vertical-align: middle;
  width: 201px;
}
#menu ul li a:focus,
#menu ul li a:hover,
#menu ul li a.active { background-color: rgb(83, 3, 0); }

/* ============================================================================
Conteúdo
============================================================================ */
#content {
  height: auto;
  min-height: 300px;
  text-align: justify;
}
.specialBloc { width: 340px; }
.specialBloc a {
  display: table-cell;
  font-size: 18px;
  height: 41px;
  padding-right: 40px;
  text-align: right;
  vertical-align: middle;
  width: 293px;
}
.specialBloc.pg_insc {width: 300px; }
.specialBloc.pg_insc a {
  padding: 0;
  text-align: center;
}
.hold-item {
  height: 41px;
  margin: -41px 0 0 297px;
  position: absolute;
  width: 4px;
}
.hold-item.index {
  height: 45px;
  margin-top: -45px;
}
.hold-item { display: none; }
.specialBloc a { color: #fff; }
.ind+.hold-item {
  background: blue;
  margin-left: 337px;
}

.ind:hover.ind+.hold-item,
.specialBloc a:hover,
.specialBloc a:focus { background: rgb(83, 3, 0);  }


.specialBloc.pg_insc.ins a { background-color: #6dc36d; }
.specialBloc.pg_insc.imp a { background-color: #55a2c8; }
.specialBloc.pg_insc.rep a { background-color: #982a2a; }

.ins:hover.ins+.hold-item,
.specialBloc.pg_insc.ins a:hover,
.specialBloc.pg_insc.ins a:focus { background-color: #3c8a3c; }

.imp:hover.imp+.hold-item,
.specialBloc.pg_insc.imp a:hover,
.specialBloc.pg_insc.imp a:focus { background-color: #10445d; }

.rep:hover.rep+.hold-item,
.specialBloc.pg_insc.rep a:hover,
.specialBloc.pg_insc.rep a:focus { background-color: #621010; }

.ind:hover.ind+.hold-item,
.ins:hover.ins+.hold-item,
.imp:hover.imp+.hold-item,
.rep:hover.rep+.hold-item { display: block; }

.titulo {
  height: 46px;
  line-height: 46px;
  text-transform: uppercase;
  width: 420px;
}

/* Conteúdo Geral
============================================================================ */
#content.contentIn {
  background: #f6f6f6;
  box-shadow: 0 0 6px #888;
  padding: 20px;
  width: 840px;
  overflow: hidden;
}
blockquote {
  background: #eaeaea;
  border: 1px solid #888;
  padding: 10px;
}
p { line-height: 150%; }
.img-content {
  float: right;
  margin: 10px;
  width: 281px;
}
.contentIn. a:focus,
.contentIn. a:hover { text-decoration: underline; }


/* Slide
============================================================================ */
#slide {
  border: 1px solid #dedede;
  float: left;
  height: 296px;
  margin-bottom: 20px;
  width: 527px;
}

/* News
============================================================================ */
#news {
  float: right;
  height: 320px;
  width: 450px;
}
#news .titulo { float: right; }
#news .min {
  background: url('../images/icons.jpg') no-repeat 4px -1px;
  padding: 10px 66px 10px 0;
}
#news ul {
  font-family: arial;
  font-size: 12px;
  list-style: none;
  margin: 30px auto;
  width: 440px;
}
#news ul li {
  margin-bottom: 20px;
  padding-left: 5px;
}
#news ul li span.barra {
  border-left: 3px solid #ad0707;
  height: 23px;
  margin-top: 3px;
  margin-left: -9px;
  position: absolute;
}
#news ul li a {
  color: #000;
  display: block;
}
#news ul li span.readMore a {
  color: #ad0707;
  float: right;
  font-size: 12px;
}
#news a:focus,
#news a:hover { text-decoration: underline; }

/* Fale Conosco
============================================================================ */
#contato {
  float: left;
  margin-top: 20px;
  margin-left: 38px;
  padding-bottom: 24px;
  width: 466px;
}
#innerCont {
  background-color: #eaeaea;
  height: auto;
  margin: -20px auto;
  padding-top: 10px;
  padding-bottom: 15px;
  width: 456px;
}
#contato .titulo { width: 466px; }
#contato .min {
  background: url('../images/icons.jpg') no-repeat 0 -94px;
  padding: 10px 55px 11px 0;
}
#contato .titCont {
  color: #570710;
  font-size: 16px;
  margin-left: 30px;
}
#contato .label { color: #570710; }
#contato .coord { margin-left: 60px; }
#contato a,
#contato span { color: #ad0707; }

#contato a:hover,
#contato a:focus { text-decoration: underline; }

.telef {
  float: right;
  margin-right: 240px;
}
/*.label#j0,
.label#r1 { margin-left: 65px; }
.label#r2 { margin-left: 72px; }
.label#j1 { margin-left: 72px; }
.label#j2 { margin-left: 62px; }*/

/* Páginas de Inscrição
============================================================================ */
.subtitle {
  color: #3a3d40;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: -1px;
}
.advertencia.fim { margin-left: 2px; }
.avisoInsc {
  background: #eaeaea;
  border: 1px solid #888;
  border-left: 4px solid #ad0707;
  box-shadow: 2px 2px 2px #888;
  float: right;
  line-height: 200%;
  margin-top: 90px;
  padding: 10px 15px;
  text-align: left;
  width: 215px;
}
.avisoInsc.insc {
  box-shadow: 0 0 0 #888;
  margin-top: -91px;
  margin-right: -11px;
  padding: 3px 15px;
}
.avisoInsc.prev { margin-top: -10px; }

/* Redes Sociais
============================================================================ */
#redes {
  float: right;
  margin-top: 13px;
  width: 460px;
}
#redes .titulo { float: right; }
#redes .min {
  background: url('../images/icons.jpg') no-repeat 0 -48px;
  padding: 10px 55px 11px 0;
}
.fb-like-box {
  border-color: #dedede;
  float: right;
  margin-top: -27px;
}

/* Parceiros
============================================================================ */
#parceiros {
  height: 150px;
  margin-top: 20px;
}
#parceiros h1 {
  color: #ad0707;
  font-size: 18pt;
  margin-left: 30px;
  text-transform: uppercase;
}
#parceiros ul {
  list-style: none;
  margin: 25px auto;
  width: 820px;
}
#parceiros ul li { float: left; opacity: .8; }
#parceiros ul li:focus,
#parceiros ul li:hover { opacity: 1; }
#parceiros ul li+li { margin-left: 25px; }
#parceiros ul li a {
  display: block;
  height: 60px;
  text-indent: -99999px;
  width: 140px;
}
.contentBott {
  border: none;
  border-top: 1px solid #eee;
  margin: 0 auto;
  width: 480px;
}
#for { background: url('../images/for-desenv.jpg') no-repeat; }
#cho { background: url('../images/chocosul-distribuidora.png') no-repeat; }
#mas { background: url('../images/mastter-distribuidora.png') no-repeat; }
#sed { background: url('../images/seducao-boutique.png') no-repeat; text-indent: -1px; }
#aqu { background: url('../images/aquarela-boutique.png') no-repeat; }

/* Página de Depoimentos
============================================================================ */
p.depo {
  margin-top: 10px;
  text-indent: 20px;
}

/* ============================================================================
Rodapé
============================================================================ */
#rodape {
  background: #eaeaea;
  box-shadow: 0 1px 3px #888 inset;
  bottom: 0;
  color: #888;
  height: 52px;
  margin-top: 10px;
  padding-top: 15px;
  text-align: center;
}
#rodape a { color: #888; }

#rodape a:focus,
#rodape a:hover { text-decoration: underline; }

#powered a {
  background: url('../images/LogoForDesenv.jpg') no-repeat 75px 3px;
  color: #888;
  display: block;
  float: right;
  font-size: 10px;
  height: 19px;
  margin-top: -20px;
  padding: 5px 30px 0 0;
  width: 82px;
}
#powered a:hover,
#powered a:focus { text-decoration: underline; }