/*
KOLLOX
*/

body {
	margin: 0;
	padding: 0;
	background: #fff url(images/img01_b.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;

}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
}

h1 {
	letter-spacing: -1px;
	font-size: 44px;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 16px;
}

p, ul, ol {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	text-align: justify;
}

p {}

ul {}

ol {}

a {color: #38B5F1;}

a:hover {text-decoration: none;}

small {}

hr {display: none;}


/* Cabeçalho*/

#cabecalho {
	width: 963px;
	height: 182px;
	margin: 0 auto;
	background: url(images/img02_b.jpg);
}

/* Logo */

#logo {float: left;
	   padding: 50px 0 0 0px;
	   }

/* -------------------------Menu------------------------- */

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 130px 10px 0 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #0c78d2;
	border: 1px solid #0c78d2; 
    background: #fff;
    text-decoration: none;
}

#menu a:hover {
background: #2828FF;
color: #fff; 
border-color: #fff;
}

#menu .ativado a {
background: #2828FF;
color: #fff; 
border-color: #fff;
}

#menu .orcamento {
float:right;
padding: 16px 5px 0px 0px;
font-size: 16px;
font-weight: bold;
}

#btorcamento {
float:right;
width:29px;
height:24px;
margin: 15px 35px 0px 0px;
}


/* -------------------------------------------Contorno geral------------------------------------------- */

#ContornoFora {
	width: 963px;  /*MUDAR AQUI TAMBEM O TAMANHO PARA 9..*/
	margin: 0 auto;
	background: #FFFFFF url(images/img03.jpg) repeat-y;
}


/* ----------------------------------------------Conteudo ESQUERDA---------------------------------------------- */

#esquerda {
	float: left;
	width: 681px;
	background: url(images/img04_b.jpg) no-repeat;
}

#listEsquerda {
height:550px;
}

.quadro {
	width: 606px;
	padding: 0px 0px 0px 48px;
}


.quadro .titulo a {
	color: #4F6977;
}

.quadro .titulo {
	padding: 25px 20px 0 0px;
}

.quadro .IconArtigo {
    background: url(images/img09.gif) no-repeat left center;
	padding: 1px 0px 0px 20px;
}

.quadro .IconPPT {
    background: url(images/ppt.gif) no-repeat left center;
	padding: 1px 0px 0px 40px;
}

/* ----------------------------------------------Direita---------------------------------------------- */
#direita { 
	float: right;
	width: 282px;
	background: url(images/img05_b.jpg) no-repeat;
}

#caixa1 {  /*Busca*/
		padding: 10px 0px 0px 0px;
		width: 260px;
		height:63px;

}

#caixaDestaque {
	height:238px;
	background: url(images/img_destaque.jpg) no-repeat;
}

#caixaDestaque h2{
	padding: 20px 40px 0px 35px;
	font-size: 18px;
	font-weight: normal;
}
#caixaDestaque img{
padding: 15px 100px 0px 90px;
}
#caixaDestaque p{
text-align:center;
padding: 5px 40px 33px 35px;
}


#caixaParceiros {
}

#caixaChamada {
padding:10px 5px 10px 5px;
}

/* ---------------------------------Rodape ---------------------------------*/

#rodape {
    height:100px;
    background: #fff url(images/fiorodape.jpg) repeat-x;
	padding: 30px 10px 10px 10px;
}

#rodape p {
    margin:35px 10px 0px 10px;
	text-align: center;
	font-size: 12px;
	
}

#rodape a {
    font-size: 10px;
	color: #fff;
}


/* ---------------------------------LISTAGEM MENU MENU MENU pagina produtos ---------------------------------*/
#list {
height:540px;
overflow:auto;
margin:55px 0px 0px 0px;
padding: 0px 20px 0px 8px;
}

ul#listagem, ul#listagem ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 250px;
}

ul#listagem a {
  display: block;
  text-decoration: none;	
}

ul#listagem li {
  margin-top: 1px;
}

ul#listagem li a {
  background: #4682B4;
  color: #fff;
}

ul#listagem li a:hover {
  background: #0c78d2;
}

ul#listagem li ul li a {
  background: #91CAF9;
  color: #000;
  padding-left: 3px;
  text-align:left;
}

ul#listagem li ul li a:hover {
  background: #fff;
  border-left: #91CAF9 solid;
  text-align:left;
}

/* ---------------------------------LISTAGEM pagina produtos.html ---------------------------------*/
.listGeral {
height:100px;
border:solid;
font-size: 13px;
border-color:#91CAF9;
margin: 0px 0px 2px 0px ;
}

.tamanhoDivQuantidade {
background-color:#91CAF9;
float:right;
width:153px;
height:100px;
padding: 0px 0px 0px 4px ;
}

.margForm {
top:0px;
margin-top:23px;
}

.tamanhoDivDetalhe {
float:left;
width:328px;
height:70px;
margin:1px;
overflow:auto;
}


.campoAdicionar{
	margin:3px;
	width:3.7em;
}

#imgGeral{
width:90px;
height:90px;
float:left;
margin: 5px 0px 5px 5px;
}


.ProdGeral{
float:right;
width:490px;
}

.ProdNomee{
padding: 5px 0px 0px 0px;
width:332px;
background-color:#CAE5F8;
}

/* ---------------------------------listagem do orçamento ---------------------------------*/

#OrcaUm{
height:250px;
border:solid;
font-size: 13px;
border-color:#0B2C7D;
overflow:auto;
font-family:"trebuchet MS", georgia;
}

#OrcaDois{
width:570px;
}

.OrcaPro{
margin: 0px;
width:300px;
}

#OrcaDois .OrcaQuan{
width:93px;
padding: 0px 0px 0px 0px;
}

#OrcaDois .OrcaForm{
top:0px;
width:93px;
}

#OrcaDois .OrcaIn{
	margin:3px;
	width:3.7em;
}
/* ---------------------------------tabela e envio do orçamento ---------------------------------*/
.tabOrcamento{
font-weight:bold;
padding:5px;
margin:5px;
font-size:1.0em;
color:#0B2C7D;
background:#FFFFFF;
}
/* ---------------------------------parceiros pagina php ---------------------------------*/

#par{
padding:5px;
border: dotted;
border-color:#0066CC;
border-width:thin;
}
#par h2{
color:#003366;
font-size:18px;
}