@import 'https://fonts.googleapis.com/css?family=Bree+Serif';

body { font: 14px arial, helvetica, sans-serif;}
h1 { background: url(/imagens/layout/bg-h1.jpg) repeat-x left top; color: #cd1321; font: 25px 'Bree Serif', serif; margin: 0; padding-top: 17px; margin-bottom: 20px;}
.h2Contato { font-size: 16px; font-weight: bold; margin-top: 50px;}

.form .content form .alert { display: none;}

.align-vertical { align-items: center; display: flex;}
img, picture, video, embed, iframe { max-width: 100%;}
a:focus { outline: none;} 

#top { margin-bottom: 20px;}
#footer { margin-top: 50px; font-family: 'Bree Serif', serif;}

.boxCompartilhe { margin-top: 30px;}
.buttonsShare a { display: inline-block; margin: 0 5px; text-align: center;}
.buttonsShare a i { color: #fff; font-size: 14px; padding: 10px 0; width: 35px;  text-decoration: none;}
.buttonsShare .fa-facebook { background: #507BBF;}
.buttonsShare .fa-twitter { background: #63CEF2;}
.buttonsShare .fa-whatsapp { background: #41984A; display: none;}
.buttonsShare .fa-pinterest-p { background: #F26261;}
.buttonsShare .fa-google-plus { background: #4E4F54;}

/* HEADER */
.headerContent { background: url(/imagens/layout/bg-topo.jpg) no-repeat center top; padding-bottom: 57px; padding-top: 65px;}
.headerTop { padding-bottom: 26px;}
.headerTop .logoTop { padding-left: 37px; margin-top: -48px; max-height: 145px;}
.headerTop .telTop { text-align: right; display: inline-block; padding-left: 90px; font-family: 'Bree Serif', serif;}
.headerTop .telTop a { background: none; border: none; box-shadow: none; color: #FF250F; padding: 0; pointer-events: none; text-decoration: none; line-height: 32px;}
.headerTop .telTop span.numFone { color: #ff250f; display: block; font-size: 23px; }
.headerTop .telTop a span.glyphicon { display: none;}

.breadcrumb { background: none; font-size: 12px; margin: 0 0 30px; padding: 0;}

#buttonMenuInstitucional { display: none;}
#menuInstitucional { margin: 0; padding: 0;}
#menuInstitucional li { display: inline; margin-right: -5px; }
#menuInstitucional li a { color: #fff; display: inline-block; font-size: 17px; outline: none; padding: 6px 35px 6px 5px; font-family: 'Bree Serif', serif;}
.menuInstitucional-overlay { display: none; height: calc(100%); left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; width: 100%; z-index: 997;}

/* BUSCAT DESKTOP */
.buscaDesk { padding-left: 43px;} 
.buscaDesk input { background: none; border: 0; box-shadow: none; color: #000; display: inline-block; font-weight: bold; padding: 3px 10px 3px 10px; width: 185px;}
.buscaDesk input:focus { border: 0; box-shadow: none;}
.buscaDesk input::-webkit-input-placeholder { color: #000;}
.buscaDesk input:-moz-placeholder { color: #000;}
.buscaDesk input::-moz-placeholder { color: #000;} 
.buscaDesk .botBusca { display: inline-block;}

/* MODAL BUSCA */
.modal-custom { padding: 0 !important; text-align: left;}
.modal-dialog-custom { height: 100%; margin: 0; width: 100%;}
.modal-content-custom { border: none; border-radius: 0; height: 100%; overflow-y: auto;}
.modal-header-custom { padding: 0; display: table; width: 100%;}
.modal-header-custom a { color: #cd1321; display: block; float: left; font-size: 16px; padding: 15px; text-align: center; width: 50%;}
.modal-header-custom a:first-child { border-right: 1px solid #e5e5e5;}
.modal-header-custom a span { margin-right: 10px;}
.modal-body-custom .formBusca { display: inline-block; left: 0; margin: 0; padding: 0; position: relative; width: 100%;}
.modal-body-custom .navbar-form .form-group { width: 100%;}
.modal-body-custom .formBusca input { background: #fff; border: 1px solid #e5e5e5; box-shadow: none; border-radius: 0; height: 42px; line-height: 42px; padding-right: 17%; width: 100%;}
.modal-body-custom .formBusca .botBusca { color: #aaa; font-size: 17px; max-width: 100px; position: absolute; right: 0; top: 0; text-align: center; width: 15%;}
.modal-body-custom .formBusca .botBusca span { color: #cd1321; line-height: 41px;}

.suggestionsBox .suggestionList { list-style: none; padding: 10px; }
.suggestionsBox .suggestionList li a {border-bottom: 1px solid #e5e5e5; display: block; font-size: 15px; padding: 13px 0; }

.prodDest, .prodCat, .prodRelacionado { margin-top: 30px;}
.prodDest ul, .prodCat ul, .prodRelacionado ul { list-style: none; margin: 0; padding: 0;}
.prodDest ul li, .prodCat ul li { margin-bottom: 50px;}
.prodDest ul li .contentLi, .prodCat ul li .contentLi, .prodRelacionado ul li .contentLi { border: 1px solid #ededed; padding: 30px 15px;  text-align: center;}
.prodDest ul li .contentLi span img, .prodCat ul li .contentLi span img, .prodRelacionado ul li .contentLi span img { max-height: 120px;}
.prodDest ul li h3, .prodCat ul li h3, .prodRelacionado ul li h3 { line-height: 16px; margin: 15px 0;}
.prodDest ul li h3 a, .prodCat ul li h3 a, .prodRelacionado ul li h3 a {  color: #4d1458; font-size: 13px; text-decoration: none;}
.prodDest ul li .contentLi > a.botDet, .prodCat ul li .contentLi > a, .prodRelacionado ul li .contentLi > a.botDet { background: #8A9D41; color: #fff; display: inline-block; font-size: 13px; padding: 5px; width: 84px; vertical-align: bottom;}
.prodDest ul li .contentLi > a:hover, .prodRelacionado ul li .contentLi > a:hover { text-decoration: none;}
.prodDest ul li .contentLi > a.botOrc, .prodCat ul li .contentLi > a.botOrc, .prodRelacionado ul li .contentLi > a.botOrc { background: #E4841E;}

.prodRelacionado { margin-top: 40px;}
.prodRelacionado h2 { border-bottom: 2px solid #cd1321; color: #e3841d; font-size: 18px; margin: 0 0 30px; padding-bottom: 5px; font-family: 'Bree Serif', serif;}
.prodRelacionado ul li .contentLi > p { color: #687e16; font-size: 11px; margin: 10px 0 15px;}
.prodRelacionado ul li .contentLi > p b { font-size: 13px; font-weight: bold;}

.prodCat ul li .contentLi > a { vertical-align: top; margin: 0 2px;}
.prodCat ul li .contentLi > p { color: #687e16; display: inline-block; font-size: 10px; margin: 0 2px;}
.prodCat ul li .contentLi > p i, .prodRelacionado ul li .contentLi > p i { font-style: normal; text-decoration: line-through;}
.prodCat ul li .contentLi > p b { font-size: 12px; font-weight: bold; line-height: 25px;}
.prodCat ul { margin-left: -15px; margin-right: -15px;}

/* BOX HOME */
.boxHome .apresentacaoHome { background: url(/imagens/layout/bg-box-home.jpg) no-repeat content-box; height: 174px;}
.boxHome .apresentacaoHome h2 { color: #F5FA00; font-size: 22px; line-height: 18px; margin: 21px 0 18px 60px; font-family: 'Bree Serif', serif;}
.boxHome .apresentacaoHome h2 span { color: #fff; font-size: 15px;}
.boxHome .apresentacaoHome p { font-size: 13px; margin-left: 60px; width: 184px;}
.boxHome .localizacaoHome .contentLocHome { border: 2px solid #B2DEE7; border-radius: 8px; overflow: hidden; padding: 10px;}
.boxHome .localizacaoHome h3 { border-bottom: 2px solid #377582; color: #377582; font-size: 18px; margin: 0 0 10px; font-family: 'Bree Serif', serif;}
.boxHome .localizacaoHome p { font-size: 13px; line-height: 18px;}
.boxHome .localizacaoHome p a { background: #0786B9; color: #fff; display: inline-block; float: right; margin-top: 10px; padding: 3px 10px;}

.paginacaoBottom { margin: 0 auto; text-align:center; overflow: hidden; clear:both; }
.paginacaoBottom .pagList { margin:0;  padding:15px; margin:auto; }
.paginacaoBottom .pagList li { display: inline-block; margin: 0 4px;}
.paginacaoBottom .pagList li.active, .paginacaoBottom .pagList li a { background: #2d85a9; color: #fff; display: inline-block; padding: 8px 10px;}
.paginacaoBottom .pagList li a { background: #59b1d5; color: #fff;}

#galeriaFotos { text-align: center;}
#galeriaFotos .imgPrincipal { padding: 15px 0;}
#galeriaFotos .imgPrincipal a img { max-height: 250px;}
#galeriaFotos .imgPrincipal figcaption, #galeriaFotos .imgAdicional figcaption { display: none;}
#galeriaFotos .imgAdicional { display: inline-block; margin-top: 12px;}
#galeriaFotos .imgAdicional a img { border: 1px solid #eee;  max-height: 80px;  max-width: 80px; padding: 5px;}

.prodText h1 { background: none; margin-bottom: 10px;}
.prodText .cod { display: block; margin: 0 0 10px;}
.prodText i { color: #687e16; font-size: 14px; font-style: normal; text-decoration: line-through;}
.prodText b { color: #687e16; font-size: 22px;}
.prodText .orcDet { background: #e4841e; border-radius: 4px; color: #fff; display: inline-block; padding: 10px;}
.prodText .orcDet:hover { background: #c76c06; text-decoration: none;} 

/* OUTROS */
.addressForm { display: none;}
.iconBuscaTop { display: none;}
.cod { font-size: 11px;}

/* FOOTER */
#footer .footerContent { background: url(/imagens/layout/bg-rodape.jpg) no-repeat top center; height: 141px; color: #fff;}
#footer .footerContent .telFooter { color: #ff250f; display: inline-block; margin: 0; padding: 8px 13px 0 58px;}
#footer .footerContent .telFooter a, #footer .footerContent .telFooter div { color: #59B1D5; display: block; font-size: 30px; line-height: 28px;}
#footer .footerContent .telFooter a:hover { text-decoration: none;} 
#footer .footerContent .telFooter a sup, #footer .footerContent .telFooter div sup { font-size: 20px; left: 3px; position: relative; top: -5px;}
#footer .footerContent span { display: inline-block; padding-left: 5px; vertical-align: calc(16px);}

#footer .footerContent .box2 ul { float: right; margin: 0; padding: 12px 10px 15px 0;}
#footer .footerContent .box2 ul li { display: inline; margin-left: -5px;}
#footer .footerContent .box2 ul li a { color: #fff; display: inline-block; padding: 8px 15px;}
#footer .footerContent .box2 p { color: #6f9ac1; float: right; font-size: 11px; padding-right: 20px; text-align: right; width: 100%;}

.menuLeft { margin-top: -78px;}

.verAllProd .nav-menu { background: url('/imagens/layout/bg-menuall.png') left top no-repeat; cursor: pointer; float: left; padding-top: 79px; position: relative; width: 218px;}
.verAllProd .nav-menu-active { background-position: left -79px; cursor: pointer;}
/* .verAllProd:hover .nav-menu ul { display: block !important;} */
.verAllProd .nav-menu ul, .menuLeftHome .menu-lista { background-color: #FFF; border: 4px solid #E7F1C1; border-top: none; display: none; list-style: none; padding: 0 0 10px; position: absolute; width: 100%;}
.verAllProd .nav-menu ul li, .menuLeftHome .menu-lista li { margin: 0 15px;}
.verAllProd .nav-menu ul li a, .menuLeftHome .menu-lista li a { color: #4d1458; border-bottom: 1px dotted #b8cb70; display: block; text-decoration:none; font-weight: bold; font-size:12px; padding: 10px 15px; background: url('/imagens/layout/setinha.jpg') left center no-repeat;}
.verAllProd .nav-menu ul li a:hover, .menuLeftHome .menu-lista li a:hover { color:#59b1d5;}
.verAllProd .nav-menu ul .grupo { margin:0;}

.menuLeftHome .nav-menu { background: url(/imagens/layout/bg-menu-top.png) no-repeat left top, url(/imagens/layout/bg-sub-menu-bottom.png) no-repeat left bottom; padding: 72px 0 32px;}
.menuLeftHome .nav-menu .menu-lista { border-bottom: 0; display: block; margin-bottom: 0; padding-bottom: 0; position: static; max-width: 215px;}
.menuLeftHome .nav-menu .menu-lista li .grupo { margin: 0;}
.menuLeftHome .nav-menu .menu-lista li > ul{ display: none;}

.nav-menu-categorias ul { float: left; margin: 0; max-width: 218px; padding: 20px 0 0; width: 100%;}
.nav-menu-categorias ul li { list-style: none;}
.nav-menu-categorias ul li .grupo { border: 2px solid #D0E070; border-radius: 4px; margin: 0; text-align: center;}
.nav-menu-categorias ul li .grupo a { background: url('/imagens/layout/setinha.jpg') left center no-repeat; color: #4d1458; cursor: text; display: inline-block; font-size: 12px; font-weight: bold; padding: 5px 0 5px 15px;}
.nav-menu-categorias ul li .grupo a:hover, .nav-menu-categorias ul li .grupo a:focus { text-decoration: none;}
.nav-menu-categorias ul li:first-child { margin-bottom: 10px; overflow: hidden;}
.nav-menu-categorias ul li:nth-child(n+2) a { border-bottom: 1px dotted #ddd; color: #1481a1; display: block; font-size: 11px; padding: 10px 5px;}
.nav-menu-categorias ul li:nth-child(n+2) a.active, .nav-menu-categorias ul li:nth-child(n+2) a:hover { color: #f60; font-weight: bold; text-decoration: none;}

/*nav menu*/
#nav-menu-button { background: none; border: 0; color: #fff; display: none; height: 50px; padding: 0 12px;}
#nav-menu-button p { margin: 0 0 0 25px; font: 15px Arial; line-height: 17px;  float: left;}
#nav-menu-button span { display: block; width: 20px; height: 3px; background-color: #fff; margin-bottom: 4px;  border-radius: 1px; }
#nav-menu-button:hover { background: #fff;}
#nav-menu-button:hover span { background-color: #59b1d5;}
#nav-menu-button span:last-child { margin-bottom:0;}

.menuLeft img { margin-bottom: 30px;}
.menuLeft img:first-of-type { margin-top: 30px;}
/* .menuLeft p, .boxSiga p { color: #4E6BA3; float: left; font-size: 18px; font-weight: bold; margin: 10px 0 10px;} */

.swiperSlideHome { margin-bottom: 30px;}

#contentResult { width: 75%;  float:left; position: relative; padding: 0 15px;}
#contentResult .qtdItens { display: none;}
.busca-resultado { padding: 15px 0; width: 100%;}
.busca-resultado li {  border-bottom: 1px dotted #ccc; display: inline-block; padding: 15px; width: 100%; list-style: none; font: 11px Arial; margin: 0 0 30px 0;}
.busca-resultado li span { width: 120px; float: left; margin-right: 20px; text-align: center;}
.busca-resultado li span img { max-height: 120px;}
.busca-resultado li div { float: left; width: calc(100% - 140px);}
.busca-resultado li div h2 { background: none; font: 14px Arial; margin-bottom: 10px;}
.busca-resultado li div p { margin-bottom: 10px;}
.paginacaoBottom .pagList li.first a::after { content: "«"; display: block;}
.paginacaoBottom .pagList li.prev a::after { content: "Anterior"; display: block;}
.paginacaoBottom .pagList li.next a::after { content: "Próximo"; display: block;}
.paginacaoBottom .pagList li.last a::after { content: "»"; display: block;}

.prodDest ul li:nth-child(3n+1), .prodCat ul li:nth-child(3n+1), .prodRelacionado ul li:nth-child(3n+1) { clear: both;}

.prodTipo p { margin: 10px 0 0;}

.imgEmpresa { float: right; width: 250px; height: 174px; margin:0 0 10px 10px;}

@media (min-width: 1200px) {
	/* RESET CONTAINER BOOTSTRAP COL-LG */
	.container { width: 1030px; /* 1030px - 30px(paddings laterais) = 1000px */} 
}
@media (max-width: 1199px) {
    .headerTop .logoTop { padding-left: 0;}
	#footer .footerContent .telFooter { padding-left: 30px;}
}

@media (max-width: 991px) {
	#top { margin-bottom: 50px;}
	main.container { padding-top: 30px;}

	.breadcrumb { display: none;}

	.headerContent { background: none; padding-bottom: 0; padding-top: 0;}
	.headerTop { padding: 20px 0;}
	.headerTop .logoTop { padding: 0; max-height: 80px; margin-top: -10px; margin-left: 15px;}
	.menuTop { background: #59B1D5; left: 0; position: absolute; right: 0;}

	#nav-menu-button { display: block;}
	.nav-menu-overlay {position: fixed; width:100%; top: 0; left: 0; right: 0; height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); background-color: rgba(0,0,0,0.4); z-index: 997; will-change: opacity; overflow-y: auto; display:none;}	

	.showMenu { display: none;}
	.showBackMenu { display: block;}

	.prodDest ul li, .prodCat ul li, .prodRelacionado ul li { margin-bottom: 50px;}
    .prodDest ul li .contentLi > a, .prodCat ul li .contentLi > a, .prodRelacionado ul li .contentLi > a { font-size: 14px; margin: 0 4px; padding: 10px 0; width: 100px;}

	/* MENU TOP */
	.menuBox { text-align: right;}
		/* MENU INSTITUCIONAL */
	#buttonMenuInstitucional { color: #fff; display: block; float: right; font-size: 22px; outline: none; z-index: 998;}
	#buttonMenuInstitucional span { line-height: 50px; font-size: 25px; position: relative; top: 0;}
	#menuInstitucional { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); height: auto; position: absolute; padding: 0px; right: 25px; top: 13px; text-align: left; text-transform: uppercase; max-width: 200px; width: 100%; z-index: 998;} 
	#menuInstitucional li { border-bottom:1px solid #f4f4f4; clear:both; display:block; width:100%;}
	#menuInstitucional li a { color: #56646f; display: block; font-size: 13px;  font-family: arial; line-height:32px; padding: 7px 15px;}

	.iconBuscaTop { color: #fff; display: inline-block; font-size: 22px; margin-right: 15px;}
	.iconBuscaTop:focus, .iconBuscaTop:hover { color: #fff; outline: none;}
	.iconBuscaTop span { line-height: 50px; top: 0;}

	.headerTop .telTop { display: block; text-align: right; padding: 0;}
	.headerTop .telTop a { background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%); background-repeat: repeat-x; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); border: 1px solid #ccc; color: #333; padding: 6px 12px; pointer-events: auto; line-height: normal;}
	.headerTop .telTop a span.glyphicon { display: inline-block; margin-right: 4px;}
	.headerTop .telTop a span.numFone { color: #000; display: inline-block; font-size: 14px; font-family: arial;}

	.prodRelacionado ul li { margin-bottom: 50px;}

	.paginacaoBottom .pagList li.active, .paginacaoBottom .pagList li a { padding: 10px 14px;}

       .boxSiga { float: left; margin-top: 30px;}
       .boxSiga img { display: block;}

	#footer { background: #59B1D5;}
	#footer .footerContent { background: none; height: auto; padding-bottom: 30px; padding-top: 30px;}
	#footer .footerContent .telFooter { color: #fff; padding: 0;}
	#footer .footerContent .telFooter a, #footer .footerContent .telFooter div { color: #fff; line-height: 35px;}
	#footer .footerContent .telFooter a sup, #footer .footerContent .telFooter div sup { left: 0;}
	#footer .footerContent span { display: none;}

	#footer .footerContent .box2 ul { float: left; padding-top: 0;}
	#footer .footerContent .box2 ul li { margin-left: 0;}
	#footer .footerContent .box2 ul li a:first-child { padding-left: 0;}
	#footer .footerContent .box2 p { color: #fff; text-align: left;}

	.backBot { padding: 7px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; margin-bottom: 50px;}
	.botFiltrar { background: #59b1d5; color: #fff; cursor: pointer; float: right; padding: 10px 25px;}
        .prodTotal { display: inline; line-height: 36px; margin: 0;}

	.menuLeft { margin-top: 0;}
	.menuModal { background: #fff; display: none; height: calc(100%); left: 0; padding: 0; position: fixed; opacity: 1 !important; top: 0; width: 100%; z-index: 1;}
	.menuModal .iconFecharMenu { color: #3088ac; cursor: pointer; float: right; font-size: 22px; padding: 14px 20px 15px; z-index: 1;}
	.nav-menu-categorias { background: #fff;}
	.nav-menu-categorias ul { border: none; height: calc(100% - 46px); margin: 52px 0 0; max-width: none; overflow: auto; padding: 0 0 50px; position: fixed;}
	.nav-menu-categorias ul li { margin: 0;}
	.nav-menu-categorias ul li:first-child { margin: 0; position: fixed; top: 0; width: 100%; }
	.nav-menu-categorias ul li .grupo { border: 0 none; border-radius: none;}
	.nav-menu-categorias ul li .grupo a { background: #59b1d5; color: #fff; cursor: pointer; display: block; font-size: 14px; padding: 18px 20px; text-transform: uppercase;}
        .nav-menu-categorias ul li:nth-child(n+2) a {  border-bottom: 1px solid #eee; font-size: 13px; padding: 17px 20px;}
        .nav-menu-categorias ul li:nth-child(n+2) a::after { color: #ddd; content:"\e258"; float: right;  font-family: "Glyphicons Halflings";} 

        .verAllProd .nav-menu ul li:first-child, .menuLeftHome .menu-lista li:first-child { margin-top: 15px;}

	.verAllProd .nav-menu { background: none; padding: 0;}
	.verAllProd .nav-menu ul li { margin: 0;}
	.verAllProd .nav-menu ul, .menuLeftHome .nav-menu { background: #fff; border: none; display: none; height: calc(100%); left: 0; max-width: 270px; overflow-y: auto; padding: 0; position: fixed; top: 0; width: 75%; z-index: 999;}
	.verAllProd .nav-menu ul li a, .menuLeftHome .nav-menu .menu-lista li .grupo a { background: none; color: #1481a1; padding: 15px 20px; font-size: 14px; font-weight: normal; border: 0;}
	.verAllProd .nav-menu ul li a:hover, .menuLeftHome .nav-menu .menu-lista li .grupo a:hover { background: #f6f6f6; border-left: 2px solid #ddd; text-decoration: none;}

	.menuLeftHome .nav-menu { background-image: none; padding: 0;}
	.menuLeftHome .nav-menu .menu-lista { border: 0; max-width: 270px;}
	.menuLeftHome .nav-menu .menu-lista:before, .verAllProd .nav-menu ul::before { background: #59b1d5; color: #fff; content: "ESCOLHA UMA CATEGORIA"; display: block; font-size: 14px; font-weight: bold; padding: 18px 20px;}
	.menuLeftHome .nav-menu .menu-lista li { margin-left: 0;  margin-right: 0; padding: 0;}
       
    #contentResult { width: 100%;}
     
    .prodDest ul li:nth-child(3n+1), .prodCat ul li:nth-child(3n+1), .prodRelacionado ul li:nth-child(3n+1) { clear: none;}
    .prodDest ul li:nth-child(2n+1), .prodCat ul li:nth-child(2n+1), .prodRelacionado ul li:nth-child(2n+1) { clear: both;}
}

@media (max-width: 767px) {
	.localizacaoHome { margin-top: 50px;}

	.paginacaoBottom .pagList li { display: none; }
	.paginacaoBottom .pagList li.prev, .paginacaoBottom .pagList li.active, .paginacaoBottom .pagList li.next { display: inline-block; }	

    .prodText { text-align: center;}
    .prodText .orcDet { margin-top: 10px;}

	.busca-resultado li { text-align: center;}
	.busca-resultado li span { width: 100%; margin: 0;}
	.busca-resultado li div { width: 100%;}
	
}
@media (max-width: 480px) {
        .swiper-container img { max-width: none;}
}