/* 
    Document   : estilos
    Created on : 02/04/2013, 10:26:56
    Author     : Endrigo
    Description:
        Purpose of the stylesheet follows.
*/

root { 
  display: block;
}
div.topo_fixo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
  color: #FFF;
  font-weight: bold;
  background-image: linear-gradient(left , rgb(250,250,250) 6%, rgb(75,64,135) 53%, rgb(16,21,84) 77%);
  background-image: -o-linear-gradient(left , rgb(250,250,250) 6%, rgb(75,64,135) 53%, rgb(16,21,84) 77%);
  background-image: -moz-linear-gradient(left , rgb(250,250,250) 6%, rgb(75,64,135) 53%, rgb(16,21,84) 77%);
  background-image: -webkit-linear-gradient(left , rgb(250,250,250) 6%, rgb(75,64,135) 53%, rgb(16,21,84) 77%);
  background-image: -ms-linear-gradient(left , rgb(250,250,250) 6%, rgb(75,64,135) 53%, rgb(16,21,84) 77%);
  background-image: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0.06, rgb(250,250,250)),
          color-stop(0.53, rgb(75,64,135)),
          color-stop(0.77, rgb(16,21,84))
  );
}
img.logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: auto;
  margin: 5px;
}
img.logo:hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: auto;
  margin: 5px;
  animation: animlogo 3s;
  -moz-animation: animlogo 3s; /* Firefox 4 */
  -webkit-animation: animlogo 3s; /* Safari and Chrome */
  -o-animation: animlogo 3s; /* Opera */
}
@keyframes animlogo {
  0%   {transform: rotate(0deg)}
  10%  {transform: rotate(10deg)}
  20%  {transform: rotate(-10deg)}
  30%  {transform: rotate(-10deg)}
  40%  {transform: rotate(10deg)}
  50%  {transform: rotate(10deg)}
  60%  {transform: rotate(-10deg)}
  70%  {transform: rotate(-10deg)}
  80%  {transform: rotate(10deg)}
  90%  {transform: rotate(10deg)}
  100%  {transform: rotate(-10deg)}
}
@-moz-keyframes animlogo {
  0%   {-moz-transform: rotate(0deg)}
  10%  {-moz-transform: rotate(10deg)}
  20%  {-moz-transform: rotate(-10deg)}
  30%  {-moz-transform: rotate(-10deg)}
  40%  {-moz-transform: rotate(10deg)}
  50%  {-moz-transform: rotate(10deg)}
  60%  {-moz-transform: rotate(-10deg)}
  70%  {-moz-transform: rotate(-10deg)}
  80%  {-moz-transform: rotate(10deg)}
  90%  {-moz-transform: rotate(10deg)}
  100%  {-moz-transform: rotate(-10deg)}
}
@-webkit-keyframes animlogo {
  0%   {-webkit-transform: rotate(0deg)}
  10%  {-webkit-transform: rotate(10deg)}
  20%  {-webkit-transform: rotate(-10deg)}
  30%  {-webkit-transform: rotate(-10deg)}
  40%  {-webkit-transform: rotate(10deg)}
  50%  {-webkit-transform: rotate(10deg)}
  60%  {-webkit-transform: rotate(-10deg)}
  70%  {-webkit-transform: rotate(-10deg)}
  80%  {-webkit-transform: rotate(10deg)}
  90%  {-webkit-transform: rotate(10deg)}
  100%  {-webkit-transform: rotate(-10deg)}
}
@-o-keyframes animlogo {
  0%   {-o-transform: rotate(0deg)}
  10%  {-o-transform: rotate(10deg)}
  20%  {-o-transform: rotate(-10deg)}
  30%  {-o-transform: rotate(-10deg)}
  40%  {-o-transform: rotate(10deg)}
  50%  {-o-transform: rotate(10deg)}
  60%  {-o-transform: rotate(-10deg)}
  70%  {-o-transform: rotate(-10deg)}
  80%  {-o-transform: rotate(10deg)}
  90%  {-o-transform: rotate(10deg)}
  100%  {-o-transform: rotate(-10deg)}
}
h3.titulo {
  position: absolute;
  top: 0;
  right: 30px;
  margin: 10px;
}
div.menu_fixo {
  position: fixed;
  top: 45px;
  left: 0;
  width: 180px;
  height: 100%;
  background-color: #DDD;
  color: #000;
  padding: 10px;
  font-size: 12px;
}
p.fantastcopy {
  position: fixed;
  bottom: 0;
  left: 1px;
  margin: 3px;
  color: #008;
  font-size: 14px;
}
p.fsbin {
  color: #cc0000; 
  text-decoration: blink;
}
div.item_menu {
  width: 180px;
  height: 30px;
  text-align: center;
  background-color: #008;
  color: gold;
  padding-top: 5px;
  margin-top: 5px;
  border: 2px solid #00E;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 2px #888;
}
div.conteudo {
  position: absolute;
  top: 45px;
  left: 200px;
  right: 0;
  padding: 10px;
  z-index: -1;
}
div.form_dados {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: -1;
}
img.logo_maior {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 200px;
  width: auto;
  opacity: 0.3;
  z-index: -2;
  transition:width 2s, height 2s;
  -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
  -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
img.logo_maior:hover {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 300px;
  width: auto;
  opacity: 0.3;
  z-index: -2;
}
table.dados_edicao {
  table-layout: fixed;
  width: 80%;
  padding: 1px;
  border: 0px hidden;
  margin: 0px;
}
tr {
  padding: 1px;
  border: 0px hidden;
  margin: 0px;
}
td.celula_titulo {
  width: 20%;
  padding: 1px;
  border: 0px hidden;
  margin: 0px;
}
td.celula_campo {
  padding: 1px;
  border: 0px hidden;
  margin: 0px;
}
td.celula_botao {
  width: 100%;
  padding: 1px;
  border: 0px hidden;
  margin: 0px;
}
a.obr {
  color: red;
}
table.edicao {
  table-layout: fixed;
  width: 80%;
  padding: 0;
  border: 0 hidden;
  margin: 0;
}
th.edicao_th {
  
}