@charset "utf-8";
/* CSS Document */

/* ÁREAS DO SITE */

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../imagens/fundo_tijolos.jpg);
	background-repeat:repeat;
	color:#333;
}

h1{
	position:relative;
	margin:0px;
	padding:0px;
	text-align:justify;
	font-size:18px;
	font-weight:bold;
	color:#990100;
}

h2{
	position:relative;
	margin:0px;
	padding:0px;
	text-align:justify;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

h3{
	position:relative;
	margin:0px;
	padding:0px;
	text-align:justify;
	font-size:12px;
	font-weight:bold;
	color:#333;
}

hr{
	height:1px;
}

#site{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	padding-top:12px;
}

#site #cabecalho{
	margin:0px;
	width:1000px;
	height:120px;
	float:left;
}

#site #cabecalho #logo{
	position:relative;
	margin:0px;
	width:287px;
	height:120px;
	background-image:url(../imagens/logo_kard.png);
	float:left;
}

#site #cabecalho #slogan{
	position:relative;
	margin:0px;
	width:713px;
	height:120px;
	background-image:url(../imagens/slogan_kard.png);
	float:left;
}

#site #conteudo{
	margin:5px 0px 0px 0px;
	width:1000px;
	height:515px;
	float:left;
}

#rodape{
	margin:0px;
	padding:0px;
	width:100%;
	height:14px;
	float:left;
	clear:both;
	font-size:10px;
	text-align:center;
}

/* FIM ÁREAS DO SITE */

/* CONTEÚDO */

/* ---------- ANIMAÇÃO ABERTURA ---------- */

#site #conteudo #apresentacao{
	position:relative;
	margin:5px 0px 0px 0px;
	width:1000px;
	height:460px;
	background-image:url(../imagens/fundo_apresentacao.png);
	float:left;
}

/* ---------- FIM ANIMAÇÃO ABERTURA ---------- */

/* ---------- MENU PRINCIPAL ---------- */

#site #conteudo #menu_principal{
	position:relative;
	margin:0px;
	width:1000px;
	height:50px;
	background-image:url(../imagens/fundo_menu_principal.png);
	float:left;
}

#site #conteudo #menu_principal ul{
	margin:0px;
	padding:13px 0px 13px 0px;
	text-align:center;
	list-style-type:none;
}

#site #conteudo #menu_principal ul li{
	border-right:solid 1px #999;
	display:inline;
}

#site #conteudo #menu_principal ul li a{
	position:relative;
	margin:0px;
	padding:13px 40px 13px 40px;
	text-decoration:none;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#999;
}

#site #conteudo #menu_principal ul li a:hover{
	position:relative;
	margin:0px;
	padding:13px 40px 13px 40px;
	color:#FFF;
}

#site #conteudo #menu_principal ul li a.item_selecionado{
	color:#FFF;
}

/* ---------- FIM MENU PRINCIPAL ---------- */

/* ---------- MENU SECUNDÁRIO ---------- */

#site #conteudo #menu_secundario{
	position:relative;
	margin:5px 0px 0px 0px;
	width:200px;
	height:460px;
	background-image:url(../imagens/fundo_menu_secundario.png);
	float:left;
}

#site #conteudo #menu_secundario ul{
	margin:0px;
	padding:0px;
	text-align:center;
	list-style-type:none;
}

#site #conteudo #menu_secundario ul li{
	width:192px;
	border-bottom:solid 1px #999;
	float:left;
}

#site #conteudo #menu_secundario ul li a{
	position:relative;
	margin:0px;
	padding:20px 0px 20px 0px;
	text-decoration:none;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#999;
	display:block;
}

#site #conteudo #menu_secundario ul li a:hover{
	position:relative;
	margin:0px;
	padding:20px 0px 20px 0px;
	color:#FFF;
}

#site #conteudo #menu_secundario li a.item_selecionado{
	color:#FFF;
}

/* ---------- FIM MENU SECUNDÁRIO ---------- */

/* ---------- BANNERS LATERAIS ---------- */

#site #conteudo #banner_quem_somos{
	position:relative;
	margin:5px 0px 0px 0px;
	width:300px;
	height:460px;
	background-image:url(../imagens/banner_quem_somos.png);
	float:left;
}

#site #conteudo #banner_nossos_servicos{
	position:relative;
	margin:5px 0px 0px 0px;
	width:300px;
	height:460px;
	background-image:url(../imagens/banner_nossos_servicos.png);
	float:left;
}

#site #conteudo #banner_nossos_parceiros{
	position:relative;
	margin:5px 0px 0px 0px;
	width:300px;
	height:460px;
	background-image:url(../imagens/banner_nossos_parceiros.png);
	float:left;
}

#site #conteudo #banner_fale_conosco{
	position:relative;
	margin:5px 0px 0px 0px;
	width:300px;
	height:460px;
	background-image:url(../imagens/banner_fale_conosco.png);
	float:left;
}

#site #conteudo #banner_mensagem_enviada{
	position:relative;
	margin:5px 0px 0px 0px;
	width:300px;
	height:460px;
	background-image:url(../imagens/banner_mensagem_enviada.png);
	float:left;
}

/* ---------- FIM BANNERS LATERAIS ---------- */

/* ---------- DESCRIÇÃO ---------- */

#site #conteudo #descricao{
	position:relative;
	margin:5px 0px 0px 0px;
	width:700px;
	height:460px;
	background-image:url(../imagens/fundo_descricao.png);
	float:left;
}

#site #conteudo #descricao #titulo_descricao{
	position:relative;
	margin:30px 30px 0px 30px;
	width:632px;
	height:45px;
	float:left;
}

#site #conteudo #descricao #conteudo_descricao{
	position:relative;
	margin:0px 30px 30px 30px;
	padding:0px 20px 0px 0px;
	text-align:justify;
	width:632px;
	height:347px;
	overflow:auto;
	float:left;
}

/* ---------- FIM DESCRIÇÃO ---------- */

/* ---------- ÁLBUM ---------- */

#site #conteudo #album{
	position:relative;
	margin:5px 0px 0px 0px;
	width:800px;
	height:460px;
	background-image:url(../imagens/fundo_album.png);
	float:left;
}

#site #conteudo #album #titulo_album{
	position:relative;
	margin:30px 30px 0px 30px;
	width:732px;
	height:45px;
	float:left;
}

#site #conteudo #album #conteudo_album{
	position:relative;
	margin:0px 10px 10px 30px;
	width:752px;
	height:367px;
	overflow:auto;
	float:left;
}

#site #conteudo #album #conteudo_album a img{
	border:none;
}

/* ---------- FIM ÁBUM ---------- */

/* ---------- FORMULÁRIO ---------- */

#site #conteudo #descricao #formulario_contato{
	position:relative;
	margin:0px 0px 30px 30px;
	width:392px;
	height:347px;
	float:left;
}

#site #conteudo #descricao #formulario_contato table{
	margin:0px;
	padding:0px;
}

#site #conteudo #descricao #formulario_contato input{
	width:314px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFF;
	color:#333;
}

#site #conteudo #descricao #formulario_contato input.bt{
	width:auto;
	background:#333;
	color:#999;
}

#site #conteudo #descricao #formulario_contato textarea{
	width:314px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFF;
	color:#333;
}
/* ---------- FIM FORMULÁRIO ---------- */

/* ---------- ENDEREÇO LATERAL FORMULÁRIO ---------- */

#site #conteudo #descricao #endereco{
	position:relative;
	margin:0px 30px 30px 0px;
	padding: 0px 0px 0px 30px;
	width:210px;
	height:347px;
	float:left;
}
/* ---------- FIM ENDEREÇO ---------- */

/* FIM CONTEÚDO */