* {
	margin:0;
	padding:0;
}

html {
	background: #CCC url(../img/fundo.jpg) top center repeat-x;
	border-top: 4px solid #999;
	text-align: center;
}

body {
	font: 11px Verdana, Arial, Tahoma, sans-serif;
	text-align: left;
	margin: 0 auto;
	width: 900px;
}

hr {
	clear: both;
	visibility: hidden;
}

#loginscreen {
	background: url(../img/loginbg.gif) top left no-repeat;
	width: 100%;
}

ul#userNav {
	list-style: none;
	float: right;
	height: 10px;
}
ul#userNav li {
	background: url(../img/logintab.gif) top left no-repeat;
	float: right;
	padding: 1px 0 20px 0;

}
ul#userNav li a {
	background: url(../img/logintab2.gif) bottom right no-repeat;
	color: #EEE;
	padding: 4px 20px;
	text-decoration: none;
}

a {
	color: #666;
}

a img {
	border:0;
}

div.limpa {
	clear: both;
}

#header {
width: 900px;
text-align: left;
}
#img {
}

	#header ul {
		float: right;
		list-style: none;
		margin-top: -55px;
	}
	
	#header ul li {
		display: inline;
		padding: 0px 15px;
	}
	
	#header ul li a {
		color: #000;
		font-size: 13px;
		font-style: italic;
		text-decoration: none;
	}
	
	#header #menu ul li a {
		text-indent: -9999px;
	}


#conteudo {
	clear: both;
	width: 900px;
}

#login {
	background: #EEE;
	border: 5px solid #EAEAEA;
	margin: 20px;
	padding: 10px;
	width: 300px;
}

	#login p {
		margin-bottom: 10px;
	}
	
	#login form .submit input {
		height: 25px;
		margin: 10px;
		margin-left: 130px;
		width: 60px;
	}
	
	#login form {
		background: #F9F9F9;
		border: 1px dotted #DDD;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	#login #authMessage {
		background: #F60;
		color: #FFF;
		margin: 8px 0;
		padding: 5px;
	}
	
	#login h2,
	h2.titulo {
		color: #F60;
		font: 16px 'Lucida Sans Unicode','Lucida Grande','Verdana', sans-serif;
		margin-bottom: 10px;
	}

/*
** TÍTULO GRANDE
** Título das páginas internas
*/
#titulointerna {
	background: url(../img/titulointerna.jpg) no-repeat;
	height: 65px;
	width: 900px;
}

	#titulointerna h1 {
		color: #FFF;
		font: 36px /*'Myriad Pro',*/'Lucida Sans Unicode','Lucida Grande','Verdana', sans-serif;
		font-weight: lighter;
		letter-spacing: -2px;
		line-height: 65px;
		padding-left: 20px;
	}
	
		#titulointerna h1 span {
			color: #F60;
		}

		#titulointerna h1 a {
			color: white;
			text-decoration: none;
		}
		
			#titulointerna h1 a:hover {
				border-bottom: 2px solid #AAA;
			}

p.warning {
	background: #C00;
	color: #FFF;
	font-size: 20px;
	padding: 20px;
}

/*
** VINHETA
** Foto principal
*/
#vinheta {
	border-bottom: 6px solid #CCC;
	padding:0;
	margin:0;
}

/*
** PÁGINAS
** Páginas em Geral
*/

#pagina {
	background: url(../img/fundo.pagina.gif) repeat-y;
	width: 100%;
}

/*
** PÁGINAS
** Coluna do texto
*/
#pagina #texto {
	float: left;
	padding: 20px 0;
	width: 619px;
}
	
	#pagina h2 {
		border-bottom: 1px solid #EEE;
		clear: both;
		color: #F60;
		font: 20px 'Lucida Sans Unicode','Lucida Grande','Verdana', sans-serif;
		margin-bottom: 20px;
		padding: 0 20px 10px 20px;
	}
	
	#pagina #texto ol {
		margin-left: 40px;
		margin-bottom: 20px;
		width: 500px;
	}

	#pagina #texto ul {
		list-style: square;
		margin-left: 20px;
		margin-bottom: 20px;
		padding-left: 15px;
		width: 500px;
	}

		#pagina #texto ul li, #pagina #texto ol li {
			color: #000;
			margin-bottom: 6px;
		}
	
	#pagina h3 {
		color: #F90;
		clear: both;
		font: 16px 'Lucida Sans Unicode','Lucida Grande','Verdana', sans-serif;
		margin-bottom: 20px;
		padding: 0 20px 0 20px;
	}
	
	#pagina strong {
		color: #666;
	}
	
	#pagina h4 {
		color: #666;
		font: 14px 'Lucida Sans Unicode','Lucida Grande','Verdana', sans-serif;
		margin-bottom: 20px;
		padding: 0 20px 0 20px;
	}
	
	#pagina p {
		font-size: 11px;
		line-height: 25px;
		padding: 0px 20px;
		margin-bottom: 20px;
	}
	
	#pagina blockquote {
		background: #F9F9F9;
		border-width: 1px 0 1px 0;
		border-color: #CCC;
		border-style: dotted;
		color: #F60;
		font-size: 13px;
		font-style: italic;
		float: left;
		padding: 10px;
		margin: 5px 20px;
		width: 120px;
	}
	
/*
** PÁGINAS
** Coluna lateral
*/
#pagina #sidebar {
	background: url(../img/fundo.sidebar.gif) top right no-repeat;
	float: right;
	min-height: 430px;
	padding: 20px;
	width: 240px;
}

	#pagina #sidebar h4 {
		color: #F60;
		font-size: 15px;
		margin-bottom:5px;
		padding:0;
	}
	
	#pagina #sidebar h4 span {
		background: #F60;
		color: #FFF;
		font-size: 9px;
		padding: 1px 3px;
		text-transform: uppercase;
	}
	
	#pagina #sidebar ul {
		list-style: none;
		margin:0;
		margin-bottom: 15px;
	}
	
		#pagina #sidebar ul li {
			border-bottom: 1px solid #CCC;
			padding: 5px 0;
		}
		
			#pagina #sidebar ul li a {
				font-size: 11px;
				text-decoration: none;
			}

				#pagina ul li a:hover {
					color: #000;
				}

			#pagina #sidebar ul li span {
				color: #AAA;
				display: block;
				font-size: 9px;
			}
	
	#pagina #sidebar address {
		color: #666;
		font-style: normal;
		line-height: 16px;
		margin-bottom: 25px;
	}
	
	#pagina #sidebar span.telefone {
		color: #444;
		display: block;
		font-size: 15px;
	}
	
	#pagina #sidebar div.telefone {
		margin-bottom: 25px;
	}
	
	#pagina #sidebar a.seemore {
		background: url(../img/icon.more.gif) 0 3px no-repeat;
		color: #888;
		display: block;
		font-size: 11px;
		height: 20px;
		line-height: 20px;
		text-decoration: none;
		padding-left: 18px;
		width: 130px;
	}
	
		#pagina #sidebar a.seemore:hover {
			background-position: 0 -25px;
			color: #444;
		}

#sidebar ul.pr * {
	border:0 !important;
	margin:0 !important;
}

	ul.pr li {
		color: #F60;
		font-weight: bold;
	}
	
		ul.pr li ul li {
			font-weight: normal;
		}
		
			ul.pr li ul li a {
				display: block !important;
				padding: 1px 0 !important;
			}

/*
** PAGINAS
** Navegação inferior
*/
#pagina .navigation {
	border-top: 1px solid #EEE;
	padding: 10px 20px 0 20px;
	width: 580px;
}

	#pagina .navigation a {
		display: block;
		color: #F60;
		text-decoration: none;
	}

	#pagina .navigation .next {
		float: right;
		width: 250px;
	}
	
		#pagina .navigation .next a {
			background: url(../img/arrow.next.gif) right 4px no-repeat;
			padding-right: 10px;
			text-align: right;
		}
	
	#pagina .navigation .prev {
		float: left;
		width: 250px;
	}
	
		#pagina .navigation .prev a {
			background: url(../img/arrow.prev.gif) left 4px no-repeat;
			padding-left: 10px;
			text-align: left;
		}

	

/*
** CLIENTES
** Grupos de clientes
*/

.bloco_cliente {
	background: #EFEFEF;
	border-bottom: 1px solid #CCC;
	margin: 0 20px 20px 20px;
	padding: 10px;
	width: 550px;
}

	.bloco_cliente h3 {
		padding:0 !important;
	}
	
/*
** RODAPÉ
** Rodapé da página, endereço e créditos
*/

#rodape {
	background: #333;
	clear: both;
	height: 80px;
	padding: 15px 0px 15px 15px;
}

	#rodape address {
		background: url(../img/logofooter.gif) no-repeat;
		color: #999;
		height: 60px;
		font-size: 10px;
		font-style: normal;
		padding-left: 50px;
	}
	
		#rodape address span {
			display: block;
			float: left;
			height: 60px;
			width: 270px;
		}
	
	#rodape .codebrasil {
		float: right;
		padding-right: 10px;
		padding-top: 20px;
	}

/*
** FORMULÁRIOS
** Formatação Geral
*/
form div.input {
	clear: both;
	padding: 7px 0;
}

	form div.input label {
		display: block;
		float: left;
		line-height: 25px;
		padding-right: 10px;
	}
	
	form div.input input,
	form div.input textarea {
		background: url(../img/contact.input.gif) repeat-x;
		border: 1px solid #CCC;
		font-size: 13px;
		padding: 4px;
	}
	
	form div.input input:focus,
	form div.input textarea:focus {
		border-color: #F60;
	}

/*
** FORMULÁRIOS
** Formatação de Login
*/
form#UserLoginForm {
}
	
	form#UserLoginForm div.input input {
		width: 150px;
	}
	
	form#UserLoginForm div.input label {
		text-align: right;
		width: 120px;
	}

/*
** FORMULÁRIOS
** Formatação de Contato
*/
form#ContactAddForm {
	margin-left: 20px;
}
	form#ContactAddForm div.input input {
		width: 250px;
	}
	
	form#ContactAddForm div.input textarea {
		width: 300px;
	}
	
	form#ContactAddForm div.input label {
		text-align: right;
		width: 125px;
	}

	form#ContactAddForm div.submit input {
		background: url(../img/contact.button.gif) no-repeat;
		border: 0;
		float: left;
		line-height: 0;
		margin-left: 135px;
		text-indent: -9999px;
		height: 24px;
		width: 55px;
	}
	
	form#ContactAddForm div.submit input:hover {
		background-position: 0 -24px;
	}
	
/*
** FORMULÁRIOS
** Formatação de Registro de Usuário
*/
	
	div#register {
		padding: 25px;
	}
	
	div#register h2 {
		border-bottom: 3px solid #EEE;
		width: 400px;
	}
	
	form#UserRegisterForm div.input label {
		text-align: right;
		width: 165px;
	}
	
	form#UserRegisterForm div.input input {
		float: left;
		width: 190px;
	}
	
	form#UserRegisterForm div.submit input {
		clear:both;
		display: block;
		padding: 3px;
		margin-left: 180px;
	}
	
	div.error-message {
		background: #F60 url(../img/formbubble.gif) left top no-repeat;
		color: #FFF;
		float: left;
		padding: 6px;
		text-indent: 10px;
		width: 340px;
	}
	
	.form-error {
		border-color: red;
	}
	

/*
** FORMULÁRIOS
** Validação do Formulário de Registro de Usuário
*/
	
/*
** RECEITAS
** Lista todas as receitas
*/

#pagina #texto ul#recipes {
	list-style: none;	
}

#pagina #texto ul#recipes li {
	border-bottom: 1px solid #EEE;
	padding: 15px 0;
}

#pagina #texto ul#recipes li span {
	color: #AAA;
}

#pagina #texto ul#recipes li a {
	color: #F60;
	display: block;
	font-size: 16px;
}

#pagina #texto ol {
	padding-left: 25px;
	margin-left: 20px;
}

/*
** DOWNLOADS
** Página de downloads
*/
	

div.filedesc {
	padding: 15px;
}

div.filedescription {
	float: right;
	width: 380px;
}

div.filedownload {
	background: #EEE;
	float: left;
	padding: 10px;
	width: 170px;
}

	p.filename {
		background: #EEE;
		display: block;
		line-height: 14px !important;
		padding: 0 !important;
	}
	
		p.filename strong {
			display: block;
			margin-bottom: 10px;
		}
		
		p.filename span {
			display: block;
		}
		
			p.filename span img {
				float: left;
				margin-right: 5px;
			}
	
	a.download {
		background: url(../img/downloadbutton.png) no-repeat;
		display: block;
		height: 52px;
		overflow: auto;
		text-indent: -9999px;
		width: 163px;
	}
	
#downloads {
	margin-left: 20px;
	width: 560px;
}

	#downloads thead th,
	#downloads tbody th,
	#downloads tbody td {
		padding: 3px;
	}
	
	#downloads tbody th {
		padding: 5px;
		text-align: center;
		width: 25px;
	}
	
	#downloads tbody tr.highlight td,
	#downloads tbody tr.highlight th {
		background: #EFEFEF;
	}
	
#produto {
	padding: 0 20px;
}
	
	#produto h5 {
		border-bottom: 2px solid #EEE;
		color: #999;
		font-size: 13px;
		margin-bottom: 5px;
		padding: 5px 0;
		margin-top: 15px;
		width: 340px;
	}
	
	#produto .fotos {
		float: left;
		width: 220px;
	}
	
	#produto img {
		border: 3px solid #EEE;
		margin-bottom: 15px;
	}
	
	#produto .info {
		float: right;
		width: 350px;
	}
	
		#produto .info h3,
		#produto .info h4 {
			margin: 0;
			padding: 0;
		}
		
		#produto .info h3 {
			font-size: 20px !important;
			margin-bottom: 15px;
		}
		
		#produto .info p {
			color: #666;
			padding: 0;
		}
		
		#produto .info ul {
			list-style: none !important;
			margin: 0!important;
			padding: 0!important;
			width: 340px !important;
		}
		
		#produto .info ul li {
			border-bottom: 1px solid #CCC;
			color: #666 !important;
			clear: both;
			line-height: 25px;
			margin: 0 !important;
		}
		
		#produto .info ul li ul {
			float: right;
			margin-top: -20px !important;
			width: 150px !important;
		}
		
			#produto .info ul li ul li {
				border: 0;
				font-weight: bold;
				line-height: 15px;
			}
		
		#produto ul.accessories {
			display: block;
			margin-left: 15px !important;
			margin-top: 10px !important;
		}	
		
		#produto ul.accessories li {
			border-bottom: 0 !important;
			line-height: 16px;
			list-style: square;
		}
		
		#produto ul.accessories li small {
			color: #F90;
			font-weight: bold;
		}
		
		#produto .accessoriesshop {
			font-size: 10px;
			line-height: 10px !important;
		}
		
			#produto .accessoriesshop input {
				border: 1px solid #CCC;
				float: left;
				padding: 1px;
				margin: 8px 8px 0 0;
				width: 20px;
			}
			
			#produto .accessoriesshop input:hover {
				border-color: #F60;
			}
			
			#produto .accessoriesshop span {
				display: block;
				font-weight: bold;
				margin-top: -10px;
			}
		
		#produto select {
			padding: 1px;
			width: 140px;
		}
			
	#produto div.price {
		background: #999;
		color: #FFF;
		font: 13px 'Lucida Sans Unicode','Lucida Grande','Verdana','Arial',sans-serif;
		font-weight: bold;
		margin-top: 15px;
		padding: 10px;
		width: 170px;
	}
	
	#produto div.price span {
		border-bottom: 1px solid #EEE;
		display: block;
		font-size: 30px;
		font-weight: bolder;
		margin-bottom: 7px;
		padding-bottom: 7px;
		letter-spacing: -3px;
	}
	
	#produto div.price a.bt,
	#produto input.bt
	{
		background: url(../img/bt.comprar.png);
		border:0;
		display: block;
		height: 30px;
		outline: none;
		text-indent: -9999px;
		width: 105px;
	}
	
	#produto input.bt {
		margin-top: 9px;
	}
	
	#produto div.price .qtd {
		float: left;
		padding:0;
		margin-right: 10px;
		text-align: center;
		width: 50px;
	}
	
	#produto div.price .qtd div {
		margin:0;
		padding:0;
	}
	
	#produto div.price .qtd label {
		font-size: 10px;
		font-weight: lighter;
		line-height: 12px;
		padding:0;
		width: 30px;
	}
	#produto div.price .qtd input {
		font-size: 9px;
		height: 15px !important;
		padding: 0 2px;
		text-align: center;
		width: 40px;
	}

ul#produtos,
ul.listsubcats {
	list-style: none !important;
	margin-left: 5px !important;
	width: 610px !important;
}

ul#produtos li,
ul.listsubcats li {
	color: #888 !important;
	float: left;
	margin-right: 5px;
	padding: 0 15px 15px 0;
	width: 270px;
}

	ul#produtos .prodimg,
	ul.listsubcats .prodimg {
		display: block;
		width: 250px;
		text-align: center;
	}

	ul#produtos .proddesc,
	ul.listsubcats .proddesc {
		display: block;
	}
	
	ul#produtos a,
	ul.listsubcats a {
		color: #666;
		display: block;
		font-size: 15px;
		padding: 5px 0 0 0;
		text-decoration: none;
	}

	ul.listsubcats li.odd a {
		color: #999;
	}
	
	ul.listsubcats li a:hover {
		color: #F60 !important;
	}
	
	.prgroup {
		margin-bottom: 15px;
	}
	
#subcategoryinfo * {
	margin:0!important;
	padding:0!important;
}

	#subcategoryinfo {
		border-bottom: 1px solid #DDD;
		margin-bottom: 15px;
		padding-left: 15px;
		height: 200px;
	}
	
	#subcategoryinfo img {
		float: left;
		margin-right: 10px !important;
	}
	
	#subcategoryinfo div {
		float: left;
		width: 270px;
	}
		#subcategoryinfo strong {
			color: #444 !important;
		}
		
		#subcategoryinfo div p {
			color: #444;
			line-height: 20px !important;
		}
	
	#subcategoryinfo h3 {
		font-size: 25px;
		margin-bottom: 10px !important;
	}
	
h4.conheca {
	border-bottom: 1px solid #CCC;
}

/**
 * PÁGINA /pages/about-us
*/
	#pagina p.destaque {
		background: #EEE;
		color: #666;
		font-size: 15px;
		margin: 20px;
		padding: 20px;
	}

/**
 * PÁGINA /support/index
 */
table#assistencia {
	border-collapse: collapse;
	margin-left: 20px;
	width: 550px;
}
	table#assistencia thead th {
		border-bottom: 0!important;
		background: #999;
		color: #FFF;
	}
	
	table#assistencia td,
	table#assistencia th {
		border-bottom: 1px solid #CCC;
		padding: 6px;
	}
	
	#TecnicaForm {
		background: #EEE;
		margin-left: 20px;
		padding: 20px;
		width: 530px;
	}
	
	#TecnicaForm label {
		display: block;
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	#TecnicaForm select {
		display: block;
		padding: 4px;
		width: 300px;
	}