/* GERAL */
* {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #716D5F;
	background-color: #EBEBE7;
}
div.form 				{ display: block; }
div.clear, span.clear 	{ display: block; clear: both; }
div.separador 			{ clear: both; height: 10px; }
.content 				{ width: 980px; margin: auto; } 
small					{ font-size: 11px; }

/* TEXTOS */
.branco 	{ color: #FFF; }
.azul 		{ color: #0957AD; }
.vermelho 	{ color: #D75609; }
.amarelo	{ color: #FCDB36; }

h1, h2, h3 {
	letter-spacing: -1px;
	margin: 0;
	font-weight: normal;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 14px; }
.txt-espacamento { line-height: 18px; }
.txt-oculto		 { display: block; overflow: hidden; text-indent: -9999px; }
.titulos         { height: 40px; }

/* FORMUL�RIOS */
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0A3F89;
	border: 1px solid #6D90B0;
	width: 500px;
	padding: 10px;
	margin-top: 4px;
}

.bt-enviar {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #222D5E;
	width: 60px;
}

#contato{ float: left; width: 547px; }

/* LINKS */
a {
	text-decoration: none;
	color: #716D5F;
}
a:hover {
	text-decoration: underline;
}

/* PAGINA��O */
.paginacao {
	color: #333333;
	padding: 3px 5px;
	border: 1px solid #B9C1C8;
	text-decoration: none;
	font-weight: bold;
}
.paginacao:hover {
	color: #222D5E;
	background-color: #B9C1C8;
}
.paginacao_nolinks {
	color: #999999;
	border: 1px solid #B9C1C8;
	padding: 3px 5px;
}
.paginacao_current {
	color: #000000;
	padding: 3px 5px;
	font-size: 16px;
	border: 1px solid #9CA9B2;
	background-color: #9CA9B2;
}

/* TOPO */
#container_topo	{ background: url(../imagens/banner_novo.jpg) center top repeat-x; height: 280px; }
/* #caixa_logo		{ width:418px; height: 73px; margin: auto; padding-top: 100px; } */
#container_menu	{ background: url(../imagens/bg_menu_azul.jpg) repeat-x; height: 50px; padding-top: 10px; }


#caixa_logo {
    width: 528px;
    height: 73px;
    margin: auto;
    padding-top: 115px;
    zoom: 0.9;
}

#container-topo {
	width: 100%;
	height: 280px;
	background-image: url(../imagens/bg-topo-complemento.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.bg-topo {
	background-image: url(../imagens/bg-topo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
#caixa-logo{
	float: left; 
	width:432px;
	height: 248px;
	margin-left: -10px;
	background: url(/imagens/caixa-logo.png) no-repeat top center;
}
#logo {
	float: left;
	margin-left: 52px;
	margin-top: 37px;
}
#logo a {
	width:306px;
	height: 130px;
	background-image: url(../imagens/logo_oticas_real.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#slideshow-topo {
	float: right;
	width: 490px;
}

/* MENU */
#container-menu {
	background-image: url(../imagens/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 6px 0;
	height: 60px;
}
.separador-menu-conteudo {
	background-image: url(../imagens/bg_corpo.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 70px;
}

/* CONTEUDO */
.brd-foto {
	padding: 4px;
	border: solid 1px #B8B7B0;
	background-color: #FFFFFF;
}
.ilustracao {
	float: left;
	padding: 0 20px 10px 0;
}
.box-home {
	float: left;
	width: 214px;
}
.box-home-margem { margin-right: 41px; }

	/* SEPARADOR - TRA�O */
	.separador-traco, .separador-dir, .separador-esq { height: 90px; }
	.separador-dir, .separador-esq { width: 50px; background-repeat: no-repeat; }
	.separador-traco {
		background-image: url(../imagens/sep-bg.gif);
		background-repeat: repeat-x;
		background-position: center center;
		clear: both;
	}
	.separador-dir {
		float: right;
		background-image: url(../imagens/sep-dir.jpg);
		background-position: right center;
	}
	.separador-esq {
		float: left;
		background-image: url(../imagens/sep-esq.jpg);
		background-position: left center;
	}

#content-bemvindo, #content-news {width: 100%;}
#content-bemvindo 	{float: left;margin-bottom: 30px;}
#content-news 		{/* float: right; */}

#fornecedores ul li {
	list-style-type: none;
	background-image: url(../imagens/linha_separador_marcas.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 19px;
}
	#fornecedores ul li:last-child {
		padding-right: 0px;
		margin-right: 0px;
		background-image: none;
	}

/* RODAPE */
#conteiner_rodape	{ background: url(../imagens/bg_container_rodape.jpg) repeat-x; height: 152px; }
#rodape_endereco    { width: 960px;	height: 68px; float: right;	padding: 20px 10px; background: url(../imagens/bg_rodape.jpg) repeat-x; }


#conteiner-rodape {
	width: 100%;
	height: 152px;
	background-image: url(../imagens/bg-rodape-complemento.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#content-rodape {
	background-image: url(../imagens/bg-rodape.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 152px;
	font-weight: normal;
}
#rodape-selo {
	float: left;
	width: 92px;
	height: 131px;
	background-image: url(../imagens/r_glasses.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#rodape-endereco {
	width: 838px;
	height: 68px;
	float: right;
	padding: 20px;
	background-image: url(../imagens/bg_endereco.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
	.endereco {
		float: left;
		width: 170px;
		padding: 10px;
	}
	.endereco h3 { margin-bottom: 5px }

#logo-linceweb  { float:right; padding: 14px 10px; }	
#copyright		{ float:right; margin-top: -13px; text-align: right; font-size: 11px; }
.no-link{
	text-decoration: none !important;
}

.news-titulo{
	margin-bottom: 10px;
}

ul#lista {
    margin-top: 15px;
}

.titulo-inicial{
	margin-bottom: 10px;
}  


/*Barra - Instagram*/

#instafeed{
	display: flex;
}

#instafeed .insta-img-container img{
	width: 100%;
	object-fit: cover;
    height: 100%;
}

#instafeed .insta-img-container img:hover{
	transform: scale(1.1);
	transition: 0.8s;
}

@media(max-width:767px){
	#instafeed{
		display: grid;
		grid-template-columns: repeat(3, 1fr)
	}

	#instafeed .insta-img-container img:hover{
		transform: scale(1.0);
	}

	#lightbox-container-image-box {
		width: 90vw !important;
	}

	#jquery-lightbox {
		z-index: 1100 !important;
	}

	#lightbox-container-image-data-box {
		width: 85vw !important;
	}
}


#instafeed .insta-img-container img{
  width: 100%;
  object-fit: cover;
  height: 240px;
} 




.insta-img-container {
  width: 100%;
}

#instafeed {
	overflow: hidden;
}

.title {
    display: block;
    text-align: center;
    color: #0957AD;
    font-size: 24px;
    padding-top: 60px;
    /* padding-bottom: 30px;*/ 
    margin-bottom: 30px;
}


.whatsapp-rodape svg {
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.whatsapp-rodape svg path{
    fill:#fcdb36;
}

.whatsapp-rodape {
    display: flex;
}

.whatsapp-rodape a {
	color: inherit;
}

.whatsapp-rodape a {
	color: inherit;
}

.container-menu-mobile {
	display: none;
}

.menu-mobile-btn {
    display: none;
    background: none;
    border: none;
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 20px;
    z-index: 1001;
    cursor: pointer;
}

@media (max-width: 768px) {
	.container-menu-mobile {
		display: block !important;
	}

	.container-menu-desktop {
		display: none;
	}

    #container_menu .content {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .menu-mobile-btn {
        display: block;
    }

    #container_menu ul.lavaLampWithImage {
        display: none;
        flex-direction: column;
        background: #1563B6;
        position: absolute;
        top: 53px;
        left: 0;
        width: 100%;
        z-index: 1000;
        margin: 0;
        padding: 0;
    }

    #container_menu ul.menu-mobile-open {
        display: flex;
		border-top: 1px solid #fff2;
    }

    #container_menu ul li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #fff2;
		padding: 15px 20px 0px 20px;
    }

    #container_menu ul li:last-child {
        border-bottom: none;
    }

	#container_topo {
		background-size: cover;
		height: auto;
	}

	.content {
		width: 100%;
	}

	#caixa_logo {
		width: 100%;
	}

	#caixa_logo img {
		width: 50%;
		height: auto;
		margin-top: -45px;
		margin-left: 95px;
	}

	.separador-home {
		display: none !important;
	}

	.separador-menu-conteudo {
		display: none;
	}

	#content-bemvindo {
		margin-top: 40px;
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px);
		margin-bottom: 40px;
	}

	.box-home {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}

	.box-home img {
		height: auto;
		object-fit: contain;
	}

	#conteiner_rodape {
		background-size: 23px;
        height: 302px !important;
	}

	#rodape_endereco {
		width: calc(100% - 28px);
		display: flex;
		flex-wrap: wrap;
		background-size: 15px;
		padding: 10px 15px;
		float: none;
		height: auto;
	}

	.endereco {
		float: none;
		width: 50% !important;
		align-items: flex-end;
		padding: 10px 0 15px 0;
	}

	#logo-linceweb {
		display: flex;
		justify-content: flex-end;
		width: 44%;
	}

	.webmail {
		margin-left: 15px !important;
		margin-top: 13px !important;
	}

	#copyright {
		margin-right: 15px;
		margin-top: -13px;
	}

	.endereco-euclides {
		text-align: right;
	}


	.endereco-euclides .whatsapp-rodape {
		justify-content: flex-end;
	}

	.whatsapp-rodape svg { 
		margin-top: 7px;
	}

	.endereco strong {
		font-size: 15px;
	}

	.endereco p {
		margin-top: 7px;
	}

	#content-bemvindo p {
		font-size: 13px;
	}

	.box-home span a {
		font-size: 14px !important;
        width: calc(100% - 30px);
        display: block;
        margin-left: 15px;
	}

	#container_menu {
		height: 54px;
    	padding-top: 5px;
	}

	#fornecedores-jcarousellite {
		margin-bottom: -13px;
	}

	#img-ilustracao img {
		width: calc(100vw - 30px);
	}

	.content-empresa {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px);
	}

	#img-ilustracao {
		width: 100%;
	}

	.leia-mais {
		display: flex;
		justify-content: center;
		margin-left: 67px;
	}

	#fornecedores-jcarousellite ul li {
		width: 50vw !important;
	}

	.content-lojas {
		padding-right: 0;
	}

	.container-lojas {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.content-lojas strong {
		margin-top: 10px;
		display: inline-block !important;
	}

	.content-lojas h1 {
		margin-bottom: 10px;
	}

	.container-lojas .titulos {
		margin-top: 40px;
	}

	.container-dicas {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.container-dicas .titulos {
		margin-top: 40px;
	}

	.container-dicas .brd-foto {
		width: calc(100vw - 40px);
		margin-left: 15px;
		margin-top: 10px !important;
		margin-bottom: 30px !important;
	}

	#lista li a {
		font-size: 12.3px;
	}

	.container-news {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.container-news .titulos {
		margin-top: 40px;
	}

	.container-news #lista li div {
		width: calc(100vw - 55px)!important;
		margin-right: 15px !important;
	}

	.container-news h1 {
		margin-top: 30px;
	}

	.container-news .separador-traco.clear {
		display: none;
	}

	.container-news .brd-foto {
		width: calc(100% - 10px);
		margin-left: 0 !important;
		margin-top: 20px !important;
		margin-bottom: 30px  !important;
	}

	#thumbs {
		margin-top: 280px;
		margin-left: -15px;
	}

	.container-eventos {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	div.slideshow img {
		width: calc(100vw - 30px);
		margin-top: 20px;
	}

	div.slideshow span.image-wrapper {
		left: 143px;
	}

	#container div.content {
		width: 10;
	}

	.nav-controls {
		margin-right: 9px;
	}

	.container-eventos h1 {
		margin-top: 40px;
	}

	.container-parceiros {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.container-parceiros .titulos {
		margin-top: 40px;
	}

	#logo-parceiros img {
		width: calc(100vw - 40px);
	}

	.container-contato {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.container-contato .titulos {
		margin-top: 40px;
	}

	div#col-1 {
		width: calc(100vw - 30px) !important;
		float: none !important;
	}

	div#col-2 {
		width: calc(100vw - 30px) !important;
		float: none !important;
		margin-top: 40px;
	}

	#formContato input, select, textarea {
		width: calc(100vw - 52px) !important;
	}

	input#enviar {
		width: 100% !important;
		margin-top: 40px;
	}

	.separador-form {
		display: none;
	}

	iframe {
		width: calc(100vw - 30px) !important;
		margin-top: 20px;
	}

	.g-recaptcha {
		transform: scale(1.2);
		transform-origin: 0;
	}

	.container-pesquisa {
		width: calc(100vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 30px;
	}

	.rc-anchor-normal .rc-anchor-pt {
		right: 50px;
	}

	div#col-2 p {
		margin-top: 4px;
	}

	.rc-anchor-normal .rc-anchor-pt {
		right: 50px;
	}
	
}

.lavaLampWithImage li a:hover {
	color: #e5ca3a !important;
}

.endereco {
	color: #000000 !important;
}

.endereco strong {
	color: #000000;
}

.whatsapp-rodape svg path {
	fill: #000;
}

.foto-dica {
	margin: 0 0 10px 40px;
	width: 300px;
}

#lightbox-container-image-box {
    height: auto !important;
}

#jquery-lightbox {
    width: 100% !important;
}

#lightbox-image {
    width: 100% !important;
}

.foto-noticia {
	margin: 0 0 10px 40px;
	width: 300px;
}

@media (min-width: 768px) {
	#lightbox-container-image-box {
		width: 80% !important;
	}

	#lightbox-container-image-data-box {
		width: 78.5% !important;	 
	}
}