@import "cm.css";

a { text-decoration: none }

img,
fieldset {
  border: none;
}

.hr {
  background: url(../_imagens/icoPonto2.gif) repeat-x;
  display: block;
  height: 1%;
  clear: both;
  margin: 0;
  padding: 0;
}

div.meio {
  font-family: Arial;
}

div.meio h2 {
  margin-bottom: 20px;
}

div.meio h3 {
  font: bold 12pt Arial;
  color: #17588a;
  background: url(../_imagens/icoSeta.gif) no-repeat 0 50%;
  padding-left: 15px;
  margin: 0 0 8px 0;
}

div.meio div.video div.videoTexto {
  float: left;
  color: #333;
  font: normal 8pt Arial;
}

div.meio div.video div.videoTexto h4 {
  color: #4887af;
  font: bold 14pt Arial;
}

div.meio div.video div.videoTexto div.estrelas {
  margin: 10px 0 35px 0;
}

div.meio div.video div.videoTexto div.estrelas button {
  width: 70px;
  height: 23px;
  background: #2b6aa0 url(../_imagens/bkgBotao2.gif) repeat-x;
  border: 2px solid #2b6aa0;
  color: #fff;
  font: bold 6pt Arial;
  padding: 3px 0 2px 0;
  cursor: pointer;
  margin: 0 0 0 10px;
  text-transform: uppercase;
}

div.meio div.video div.videoTexto strong {
  color: #333;
  font: bold 9pt Arial;
  display: inline !important;
  margin-bottom: 6px;
}

div.meio div.video div.videoSWF {

}

div.meio div.video div.audioSWF {
  width: 400px;
  height: 55px;
  margin-left: 325px;
  border: 1px solid;
}

div.meio div.video div.comente {
  float: left;
  clear: left;
  width: 310px;
  margin: 10px 0 0 0;
}

div.meio div.video div.comente label {
  float: left;
  width: 80px;
  height: 18px;
  margin: 3px 0 2px 10px;
  color: #333;
  font: bold 8pt Arial;
  text-align: right;
}

div.meio div.video div.comente input,
div.meio div.video div.comente textarea {
  margin: 0 0 5px 5px;
  padding: 2px 0 0 4px;
  border: 1px solid #939393;
  background-color: #ebebeb;
  width: 200px;
  height: 16px;
  font: normal 8pt Arial;
}

div.meio div.video div.comente textarea {
  height: 80px;
  overflow: auto;
}

div.meio div.video div.comente button {
  width: 70px;
  height: 22px;
  background: #2b6aa0 url(../_imagens/bkgBotao2.gif) repeat-x;
  border: 2px solid #2b6aa0;
  color: #fff;
  font: bold 9pt Arial;
  padding: 1px 0 2px 0;
  cursor: pointer;
  margin: 0 0 0 230px;
  display: block;
}

div.meio div.video div.comentarios {
  width: 400px;
  margin: 10px 0 0 325px;
}

div.meio div.video div.comentarios dl {
  height: 175px;
  overflow: auto;
  border: 1px solid #cbcbcb;
  background-color: #ebebeb;
  color: #333;
  padding: 10px;
  font: normal 8pt Arial;
}

div.meio div.video div.comentarios dt {
  color: #17588a;
  margin-bottom: 15px;
}

div.meio div.video div.comentarios span.data {
  color: #333;
  background: url(../_imagens/icoDot7.gif) no-repeat 0 50%;
  padding-left: 10px;
}

div.meio div.video div.comentarios dt a {
  text-decoration: underline;
  color: #17588a;
}

div.meio div.video div.comentarios dd {
  padding: 0 0 15px 0;
  margin: 0 0 10px 0;
  background: url(../_imagens/icoPonto.gif) repeat-x 0 100%;
}

div.dicasRelacionadas {
  margin-bottom: 30px;
}

div.meio div.dicasRelacionadas div {
  width: 220px;
  padding: 0 10px 0 12px;
  margin: 0 0 20px 0;
  float: left;
  display: inline;
  background: url(../_imagens/icoPonto2.gif) repeat-y;
}

div.meio div.dicasRelacionadas div.noBorderLeft {
  background-image: none;
}

div.meio div.dicasRelacionadas h4 {
  background: #e7e7e7 url(../_imagens/icoDot5.gif) no-repeat 5px 50%;
  height: 18px;
  font: bold 10pt Arial;
  padding: 2px 0 0 22px;
  margin-bottom: 10px;
  color: #333;
}

div.meio div.dicasRelacionadas span.data {
  font: normal 8pt Arial;
  color: #7869be;
  display: block;
}

div.meio div.dicasRelacionadas strong {
  display: block;
  color: #17588a;
  font: bold 9pt Arial;
  background: url(../_imagens/icoSeta2.gif) no-repeat 0 50%;
  padding-left: 15px;
  margin-bottom: 15px;
}

div.meio div.dicasRelacionadas a {
  margin-left: 5px;
  color: #333;
  font: normal 8pt Arial;
  display: block;
  height: 125px;
  background: url(../_imagens/icoVejaMais.gif) no-repeat 95% 100%;
}

div.meio div.encontreDica {
  clear: both;
}

div.meio div.encontreDica div {
  height: 80px;
  margin-bottom: 20px;
}

div.meio div.encontreDica fieldset {
  float: left;
  display: inline;
  height: 58px;
  width: 219px;
  padding: 10px 10px 0 10px;
  border: 3px solid #cfced3;
  background: #e7e7ea;
}

div.meio div.encontreDica fieldset label {
  display: block;
  height: 18px;
  margin: 3px 0 0 0;
  color: #17588a;
  font: bold 9pt Arial;
}

div.meio div.encontreDica fieldset input,
div.meio div.encontreDica fieldset select {
  margin: 5px 0 0 0;
  padding: 2px 0 2px 4px;
  border: 1px solid #939393;
  background-color: #ebebeb;
  width: 153px;
  height: 14px;
  font: normal 8pt Arial;
}

div.meio div.encontreDica fieldset select {
  height: auto;
  padding: 0;
}

div.meio div.encontreDica fieldset button {
  width: 55px;
  height: 21px;
  background: #2b6aa0 url(../_imagens/bkgBotao2.gif) repeat-x;
  border: 2px solid #2b6aa0;
  color: #fff;
  font: bold 8pt Arial;
  padding: 1px 0 1px 0;
  cursor: pointer;
  margin: 0 0 0 2px;
}