/*----------------------------------
	Geral
----------------------------------*/
* html body { height: 100%; }
html, body { height: auto; min-height: 100%; }
body {
	color: #5d5d5d;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

a { color: #006699; text-decoration: none; }
a:hover { color: #006699; text-decoration: underline; }
a:focus, object, object:focus { outline: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.escondido { display: none; }
.nospace { margin: 0; padding: 0; }

/*----------------------------------
	Estrutura
----------------------------------*/
#container {
	display: block;
	width: 975px;
	margin: 0 auto;
	padding-top: 147px;
	position: relative;
}
#content {
	display: block;
	width: 700px;
	float: right;
	padding-top: 15px;
}
#footer {
	display: block;
	background: url(../images/fundo-footer.png) top left repeat-x;
	height: 87px;
	margin-top: 20px;
}
#foot {
	display: block;
	width: 975px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	padding-top: 23px;
}
#foot h2 {
	margin-bottom: 5px;
}
#logo a {
	display: block;
	background: url(../images/logo.png) top left no-repeat;
	width: 211px;
	height: 192px;
	text-indent: -99999px;
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 2;
}
#logo-addx a {
	display: block;
	background: url(../images/logo-addx.png) top left no-repeat;
	width: 126px;
	height: 14px;
	text-indent: -99999px;
	position: absolute;
	top: 50px;
	right: 5px;
}
#iso {
	display: block;
	background: url(../images/logo-iso.png) top left no-repeat;
	width: 189px;
	height: 100px;
	text-indent: -99999px;
	position: absolute;
	top: 33px;
	right: 0;
}
#barra-azul {
	display: block;
	background: url(../images/barra-azul.png) top left repeat-x;
	height: 26px;
	position: relative;
	padding: 8px 0 0 12px;
	z-index: 1;
}
#barra-azul #box{  
  float:right;
  margin-right:10px;
  width:50px;
  *margin-top:-20px;
}
#funcionalidades {
	/*display: block;*/
	margin: 0;
	padding: 0;
	position: absolute;
	/*top: 8px;
	right: 20px;*/
}
#funcionalidades li {
	list-style: none;
	float: right;
	
}
#funcionalidades li.portugues a {
	display: block;
	background: url(../images/ico-brasil.png) bottom right no-repeat;
	width: 23px;
	height: 19px;
	text-indent: -99999px;
	margin-right: 5px;
}
#funcionalidades li.ingles a {
	display: block;
	background: url(../images/ico-usa.png) bottom right no-repeat;
	width: 23px;
	height: 19px;
	text-indent: -99999px;
}
#funcionalidades li.twitter a {
	display: block;
	background: url(../images/ico-twitter.png) top right no-repeat;
	height: 19px;
	padding-right: 30px;
	line-height: 19px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#barra-vermelha {
	display: block;
	background: url(../images/barra-vermelha.png) top left repeat-x;
	height: 134px;
	clear: both;
	padding: 15px;
}
#destaques {
	display: block;
	margin: 0;
	padding: 0;
}
#destaques li {
	list-style: none;
	color: #fff;
	width: 32%;
	float: left;
}
#destaques li a {
	color: #fff;
	font-weight: bold;
}
#destaques li img {
	margin-right: 10px;
}
#destaques li.respiro { margin: 0 10px; }

img.respiro {
	margin-right: 20px;
}
/*----------------------------------
	Menu
----------------------------------*/
#menu {
	display: block;
	width: 201px;
	margin: 0;
	padding: 20px 0 0 30px;
	float: left;
}
#menu li {
	display: block;
	background: url(../images/separador-menu.png) bottom left no-repeat;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
}
#menu li a {
	color: #9d9d9d;
	text-decoration: none;
	padding-left: 5px;
}
#menu li a:hover {
	color: #797979;
}
#menu li ul {
	display: block;
	margin: 0;
	padding: 5px 0 15px 20px;
}
#menu li ul li {
	list-style: none;
	background: none;
	font-size: 11px;
	line-height: normal;
}
/*----------------------------------
	Titulos
----------------------------------*/
.titulos {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #487a8b;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.sub-titulos{
  font-size: 18px;
}
.tit-navegue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
.tit-nossos-produtos {
	display: block;
	background: url(../images/tit-nossos-produtos.png) top left no-repeat;
	width: 182px;
	height: 22px;
	text-indent: -99999px;
	margin-bottom: 5px;
}
.tit-nossos-servicos {
	display: block;
	background: url(../images/tit-nossos-servicos.png) top left no-repeat;
	width: 176px;
	height: 26px;
	text-indent: -99999px;
}
.tit-controle-qualidade {
	display: block;
	background: url(../images/tit-controle-qualidade.png) top left no-repeat;
	width: 229px;
	height: 23px;
	text-indent: -99999px;
	margin-bottom: 4px;
}
.letra {
	font-size: 30px;
}
/*----------------------------------
	Botoes
----------------------------------*/

label.error{
  margin-left:5px;
  color:red;
}
.image-right {
float:right;
margin:0 0 10px 10px;
}
/*----------------------------------
	Tabela
----------------------------------*/
th, td{
  border:none;    
}
.cabecalho{
  background-color:#487A8B;
  color:#FFFFFF;
}
.sub-cabecalho th{
  text-align:left;
}





	.panel_bg

        {

        	z-index:3;

        	position:absolute;

        	background-image:url(../images/bg_pop_up.png);

        	width:100%;

        	height:100%;

        	top:0;

        	left:0;

        }

	.panel_editar

        {

        	z-index:4;    	    

    	    margin: 0 auto;

    	    margin-top:50px;

    	    padding:10px;

        }
		
	.menudropdown{
		height:120px;
		overflow:hidden;
	}