body {
	margin:0;
	padding:0;
	top:0;
    background: #f5f5f5 url(produtos/img/body.fw.png) repeat 0 0;
	background-color:#f7f7f7;
	font-family:Ebrima, "Trebuchet MS", Arial, sans-serif, serif
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
}
label {font-weight:normal;}

#titulo img {
	width:100%;
	border-bottom:20px #FC0 solid;
}

#titulo
{
	position:absolute;
	width:100%;
	top:-20%;
	height:100%;
	
}

#slide {
	top:10%;
	position:relative;
	width:50%;
	height:200px;
	background:#FFF;
	margin:0 auto;
	border:2px #CCC;
	}
	
#produtos 
{
position:relative;
margin:0 auto; 
width:70%;
min-width:900px;
background-color:#FFF;
padding:30px;
opacity:0.90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
box-shadow: 3px 6px 6px #cccccc;
}

#tabela {position:relative; width:100%; margin:0 auto; /*box-shadow: 3px 6px 6px #cccccc;*/ font-size:0.9em; float:left; }
#tabela #tr td, #tabela #tr1 td {padding:10px; border-bottom:#ffffff 1px solid; border-left: #ffffff 1px solid; }
#tabela #tr td {background-color:#0099CC; color:#ffffff; font-weight:bold; text-align:center; }
#tabela #tr #td {text-decoration:underline; cursor:pointer; color:#ffffff;}
#tabela #tr1 {padding:8px; background-color:#EAEAEA; color:#333333 }
#tabela #tr1:hover {background-color:#D6D6D6; color:#000; }
.center {text-align:center; }

#produtos h1 { font-size:1.5em; font-weight:bold; color:#000 }
#produtos h2 { font-size:1em; font-weight:bold; }
#produtos h3 { font-size:0.9em; font-weight:bold; }


.btnVoltar { padding:20px; }

@media only screen and (max-width: 400px) {


#titulo img {
	display:none;
}
#titulo {
	display:none;
}

#tabela 
{
	margin-bottom:18px;
}
}
@media only screen and (min-width: 400px) {
	.faixa {display:none }
}

.ok-sign {color:green}
.info-sign {color:red}
#info-finais {border:1px dashed #FF9900; padding:8px; background-color:#FFFFCC}

.zoom {
  

  transition: transform .2s; /* Animation */

  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.highcharts-figure, .highcharts-data-table table {
  min-width: 360px; 
  max-width: 800px;
  margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

strong {font-weight: bold !important}