/*  
     Theme Name: Cadeira barata
     Theme URI: http://www.cadeirabarata.com.br
     Description: Cadeira barata
     Version: 1.0
     Author: Brtem
     Author URL: http://www.www.brtem.com.br

	 *****************************************
	 *			TABELA DE CONTEÚDOS          *
	 *****************************************
	 *		1. Reset CSS                     *
	 *		2. Estilos padrão                *
	 *		3. Estrutura                     *
	 *		4. Barra de navegação            *
	 *		5. Principal (conteúdo)          *
	 *		5. Lateral esquerda              *
	 *		5. Lateral direita               *
	 *		6. Rodapé                        *
	 *		7. Titulos                       *
	 *****************************************		

*/

/********************************************
			1 - RESET CSS
*********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family: Arial, Helvetica, sans-serif;border:0;outline:0;font-size:100%;background:none;margin:0;padding:0;}body{line-height:normal;}ol,ul{list-style-type: none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/********************************************
			2 - ESTILOS PADRÃO
*********************************************/

	body {
		background-color: #f3f3f1;	
		color: #000;
		font-size: 76%;
	} a:link, a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #fe0000;		
	} a:active, a:hover {
		text-decoration: underline;
	} h1 {
		font-size: 2.0em;
		font-weight: normal;
	} h2 {
		font-size: 1.7em;
/*		margin: 1.2em 0em 1.2em 0em; */
		font-weight: normal;
	} h3 {
		font-size: 1.4em;
/*		margin: 1.2em 0em 1.2em 0em; */
		font-weight: normal;
	} h4 {
		font-size: 1.2em;
/*		margin: 1.2em 0em 1.2em 0em; */
		font-weight: bold;
	} h5 {
		font-size: 1.0em;
/*		margin: 1.2em 0em 1.2em 0em; */
		font-weight: bold;
	} h6 {
		font-size: 0.8em;
/*		margin: 1.2em 0em 1.2em 0em; */
		font-weight: bold;
	} img {
		border: 0;
	} ol, ul, li {/*
		list-style: none;*/
		font-size: 1.0em;
		line-height: 1.8em;
/*		margin-top: 0.2em;
		margin-bottom: 0.1em; */
	} p {
		font-size: 1.0em;
		line-height: 1.8em;
		text-align: justify;
/*		margin: 1.2em 0em 1.2em 0em; */
	} li > p {
		margin-top: 0.2em;
	} pre {
		font-family: monospace;
		font-size: 1.0em;
	} strong, b {
		font-weight: bold;
	}
	
.formulario {
	width:96%;
	margin:auto;
}

.formulario legend {
	font-size:12px;
	font-weight:700;
	margin:0;
	padding:0;
}

.formulario fieldset {
	border:1px solid #ccc;
	padding:0 1em 1em;
}

.formulario textarea, .formulario input[type='text'], .formulario select {
	border:1px solid #ccc;
	background-color:#fff;
}

.formulario textarea, .formulario input, formulario select, .formulario option { padding:2px; 	background-color:#fff;
 }

.formulario div {
	margin-bottom:4px;
	line-height:normal;
	padding:2px;
}

.formulario button { padding:0.3em 0.5em; }

.formulario p {
	font-size:12px;
	margin:5px 5px 5px 0;
}

.formulario label {
	font-size:12px;
	text-align:left;
	padding:2px;
}
	
	
/********************************************
			3 - ESTRUTURA
*********************************************/

	#tudo {
		width: 980px;
		background-color: #FFF;
		margin: 0 auto;	
	}
	
		#topo {
			height: 238px; /* inclui a barra do menu */
		}
		
			#cadeirabarata {
				width: 176px;
				height: 199px;
				float: left;
			}
		
			#flashtopo, #flash { /* apenas o flash */
				height: 199px;
				width: 628px;
				float: left;
			}
			
			#navsistema {
				background-image: url(../imagens/cadeira-menu.jpg);
				background-repeat: no-repeat;	
				width: 176px;
				height: 199px;
				float: right;	
			}
		
			#barramenu {
				clear: both;
				width: 980px;
				height: 39px;
			}

				#menu {
					width: 630px;
					margin: 0 auto;
				}
			
		#meio {
			clear: both;
			overflow: auto;
			background-color: #e0dfdf;	
		}
		
			#conteudo {
				float: left;
				width: 628px;
				background-color: #f3f3f1;				
			}
			
				#home, #empresa, #contato, #lancamentos, #promocoes, #produto, #comocomprar, #meuspedidos, #meupedido, #login, #cadastro {
					width: 606px;
					background-color: #fff;				
					margin: 8px auto 0 auto;
				}
				
					#contato td {
						padding: 5px;
						background-color: #f9f9f9;
					}
					
					#comocomprar ol, #meupedido ol {
						list-style-type:decimal;
						margin:0 30px;
						padding-left:30px;
						line-height:1.2em;
						text-align: left;
					}
					
					#comocomprar ol li, #meupedido ol li{
						text-align: left;
					}
					
					#comocomprar .pagseguro {
						float:left;
						margin-right:3px;
						margin-left:8px;
					}
				
				#dados {
					border-right: 3px solid #b9b9b9;
					border-left: 3px solid #b9b9b9;
					border-bottom: 3px solid #b9b9b9;
					padding: 5px;
				}
			
			#direita {
				float: right;
				width: 176px;
			}
			
			#esquerda {
				float: left;
				width: 176px;
			}
		
				.sidebar { /* tanto esquerda quanto direita*/
					margin: 0 5px;
					background-color:#FFF;
					border-right: 3px solid #b9b9b9;
					border-left: 3px solid #b9b9b9;
					border-bottom: 3px solid #b9b9b9;
					
				}

		#rodape {
			clear: both;
			text-align:center;
		}

/********************************************
			4 - BARRA DE NAVEGAÇÃO
*********************************************/
	#barramenu {
		background-image: url(../imagens/barra-menu.jpg);
		background-repeat: no-repeat;	
	}
	
	#menu {
		
	}

	#menu ul {
		
	}
	
	#menu ul li {
		margin: 2px 8px;
		float: left;
		width: 110px;
		text-align: center;
	}
	
	#menu ul li a:link, #menu ul li a:visited {
		display: block;
		padding: 0 0px;
		height: 34px;
		line-height: 34px;
		vertical-align: middle;
		background-image:url(../imagens/botao-menu2.png);
		background-repeat: no-repeat;
		color: #333;
	}

	#menu ul li a:active, #menu ul li a:hover {
		background-image:url(../imagens/botao-menuhover2.png);
		background-repeat: no-repeat;
		color: #fe0000;
	}
	
	/***** NAV SISTEMA *****/
	
	
/********************************************
			5 - PRINCIPAL (conteúdo)
*********************************************/



/********************************************
			6 - LATERAL (esquerda)
*********************************************/

	#esquerda {
			background-color: #e0dfdf;	
	}



/********************************************
			7 - LATERAL (direita)
*********************************************/

	#direita {
			background-color: #e0dfdf;			
	}
	
	#direita .prodpromo, .foto {
		text-align: center;
	}
	
	#direita .prodpromo {
		border-bottom: 3px solid #b9b9b9;
	/*NÃO MEXER*/
		padding: 3px 0;
		background-color:#FFF;
	}


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

#rodape {
	background-color: #f3f3f1;
}

#rodape p {
	text-align: center;	
}

#rodape a:link, #rodape a:visited {
	font-weight: normal;	
}

#rodape a:active, #rodape a:hover {
	
}

/********************************************
			8 - TITULOS
*********************************************/
	
	h1 {
		width: 606px;
		height: 40px;
		text-indent: 2em;
		font-size: 12px;
		text-transform: uppercase;
		background-repeat: no-repeat;
		line-height: 40px;
		vertical-align: middle;
		font-family: "Comic Sans MS", cursive;
		font-weight: bold;
	}

	#home h1 {
		background-image: url(../imagens/h1.jpg);
	}
	
	#produto h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#lancamentos h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#promocoes h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#contato h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#empresa h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#comocomprar h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#meupedido h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#meuspedidos h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#login h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#cadastro h1 {
		background-image: url(../imagens/h1.jpg);
	}

	#esquerda .produtos, #direita .promocoes {
		margin: 8px 5px 0 5px;
		text-indent: -9999px;
		width: 166px;
		height: 40px;
		background-color: #e0e0e0;
		background-repeat: no-repeat;
	}

	#esquerda .produtos {
		background-image: url(../imagens/produtos.jpg);
	}
	
	#direita .promocoes {
		background-image: url(../imagens/promocoes.jpg);
	}
	
	#imagemxx a, #imagemxx a:hover {
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		color: #666;
	}