@import url('https://fonts.googleapis.com/css?family=Overlock&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100|Open+Sans+Condensed:300&display=swap');
html, body{ 
	margin:0;padding:0;height:100%;background:#FBFBFB !important; font-family: 'Overlock', cursive; scroll-behavior: smooth !important;
}
iframe{margin:10px 5px;}
.contido{
	position:relative; margin:0 auto; width:96%; max-width:1350px;
}
.contido:after,.contido:before{
	content:"";display:table;clear:both;
}
.logo{
	position:absolute; left:0; top:0; object-fit: cover; min-width:308px; min-height: 245px;
	background-image: url('../img/fd_logo.png'); background-repeat: none; background-size: cover; background-position: right top; 	
}
.logo img{padding:5px; padding-left:30px; padding-top:15px; float: left;}
.topo{
	display:block;width:100%;height:245px;color:#2F353D;text-align:right; position:relative; z-index: 1; object-fit: cover;
	background-image: url('../img/topo.png'); background-repeat: none; background-size: cover; background-position: center top; 
}
.top{
	display:block; width:50%;height:68px;color:#2F353D;text-align:right; position:absolute; top:0; right:0; object-fit: cover; 
	background-image: url('../img/topo_dir.png'); background-repeat: none; background-size: cover; background-position: left top; 
}
.banner{
	display:block;width:100%;height:426px; position:absolute; z-index:0; top: 150px; object-fit: cover;
	background-image: url('../img/slider/banner.jpg'); background-repeat: none; background-size: cover; background-position: center top; 
}
.base_banner{
	display:block;width:100%;height:95px; position:absolute; z-index:1; bottom: 0; object-fit: cover;
	background-image: url('../img/base_bn.png'); background-repeat: none; background-size: cover; background-position: center top;
}
.destaques{
	display:block;width:100%; height:337px; margin-top:240px; position:relative;
}
.destaq_esq{
	display:block;width:315px;height:100%; position:absolute; top: 0; left:0; object-fit: cover; z-index:0; 
	background-image: url('../img/fd_cat_esq.png'); background-repeat: none; background-size: cover; background-position: left top;
}
.destaq_dir{
	display:block;width:239px;height:100%; position:absolute; top: 0; right:0; object-fit: cover; z-index:0; 
	background-image: url('../img/fd_cat_dir.png'); background-repeat: none; background-size: cover; background-position: right top;
}
.destaq{
	display: flex; justify-content: center; align-items: center; width:auto;height:100%; position:relative; z-index:1;
}
.circle {
  background-color: #efefef;
  border-radius: 50%;
  width: 142px;
  height: 142px;
  overflow: hidden;
  position: relative;
  border: 3px solid #fff;
}
.circle img {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.txt_cicle{
	position:absolute; bottom:-30px; width:100%; text-align:center;
}
.circle img:hover, .circle img:link {
	
}
.circle_open {
  background-color: #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: relative;
  margin: 0.4%;
  border: 4px solid #efefef;
  cursor:pointer;
  text-decoration:none;
}
.circle_texto{
  display: flex; justify-content: center; align-items: center; 
  width:auto;height:100%; position:relative;
  color:white;
  opacity:0;
  transition: opacity .2s linear;
  background-color:rgba(0,0,0,.7);
  z-index: 3;
  height: 100%;
  text-align: center;
}
.circle_texto h2{
	font-size: 1.2rem;
}
.circle:hover .circle_texto{
  opacity:1;
}
.rodape{
	background:#2F353D;
	min-height:200px;
	padding:30px 0;
	width: 100%;
    margin-top: 60px;
	color:#fff;
	display: grid;
	place-items: center;
}
.rod{
	background:#2F353D;
	min-height:30px;
	padding:10px 0;
	width: 100%;
    margin-top: 10px;
	color:#fff;
	display: grid;
	place-items: center;
}
.foo{
	background:#EEEBE4;
	min-height:40px;
	padding:3px 0;
	width: 100%;
	color:#8B6A1A;
	display: flex;
	justify-content: center; /* Horizontalmente */
	align-items: center;
}
.foo span{
	font-weight: bold;
	width: 100%;
	text-align: center;
}
.break {
  flex-basis: 1%;
  height: 0;
}
.rodape a, .rod a{
	color:#ffff96;
	text-decoration:none;
}
.rodape a:hover, .rod a:hover{
	color:#ffff96;
	text-decoration:underline;
}
@media(max-width: 1200px) {
	.circle {
	  width: 132px;
	  height: 132px;
	}
	.circle_open {
	  width: 140px;
	  height: 140px;
	}
}
@media(max-width: 668px) {
	.circle {
	  width: 122px;
	  height: 122px;
	}
	.circle_open {
	  width: 130px;
	  height: 130px;
	}
}
@media(max-width: 568px) {
	.destaques {
		display: table;
		margin-bottom:30px;
	}
	.destaq{
		display:grid; padding-top: 60px;
	}
	.circle {
	  width: 192px;
      height: 192px;
	}
	.circle_open {
	  width: 200px;
	  height: 200px;
	  margin-bottom:40px;
	}
	.destaq_esq,.destaq_dir{
		display:none;
	}
}