body, html { background-color: #201E21; color: #FFF; font: 12px lighter Arial, Helvetica; height: 100%; width: 100%; }
body, html, tr, td, img, a, input, textarea, h1, h2, h3 { border: 0px; margin: 0px; padding: 0px; }
input, textarea { font: 12px lighter Arial, Helvetica; }
h1 { border-bottom: solid 1px #616161; color: #FFF; font-size: 30px; margin-bottom: 20px; padding-bottom: 10px; }
h2, h3 { margin: 10px 0px 10px 0px; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #EDCA00; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.font-50 { font-size: 50px; }
.font-40 { font-size: 40px; }
.font-30 { font-size: 30px; }
.font-20 { font-size: 20px; }
.font-12 { font-size: 12px; }
.black { color: #333; }
.white { color: #FFF; }
.yellow { color: #EDCA00; }
.full { width: 100%; height: 100%; }
.content { width: 650px; vertical-align: top; }
.new-road { width: 462px; background: url(img/bg_border.png); background-position: 0px 2154px; vertical-align: top; }
.bg-road { background: url(img/bg_road.jpg); vertical-align: top; }
.bg-road-lines { background: url(img/bg_road_lines.png) repeat-y; width: 650px; height: 100%; }
.bg-border { background: url(img/bg_border.png); background-position: 0px 2154px; width: 462px; height: 100%; }
.bg-trees { background: url(img/bg_trees.jpg); vertical-align: top; }
/* */
.bg-progress-bar { background-color: #FFF; border-radius: 30px; width: 250px; height: 25px; margin-top: 5px; }
.progress-info { font-size: 12px; color: #aaa; text-align: center; }
.progress-info b { color: #EDCA00; font-weight: normal; }
.progress-bar { background-color: #EDCA00; border-radius: 30px; height: 25px; min-width: 8%; }
.progress-bar .number { font-size: 14px; font-weight: bold; padding: 5px 0px 0px 5px; }
.step { font-size: 20px; float: left; margin: 0px 40px 20px 0px; cursor: pointer; }
/* */
.step2 { font-size: 14px; margin: 0px 0px 20px 20px; }
.step2 .bg-progress-bar { width: 230px; }
/* */
.logo { width: 440px; height: 275px; margin-bottom: 70px; }
.menu { font-size: 14px; text-align: right; margin-left: -25px; margin-top: 130px; width: 160px; height: 847px; }
.menu .item { border-bottom: solid 1px #616161; font-size: 16px; font-weight: normal; padding: 10px 10px 10px 0px; }
.menu .year { background: url(img/ico_year.png)no-repeat right; color: #EECC00; font-size: 30px; padding: 20px 40px 20px 0px; }
.menu .year a { color: #EDCA00; }
.menu .month { background: url(img/ico_month.png)no-repeat top right; color: #999999; font-size: 20px; padding: 0px 40px 10px 0px; }
.menu-top { background: url(img/bg_menu_top.png)no-repeat top right; height: 248px; padding-right: 20px; }
.menu-middle { background: url(img/bg_menu_middle.png)repeat-y right; padding-right: 20px; }
.menu-bottom { background: url(img/bg_menu_bottom.png)no-repeat bottom right; height: 248px; padding-right: 20px; }
.obra { width: 580px; }
.equipamentos { width: 580px; min-height: 380px; }
.equipamentos .box { width: 190px; }
.equipamentos .box .number { font-size: 75px; font-weight: lighter; }
.equipamentos .box .txt { font-size: 20px; font-weight: normal; }
.newsletter { border-bottom: solid 1px #616161; font-size: 30px; border-top: solid 1px #616161; width: 580px; height: 205px; }
.newsletter .txt { width: 300px; margin-top: 40px; line-height: 30px; }
.newsletter .form { margin-top: 55px; }
.newsletter input.nome, .newsletter input.email { color: #999; height: 30px; margin-top: 7px; width: 230px; }
.newsletter input.email { width: 194px; }
.btn-newsletter { background: url(img/btn_send.png) no-repeat; cursor: pointer; margin: 7px 0px 0px 7px; height: 30px; width: 30px; vertical-align: top; }
.ouvidoria { border-bottom: solid 1px #616161; border-top: solid 1px #616161; font-size: 14px; width: 580px; height: 170px; padding-top: 40px; margin: 40px 0px 40px 0px; }
.post { color: #333; width: 580px; }
.post .date { font-size: 20px; }
.post-content { background-color: #FFF; width: 560px; padding: 10px; }
.post-content .subtitle { color: #EDCA00; }
.post .highlight { background-color: #EDCA00; }
.post .highlight .subtitle { color: #FFF; }
.faq { width: 580px; margin: 20px 0px 0px 0px; }
.faq .box { background-color: #FFF; padding: 0px 15px 0px 15px; margin-bottom: 5px; cursor: pointer; }
.faq .box .question { font-size: 16px; font-weight: bold; padding: 10px 0px 10px 0px; }
.faq .box .answer { padding-bottom: 10px; }
.faq .form { margin-top: 55px; }
.faq input.txt, .faq textarea.txt { color: #999; height: 30px; margin-top: 7px; width: 500px; font-size: 16px; }
.faq textarea.txt-longo { height: auto; width: 500px; }
.btn-faq { background: url(img/btn_send.png) no-repeat; cursor: pointer; margin: 7px 0px 0px 7px; height: 30px; width: 30px; vertical-align: bottom; }

.truck { position: absolute; top: 1400px; left: 40px; }
.corner-map { position: fixed; bottom: 0px; left: 0px; text-align: left; }
.isul { position: fixed; bottom: 10px; right: 10px; }
/* 1280px ou menor */
@media screen and (max-width: 1280px) {
	#corner-map { width: 70%; }
}

.youtube-container { position: relative; cursor: pointer; }
.youtube-play { position: absolute; left: 230px; top: 150px; opacity: .8; }
.youtube-play:hover { opacity: 1; }