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

@import "960.css";
@import "../fancybox/jquery.fancybox-1.3.4.css";

* {margin:0; padding:0;}
html, body {background:#fff url(../images/bg-website.jpg) no-repeat center top; font:12px Tahoma, Geneva, sans-serif; color:#666666;}

a img {border:0;}
a {text-decoration:none; cursor:pointer; color:#143f78;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

div.clear,html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}
div.spacer {margin:5px 0; background:none; border:0; clear:both; display:block; float:none; overflow:hidden; visibility:hidden;}

p {line-height:160%; margin-bottom:15px;}
li, dl, dt, dd, span {line-height:170%;}
h1 {font-size:32px; color:#000; font-weight:normal; margin-bottom:10px;}
h2 {font-size:27px; margin-bottom:30px; font-weight:normal;}
h3 {font-size:18px; color:#396397; margin:20px 0;}
h4 {font-size:13px; color:#143f78; margin:20px 0;}
h5 {font-size:11px; padding:10px;}

.azul {color:#396397;}

ul { padding-left:20px;}

    blockquote {border-bottom:#d4d4d4 solid 1px; border-top:#d4d4d4 solid 1px; padding:20px 0; margin:20px 0; display:block; line-height:160%;}
	h2 strong {color:#396397;}
	
	#sitemap { margin-left:25px;}
	#sitemap ul { padding-left:20px;}
	#sitemap li { line-height:180%;}
	
	ul li ul li { list-style-type:circle;}
	
	.erro-login { background:#FAF1F3 url(../images/ico-erro.png) no-repeat 10px 50%; border:#F4D0D1 solid 1px; padding:15px; padding-left:35px;}
	
	.lista { list-style:none; padding:0;}

/*---------------------------------------------
DESTAQUE
---------------------------------------------*/

	#destaque {height:338px; color:#fff;}
	#destaque h1 {color:#fff; margin-top:95px; margin-left:25px; position:absolute; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom:#425974 solid 1px; padding-bottom:10px;}
	#destaque .sombra {margin-top:170px; margin-left:25px; position:absolute; background:url(../images/bg-sombra.png) no-repeat; width:370px; height:95px; padding:15px;}
	
/*---------------------------------------------
FOTOS DESTAQUE
---------------------------------------------*/

	.foto-01 { background:url(../images/destaque/foto-01.jpg) no-repeat; width:960px; height:338px;}
	.foto-02 { background:url(../images/destaque/foto-02.jpg) no-repeat; width:960px; height:338px;}
	.foto-03 { background:url(../images/destaque/foto-03.jpg) no-repeat; width:960px; height:338px;}
	.foto-04 { background:url(../images/destaque/foto-04.jpg) no-repeat; width:960px; height:338px;}
	.foto-05 { background:url(../images/destaque/foto-05.jpg) no-repeat; width:960px; height:338px;}


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

	#menu { background:#143f78; margin-bottom:35px; padding:0; height:45px; font:11px Arial, Helvetica, sans-serif;}
	#menu ul { padding:0;}
	#menu li {float:left; padding:0; margin:0; list-style:none; line-height:45px;}
	#menu li a {display:block; height:45px; color:#fff; padding:0 20px; margin: 0 5px; }
	#menu a:hover, #menu li:hover {background:#0d284c;}

		#menu li ul {background:#0d284c; display:none; position:absolute; z-index:2; margin:0; padding-top:10px;}
		#menu li:hover ul, #menu .ie6hover ul {display:block;}
		#menu li ul li {float:none; background:none; text-indent:0; min-width:152px; padding:0 10px 10px 10px;}
		#menu li ul li a {background:none; color:#fff; text-indent:0; height:auto; padding:5px; font-weight:normal; line-height:10px;}
		#menu li ul li a:hover {color:#618ac0; text-decoration:none; background:none;}

/*---------------------------------------------
TOPO
---------------------------------------------*/
	
	#topo {height:90px; font-family:Tahoma, Geneva, sans-serif; position:relative;}
	#topo .selo { background:url(../images/kaishin-20-anos.png) no-repeat; display:block; width:63px; height:125px; text-indent:-9999px; margin-top:30px; margin-left:20px; position:absolute; z-index:2;}
	#topo .logo {background:url(../images/logo-kaishin.png) no-repeat; display:block; width:226px; height:77px; text-indent:-9999px; margin-top:35px; margin-left:100px; position:absolute; z-index:2;}
	
	#topo .email, #topo .senha { position:absolute; font-size:11px; font-weight:bold;}
	#topo .email {margin:25px 0 0 560px; }
	#topo .senha {margin:25px 0 0 725px; }
	
	#topo #formLogin {margin:40px 0 0 560px; position:absolute;}
	#topo #formLogin fieldset.login{border:none; width:378px; height:24px; background:url(../images/bg-login.gif) no-repeat; }
	#topo #formLogin .login input, .login button {border:none; float:left; }
	#topo #formLogin .login input.boxCod {color:#999; width:142px; height:14px; padding:0; background:none; padding:5px;}
	#topo #formLogin .login input.boxSenha {color:#999; width:142px; height:14px; padding:0; background:none; padding:5px; margin:0 0 0 13px;}
	#topo #formLogin .login button.btnLogin {width:49px; height:24px; cursor:pointer; text-indent:-9999px; background:none; margin-left:12px;}
	#topo a.esqueciSenha {color:#143f78; font-size:11px; position:absolute; margin:68px 0 0 730px;}
	
	#topo .box-acesso {margin:30px 0 0 560px; position:absolute; background:#fff; padding:5px 15px; border:#848586 solid 1px; text-align:right; color:#474747; font-size:11px; line-height:160%; right:0; }
	#topo .box-acesso a { font-weight:normal;}
	#topo .box-acesso strong { margin:0; padding:0; border:none; color:#143f78;}
	
/*---------------------------------------------
CONTEUDO
---------------------------------------------*/
	
	#direita strong { color:#000;}
	#direita .btn-localizacao { background:url(../images/fachada-kaishin.jpg) no-repeat; width:219px; height:161px; text-indent:-9999px; display:block; margin-bottom:15px;}
	#direita .btn-catalogos { background:url(../images/download-catalogos.jpg) no-repeat; width:220px; height:166px; text-indent:-9999px; display:block; margin-bottom:15px;}

	
	.box-contato { border:#7b7b7b solid 1px; margin-top:30px; padding:2px;}
	.box-contato span { margin:0; color:#fff; background:#396397; display:block; padding:10px; text-align:center; margin-bottom:10px;}
	.box-contato p { padding:0 10px;}
	
	table.tabela { text-align:left; width:700px; border:none;}
	table.tabela thead { color:#396397; font-size:18px; line-height:40px;}
	table.tabela tbody td { background:#e1e8f0;}
	table.tabela td {  padding:5px;}
	
	.catalogo ul { padding:0;}
	.catalogo li { float:left; list-style:none; width:200px; height:120px; text-align:center; padding:10px; border-bottom:none; padding-top:25px;}
	.catalogo li img, .catalogo-lista  li img{ margin-bottom:10px; border:#828282 solid 1px;}
	.catalogo-lista li { float:left; list-style:none; width:200px; height:150px; text-align:center; padding:10px; border-bottom:none; padding-top:25px;}
	
	.img-produto { border:#666 solid 1px; margin-bottom:15px;}


/*---------------------------------------------
RODAPÉ
---------------------------------------------*/

	#rodape { background:url(../images/bg-rodape.gif) repeat-x; height:413px; margin-top:35px; font-size:11px; padding-top:15px;}
		#rodape ul strong { color:#fff; border-bottom:#383838 solid 1px; display:block; padding-bottom:5px; margin-top:15px; margin-bottom:5px;}
		#rodape li { list-style:none; padding:2px 0;}
		#rodape ul li a {color:#fff;}
		
		#rodape .copyright { margin-left:35px; margin-top:30px;}
		
		
/*---------------------------------------------
FORMULÁRIOS
---------------------------------------------*/

	form label {display:block; padding: 0px 0px 5px 0px;}
	form input, form select, form textarea {border:#d2caba solid 1px; padding:5px;}
	
	div.error { display: none;}
	input {	border: 1px solid black; }
	input.checkbox { border: none }
	input:focus { border: 1px dotted black; }
	input.error, select.error, textarea.error { border: 1px dotted red; margin-bottom:0;}
	label.error {color:#C00; font-weight:normal; margin-left: 10px;display: inline;}
	
	.formBotao {float: left; height: 30px; margin-bottom: 20px; overflow: hidden; width:100%;}
	.formBotao {height: 30px; margin-bottom: 20px; overflow: hidden; width:100%; display: block;}
	.formBotao input, .formBotao.alt input {background:#396397; border:1px solid #223d5f; color:#fff; cursor: pointer; display:block; float:left; font-size:14px; line-height: 1.3em; margin: 0 7px 0 0; padding: 5px; text-decoration: none; font-weight:bold;}


	ul.tabs {margin:0; padding:0;}
	ul.tabs li {display:block; float:left; padding:0; margin-right:10px;}
	ul.tabs li a {display:block; float:left; padding:0; text-decoration:none;}
	.selected {font-weight:normal;}
	.tab-content {clear:both; padding:0; padding-top:20px;}