/* ==== SITE ==== */

html {height:100%;background-color:#e2e2e2;}

body {
	background-color:white;
	font-size: 1.2em;
	font-family:Helvetica, sans-serif;
	width:100%;
	max-width:1920px;
	min-width:220px;
	min-height:100%;
	margin:0 auto;
	box-shadow:#444 0px 4px 4px;
}

h1 {text-align:center;font-size:1.4em;margin:0.2em 0 -0.5em 0;}
h2 {text-align:center;font-size:1.1em;margin:0.8em 0;}
h3 {text-align:center;font-size:1.9em;margin-bottom:1.0em;}
h4 {font-size:1.4em; margin:0 0 -0.5em 0;}
span#span_h2 {font-size:0.8em;}
p {margin:1em 0;}
p.center {text-align:center;}
div.clear {clear:both;}

a {text-decoration: none;}

/* ==== HEADER e LOGO ==== */

header {
	background-color:#000066;
	color:white;
	width:100%;
	box-shadow:#222 0 0 4px;
}

div.logo {font-size:1.5em;font-weight:bold;margin:0em;}

a#logo:link, a#logo:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	text-shadow:cyan 1px 1px 4px;
	display:block;
	padding:0.1em 0.5em 0.1em 0.5em;
}

span.lg_mapas {margin-left:-0.25em;}
span.lg_ponto {margin:0 -0.28em;}

@media screen {a#logo {font-size: 1.1em;}}
@media (max-width: 599px) {a#logo {font-size: 0.95em;}}
@media (max-width: 479px) {a#logo {font-size: 0.8em;}}
@media (max-width: 359px) {a#logo {font-size: 0.75em;}}
@media (max-width: 319px) {a#logo {font-size: 0.7em;}}



/* ==== MENU  PRINCIPAL ==== */

* {margin: 0; padding: 0;}
ul {list-style: none; margin:0px;}

ul#main_menu {
	color:#c1c1c1;
	font-size:0.8em;
	text-align:center;
	font-style:italic;
	background-color:#000033;
	width:100%;
	padding:0.2em 0em;
}

@media (max-width: 360px) {ul#main_menu {line-height:2.3em;}}

ul#main_menu li {
	display:inline;
	margin:1.3em auto;
}

ul#main_menu li a {
	color:orange;
	letter-spacing:0.09em;
	text-shadow:orange 0px 0px 2px;
	padding:0 4%;
}

ul#main_menu li a:hover {
	color:#e06838;
	letter-spacing:0.09em;
	text-shadow:#f5ba12 0px 0px 4px;
	padding:0 4%;
}

@media (max-width: 360px) {ul#main_menu li a {font-size: 1.1em; padding:0.5em 0.3em; line-height:1.7em;}}


/* ==== CONTEÚDO ==== */

main {width:100%;padding:0.3em 0 0.5em 0;}

div#breadcrumb {font-size:0.9em;color:#777;margin:0.4em 0.5em 0em 0.5em; }
a.crumb_lk:link, a.crumb_lk:visited {color:#e06838;}
a.crumb_lk:hover {color:orange;text-decoration:underline;}
strong.crumb_strong {color:#777;}

/* ==== RODAPÉ ==== */

footer {
	background-color:#e2e2e2;
	width:100%;
	border-bottom:1px solid orange;
}

p.rdp {text-align:center;font-size:0.7em;margin:0 0.5em;padding:0.5em 0;}
a.rdp_lk:link, a.rdp_lk:visited {color:#444;text-decoration:underline;}
a.rdp_lk:hover {color:#777;}