@font-face {
  font-family: myFirstFont;
  src: url(https://www.bediamond.com.br/layout/css/GOTHICB.TTF);
}

*, html { padding: 0; margin: 0; }
body { 
	font-family:"Century Gothic";
	font-size:1.2em;
}

img { border: 0; }
ul, li{ list-style:none; }

h1{
	font-size:1.2em;
	text-transform:uppercase;
	color:#464745;
	text-align:center;
	margin-top:20px;
}

h2{
	font-size:1.2em;
	text-transform:uppercase;
	color:#464745;
	text-align:center;
	margin-top:20px;
}

h3{
	font-size:1.0em;
	font-weight:normal;
	text-transform:uppercase;
}



/* WIREFRAME */

.container{
	width:100%;
	margin:0px auto;
}

/* FIM WIREFRAME */

/* TOPO */

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

.logo img{
	max-width:80%;
}

.topo-info{
	background-color:#003174;
	padding:3px 0 12px 0;
	width:100%;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.topo-info img{
	margin-right:8px;
	vertical-align:middle;
}

.icone-topo-whatsapp{
	background:url(../img/icone-whatsapp.png); 
	background-repeat:no-repeat;
	padding-left:35px;
	padding-bottom:6px;
}

.topo-info a{ 
	font-size:90%; 
	color:#FFF;
	text-decoration:none;
}


/* FIM TOPO */

/* MENU */

header nav{
	margin:0 auto;
	text-transform:uppercase;
	font-weight:bold;
}

.toggleMenu {
	display: none;
	background: #003174;
	padding: 10px 0px;
	color: #FFF;
	width:100%;
	text-align:center;
}

.menu {
	list-style: none;
	background-color:#464745;
}

.menu:before,
.menu:after {
	content: " "; 
	display: table; 
}
.menu:after {
	clear: both;
}
.menu ul {
	list-style: none;
	width: 9em;
}
.menu a {
	padding: 10px 15px;
	color:#FFF;
}
.menu li {
	position: relative;
}
.menu > li {
	float: left;
	border-top:1px solid #FFF;
}
.menu > li > .parent {
	background-image: url("../img/downArrow.png");
	background-repeat: no-repeat;
	background-position: right;
}
.menu > li > a {
	display: block;
}
.menu li  ul {
	position: absolute;
	left: -9999px;
}
.menu > li.hover > ul {
	left: 0;
}
.menu li li.hover ul {
	left: 100%;
	top: 0;
}
.menu li li a {
	display: block;
	background: #0297AF;
	position: relative;
	z-index:100;
	border-top: 1px solid #422C2E;
	color:#EFD8EA;
}
.menu li li li a {
	background:#249578;
	z-index:200;
	border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 768px) {
	.active {
			display: block;
	}
	.menu > li {
			float: none;
	}
	.menu > li > .parent {
			background-position: 95% 50%;
	}
	.menu li li .parent {
			background-image: url("../img/downArrow.png");
			
			background-repeat: no-repeat;
			background-position: 95% 50%;
	}
	.menu ul {
			display: block;
			width: 100%;
	}
 .menu > li.hover > ul , .menu li li.hover ul {
			position: static;
	}
}

/* FIM MENU*/

/* MENU INTERNO */
.topnav {
  overflow: hidden;
  background-color: #0B0B4F;
	margin:20px 0;
}

.topnav a {
  float: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
	text-transform:uppercase;
	font-weight:normal!important;
	color:#FFF!important;
}

@media screen and (max-width: 768px) {
  .topnav a:not(:first-child) {display: none;}
  
	.topnav a.icon {
    float: right;
    display: block;
		color:#FFF;
		border-top:0px!important;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
		color:#FFF;
		border-top: 1px solid #FFF;
  }
}

.active_menu {
  background-color:#747675;
	width:78%;
	color:#FFF!important;
	border-top:0px!important;
}

/* FIM MENU INTERNO */

/* BANNER HOME */
.banner-home{
	display:none;
}

.banner-home-mobile{
	display:inline;
}

.slider {
   	height: 485px;
    text-align: center;
    width: 100%;
}

.slider section{
	position:relative;
	width:100%;
}

.slider section section{
	width:90%;
	margin:0 auto;
	top:20%;
	left: -50%;
	right: -50%;
	position:absolute;
	}

.slider section h1{
	color:#FFF;
	font-size:160%;
	font-weight:normal;
	text-shadow: 0.1em 0.1em 0.05em #333;
	text-align:center;
}

.slider section img{
	width:100%;
	height: 485px;
}


.slider section div{
	position:absolute;
	margin:0 auto;
	bottom:20%;
	width:100%;
}

.slider section div a{
	border-radius: 25px;
	background-color:#FFF;
	padding:2% 9%;
	color:#000;
	font-size:110%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

.slider section div a:hover{
	background-color:#003174;
	color:#FFF;
}


.whatsaap{
	 position:fixed; 
	 bottom:2%;
	 right:2%;
	 z-index: 10;
}

/* FIM BANNER HOME */



/* BANNERS SITE */

.banner-interno{
	background:url(../img/fundo-home-ajuda.jpg); 
	background-position:center;
	background-repeat:no-repeat;
	height:137px;
	color:#FFF;
	border:1px solid #FFF;
	margin-bottom:15px;
}

.banner-interno h1{
	color:#FFF;
	padding:5% 0 0 3%;
	font-size:190%;
	font-weight:normal;
	text-align:left;
}

/* FIM BANNERS SITE */


/* HOME */

.home{
	width:90%;
	margin:20px auto;
	text-align:center;
}

.home h2{
	font-size:1.5em;
	margin-bottom:10px;
}

.home figure img{
	max-width:99%;
}

.home-servicos{
	background:url(../img/fundo-home-servicos.jpg); 
	padding:10px 0;
	text-align:center;
}

.home-servicos h2{
	font-size:1.5em;
}

.home-servicos figure{
	width:90%;
	margin:0 auto 20px auto;
	padding:5px 0;
	background-color:#FFF;
	box-shadow: 4px 4px 8px 1px #666;
	border-radius:20px;
}

.home-servicos figure h2{
	text-align:left;
	width:95%;
	margin:10px 0px 0 10px;
}

.home-servicos figure p a{
	font-weight:normal;
}

.home-servicos figure img{
	margin:10px auto;
	width:95%;
}

.home-servicos figure p { 
	text-align:left;
	width:95%;
	margin-left:10px;
	font-weight:normal;
}

.home-servicos figure a{
	text-decoration:none;
}

.home-servicos figure span a{
	background-color:#003174;
	padding:2% 9%;
	color:#FFF;
	font-size:100%;
	margin:5% auto;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

.home-servicos figure span a:hover{
	background-color:#999;
	color:#000;
}

.home-ajuda{
	background:url(../img/fundo-home-ajuda.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin:20px 0;
	text-align:center;
	height:337px;
	color:#FFF;
}

.home-ajuda h1{
	color:#FFF;
	padding:10% 0 0 0;
	font-size:140%;
	width:95%;
	margin:0 auto;
}


.home-ajuda span a{
	border-radius: 25px;
	background-color:#FFF;
	padding:2% 9%;
	color:#000;
	font-size:100%;
	margin:5% auto 0 auto;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

.home-ajuda span a:hover{
	background-color:#003174;
	color:#FFF;
}

/* FIM HOME */



/* EMPRESA */

.conteudo{
	font-size:75%;
}

.conteudo p{ 
	line-height:23px;
	padding:10px 0;
	width:95%;
	margin:0 auto;
	color:#000;
}

.conteudo a{
	color:#000;
	font-weight:bold;
}

.conteudo ul{
	margin:20px 0;
}

.conteudo li{
	list-style:disc;
	width:85%;
	margin:10px auto;
	font-style:italic;
}

.conteudo strong{
	color:#000;
}

.empresa p{
	line-height:28px;
}

.empresa figure{
	text-align:center;
}

.empresa figure img{ 
	width:80%;
	border-bottom:1px dashed #CCC;
	padding:10px 0;
}

.botao-compliace a{
	background-color:#0096AD;
	color:#FFF;
	font-weight:normal;
	padding:5px;
	border-radius:10px;
	text-decoration:none;
}

.botao-compliace a:hover{
	background-color:#464745;
}


/* FIM EMPRESA */



/* CONTATO */

.contato{
	font-size:100%;
	margin:0 auto 20px auto;
	width:95%;
}

.contato form{
 width:100%;
 margin-top:20px;
}

.contato label{
	width:100%;
	display:inline-block;
	margin:0 0 1% 0;
}

.contato input[type=text], 
				 input[type=email], 
				 input[type=tel], 
				 input[type=number]{
	width:100%;
	height:2.0em;
	margin:0 0 20px 0;
	border:1px solid #CCC;
	padding:0 0 0 2%;
	font-size:90%;
}

.contato textarea{
	width:100%;
	height:8.0em;
	margin:0 0 20px 0;
	border:1px solid #CCC;
	padding:2% 0 0 2%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	font-size:80%;
}

.contato input[type=submit]{
	width:20%;
	border:1px solid #CCC;
	background-color:#FFF;
	color:#333;
	padding:8px 0;
	font-weight:bold;
	float:right;
}

.contato fieldset{
	border:0px;
}

.contato fieldset legend{
	text-transform:uppercase;
	margin-bottom:30px;
	font-size:90%;
}

.contato iframe{
	width:100%;
	height:17.4em;
	border:1px dashed #CCC;
	margin-top:20px;
}

.ok{
	margin-bottom:30px;
}

.ok h1, .ok h2{
	text-align:left;
	font-size:80%;
}


/* FIM CONTATO */

/* RODAPÉ */

footer{
	border-top:4px solid #003174;
	color:#666;
	margin-top:20px;
	background-color:#F7F7F8;
}

footer address{
	font-size:80%;
	font-style:normal;
	width:90%;
	margin:0 auto;
}

footer section{
	margin-bottom:30px;
}

.rodape-redes-sociais{
	text-align:center;
	margin-top:20px;
}

.rodape-menu li, .rodape-endereco li{
	margin:8px 0;
}

footer address strong{
	font-size:150%;
	text-transform:uppercase;
}

footer address a{
	color:#666;
	text-decoration:none;
}

footer address a:hover{
	text-decoration:underline;
}

.rodape-icone-endereco{
	background:url(../img/icone-rodape-local.png); 
	background-repeat:no-repeat; 
	background-position:0px 10px;
	padding-left:35px;
}

.rodape-icone-telefone{
	background:url(../img/icone-rodape-whatsapp.png); 
	background-repeat:no-repeat; 
	background-position:0px 0px;
	padding-left:35px;
}

.rodape-icone-email{
	background:url(../img/icone-rodape-email.png); 
	background-repeat:no-repeat; 
	background-position:0px 0px;
	padding-left:35px;
}


footer .assinatura{
	border-top:3px solid #666;
	color:#666;
	font-size:60%;
	text-align:center;
	padding-top:20px;
}

footer .assinatura p{
	margin:5px 0;
}

footer .assinatura a{
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}

footer .assinatura a:hover{
	color:#666;
	text-decoration:underline;
}

/* FIM RODAPÉ */