/* CSS Document */
/* Dohms Comunicação */
/* Michel Dohms  <>  michel@dohms.com.br */
/* DWEB */


/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */
/* /\/\/\/\/\/\/\/\/\/\/\       	  BASIC elements    		    /\/\/\/\/\/\/\/\/\/\/\  */
/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */

body, html  {
	width: 100%;
	height: 100%;
	background: url(imgs/background.jpg) white;
	padding: 0px;
	margin: 0;
	overflow: auto;
}

*{
	padding: 0;
	margin: 0;
}

h1{
	width: 188px;
	height: 35px;
}

h1 span{
	display: none;
}

h2{
	width: 188px;
	height: 24px;	
}

h2 span{
	display: none;	
}
/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */
/* /\/\/\/\/\/\/\/\/\/\/\        		  specific DIVS    		    /\/\/\/\/\/\/\/\/\/\/\  */
/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */

#corpo {
	width: 851px;
	min-height: 539px;
	_height: 539px;
	position: relative;
	padding: 0;
	margin: 0 auto;
	/* border: 1px solid blue; */
}

#kbca{
	width: 851px;
	height: 124px;
	background: url(imgs/kbca.jpg) no-repeat;
	/*border: 1px solid blue;*/
}

#kbca h1{
	display: none;
}

#rodape{
	white-space: 851px;
	height: 25px;
	clear: both;
	background: url(imgs/rodape.jpg) no-repeat;
	/*border: 1px solid green;*/
}

#menu{
	width: 169px;
	height: 204px;
	float: left;
	display: inline;
	/*border: 1px solid green;*/
}

#menu ul{
	display: none;
	/*border: 1px solid green;*/
}

#media_box{
	width: 682px;
	height: 204px;
	position: absolute;
	top: 124px;
	left: 169px;
	/*border: 1px solid red;*/
}

#detalhe_menu{
	width: 169px;
	height: 192px;
	float: left;
	background: url(imgs/detalhe_menuesquerdo.jpg) no-repeat;
	clear: left;
	position: relative;
	/*border: 1px solid red;*/
}

#barra_cinza{
	width: 666px;
	height: 20px;
	background: #E4E4E0;
	position: absolute;
	top: 328px;
	left: 169px;
	z-index: 5;
}

#barra_cinza_interna{
	width: 666px;
	height: 20px;
	background: #E4E4E0;
	position: absolute;
	top: 124px;
	left: 169px;
	z-index: 5;
}

#area_util_home{
	width: 680px;
	height: 192px;
	background: url(imgs/background_conteudo.jpg) repeat-y;
	float: left;
	display: inline;
	_margin-top: 204px;
	*margin-top: 204px;
	/*border: 1px solid red;*/
}

#area_util{
	width: 680px;
	height: 396px;
	background: url(imgs/background_conteudo.jpg) repeat-y;
	float: right;
	margin-right: 2px;
	position: relative;
	overflow: hidden;
	/*border: 1px solid red;*/
}

#area_util_home #texto_home{
	padding: 44px 13px 13px 13px;
}

#ilustra_interna{
	width: 177px;
	height: 382px;
	top:144px;
	left: 169px;
	position: absolute;
	background: no-repeat;
	z-index: 2;
	/*border: 1px solid red;*/
}

#conteudo_interna{
	width: 479px;
	height: 362px;
	float: right;
	margin: 30px 14px 0 0;
	position: relative;
	display: inline;
	background: url(imgs/background_interna.jpg) bottom right no-repeat;
	/*border: 1px solid aqua;*/
}

#conteudo_interna p{
	margin: 13px 0 0 0;
	padding: 0 14px 14px 14px;
}

#conteudo_containers{
	width: 646px;
	height: 1600px;
	/*height: auto;*/
	margin: 30px 14px 0 15px;
	position:absolute;
	top:0;
	left:0px;
	background: url(imgs/background_interna.jpg) fixed 400px 310px no-repeat;
	/*border: 1px solid aqua;*/
}

#submenu{
	width: 280px;
	height: 35px;
	top: 15px;
	right:15px; 
	position: absolute;
	/*border: 1px solid blue;*/
}

#submenu ul{
	display: none;
}

#endereco_contato{
	width: 800px;
	height: 20px;
	position: absolute;
	bottom: 25px;
	left: 45px;
	z-index: 5;
	}

.home{
	position: absolute;
	height: 85px;
	width: 140px;
	top: 27px;
	left: 192px;
	/*border: 1px solid red;*/
}

.thumb_containers{
	width:620px; 
	min-height:55px; 
	_height:55px;
	border-bottom:1px solid #CCCCCC; 
	float:left; 
	padding:15px 0;
}

.thumb_containers img{
	float:left;
	margin: 0 10px 0 0;
}

.amarra_containers{
	width:620px;
	height: auto;
	clear: both;
	margin-top: 30px;
	display: block;
	/*border: 1px solid red;*/
}

.rolagem_up {
  cursor: pointer;
  position: absolute;
  bottom: 37px; 
  right: 25px;
  z-index: 5;
}
.rolagem_down {
  cursor: pointer;
  position: absolute;
  bottom: 10px; 
  right: 25px;
  z-index: 5;
}
	
/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */
/* /\/\/\/\/\/\/\/\/\/\/\        	  TEXT classes     		   /\/\/\/\/\/\/\/\/\/\/\/\  */
/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */

.padrao, .padrao a:link, .padrao a:visited{
	font: 11px/15px Verdana, san-serif;
	color: #62717B;
	text-decoration: none;
}

.padrao a:hover{
	text-decoration: underline;
}

.destaque, .destaque a:link, .destaque a:visited {
	font: 11px/11px Verdana, san-serif;
 	color: #EF6B00;
 	text-decoration: none;
	font-weight:bold;
	line-height:30px;
}

.destaque a:hover {
	text-decoration: underline;
}

.texto_azul, .texto_azul a:link, .texto_azul a:visited {
	font: 11px/11px Verdana, san-serif;
	color: #005197;
	font-weight:bold;
}

.texto_azul a:hover {
	text-decoration: underline;
}

/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */
/* /\/\/\/\/\/\/\/\/\/\/\        	  Another Stuff    		   /\/\/\/\/\/\/\/\/\/\/\/\  */
/*  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\ */

.clear{
	clear: both;
}
