/*MODELO WEBSTORM*/

/*CONFIGURAÇÕES GERAIS*/
body {
	margin:0 auto;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background:url(images/bg.gif) repeat-x #200503;


}

a {text-decoration:none; border:none; color:#333}

a:hover{text-decoration:underline;}

input, textArea, select{ 
	background:url(images/bgInput.jpg) repeat-x #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border: 1px solid #d6d6d6;
	padding:0 0 0 4px;
}


#floater{float:left; width:100%}

.paginacao{width:100%; float:left; margin-top:10px;height:20px;padding-top:10px; margin-left:25px;}
.paginacao a{color:#666; padding:2px 5px;border:1px solid #fff}
.paginacao a:hover{border:1px dotted #ccc; color:#666; text-decoration:none}


/*ESQUELETO*/

#geral{width:884px; margin:auto; padding:0 58px; background:url(images/bgCabecalho.jpg) no-repeat center top}

#cabecalho{height:100%}

#direita{width:160px; float:right; margin-left:5px; overflow:hidden; margin-bottom:10px}

#esquerda{width:160px; float:left; margin-right:5px; overflow:hidden; margin-bottom:10px}

#conteudo{float:left; width:100%;}

#rodape{background:url(images/rodape.jpg) no-repeat center #170402; float:left; height:86px; width:100%; margin-top:10px}

  

/*MENU PADRÃO LATERAL*/

#menu{clear:both; z-index:100; width:160px;}

#menu span{display:block; height:100%; cursor: pointer; padding:5px 0}

#menu li{ float:left; width:100%}

#menu a{display:block; padding:5px 0}

#menu a:hover{text-decoration:none}

/*1º N�VEL*/
#menu .containerN1 li span{
	background:url(images/arrow.jpg)  150px 9px  #fff no-repeat;
 	color:#A00;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-left:10px
}
/*2º N�VEL*/
#menu .containerN2 li a{
	color:#333; 
	border-bottom:1px dashed #ccc;
	padding-left:20px;
	width:140px
}
 
#menu .containerN2  li a:hover{	background:#f1f1f1;}

/*3º N�VEL*/
#menu .containerN2 li ul{
	position: absolute;  
	margin:-26px 0px 0px 160px; 
	z-index:200
}

#menu .containerN3{width: 100%;}

#menu .containerN3 li a{
	z-index:100;
	border-bottom:1px solid #D1D1D1; 
	background:#F1F1F1;
	color:#333;
}

#menu .containerN3 li a:hover{background:#DFDFDF}


/*ABAS*/

.tabs-nav{width:640px !important;

padding-left:10px !important
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
    padding: 0;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
	
    /*border-bottom:1px solid #ccc*/
}
.tabs-nav a {
    position: relative;
    top: 1px;
    padding-left: 0;
    color: #aeaeae;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav a:hover{ text-decoration:none; color:#666}

.tabs-nav .tabs-selected a {
    color: #666;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -220px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -109px;
}
.tabs-nav a span {
    padding:10px 10px 8px 19px;
}

.tabs-nav .tabs-selected a span {
    padding-top: 10px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -330px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-container {
    padding: 1em 8px;
    background: none;
}

#abaVitrine{ clear:both; text-align:left; border-top:1px solid #ccc; margin-top:0px}
#abaLancamento{ clear:both; text-align:left; border-top:1px solid #ccc; margin-top:0px}
#abaMaisVendidos{ clear:both; text-align:left; border-top:1px solid #ccc; margin-top:0px}
#abaPromocoes{clear:both; text-align:left; border-top:1px solid #ccc; margin-top:0px}

#abaDescricaoProduto{clear:both; text-align:left; border-top:1px solid #ccc; margin-top:1px}
#abaAvaliacao{clear:both; text-align:left; border-top:1px solid #ccc; margin-top:1px}
#abaTecnologias{clear:both; text-align:left; border-top:1px solid #ccc; margin-top:1px}

.descricaoProd{
	clear:both;
	width:95%;
	margin:10px auto;
}

.relacionadosProd{
	clear:both;
	width:95%;
	margin:0px auto;

}

.loginCliente{
	width:95%;
	margin:20px auto;
}

.formLog{
	width:100% !important;
}

.formLog li{
	width:100% !important;
}

.pagTexto{
	width:95%;
	margin:20px auto;
}

.centralCliente{
	width:90% !important;
	padding:0;
}

.centralCliente li{
	padding:0;
}

.centralCliente li img{
	cursor:pointer;
	padding:0;
}