/* aaa */
/********* CSS PADRÃO GETSITES - Setembro/2009 **********/
.limpa { clear:both; }
.limpaleft { clear:left; }
.limparight { clear:right; }
pre.debug { background-color:#FFFF99; border:1px solid red; font-size:10px; margin:5px; padding:5px; height:200px; overflow:auto; }
pre.debug b { color:#006699; font-size:12px; font-weight:bold; }
pre.debug a { display:block; text-align:center; width:70px; float:right; color:#FF0000; font-size:12px; font-weight:bold; }
.centro { text-align:center; }
.ponteiro { cursor:pointer; }
.noborda { border:0; }
p.pagination { text-align:center; color:#999; }
p.pagination strong { font-size:14px; color:#358894; }
p.pagination a { color:#000; }
/* Fim do CSS PADRÃO */

h3 {
	margin: 20px 20px 0 20px;
	font-size: 12px;
	color: #333;
/* 	border-bottom: 1px solid #56A5BC; */
}

/******************************************************/

body,html{
	font-family: Helvetica;
	font-size: 10px;
}

body{
	background: #FFF;
}

/* topo */
div#topo{
	height: 100px;
	background: #6fb5cc url(../img/design/topo_fundo.png) repeat-x;
}

	a#logo{
		display: block;
		float: left;
		width: 270px;
		padding: 11px 0 0 0;
		margin: 0 0 0 20px;
	}
	
	ul#links{
		float: left;
		margin: 2px 0 0 30px;
	}
		ul#links li{
			float: left;
			margin: 0 20px 0 0;
			font-size: 1.2em;
			color: #FFF;
		}
			
			ul#links li span{
				float: left;
				padding: 7px 0 0 0;
			}
			
			ul#links li a{
				display: block;
				float: left;
				color: #FFF;
				padding-top: 7px;
			}
			
			ul#links li a:hover{
				color: #EAEAEA;
			}
			
			ul#links li a.chave{
				padding-left: 20px;
				background: url(../img/design/chave.png) center left no-repeat;
			}
			
			ul#links li a.sair{
				padding-left: 20px;
				background: url(../img/design/porta.png) center left no-repeat;
				margin: 0 0 0 10px;
			}

/*** MENU ***/
		
	ul#nav{
		height: 32px;
		position: absolute;
		top: 68px;
		left: 240px;
	}
	
		ul#nav li{
			float: left;
			margin: 0 2px 0 0;
		}
		
			ul#nav li a{
				/*
display: block;
				float: left;
*/
				line-height: 32px;
				background: #FFF url(../img/design/menu_fundo.png) bottom repeat-x;
				padding: 0 10px;
				font-size: 1.2em;
				text-decoration: none;
				color: #56A5BC;
			}
			
			ul#nav li a:hover,ul#nav li a.marcado{
				background-position: top;
			}
			
			ul#nav li a.marcado{
				font-weight: bold;
			}
	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a.off {
	cursor: default;
	text-decoration: none;
/* 	padding-left: 22px; */
}
#nav a.off:hover {
/* 	padding-left: 22px; */
}

#nav a {
	text-decoration: none;
	display: block;
	color: #FFF;
/* 	padding: 0 15px; */
	font-weight: bold;
}

#nav a:hover {
	display: block;
/* 	padding: 0 15px; */
}

#nav a.marcado{
	background-color: #0A78AF;
}

#nav a.marcado2{
	background-color: #0A78AF;
	/*border-top: 1px solid #FFF;*/
}

#nav li {
	float: left;
	line-height: 20px;
}

#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	z-index: 50;
	background-color: #FFF;
	background-image: url(../../img/painel/menu_fundo_trans_azul.png);
	margin: 0 0 0 -1px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #EAEAEA;
}

#nav li:hover ul {
	left: auto;
	/*background-color: #000;*/
	background-image: url(../../img/painel/menu_fundo_trans_azul.png);
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #EAEAEA;
}

#nav li ul li{
	width: 15em;
}
#nav li ul li a{
	display: block;
	/*width: 100%;*/
	height: 20px;
	line-height: 20px;
}
#nav li ul li a:hover{
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li.sfhover{
}

/* ------------ multi ------------- */

#nav li ul ul {
	margin: -2em 0 0 10em;
	border-top: 1px solid #EAEAEA;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

.help{
/* 	cursor: help; */
}

/*** FIM DO MENU ***/

	div#carrinho{
		width: 203px;
		height: 30px;
		float: right;
		border: 1px solid #999;
		border-top: 0;
		margin: 0 20px 0 0;
		background: #EAEAEA url(../img/design/carrinho_fundo.png) repeat-x;
	}
	
		div#carrinho p{
			line-height: 30px;
			padding: 0 2px 0 50px;
			background: url(../img/design/carrinho.png) 20px center no-repeat;
			font-size: 1.2em;
		}
		
			div#carrinho p a{
				color: #666;
				text-decoration: none;
			}
			
				div#carrinho p a:hover{
					text-decoration: underline;
				}
				
				div#carrinho p a span{
					color: #000;
					font-weight: bold;
					font-size: 1.2em;
				}

/* centro */
div#centro{
	background: #FFF url(../img/design/centro_fundo.png) repeat-x;
	min-height: 100px;
	padding: 5px 20px;
}

	div#miolo{
		padding: 20px 0 0 0;
	}

/* rodape */

div#rodape{
	width: 100%;
	margin: 20px auto 0 auto;
	background: url(../img/design/rodape_regua.png) center top no-repeat;
	height: 80px;
	padding: 20px 0 0 0;
}

	div#rodape div#formas{
		width: 30%;
		margin: 0 0 0 20px;
		float: left;
		text-align: center;
	}
		
	div#rodape div#links{
		width: 40%;
		float: left;
	}
	
		div#rodape div#links ul{
			margin: 0 auto;
			width: 100%;
		}
		
			div#rodape div#links ul li{
				float: left;
/* 				width: 33%; */
				width: 50%;
				text-align: center;
				font-size: 12px;
			}
			
				div#rodape div#links ul li a{
					color: #666;
				}
	
		div#rodape div#links p{
			text-align: center;
			margin: 20px 0 0 0;
			color: #666;
		}
	
	div#rodape div#by{
		width: 10%;
		float: right;
		padding: 30px 0 0 0;
		font-family: "Trebuchet MS";
		font-size: 11px;
	}
		div#rodape div#by a{
			color: #333;
			text-decoration: none;
		}

/** ########## 
	 Internas 
	##########
**/

ul#breadcrumb{
	line-height: 30px;
	margin: 0 0 0 20px;
}

	ul#breadcrumb li{
		float: left;
		margin: 0 5px 0 0;
		font-size: 11px;
	}
	
		ul#breadcrumb li a{
			color: #999;
		}

div#mensagem{ 
	float: left;
	line-height: 30px;
	font-size: 12px;
	color: #188ad6;
}

div#busca{
	width: 300px;
	float: right;
}
	div#busca form fieldset p{
		line-height: 25px;
	}

		div#busca form fieldset p label{
			text-transform: uppercase;
			color: #666;
			font-size: 14px;
			display: block;
			float: left;
			padding: 2px 0 0 0;
		}
		
		div#busca form fieldset p span{
			float: left;
			display: block;
			background: url(../img/design/b.png) top center no-repeat;
			width: 200px;
			height: 25px;
			padding: 5px 0 0 0;
			margin: 0 4px;
			text-align: center;
		}
		
		div#busca form fieldset p input#b{
			margin: 0 5px;
			border: 0;
			padding: 0;
			width: 95%
		}
		
		div#busca form fieldset p button{
			margin: 0;
			padding: 0;
			width: 25px;
			height: 25px;
			background: url(../img/design/go.png);
			border: 0;
			text-indent: -100px;
			overflow: hidden;
		}
		
div#menu{
	width: 15%;
	float: left;
	margin: 0 2% 0 0;
}
	
	div#menu p.menu_titulo, h3.bloco_titulo{
		margin: 20px 0 0 0;
		height: 30px;
		line-height: 30px;
		padding: 0 0 0 10px;
		background: url(../img/design/submenu_titulo.png) top repeat-x;
		font-size: 12px;
		border: 1px solid #CCC;
		border-bottom: 0;
		color: #188ad6;
		font-weight: bold;
	}
	
	div#menu ul.menu_lista{
		font-size: 12px;
		border: 1px solid #CCC;
		border-top: 0;
		background: url(../img/design/submenu_fundo.png) top left repeat-x;
	}
		div#menu ul.menu_lista li{
			padding: 0 5px;
			height: 20px;
			line-height: 20px;
		}
		
		div#menu ul.menu_lista li.titulo{
			font-weight: bold;
			border-bottom: 1px solid #CCC;
		}
		
		div#menu ul.menu_lista li.sub{
			color: #666;
			padding: 0 0 0 15px;
		}
		
			div#menu ul.menu_lista li.sub a{
				color: #666;
				text-decoration: none;
			}
			
			div#menu ul.menu_lista li a{
				color: #333;
				text-decoration: none;
			}
			
				div#menu ul.menu_lista li a:hover{
					text-decoration: underline;
				}

div#conteudo{
	width: 83%;
	float: right;
}

h3.bloco_titulo{
	margin: 20px 20px 0 20px;
}

div.bloco{
	border: 1px solid #CCC;
	border-top: 0;
	background: url(../img/design/bloco_fundo.png) top left repeat-x;
	padding: 20px 5px 5px 5px;
	margin: 0 20px 20px 20px;
}

ul.produtos_lista{
	width: 100%;
	margin: 20px 10px;
}
	ul.produtos_lista li{
		float: left;
		width: 25%;
		text-align: center;
		height: 200px;
		font-size: 12px;
	}
		
		ul.produtos_lista li p{
			margin: 10px 0;
		}
		
		ul.produtos_lista li a{
			color: #333;
			text-decoration: none;
			font-size: 14px;
		}
		
		ul.produtos_lista li a:hover{
			text-decoration: underline;
		}
		
			ul.produtos_lista li p.preco{
				color: #5ca9c0;
				font-weight: bold;
			}
			
				ul.produtos_lista li p.preco span.taxado{
					color: #999;
				}

div#imagem{
	width: 210px;
	float: left;
	margin: 0 20px 20px 0;
}

.texto{
	line-height: 18px;
	color: #666;
	font-size: 11px;
}

div#detalhes{
	line-height: 17px;
}
	
	div#detalhes a{
		color: #188ad6;
		font-weight: bold;
	}
	
	div#detalhes p{
		margin: 0 0 10px 0;
	}
	
	div#detalhes p.valor{
		font-size: 14px;
		color: #188ad6;
		font-weight: bold;
	}
		div#detalhes p.valor span.taxado{
			color: #999;
			font-size: 11px;
		}
	
	div#detalhes img#comprar{
		float: right;
		margin: 0 20px 0 0;
	}
	
	div#detalhes p.indisponivel{
		color: red;
	}
	
	div#detalhes p.nocarrinho{
		color: green;
	}
			
	div#detalhes h1{
		font-size: 14px;
	}
	
	div#detalhes div.parcelamento{
		color: #666;
	}
		div#detalhes div.parcelamento ul{
			float: right;
			width: 575px;
		}
			div#detalhes div.parcelamento ul li{
				float: left;
				display: block;
				width: 20%;
				text-align: left;
				color: #188ad6;
			}
			
ul.fotos{
	margin: 20px 0;
}

	ul.fotos li{
		float: left;
		margin: 0 5px 2px 0;
	}

		a.foto img{
			padding: 1px;
		}
		
		a.foto:hover img{
			padding: 0;
		}
		
		ul.fotos li a img, div#imagem a img{
/* 			border: 1px solid #EAEAEA; */
			padding: 1px;
		}
		
		ul.fotos li a:hover img, div#imagem a:hover img, a.foto:hover img{
			padding: 0;
			border: 1px solid #5ca9c0;
		}

ul.tags{
	
}

	ul.tags li{
		width: 33%;
		float: left;
		text-align: left;
		line-height: 20px;
	}
	
		ul.tags li a{
			color: #666;
		}	
		
table.carrinho, table.lista{
	width: 100%;
	border: 1px solid #EAEAEA;
}
	
	table.carrinho a,table.lista a{
		color: #666;
	}
	
	table.carrinho tr{
	}
	
	table.carrinho tr.linha td, table.lista tr.linha td{
		border-bottom: 1px solid #CCC;
	}
	
	table.lista tr th{
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		padding: 5px 0;
	}
		
		table.carrinho th,table.lista th,{
			padding: 10px 0 5px 0;
		}
		
		table.carrinho th.desc,table.carrinho td.desc{
			width: 30%;
			padding: 0 0 0 10px;
		}
		
		table.carrinho th.preco{
			width: 10%;
		}
		
		table.carrinho th.foto{
			width: 70px;
		}
		
		table.carrinho td, table.lista td{
			text-align: center;
			vertical-align: middle;
			margin: 0 0 10px 0;
			padding: 10px 0;
		}
		
			table.carrinho td.cep{
				text-align: center;
				width: 20%;
			}
			
			table.carrinho td.esq{
				text-align: left;
			}
			
			table.carrinho td.dir{
				text-align: right;
				padding: 0 5px 0 0;
			}
			
			table.carrinho td input.quantidade{
				width: 25px;
				text-align: center;
			}
	table.carrinho tfoot td{
		background: #CCC;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		text-align: left;
		padding: 10px 5px;
	}
	
		table.frete tfoot td{
			height: 60px;
		}
	
	table.carrinho tfoot td.tot{
		text-align: right;
		color: #188ad6;
		font-size: 16px;
	}
	
		table.carrinho tfoot td a{
			font-size: 10px;
			text-transform: lowercase;
		}
	
	#cep1{
		width: 60px;
		text-align: center;
	}
	
	#cep2{
		width: 40px;
		text-align: center;
	}
	
	button#calcular_frete, button#update{
		width: 159px;
		height: 35px;
		background-image: url(../img/design/calcular_frete.png);
		text-indent: -400px;
		_text-indent: 0px;
		_background: #ECECEC;
		_border:1px solid #333;
		overflow: hidden;
		border: 0;
		cursor: pointer;
	}
	
ul.lista_botoes{
	margin: 10px 20px;
}
	ul.lista_botoes li{
		float: right;
		margin: 0 0 0 10px;
		padding: 8px 0 0 0;
	}
	
	ul.lista_botoes li.grande{
		padding: 0;
	}
	

div.cadastrado{
	float: left;
	width: 50%;
}

div.cad{
	height: 220px;
}
	
div.cad2{
	text-align: center;
}
	
	div.cad2 img#bot_cadastro{
		margin: 80px 0 0 0;
	}


	form#login fieldset p button, form#dados fieldset p button{
		background: url(../img/design/continuar.png);
		width: 159px;
		height: 36px;
		border: 0;
		text-indent: -300px;
		overflow: hidden;
		cursor: pointer;
		margin: 10px 0 0 20px;
	}
	
	form#dados fieldset p button.finalizar{
		background: url(../img/design/finalizar_compra.png);
		width: 218px;
		height: 75px;
	}
	
	div.cadastrado hr{
		margin: 30px 0 10px 0;
	}
	
	div.cadastrado h4{
		font-size: 12px;
		color: #188ad6;
		margin: 0 0 5px 0;
	}
	
	div.cadastrado a{
		color: #333;
	}
	
div.cadastro{
	float: right;
	width: 50%;
}



/* FORMULARIOS */
input.escondido{display:none;}
	input.pequeno{width: 50px;}
	input.medio{width: 100px;}
	input.grande{width: 150px;}
	input.gigante{width: 250px;}
	input.enorme{width: 300px;}
	input.total{width: 500px;}

	input.calendario{ width: 75px; text-align: center;}
	
	textarea.pequeno{height: 50px;}
	textarea.medio{height: 100px;}
	textarea.grande{height: 200px;}

	form.cadastro{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
	}

	form.formulario fieldset {
		margin-bottom: 10px;
	}

	form.formulario legend {
		display: none;
	}

	form.formulario label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
	}

	form.formulario fieldset p {
		list-style: none;
		padding: 5px;
		margin: 0;
	}
		
	form.formulario fieldset p textarea{
		width: 99%;
	}
	
	form.formulario fieldset p select{
		/*width: 150px;*/
	}

	form.formulario label { 
		text-align: right;
		width: 100px; 
	} 
	
	form.cadastro label {
		text-align: left;
		width: 180px;
		text-align: right;
		padding: 0 10px 0 0;
	}
	
	form#cadastro label.error {
		width: auto;
	}
	
	form.formulario label.error {
		display: block;
		margin-left: 50px;
		width: auto;
		text-align: left;
	}
	
	form.cadastro label.error {
		margin-left: 0px;
		width: auto;
		text-align: left;
	}

	form.formulario button.submit {
		padding: 0 20px;
	}

	form.formulario legend {
		padding-left: 0;
	}

	form.formulario legend, form.formulario label {
		color: #333;
	}

	form.formulario fieldset {
		border: none;
	}

	form.formulario fieldset fieldset {
		background: none;
	}
	
	div.gmaps div.gmap{
		border: 1px solid #333;
		margin: 0 auto;
		/*margin: 0 0 0 180px;*/
	}
	
	form.formulario fieldset p, form.formulario fieldset fieldset, form.formulario fieldset div.gmaps {
		padding: 5px 10px 7px;	
		background: url(../img/design/formulario-divider.gif) left bottom repeat-x;
	}
	
	form.formulario p.sub{
		background: none;
	}

	form.formulario label.error, label.error {
		color: red;
		font-style: italic;
		padding: 0 0 0 20px;
	}
	
	div.error { display: none; }
	input {	border: 1px solid black; }
	input:focus { border: 1px dotted black; }
	input.error { border: 1px dotted red; }
	textarea.error { border: 1px dotted red; }
	form.formulario .gray * { color: gray; }
	
	form fieldset p.centro{
		text-align: center;
	}
	
div.mensagem{
	margin: 0 20px 0 20px;
	border: 2px solid red;
	background: #fffdcc;
	padding: 20px;
	font-size: 14px;
}

div#presente{
	width: 200px;
 	height: 100px;
	position: absolute;
	top: 550px;
	left: 50%;
	margin: 0 0 0 -100px;
	/*
	float: right;
	margin: 20px 20px 0 0;
	*/
	background: #FFF url(../img/design/presente.png) center 20px no-repeat;
	border: 1px dashed #188ad6; 
	text-align: center;
}
	div#presente div#presente_ativo{
		margin: 90px 0 0 0;	
	}
	
	div#presente textarea{
		width: 95%;
		height: 100px;
		margin: 0 auto;
	}
	
div#status{
	margin: 0 auto;
	width: 661px;
	height: 30px;
	padding: 0 0 20px 0;
	overflow: hidden;
	background: url(../img/design/status_fundo.png) no-repeat;
}

	div#status img{
		margin: 7px 0 0 0;
	}
	
		div#status img.status_1{
			margin-left: 7px; 
		}
		
		div#status img.status_2, div#status img.status_4{
			margin-left: 86px; 
		}
		
		div#status img.status_3, div#status img.status_5{
			margin-left: 236px; 
		}
		
		div#status img.status_6{
			margin-left: 370px; 
		}
		
		div#status img.status_7{
			margin-left: 542px; 
		}
		
.paginacao { text-align: center; margin: 20px 0 0 4px; }
.paginacao li { float: left; margin: 0 5px 10px 0; }
.paginacao li a { display: block; color: #333; font-weight: bold; padding: 5px; border: 1px solid #EAEAEA; text-decoration: none; }
.paginacao li a:hover { background-color: #CCC; text-decoration: none; color: #333; }
a#paginacao_ativa { background-color: #188ad6; color: #FFF; text-decoration: none; }


img.esq{
	float: left;
	margin: 0 5px 5px 0;
}

div.resultado_0{
		padding: 0 0 10px 20px;
		font-size: 12px;
	}
	
	div.resultado_0 a{
		color: #000;
		text-decoration: underline;
	}
	
	div.resultado_0 span{
		color: #FF0000;
	}
	
	div.resultado_0 ul{
		list-style: circle;
	}
	
	div.resultado_0 ul li{
		margin: 0 0 0 20px;
	}
	
div#contatos{
	width: 250px;
	float: right;
	font-size: 12px;
	padding: 10px 0 0 30px;
	line-height: 17px;
}

	div#contatos h5{
		font-size: 14px;
		margin: 0 0 10px 0;
	}
	
	div#contatos span.fone{
		font-size: 18px;
		color: #188ad6;
		font-weight: bold;
	}