/*----------------------------------*/
/*---------->>> GLOBAL <<<----------*/
/*----------------------------------*/
body {color:#666; font: normal 12px/18px arial, "lucida console", sans-serif; text-align:justify;}
#wrapper, #header, .search, #principal {margin:0 auto; position:relative; width:1000px;}
a {text-decoration:none; color:#666;}
.floatleft {float:left !important}
.floatright  {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
strong {font-weight:bold;}
.normal {font-weight:normal !important}
.block {display:block !important}
.line { background-color:#666; clear:both; display:block; height:1px; width:100%;}

/*-------------------------------------*/
/*---------->>> CABEÇALHO <<<----------*/
/*-------------------------------------*/
.logo {background:url(../images/logo.jpg) no-repeat scroll 0 0; display:block; height:115px; width:340px; text-indent:-9999px;}
.top-nav {background:url(../images/top_sprite.png) no-repeat scroll 0 0; height:50px; width:660px;}
.top-nav ul {list-style:none; padding:0 0 0 20px;}
.top-nav ul li {float:left;}
.top-nav a {color:#fff; display:block; font-size:16px; line-height:45px; padding:0 20px;}
.top-nav a:hover {color:#ccc;}
.top-nav .carrinho {margin-left:30px;}
.contato {background:url(../images/top_sprite.png) no-repeat scroll 0 -50px; display:block; height:65px; width:380px;}
.contato span {display:block; float:left; margin:35px 0 0 50px; font-size:16px;}
.atendimento {background:url(../images/top_sprite.png) no-repeat scroll -380px -50px; height:65px; width:280px;}


/*------------------------------------------*/
/*---------->>> BARRA DE BUSCA <<<----------*/
/*------------------------------------------*/
.search {background:url(../images/search_bg.png) no-repeat scroll center center; height:55px;}
.search span {font-size:21px; line-height:55px; padding:0 10px 0 40px;}
.search input[type=text] {border:1px double #ccc; color:#999; padding:5px 10px; width:490px;}
.search input[type=submit] {background-color:#e31d27; border:1px solid #c70610; color:#fff; margin:0 5px; padding:4px;}

/*-----------------------------------------------------*/
/*---------->>> BARRA LATERAL DA ESQUERDA <<<----------*/
/*-----------------------------------------------------*/
#sidebar {float:left; width:185px;}

/*-------------------------------------------------*/
/*---------->>> MENU DA BARRA LATERAL <<<----------*/
/*-------------------------------------------------*/
.menu {display:block; height:36px; width:180px; margin:0 0 0 15px; text-indent:-9999px;}
.menu-titulo {display:block; height:36px; width:180px; margin:15px 0 0 15px; text-indent:-9999px;}
.inicial {background: url(../images/menu_sprite.png) no-repeat scroll 0 1px;}
.nobreak {background: url(../images/menu_sprite.png) no-repeat scroll 0 -36px;}
.modulo {background: url(../images/menu_sprite.png) no-repeat scroll 0 -72px;}
.acessorio {background: url(../images/menu_sprite.png) no-repeat scroll 0 -108px;}
.estabilizador {background: url(../images/menu_sprite.png) no-repeat scroll 0 -145px;}
.microsol {background: url(../images/menu_sprite.png) no-repeat scroll 0 -182px;}

/*------------------------------------*/
/*---------->>> CONTEÚDO <<<----------*/
/*------------------------------------*/
#content {float:right; width:800px;}
#content h1 {color:#999; font-size:24px; padding:10px 0 10px 0;}
#content a {text-decoration:underline;}

/*-------------------------------------------------*/
/*---------->>> EXIBIÇÃO DOS PRODUTOS <<<----------*/
/*-------------------------------------------------*/
.produtos ul {}
.produtos li {display:inline-block; float:left; margin:0 0 0 9px; width:150px;}
.produtos li .principal {height:290px;}
.produtos li .comprar {display:block; margin:0 0 20px;}
.produtos li a {color:#333;}
.produtos li .img {border:1px solid #d6e7f1; padding:5px;}
.produtos li:hover .img {border:3px solid #ccc; margin:-2px; padding:5px;}
.produtos span {display:block; font-size:12px; padding:5px 0; text-align:left;}
.preco {color:#cf3418; font-size:14px;}

/*-----------------------------------------------*/
/*---------->>> DETALHES DO PRODUTO <<<----------*/
/*-----------------------------------------------*/
.detalhes-produto {}
.detalhes-produto img {float:right; margin:0 15px; position:relative}
.detalhes-produto img.descontinuado {float:right; margin:0 15px; position:absolute; right:0; top:280px}
.detalhes {width:250px; padding:100px 0 0 100px;}
.detalhes span {display:block; font-size:18px; padding:10px 0; text-align:left;}
.detalhes .comprar {display:block; margin:30px 0 0;}
.descricao {display:block; padding:10px 100px 30px 0;}
.descricao span {display:block; padding:10px 0; font-size:18px;}

/*-------------------------------------------------*/
/*---------->>> FORMULÁRIO DE CONTATO <<<----------*/
/*-------------------------------------------------*/
.form {border:solid 2px #dedede; margin:0 auto 10px; width:570px; padding:14px;}
.form h1 {font-size:18px; font-weight:bold; margin-bottom:8px;}
.form a {color:#444; text-decoration:underline;}
.form p {font-size:12px; margin-bottom:20px; border-bottom:solid 1px #dedede; padding-bottom:10px;}
.form .success {color:#060}
.form .error {color:#f00}
.form label {display:block; font-weight:bold; text-align:right; width:150px; float:left;}
.form .small {color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px;}
.form input, textarea {float:left; width:300px; margin:2px 0 30px 10px; padding:5px;}
.form select {float:left; margin:2px 0 30px 10px; padding:5px;}
.form textarea {height:200px;}
.form button {border:0; clear:both; margin-left:160px; width:125px; height:31px; background:#666 url(../images/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold;}

/*-------------------------------------------------*/
/*---------->>> FORMULÁRIO DE CONTATO <<<----------*/
/*-------------------------------------------------*/
.tipoUsuario {border:solid 2px #dedede; margin:0 auto 10px; width:300px; padding:14px;}
.tipoUsuario h1 {font-size:18px; font-weight:bold; margin-bottom:8px;}
.tipoUsuario label {display:block; font-size:14px; font-weight:bold; padding:5px;}
.tipoUsuario button {border:0; clear:both; margin-left:160px; width:125px; height:31px; background:#666 url(../images/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold;}

/*-----------------------------------------------*/
/*---------->>> FORMAS DE PAGAMENTO <<<----------*/
/*-----------------------------------------------*/
.formaPagamento {border:solid 2px #dedede; margin:0 auto 10px; width:500px; padding:14px;}
.formaPagamento h1 {font-size:18px; font-weight:bold; margin-bottom:8px;}
.formaPagamento p {font-size:12px; color:#f00; margin-bottom:20px; border-bottom:solid 1px #dedede; padding-bottom:10px;}
.formaPagamento label {display:block; font-size:14px; font-weight:bold; padding:5px;}
.formaPagamento button {border:0; clear:both; margin:10px 0 0 350px; width:125px; height:31px; background:#666 url(../images/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold;}

/*----------------------------------*/
/*---------->>> LISTA  <<<----------*/
/*----------------------------------*/
.lista { margin:20px 0 0; width:780px; }
.lista a { color:#666; }
.lista a:hover { text-decoration:underline; }
.lista th { border-bottom:1px dotted #555; color:#555; font-size:12px; font-weight:600; padding:0 15px 5px 15px; text-align:center; vertical-align:middle;}
.lista td { border-bottom:1px dotted #ccc; border-width:1px 0; font-size:12px; padding:10px 0; text-align:center; vertical-align:middle; }
.lista span { display:block;}
.lista input[type="text"] { padding:5px; text-align:center; width:30px;}

/*------------------------------------*/
/*---------->>> CARRINHO <<<----------*/
/*------------------------------------*/
.atualizar{ float:right; margin:10px 40px 0 0; }

/*----------------------------------*/
/*---------->>> RODAPÉ <<<----------*/
/*----------------------------------*/
#footer { border-top:1px solid #ccc; margin:10px; padding:5px 320px 10px; text-align:center; }

/*----------------------------------*/
/*---------->>> TEXTOS <<<----------*/
/*----------------------------------*/

.text { padding:0 20px 20px; }
.text h2 { font-size:16px; font-weight:600; padding:5px;}
.text p { padding:3px 0;}

/*------------------------------------*/
/*---------->>> Cadastro <<<----------*/
/*------------------------------------*/
#cadastro {
	padding:15px;
	margin: 10px 0 0 10px;
	background-color:#f0f0f0;
	text-align: left;
}

#cadastro h2 {
	font-size:15px;
	margin-bottom:10px;
	font-weight:600;
	text-align: justify;
}

#cadastro input[type=text] {
	width:140px;
}

#cadastro input[type=submit] {
	margin:10px 0;
}