/* CSS */

*{
margin:0;
padding:0;
}

body{
background-image:url(../imgs/bkg.jpg);
}


.geral{
width:960px;
margin:0 auto;
height:1200px;

}


#conteudo{
height:309px;
background-image:url(../imgs/bkgpaginas.jpg);

}

.barra{
background:url(../layout/div_materias.jpg) repeat-x;
height:8px;
}
.esq{
float:left;
width:267px;
background:url(../layout/divisao3px.jpg) no-repeat right bottom #000;
}

.dir{
margin-left:3px;
width:267px;
float:left;
background:url(../layout/divisao3px.jpg) no-repeat right bottom #000;
}

.meio{
width:420px;
background:#000;
float:left;
}
/**********************************************
height ou altura = limite para as colunas, topo
*************************************************/
.esq, .dir, .meio{
height:309px;
}

.col-esq, .col-dir{
height:543px;
}

/**********************************
Colunas debaixo
***********************/
.col-esq{
float:left;
width:377px;
background:#fff;
}

.col-dir{
width:567px;
background:#fff;
float:right;
}

/***********************
RODAPÉ
*************************/
.rodape{
height:137px;
background:url(../layout/bkg_rodape.jpg) repeat-x;
clear:both;
margin-top:406px;
}

address{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
float:right;
margin-top:-105px;
margin-right:25px;
width:395px;
}

.logo{
background:url(../layout/logorodape.jpg) no-repeat;
width:145px;
height:137px;
margin-left:2px;
}

/********************
configuração das imgs
*************************/
#img img {
width:263px;
height:120px;
}

#img-dois img {
width:263px;
height:120px;
}

/*********************
barra div da parte de baixo
*******************/
#barradiv{
background:url(../layout/div_rodape.jpg) repeat-y;
float:left;
width:16px;
height:543px;
}

/*********************
estilizando a div noticia
***************************/
#noticia{
	height:160px;

}

#btn-noticia{
	margin-right:10px;
	float:right;
}
#noticia h1{
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
text-align:center;
}

#noticia p{
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin-left:10px;
}

#noticia a{
float:right;
margin-right:12px;
}
#noticia-dois{
	height:160px;
}
#btn-noticia2{
	float:right;
	margin-right:10px;
}
#noticia-dois h1{
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
text-align:center;
}

#noticia-dois p{
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin-left:10px;
}

#noticia-dois a{
float:right;
margin-right:12px;
}

/******************************
ultimo box black
*****************/
.box-noticia{
background:url(../layout/tit_noticias.jpg) no-repeat;
width:414px;
height:42px;
float:left;
}

.box-noticia a{
float:right;
margin-top:26px;
text-decoration:none;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.cont-noticias {
margin-top:20px;
width:400px;
margin-left:16px;
}
.cont-noticias h1{
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
}

.cont-noticias p{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
}

.cont-noticias a{
	text-decoration:none;
	color:#FFF;
}
.cont-noticias a:hover{
	text-decoration:underline;
	color:#FFF;
}
/***************************
estilizando conteudo col-esq
*********************************/
#titulo-img {
background:url(../layout/tit_catalogo.jpg) no-repeat;
width:308px;
height:49px;
margin:2px auto;
}

.catalogos{
width:345px;
height:147px;
margin:5px auto;
}

/***********************
FORMULARIO
***********************/
.form table{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:18px;
}

.form{
width:348px;
margin:auto;
}

#btn-catalogos{
background:url(../layout/bt_envia.jpg) no-repeat;
border:none;
width:84px;
height:18px;
color:#7A7A7A;
font:1px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
}

.online{
width:528px;
height:0px;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

.online h2{
}

.online p{
	color:#999;
}

.online table{
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:18px;
}

#btn-online{
background:url(../layout/bt_envia.jpg) no-repeat;
border:none;
width:84px;
height:18px;
color:#7A7A7A;
font:1px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
}