﻿*{
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

img{
	border:0;
}

body{
	background: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #034ea2;
}

a{
	text-decoration: none;
	color: #034ea2;
}

a:hover{
	color:#ffe600;
	text-decoration:none;
}
.destaque{
	font-weight: bold;
}

.azul{
	color: #131fa6;
}

.amarelo{
	color: #faca03;
}

.branco{
	color: #ffffff;
}

.azul{
	color: #034ea2;
}

.preto{
	color: #000;
}

.f18{
	font-size: 18px;
}

.f24{
	font-size: 24px;
}

.f30{
	font-size: 30px;
}

.center{
	text-align: center;
}

.underline{
	text-decoration: underline;
}

.vmiddle{
	vertical-align:middle;
}

.clear{
	clear:both;	
}

/*Classes do site*/
header#topo nav#menu{
	position:fixed;
	width:100%;
	height:50px;
	background:url(../imagens/bg_menu.png) repeat-x;
	z-index:9999;
}

header#topo nav#menu .content{
	max-width:1180px;
	padding:0 10px;
	margin:auto;
}
header#topo nav#menu .content .logoMenu{
	margin-top:3px;
	float:left;
	display:none;
	margin-right:10px;
}
	
header#topo nav#menu .content .menu{
	float:left;
	margin-top:10px;
}
	
header#topo nav#menu .content .menu ul{
	list-style:none;
}

header#topo nav#menu .content .menu ul li{
	float:left;
	margin:0 10px;
}

header#topo nav#menu .content .menu ul li.first{
	margin-left:0;
}

header#topo nav#menu .content .menu ul li a{
	color:#034ea2;
}

header#topo nav#menu .content .menu ul li:hover a{
	color:#ffe600;
}

header#topo nav#menu .content .cart{
	float:right;
	margin-top:5px;
}

header#topo .logoFoneMidias{
	max-width:1180px;
	padding:50px 10px 0; 
	margin:auto;
}

header#topo .logoFoneMidias .logo{
	float:left;
}

header#topo .logoFoneMidias .fonesMidias{
	float:right;
	margin-top:20px;
}

header#topo .logoFoneMidias .fonesMidias .fones{
	font-size:18px; 
	font-weight:bold;
}

header#topo .logoFoneMidias .fonesMidias .midias{
	float:right;
	margin-top:10px;
}

header#topo .logoFoneMidias .fonesMidias .midias a{
	margin:5px;
}

.conteudo{
	max-width:1180px;
	margin:10px auto 20px;
	padding:0 10px;
}

.conteudo .esquerda{
	width:270px;
	float:left;
}

.conteudo .esquerda .categorias{
	margin-bottom:20px;
}

.conteudo .esquerda .categorias .titulo{
	height:50px;
	background:#ffe600;
}

.conteudo .esquerda .categorias .titulo .text{
	color:#fff;
	float:left;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	margin-left:10px;
}

.conteudo .esquerda .categorias .titulo .icon{
	float:right;
	background:#034ea2;
	color:#fff;
	width:48px;
	height:50px;
	text-align:center;
}

.conteudo .esquerda .categorias .titulo .icon i{
	margin-top:15px;
}

.conteudo .esquerda .categorias .cats{
	border-right:2px solid #e9e9e9;
	border-bottom:2px solid #e9e9e9;	
	border-left:2px solid #e9e9e9;	
	padding:10px;
}

.conteudo .esquerda .categorias .cats a div{
	border-bottom:2px solid #e9e9e9;
	padding:5px 0;
	color:#000;
}

.conteudo .esquerda .categorias .cats a:hover div{
	color:#034ea2;
}

.conteudo .esquerda .categorias .cats .subs{
	background:#e4e4e4;
	display:none;
	
}

.conteudo .esquerda .categorias .cats .subs a div{
	color:#034ea2;
	padding:10px;
}

.conteudo .esquerda .categorias .cats .subs a:hover div{
	color:#ffe600;
	background:#fff;
}

.conteudo .direita{
	max-width:860px;
	float:left;
	margin-left:20px;
}

.conteudo .direita #promocao{
	display:none;
}

.conteudo .direita form.busca .inputBusca{
	float:left;
	border-top:2px solid #e9e9e9;
	border-bottom:2px solid #e9e9e9;
	border-left:2px solid #e9e9e9;
	width:90%;
	height:50px;
}

.conteudo .direita form.busca .buttonBuscar{
	float:left;
	width:10%;
	height:50px;
	background:#ffe600;
}

.conteudo .direita form.busca .buttonBuscar .btn-buscar{
	height:100%; 
	width:100%; 
	background:none; 
	color:#fff;
}

.conteudo .direita form.busca .buttonBuscar:hover{
	background:#034ea2;
}

.conteudo .direita .banners{
	margin:20px 0;
}

.box{
	width:100%;
}

.box .titulo{
	border:2px solid #e9e9e9;
	height:50px;
	background:#f7f7f7;
	padding:10px 0;
}

.box .titulo span{
	color:#034ea2;
	font-size:18px;
	font-weight:bold;
	margin:20px 0 0 10px;
}

.box .titulo .bts{
	float:right;
	margin-top:-10px
}

.box .titulo .bts button{
	height:46px;
	width:40px;
	text-align:center;
	background:#fff;
}

.box .body{
	border-right:2px solid #e9e9e9;
	border-left:2px solid #e9e9e9;
	border-bottom:2px solid #e9e9e9;
	padding:20px 0;
}

.produto.noborder{
	border:0;
}

.produto{
	text-align:center;
}

.produto .titulo{
	background:none;
	height:auto;
	color:#034ea2;
	font-size:18px;
	font-weight:bold;
	border:0;
	margin:0;
}


.produto .img{
	width:100%;
	text-align:center;
	height:170px;
	line-height:170px;
}

.produto .valor{
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:0;
	margin:0;
}

.produto .comprar{
	width:192px;
	height:35px;
	margin:10px auto;
	color:#fff;
	background:#034ea2;
	font-weight:bold;
	padding:5px;
}

.produto .comprar:hover{
	background:#ffe600;
	color:#000;
}

footer#rodape{
	margin-top:20px;
	background:#f7f7f7;
}

footer#rodape .rodape{
	max-width:1180px;
	padding:10px;
	margin:auto;
}

footer#rodape .rodape .allrights{
	float:left;
}

footer#rodape .rodape .newsletter{
	float:right;
	text-align:right;
	font-weight:normal
}
@media (max-width: 900px) {
	header#topo .logoFoneMidias .logo{
		float:none;
		text-align:center;
	}
	
	header#topo .logoFoneMidias .fonesMidias{
		float:none;
		text-align:center;
		margin:10px;
	}
	
	header#topo .logoFoneMidias .fonesMidias .midias{
		float:none;
		text-align:center;
	}
	
	.conteudo .esquerda{
		width:100%;
		float:none;
	}
	
	.conteudo .direita{
		max-width:none;
		width:100%;
		float:none;
		margin-left:0;
		margin-top:20px;
	}
	
	.conteudo .esquerda .categorias .cats{
		display:none;
	}

	.conteudo .direita #promocao{
		display:block;
	}
	
	.conteudo .esquerda #promocao{
		display:none;
	}
}

@media (max-width: 610px) {
	#infosCart{
		display:none;
	}
	
	.conteudo .direita form.busca .inputBusca{
		width:80%;
	}
	
	.conteudo .direita form.busca .buttonBuscar{
		width:20%;
	}
	
	footer#rodape .rodape .allrights{
		float:none;
	}
	
	footer#rodape .rodape .newsletter{
		float:none;
		text-align:left;
	}
		
@media (max-width: 380px) {
	.logoMenu{
		display:none;
	}
}

/*
section#conteudo{
	width:970px;
	margin:0px auto 0;
	background:url(../imagens/bg_conteudo.png) no-repeat center bottom;
	padding-bottom:8px;
}

section#conteudo .content{
	background:#fff;
	padding:10px;
}

section#conteudo .content .left{
	width:250px;
	float:left;
}

section#conteudo .content .right{
	width:680px;
	float:right;
}

/*Categorias
#categorias #titulo{
	background:#034ea2 url(../imagens/categorias.jpg) no-repeat 224px center;
	height:48px;
	width:240px;
	color:#ffffff;
	font-size:18px;
	line-height:48px;
	padding-left:10px;
	
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	
}

#categorias ul{
	background:#fabe13;	
	list-style:none;
	padding-bottom:10px;
	-moz-border-radius: 0 0 9px 9px;
	-webkit-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
}

#categorias ul li{
	border-bottom:1px solid #fff;	
}

#categorias ul li a div{
	padding:10px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

#categorias ul li:hover a div{
	background:#41454a;
}

#categorias ul li ul{
	background:#41454a;
	-moz-border-radius: 0 ;
	-webkit-border-radius: 0;
	border-radius: 0;
	
	display:none;
}

#categorias ul li ul li{
	border:0;
}

#categorias ul li ul li a div{
	padding:3px 0 3px 30px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}

#titulo_tela{
	background:#41454a;
	height:48px;
	width:670px;
	color:#ffffff;
	font-size:18px;
	line-height:48px;
	padding-left:10px;
	
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;	
}

.lista_produto{
	float:left;
	width:330px;
	margin-top:10px;	
}

.lista_produto .categoria{
	background:#e1e1e1;
	padding:10px;
	color:#41454a;
	font-weight:bold;
}

.lista_produto .imagem{
	line-height:165px;	
	height:165px;
	text-align:center;
}

.lista_produto .imagem img{
	vertical-align:middle;
}

.lista_produto .bottom{
	background:#e1e1e1;
}

.lista_produto .bottom .nome{
	float:left;
	width:145px;
	font-size:18px;
	padding:10px;
}

.lista_produto .bottom .botao{
	float:left;
	width:165px;;
}

.bt_add{
	background:#fbbe13 url(../imagens/seta_add.png) no-repeat 115px center;
	padding:10px;
	width:125px;
	margin:14px auto;
	
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;	
		
}

/*Carrinho
#dialog-add{
	background:url(../imagens/carregando.gif) no-repeat center center;	
}


/*RODAPE
footer#rodape{
	width:970px;
	margin:10px auto 20px;	
}

footer#rodape #allrights{
	float:right;	
	text-align:right;
}

footer#rodape #newsletter{
	float:left;	
}

footer#rodape #newsletter input{
	background:#fff;
	border:0;
	width:200px;
	height:20px;
}

footer#rodape #newsletter input.enviar{
	background:#fbbe13;
	border:0;
	width:auto;
	font-weight:bold;
	color:#41454a;
	padding:3px 5px;
		-moz-border-radius: 9px ;
		-webkit-border-radius: 9px;
		border-radius: 9px;
}

footer#rodape #newsletter input.enviar:hover{
	background:#1358a8;
	color:#fff;
}

.ck *{
    /*border: 0;
	padding: 2px  0;
	margin: 2px 0;
}

.ck ul{
    list-style:circle;
}
/*Stilos formularios
input.menor{
	width: 169px;
	height: 20px;
    background: url(../imagens/background_input.png) no-repeat;
	padding: 5px;
	border: 0;
}

textarea, input.maior{
	width: 300px;
}

input, select, textarea{
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.enviar{
	background:#fbbe13;
	border:0;
	width:auto;
	font-weight:bold;
	color:#41454a;
	padding:3px 5px;
		-moz-border-radius: 9px ;
		-webkit-border-radius: 9px;
		border-radius: 9px;
}

input.enviar:hover{
	background:#1358a8;
	color:#fff;
}
/*Fim stilos formularios
.erro{
	background: url(../imagens/alert.png) no-repeat 10px center  #ed1c24;
	border:2px solid #d01d24;
	padding:5px 10px 5px 45px;
	margin-bottom:10px;
	display:none;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:99999999999999999;
}

.retorno{
	background: url(../imagens/success.png) no-repeat 10px center  #034ea2;
	border:2px solid #0b4586;
	padding:5px 10px 5px 45px;
	margin-bottom:10px;
	display:none;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:99999999999999999;
}

/*Paginação
nav#paginacao{
	width:auto;
	margin:10px auto 0;	
}

.primeira_pagina, .pagina_anterior, .proxima_pagina, .ultima_pagina, .pagina{
	width:25px;
	height:26px;
	float:left;
	margin:3px;
}

.primeira_pagina{
	background:url(../imagens/primeira.jpg) no-repeat;
}

.primeira_pagina:hover{
	background:url(../imagens/primeira_h.jpg) no-repeat;
}

.pagina_anterior{
	background:url(../imagens/voltar.jpg) no-repeat;
}

.pagina_anterior:hover{
	background:url(../imagens/voltar_h.jpg) no-repeat;
}

.proxima_pagina{
	background:url(../imagens/avancar.jpg) no-repeat;
}

.proxima_pagina:hover{
	background:url(../imagens/avancar_h.jpg) no-repeat;
}

.ultima_pagina{
	background:url(../imagens/ultima.jpg) no-repeat;
}

.ultima_pagina:hover{
	background:url(../imagens/ultima_h.jpg) no-repeat;
}

.pagina{
	background:url(../imagens/pagina.jpg) no-repeat;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.pagina:hover, .pagina_h{
	background:url(../imagens/pagina_h.jpg) no-repeat;
}
*/