@import url("../css/bootstrap.min.css");
@import url("../css/magnific-popup.css");
body { background: #f2f2f2; padding: 0 5px 0 5px; font-family: 'Titillium Web', sans-serif; -webkit-text-stroke-width: 0.4px; }
body header.smartHeader { display: none; }
body>.container { background: #ffffff; max-width: 900px;	margin: 0 auto;	box-shadow: 6px 6px 4px -4px #dedede,-6px 0 4px -4px #dedede; -moz-box-shadow:6px 6px 4px -4px #dedede,-6px 0 4px -4px #dedede;	-webkit-box-shadow:6px 6px 4px -4px #dedede,-6px 0 4px -4px #dedede; padding: 10px 20px 10px 20px; margin-bottom: 20px; }
.lt-ie9 body.home .container { border-left: 2px solid #dedede; border-right: 2px solid #dedede; }

h1, h2, h3, h4, h5, h6 { margin: 0!important; padding: 0!important; }
h1.orange { font-size: 18px; color: #d8a100; font-weight: normal; margin: -10px 0 10px 0 !important; }
a.orange { color: #d8a100; font-weight: normal; float: left; display: block; padding-top: 8px; }

.display { display: block; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix { clear: both; }

body>.container header { border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding-bottom: 20px; }
body>.container header h1,
body>.container header h2 { float: left; line-height: 0; height: 59px; }
body>.container header h1 { background: url(../img/divisor-logo.gif) right no-repeat; padding-right: 20px!important; margin-right: 20px!important; }
body>.container header h2 img { max-width: 140px; max-height: 40px; display: block; margin-top: 10px; }
body>.container header ul { list-style: none; margin: 15px 0 0 0; padding: 0; float: right; }
body>.container header ul li { float: left; }
body>.container header ul li a { display: block; padding-left: 25px; height: 21px; color: #000000; margin-top: 3px; }
body>.container header ul li a.contato { background: url(../img/ico-email.png) no-repeat; }
body>.container header ul li a.ajuda { background: url(../img/ico-ajuda.png) no-repeat; }
body>.container header ul li.divisor { background: url(../img/divisor-contato.gif) no-repeat; width: 1px; height: 26px; margin: 0 20px 0 20px; }

.content { width: 69%; min-width: 308px; float: left; }
.content > ul.listProd { list-style: none; margin: 0 0 10px 0; }
.content > ul.listProd > li { border-bottom: 1px solid #dfdfdf; padding: 20px 0 15px 0; display: table; width: 100%; }
.content > ul.listProd > li .holder { max-width: 73%; }
.content > ul.listProd > li .holder .thumb { border: 1px solid #dfdfdf; width: 98px; height: 98px; margin-right: 20px; float: left; }
.content > ul.listProd > li .holder p { width: 57%; font-size: 15px; padding-top: 20px; float: left; }
.content > ul.listProd > li > ul { float: right; list-style: none; margin: 20px 10px 0 0; padding: 0; }
.content > ul.listProd > li > ul li { display: table; width: 100%; margin-bottom: 10px; }
.content > ul.listProd > li > ul li a { font-size: 12px; height: 33px; color: #000; display: block; float: right; line-height: 32px; }
.content > ul.listProd > li > ul li a.visualizar { background: url(../img/ico-visualizar.png) right no-repeat; padding-right: 44px; }
.content > ul.listProd > li > ul li a.iframe { background: url(../img/ico-iframe.png) right no-repeat; padding-right: 44px; width: 44px; }

.sidebar { width: 225px; float: right; }
.sidebar ul { list-style: none; margin: 0 0 0 22px; padding: 0; }
.sidebar ul li { height: 30px; position: relative; }
.sidebar ul li input[type="checkbox"] { margin: 0; padding: 0; position: relative; top: -1px; }
.sidebar ul li label { font-weight: bold; font-size: 13px; float: left; }
.sidebar ul li label span { color: #c37f15; }
.sidebar ul li .check { width: 180px; height: 4px; background: url(../img/check-marca.png) no-repeat; position: absolute; bottom: 4px; right: 10px; display: none; }
.sidebar h3 { background: url(../img/ico-categoria.png) left no-repeat; padding: 0 0 0 22px!important; font-size: 20px; font-weight: normal; }
.sidebar a.showCat { display: none; }
.sidebar .holderCat { display: block; }
.sidebar .input-append .btn { background: #ffffff url(../img/lupa.png) 4px 5px no-repeat; border-color: #000; height: 27px; }
.sidebar .input-append input{ width: 189px; height: 25px; padding: 0; font-size: 14px; border-color: #000; border-right: 0; color: #000!important; padding-left: 5px; }

.holderProd { width: 100%; border-bottom: 1px solid #dfdfdf; display: table; padding-bottom: 10px; }
.holderProd .exibir { float: left; font-size: 15px; margin-top: 4px; }
.holderProd .paginacao { float: right; font-size: 15px; margin-top: 4px; }
.holderProd .paginacao a { display: inline-block; width: 20px; height: 19px; vertical-align: middle; margin: -3px 0 0 5px; }
.holderProd .paginacao a span { display: none; }
.holderProd .paginacao a.left { background: url(../img/seta-left-pag.png) no-repeat; }
.holderProd .paginacao a.right { background: url(../img/seta-right-pag.png) no-repeat; }
.holderProd .filtro-pag { height: 27px; float: right; font-size: 15px; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #5f5c5d; }
.holderProd .filtro-pag span { float: left; margin-top: 4px; }
.holderProd .filtro-pag input[type='image'] { width: 20px; height: 19px; border: 0; padding: 0; float: left; margin-top: 4px; }
.holderProd .filtro-pag input[type='text'] { width: 20px; height: 18px; text-align: center; border-color: #000; float: left; margin: 0 5px 0 5px; }
.holderProd.footer { border-bottom: 0; }
.holderProd .holder { float: right; }

.resultados,
.categoria { font-size: 20px; margin: 20px 0 15px 0; }
.resultados { margin-right: 20px; }

footer { max-width: 940px; margin: 0 auto; padding-bottom: 20px; }
footer h5 { float: right; }
footer ul { float: right; list-style: none; margin: 22px 20px 0 0; }
footer ul li { float: left; }
footer ul li.divisor { background: url(../img/divisor-contato.gif) center no-repeat; width: 1px; height: 26px; padding: 0 20px 0 20px; margin-top: -2px; }
footer ul li a { color: #000000; font-size: 12px; }
footer ul li a:hover { color: #000000; }
footer h5 .logo-smart { display: none; }
footer h5 .logo-web { display: block; }

.bem-vindo { 
	background: #ffffea url(../img/seta-bem-vindo.png) 10px 25px no-repeat; 
	border: 1px solid #fdf7c0; 
	max-width: 858px; 
	margin-top: 20px; 
	min-height: 74px; 
	padding: 20px 20px 20px 70px; 
	position: relative;
	box-shadow: 0 5px 3px -2px #ececec;
	-moz-box-shadow: 0 5px 2px -2px #ececec;
	-webkit-box-shadow: 0 5px 2px -2px #ececec;
}
.bem-vindo a { color: #000; font-weight: bold; text-decoration: underline; }
.bem-vindo h6 { width: 157px; font-size: 31px; font-weight: normal; background: url(../img/linha-bem-vindo.png) bottom no-repeat; display: block; clear: both; padding-bottom: 12px!important; margin-bottom: 10px!important; color: #000000; }
.bem-vindo p { width: 55%; }
.bem-vindo a.close { background: url(../img/bt-fechar-bem-vindo.gif) no-repeat; width: 15px; height: 15px; display: block; overflow: hidden; text-indent: -100px; position: absolute; top: 10px; right: 10px; }

@media screen and ( max-width: 767px ){
	.bem-vindo { margin: 0 10px 15px 10px; }
	.bem-vindo p { width: 100%; }
	.bem-vindo a { clear: both; display: table; }
	.display { display: block!important; }	
	body>.container { box-shadow: 6px -6px 4px -4px #dedede,-6px 6px 4px -4px #dedede; -moz-box-shadow:6px -6px 4px -4px #dedede,-6px 6px 4px -4px #dedede; -webkit-box-shadow:6px -6px 4px -4px #dedede,-6px 6px 4px -4px #dedede; padding-bottom: 0!important; }
	body header.smartHeader { display: table; width: 300px; height: 64px; margin: 0 auto; }
	body header.smartHeader h1 { float: left; max-width: 105px; margin: 7px 18px 0 3px!important; padding-right: 20px!important; background: url(../img/divisor-contato.gif) center right no-repeat; }
	body header.smartHeader h2 { max-width: 67px; float: left; margin-top: 8px!important; }
	body header.smartHeader a.ajuda { background: url(../img/ico-ajuda-smartphone.png) no-repeat!important; overflow: hidden; text-indent: -200px; display: block; float: right; background: url(../img/ico-contato-smartphone.png) no-repeat; margin: 18px 8px 0 0; width: 25px; height: 25px; }
	body header.smartHeader a.contato { background: url(../img/ico-email.png) no-repeat; overflow: hidden;	text-indent: -200px; display: block; float: right; background: url(../img/ico-contato-smartphone.png) no-repeat; margin: 18px 8px 0 0; width: 25px; height: 25px; }	
	.container { width: 300px; }
	body>.container header,	
	.resultados,
	.categoria,
	.holderProd .filtro-pag,	
	.holderProd .exibir 	{ display: none; }	
	.holderProd .holder,	
	.holderProd .paginacao { width: 100%; text-align: center; }
	.holderProd { width: 300px; height: 43px; padding: 10px 0 0 0; position: relative; border-top: 1px solid #dfdfdf; }
	.holderProd a.left,
	.holderProd a.right { position: absolute; top: 20px; }
	.holderProd a.left { left: 5px; }
	.holderProd a.right { right: 10px; }	
	.holderProd.footer { border-top: 0; }
	body>.container { padding: 10px 0 10px 0; }
	.sidebar { float: none; width: 100%; }	
	.sidebar .input-append .btn { background: #ffffff url(../img/lupa.png) 4px 6px no-repeat; height: 30px; }
	.sidebar .input-append input{ width: 189px; height: 27px; padding: 0; font-size: 14px; border-color: #000; border-right: 0; color: #000!important; padding-left: 5px; }
	.sidebar .holderCat { display: none; width: 289px; padding: 18px 0 15px 11px; background: #f4f4f4 url(../img/bg-top-cat.gif) top no-repeat; }
	.sidebar ul li .check { width: 180px; height: 4px; background: url(../img/check-marca.png) no-repeat; position: absolute; bottom: 4px; left: 11px; display: none; }
	.sidebar .input-append { margin-left: 11px; }
	.sidebar .input-append input { width: 215px; }
	.sidebar a.showCat { display: block; width: 25px; height: 25px; background: url(../img/ico-show-cat.png) no-repeat; overflow: hidden; text-indent: -200px; margin: 2px 8px 0 0; float: right; }
	.content > ul.listProd { margin-bottom: 0; }
	.content > ul.listProd > li { padding: 20px 0 15px 0; width: 300px; }
	.content > ul.listProd > li .holder { max-width: 100%; padding: 0 9px 0 9px; display: table; margin-bottom: 16px; }
	.content > ul.listProd > li .holder .thumb { margin-right: 10px; }
	.content > ul.listProd > li > ul { float: none; clear: both; margin: 0 0 0 10px; }
	.content > ul.listProd > li > ul li { width: auto; display: inline-block!important; margin-bottom: 0; margin-right: 20px; }
	.content > ul.listProd > li > ul li a { height: 33px; }
	.content > ul.listProd > li > ul li a.visualizar { background: url(../img/ico-visualizar.png) left no-repeat; padding-left: 44px; padding-right: 0; }
	.content > ul.listProd > li > ul li a.iframe { background: url(../img/ico-iframe.png) left no-repeat; padding-left: 44px; padding-right: 0; width: 44px; }
	.content > ul.listProd > li .holder p { width: 60%; }	
	footer { max-width: 300px; margin: 0 auto; padding-bottom: 20px; }	
	footer ul { margin: 2px 20px 0 0; }
	footer ul li { float: none; text-align: right; }
	footer ul li.divisor { background: url(../img/divisor-contato.gif) center no-repeat; width: 1px; height: 26px; padding: 0 20px 0 20px; margin-top: -2px; display: none; }
	footer ul li a { color: #000000; font-size: 12px; }
	footer ul li a:hover { color: #000000; }
	footer h5 .logo-smart { display: block; }
	footer h5 .logo-web { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
	.container { width: auto; }
	.content { width: 63% }
}
@media screen and (min-width: 768px) and (max-width: 890px) {
	.holderProd .holder { float: left; clear: both; margin-top: 10px; }
}

.iframeCodeLightBox { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 475px; min-height: 265px; margin: 20px auto; }
.iframeCodeLightBox textarea { border-color: #000; width: 97%; height: 145px; margin: 20px 0 20px 0; resize: none; }
.iframeCodeLightBox h4 { background: url(../img/ico-code-iframe.png) left no-repeat; padding-left: 39px!important; height: 34px; line-height: 36px; } 
.iframeCodeLightBox .btn { border-color: #c1761f; background: #e49d24; font-size: 12px; color: #fff; text-shadow: none; font-weight: bold; float: right; }
.iframeCodeLightBox .mfp-close { background: url(../img/bt-close.gif) 5px 15px no-repeat; text-indent: -100px; overflow: hidden; opacity: 1; }

.iframeProduct,
.iframeLegal { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 940px; min-height: 485px; margin: 20px auto; }
.iframeProduct iframe,
.iframeLegal iframe { width: 100%; height: 485px; border: 0; margin-top: 15px; }
.iframeProduct h4 { background: url(../img/ico-visu-iframe.png) left no-repeat; padding-left: 39px!important; height: 34px; line-height: 36px; } 
.iframeProduct .mfp-close,
.iframeLegal .mfp-close { background: url(../img/bt-close.gif) 5px 15px no-repeat; text-indent: -100px; overflow: hidden; opacity: 1; }

.iframeLegal h4 { height: 34px; line-height: 36px; } 
.iframeLegal  { min-height: 335px!important; }
.iframeLegal iframe { height: 335px; }

body.legalTemplate { background: #ffffff; }
body.legalTemplate a { color: #d8a100; }

#loginBox { background: #FFF; padding: 20px 30px; text-align:left; width:300px; height: 380px; margin:40px auto; position:relative }
#loginBox hr { height: 5px; background-color: #ededed; border: 0; }
#loginBox input { background: url(../img/bg-field-login.png); width: 262px; height: 30px; border: 0; padding: 0 0 0 40px; margin: 0; }
#loginBox input[type=password] { background: url(../img/bg-field-pass.png); }