body.cm, body.record { background-color: #FFF; }
body.negocios { background-color: #FFF4DE; }
hr { border: 0px; }
.cm hr, .record hr { color: #E0E0E0; background-color: #E0E0E0; height: 1px; }
.negocios hr { color: #FFE4AD; background-color: #FFE4AD; height: 1px; }
img { vertical-align: top; }

#nav { position: fixed; z-index: 1; width: 100%; background-color: #000; -moz-opacity: 0.95; opacity: 0.95; font-family: "TitilliumText22LRegular","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; border: none; }
#nav .nav-bar { margin-top: 0px; margin-bottom: 0px; background-color: #000; }
#nav .nav-bar { border: 0px; height: 35px; }
#nav .nav-bar li { border: 0px; box-shadow: none; -moz-box-shadow: none; line-height: 30px; white-space: nowrap; }
#nav .nav-bar li > a { font-size: 10pt; color: #CCC; border-top: 3px solid #111; padding: 0px 18px; }
#nav .nav-bar li > a:hover { background-color: #000; color: #FFF; }
#nav img { vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; }

.cm #nav .nav-bar li > a:hover, .record #nav .nav-bar li > a:hover { border-top: 3px solid #FFF200; }
.negocios #nav .nav-bar li > a:hover { border-top: 3px solid #C4161C; }

.negocios #header #background-header { border-bottom: 6px solid #C4161C; }
#header p { margin-bottom: 0px; }
#background-header { position: relative; margin-top: 60px; }
#headCopy { position: absolute; bottom: 20%; }
#stamp { position: absolute; bottom: 20px; right: 20px; }

h1, h3 { text-transform: uppercase; font-weight: normal; }
h1 { font-size: 2.4em; font-family: "TitilliumText22LLight","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }
h2 { font-size: 1.6em; font-family: "TitilliumText22LRegular","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; }
h3 { font-size: 1.6em; font-family: "TitilliumText22LLight","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }
p { font-size: 1.0em; font-family: "TitilliumText22LRegular","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }
strong { font-size: 1.1em; font-weight: normal; font-family: "TitilliumText22LBold","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; color: #333; }

#promocao { padding-top: 25px; }
#promocao h1 { margin-top: 50px; }
.destaque { font-size: 1.1em; }
.numerado { display: block; float: left; margin: 0px 10px 10px 0px; width: 40px; height: 40px; text-align: center; border-radius: 20px; font-size: 28px; }
.cm .numerado, .record .numerado { background-color: #FFF200; color: #222; }
.negocios .numerado { background-color: #C4161C; color: #FFF; }

#informacoes p { font-size: 0.8em; color: #666; }


@media only screen and (max-width: 800px) { 
	#stamp { width: 150px; height: auto; }
}

@media only screen and (max-width: 768px) { 
	#nav { display: none; }
	#stamp { width: 150px; height: auto; }
}

@media only screen and (max-width: 600px) {
	#background-header { margin-top: 20px; }
	#stamp { width: 125px; height: auto; }
	#promocao h1 { margin-top: 0px; }
	#promocao h1, #promocao h2 { text-align: center; }
	#promocao div { text-align: center; }
	#promocao img { margin-top: 10px; }
}

@media only screen and (max-width: 480px) { 
	#stamp { width: 100px; height: auto; bottom: auto; top: 10px; right: 10px; }
}