@charset "iso-8859-1";
/* CSS Document */

body{margin:0; padding:0; background-color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#CCC;}

/*LINKS*/
a{text-decoration:none;outline:none;color:#CCC;}
/*LINKS*/

/*títulos*/
#label{width:auto;height:auto;background-color:transparent; font-weight:bold;text-align:left;font-size:18px;border-left:#CC9933 solid 5px;border-bottom:#CC9933 solid 5px;margin:0 0 15px 0;text-transform:uppercase;}
/*títulos*/

/*INTRO DO SITE*/
#intro{width:337px;height:400px;top:50%;left:50%;position:absolute;margin:-200px 0 0 -168px;}

#intro p{margin-top:30px;}
/*INTRO DO SITE*/

/*CONTEÚDO GERAL*/
#geral{width:800px; height:auto; margin:0 auto; padding:0;}

/*DIV TOPO*/
#topo{width:800px; height:140px;}
#marca{float:left; margin-top:10px;}
#menu{float:right;}
#menu ul{padding:0px; margin:40px 0 0 0;}
#menu ul li{list-style:none; display:inline; font-size:16px; padding:29px; margin-left:-26px;}
#menu a{color:#CCC;font-size:18px;}
#barraMenu{width:580px; height:26px; background-color:#1E1E1E; float:right; padding-top:4px; margin-top:5px; }
#barraMenu ul{margin:0px; padding:0px; float:left; margin-left:20px; *margin-left:15px;}
#barraMenu ul li{list-style:none; display:inline; padding:17px;}
#barraMenu ul li.ultimo{padding-left:30px;}
#barraMenu a{font-size:12px;color:#CCC;}
.inputBusca{width:100px; background-color:#000; color:#FFF; border:solid 1px #1E1E1E;}
.botaoBusca{color:#1E1E1E3;border:solid 1px #1E1E1E;background-color:#CC9933;font-weight:bold;width:30px;text-align:center;}
/*FIM DIV TOPO*/

/*DIV SLIDES*/
#slides1{width:400px; height:335px;float:left;}
#slides2{width:400px; height:335px;float:right;}
/*FIM DIV SLIDES*/

/*Menu Rodape*/
#barra2{width:800px; height:140px; background-color:#1E1E1E;float:left;font-size:12px;}
#container1{width:800px; height:140px; background-color:#1E1E1E;}
#barraInterna{margin:20px auto;width:750px;height:100px;}
#internaEsquerda{float:left;width:240px;height:100px;font-size:12px;}
#internaEsquerda p {margin:0;color:#C93;font-size:18px;}
#internaEsquerda a{color:#C93;}
#internaCentro{float:left;width:240px;height:100px;font-size:12px;margin-left:0;}
#internaCentro p{margin:0;color:#CCC;font-size:18px;}
#internaDireira{float:right;width:240px;height:100px;font-size:12px;word-wrap:break-word;}
#internaDireira p{margin:0;color:#C93;font-size:18px;}
#internaDireira a.titulo{color:#C93;}
#internaDireira a{color:#CCC;}
/*FIM Menu Rodape*/

/*RODAPE*/
#barraDivisoria{background-color:#000;float:left;width:800px;height:20px;}
#rodapeGeral{width:800px; height:30px; float:left; background-color:#141414;line-height:30px;font-size:12px;}
#rodapeEsquero{float:left;margin-left:10px;}
#rodapeDireito{float:right;margin-right:10px;}
/*RODAPE*/

/*FIM CONTEÚDO GERAL*/

/*LOGIN*/
#topoLogin{float:right;width:129px;height:111;}
#login{float:left;background-color:#1E1E1E;width:100%;height:150px;text-align:center;border-top:#960 solid 4px;border-bottom:#960 solid 4px;color:#CCC;font-size:14px;font-weight:bold;top:50%;margin-top:-75px;position:absolute;}
.tabelaLogin{margin:50px auto;}
/*LOGIN*/

/*SAC*/
#contato{width:450px;margin:0 auto;text-align:left;}
#fraseContato{width:800px;text-align:left;float:left;}
.input{border:#FFF solid 1px;background-color:#1E1E1E;color:#FFF;}
/*SAC*/

/*Onde Encontrar*/
#enderecos{width:800px;float:left;margin:0;min-height:300px;color:#FFF;text-align:left;margin:0;padding:0;}
#enderecos ul{list-style:none;width:auto;padding:0;margin:0;}
#enderecos li{list-style:none;text-align:left;margin:0 0 15px 0;padding:0;}
#enderecos b{color:#CC9933;}
/*Onde Encontrar*/

/*Novidades*/
#novidadeGeral{float:left width:800px; height:auto;}
#tituloNovidade{background-color:#1E1E1E;width:800px;height:27px;line-height:30px;margin:0;border-left:#C93 solid 3px;}
#conteudoNovidade{background-color:#1E1E1E;width:800px;height:auto;border-left:#CCC solid 3px;border-bottom:#CCC solid 3px;margin:0;*margin-top:5px;word-wrap:break-word;}
#conteudoNovidade p{margin:5px 0 0 5px;}
#novidadeGeral2{float:left;width:350px;height:150px;margin:10px 0 0 35px;}
#tituloNovidade2{background-color:#1E1E1E;width:350px;height:27px;line-height:30px;0;border-left:#C93 solid 3px;color:#CCC;}
#tituloNovidade2 a{color:#CCC;}
#conteudoNovidade2{background-color:#1E1E1E;width:350px;height:100px;border-left:#CCC solid 3px;border-bottom:#CCC solid 3px;word-wrap:break-word;color:#CCC;*margin-top:5px;}
#conteudoNovidade2 p{margin:5px 0 0 5px;}
/*Novidades*/

/*Produtos*/
#produtoGeral{float:left;width:800px;height:auto;min-height:300px;}
#produtoMenu{float:left;text-align:left;width:115px;border:solid 5px #141414;background-color:#1E1E1E;height:auto;}
#produtoMenu ul{font-weight:bold;color:#CCC;text-decoration:none;margin:15px 0 0 -35px;*margin:15px 0 0 5px;color:#C93;height:auto;}
#produtoMenu li{color:#CCC;text-decoration:none;list-style:none;margin:5px 0 0 0;width:100%;}
#produtoMenu li a{color:#CCC;width:100%;}
#produtos{float:right;width:675px;height:auto;}
.produto{float:left;width:305px;height:250px;margin:0 0 0 32px;}
.tituloProduto{width:100%;height:auto;text-align:left;margin:0 0 10px 15px;}
.tituloProduto a{color:#CCC;}
.fotoProduto{width:auto;heigh:100px;margin:0 0 10px 60px;}
.fotoProduto a{color:#CCC;}
.fotoProduto img{border:#1E1E1E solid 5px; }
.descricaoProduto{width:315px;text-align:left;word-wrap:break-word;margin:0 0 0 5px}
.descricaoProduto a{color:#CCC;}
#paginacaoProduto{width:675px;height:20px;text-align:center;float:right;}
#semProduto{width:443px;height:24px;position:absolute;*position:relative;left:50%;margin-left:-221px;margin-top:24px;}
/*Produtos*/

/*Detalhes produto*/
#detalheProduto{float:left;width:675px;height:auto;}
#nomeProduto{width:100%;height:auto;text-align:left;margin:0 0 0 15px;font-weight:bold;}
#fotoProduto{width:650px;height:auto;text-align:left;margin:10px 0 0 15px;border:0;}
#descricaoProduto{width:680px;height:auto;margin:10px 0 10px 15px;word-wrap:break-word;}
/*Detalhes produto*/

/*Video do produto*/
#videoProduto{height:auto;width:650px;margin:0 0 0 20px;}
/*Video do produto*/

/*PAginação*/
.paginacaoSelecionada{color:#C93;font-weight:bold}
.paginacaoDirecao{color:#CCC;font-weight:bold}
.paginacaoNula{color:#CCC}
/*Paginação*/

/*EMPRESA*/
#empresa{color:#CCC;text-align:left;}

#empresa p{margin:0 0 15px 0;padding:0;}

#empresa li{margin:15px 0 0 0;	}

#empresa b{color:#CC9933;	}
/*EMPRESA*/

/*BOTOES DE FORMS*/
.botaoImput{color:#1E1E1E3;border:solid 1px #1E1E1E;background-color:#CC9933;font-weight:bold;width:auto;text-align:center;margin-top:5px;color:#000}
/*BOTOES DE FORMS*/

/*Link Planneta Web*/
#linkPlannetaWeb{width:100%;height:30px;text-align:right;float:left;font-size:12px;background-color:#000;}
#linkPlannetaWeb a{width:auto;height:15px;margin:0 10px 0 0;line-height:20px;}
/*Link Planneta Web*/

/*galeria de fotos dos produtos*/
div#container {
	overflow: hidden;
	width:650px;
	margin:15px 0 15px 0;
}
div.content {
	display: none;
	clear: both;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
	margin-top: 5px;
	height: 23px;
	width:650px;
}
div.controls a {
	padding: 5px;
	color:#CC9933;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.slideshow{width:650px;height:350px;border:#FFF solid 2px;margin:0 0 0 3px;width /*\**/:645px\9;}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 650px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	height:350px;
	margin:0;
	padding:0;
	border:0;
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	width:650px;
	height:350px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(img/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	left: 0;
	width:650px;

	height:350px;

	border:0;
}
div.slideshow a.advance-link {
	display: block;
	/*line-height: 502px;*/ /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
	width:656px;
	height:350px;
	border:0;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	/*border-style: solid;
	border-width: 1px;*/
	width:650px;
	height:350px;
	margin:0;
	padding:0;
	border:0;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 334px;
}

div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	display: block;
	border:3px solid #1E1E1E;
}
a.thumb:focus {
	outline: none;
	border:3px solid #CC9933;
}
a.thumb:hover{
	outline: none;
	border:3px solid #CC9933;	
}
ul.thumbs img {
	border: none;
	display: block;
	width:75px;
	height:75px;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	/*padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;*/
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	/*padding: 5px 0 3px 2px;*/
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

/**/