*, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box;	-webkit-box-sizing: border-box;}

:root {
	--azul: #1a5faa;
	--height_banner: 590px;
	--largura: 70%;
}

/* CORPO */

body { margin: 0; padding: 0; text-align: center; background-color: white;}
			

/* FONTES */
@font-face {
    font-family: 'Dubai';
    src: /*url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../ttf/DUBAI-REGULAR.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  
@font-face {
    font-family: 'DubaiBlack';
    src: /*url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../ttf/DUBAI-BOLD.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

/* Estilos Texto */

h1{	font: 44px/50px Dubai; color: var(--azul); font-weight: 400; text-align: left;}
h2{	font: 28px/30px Dubai; color:  var(--azul);}
h2 a{ color: #00a650; font: 20px/28px Dubai; font-weight: 800;}
h3{	font: 28px/30px Dubai; color:  var(--azul); text-align: left;}
h4{	font: 21px/26px Dubai; color:  var(--azul); text-align: left; margin-top: 5px; margin-bottom: 30px}

p{ text-align: justify;	font: 14px/17px Dubai; text-justify: inter-word;	padding-left: 15px; color: gray;}
p.big{font: 27px/32px Dubai;}


/* Faixa Azul */

.faixa_azul{	width: 100%; 	background-color: #0365af; height: 4px;}


/* Largura do menu */
#container {width: 70%;	min-width: 800px; width: 70%;	margin: 0 auto;}

/*
.fluid_container { padding-top: 100px;	width: 100%; z-index: -3;}
.slide{ padding-top: 100px;	width: 100%; z-index: -3;}

*/

.largura{ width: 800px; margin: 0 auto; margin-top: 0px; }
.largura span{ width: 33%; float: left; padding: 10px; 	text-align: left;}
.largura span a{ text-decoration: none;	color: white; font: 12px/32px Dubai;}
.largura span a:hover{ text-decoration: none; color: var(--azul); font: 12px/32px Dubai;}

/* Header */
header { background-color: white; border-bottom: 0px solid #aaa; float: left; width: 100%; position: fixed;	z-index: 10;}
header a { color: gray;	text-decoration: none; font-family: Dubai, sans-serif; text-transform: uppercase; font-size: 1em;}
header a.active, header a:hover { color: var(--azul);}
header ul {	float: right; padding-top: 20px}
header ul.top a { color: gray; text-decoration: none; font-family: Dubai , sans-serif; text-transform: uppercase;	font-size: 1em; padding: 3px;}
header ul.top a.active, header ul.top a:hover {	color: var(--azul);	border-radius: 3px;}
header li {	display: inline; float: left; padding-right: 20px; margin-right: 40px;}

/* header large */
header.large { height: 94px;}
header.large img { margin-top: 12px; height: 70px;}
header.large li { margin-top: 22px;}
header.large ul.top li {margin-top: 9px;}
header.small div.sombra{width: 100%; background-image: url('../imagens/sombra.png'); height: 8px;
}

/* header small */
header.small { height: 58px; border-bottom: 0px solid #C6C6C6;}
header.small img { height: 53px;}
header.small li { margin-top: 6px;}
header.small ul.top li {margin-top: 0px;}

/* menu */
.menu_min, #menu_resp{	display: none;}

nav { width: 100%;	margin: 0 auto;}

/* Transitions */

header, nav, img, li {
	transition: .7s all;
	-moz-transition: .7s all;
	-webkit-transition: .7s all;
	-o-transition: .7s all;
}

header li ul li, .icones img{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

/* Menu dropdow */
/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; /*padding: 0*/; display: block; }
.menu-hv * ,    .menu-vv * { margin: 0; /*padding: 0*/ ; list-style: none}
.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em;  }
.menu-hv a ,    .menu-vv a { display: block; line-height: 1.2em }
.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
.menu-hv li:hover ul,  .menu-vv li:hover ul,
.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
/* características horizontal-vertical */
.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
.menu-hv li { float: left; }		
.menu-hv li ul li { float: none; }
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }

/* ****************************************
  ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
  ou apague as linhas se for definir em outro lugar
*/
.menu-hv li { margin-right: 20px; padding: 2px; }
.menu-hv li a:hover { border: 0px gray solid; color: var(--azul);}
.menu-hv li a {}
.submenu_principal{overflow: hidden; background-image: linear-gradient(white, white, #D2D2D2); padding: 2px; padding-top: 5px; padding-left: 20px; padding-right: 20px; border: 0px solid gray; border-radius: 5px; margin-left: -6px }


img.logo { float: left; padding: 2px; padding-top: 6px; padding-bottom: 6px}
/* RODAPÈ */
		

footer{width: 100%; clear: both; /* height: 320px;position: relative;*/ top: 10px; background-color: #D2D3D5; padding-top: 20px; }

footer .larg{width:70% ; margin: 0 auto; position: relative;}

footer .d-1 {width: 26%; float: left; padding-top: 10px; }
footer .d-1 img{width: 150px;}
footer .d-2 {width: 50%; float: left; padding: 20px; padding-top: 10px; text-align: left;} 
footer .d-2 li, footer .d-3 li{width: 200px; margin: 0px 5px 15px 5px;list-style-type: none;}

footer .d-2 a{font: 14px/18px DubaiBlack; color: #5b5b5b; text-decoration: none; text-transform: uppercase;text-align: left}

footer .d-2 a:hover{color: gray;}
footer .d-2 li a {}
footer .d-3 {width: 24%; float: left; padding-top: 18px; }
footer .d-3 p{font: 14px/24px DubaiBlack; color: #5b5b5b; padding-left: 0px; display: block;text-align: center} 
footer .d-3 img{padding: 10px}

/*
 * .mapa{max-width: 420px; min-width: 320px; width: 90%; height: 200px; border:0;}*/

footer .bottom{background-color: #A9A9A9; height: 30px; clear:both;}
.bottom .b_1, .bottom .b_2{float: left; width: 50%}
.bottom .b_1 p, .bottom .b_2 p {color: white; font: 16px/18px Dubai; color: gray; margin-left: 30px; text-align: center; padding-top: 5px;}

footer a {color: gray; text-decoration: none;}



@media only screen and (max-width: 1420px) {

header a { font-size: 0.9em;}
.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.0em;  }
.menu-hv a ,    .menu-vv a { display: block; line-height: 1.0em }
header ul.top a { font-size: 0.9em;}

}
@media only screen and (max-width: 900px) {
/* MENU Mìnimo */


header ul {	float: left;}
#submenu{position: relative; top: 0px; z-index: 10; left: 10px} 
#container{ width: 100%; min-width: 100px;}
#logo{ float: left;	position: fixed; top: 2px; left: 4px; z-index: 1;}

header,	nav, img, li { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;}

header{	position: fixed; }
header li{ width: 100%;	margin-top: 0px; padding-top: 0px;}
header ul{ background-color: #FFFFFF; top: 0px; padding-top: 0px}
header.large, header.small { height: 77px;}
header.large img, header.small img  { margin-top: 7px; height: 60px;}
header.large li, header.small li {	margin-top: 5px; text-align: left; border-bottom: 0px solid #D8D8D8;}

.largura{ width: 100%; margin: 0 auto; padding: 0;}
.menu_min{ display: initial; width: 100%; border: 0px solid gray;}
.menu_min .button{ float: right; padding: 2px;	z-index: 12;}

.menu-hv{display: none;}
#menu_resp{	background-color: white; z-index: 10; margin-top: 67px;}
#menu_resp li, #menu_resp ul li ul li{position: relative;	top: 0px; padding: 0; margin-bottom: 2px; margin-top: 10px; text-align: left; border-bottom: 1px dotted #D8D8D8;  left: 5px; width: 100%;  padding-left: 10px;}

.buttonb{ position: absolute; top: 16px; right: 14px;}

footer .d-1{ display: none}
footer .d-2{ width: 90%; margin: 5%; padding: 0px; height: 120px; margin-left: -30px;}
footer .d-3 {width: 90%; margin: 20px; padding: 0px; height: 50px}

footer .d-3 p{ margin-left: 0px; text-align: center; height: 20px}
footer .d-3 li{ display: inline}


footer .bottom{background-color: #A9A9A9; min-height: 85px; align-content: center;}
.bottom .b_1, .bottom .b_2{float: left;  width: 100%; display: inline-block; padding: 2px; text-align: center;}
.bottom .b_1 p, .bottom .b_2 p, .bottom .b_1 p a{color: white; margin: 5px; padding: 7px}

header.small div.sombra{width: 100%; background-image: url('../imagens/sombra.png'); height: 8px; position: relative; top: 73px; z-index: -10;}



}