@charset "utf-8";
/* CSS Document */

body {
margin: 0 auto;
padding: 0;
background-color:#000;
color:#FFFFFF;
font-size:12px;
font-family: 'gotham_htfbook';
background-image:url(bg.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:contain;
background-attachment: scroll;
}

@font-face {
    font-family: 'gotham_blackregular';
    src: url('font/gotham-black-webfont.eot');
    src: url('font/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-black-webfont.woff') format('woff'),
         url('font/gotham-black-webfont.ttf') format('truetype'),
         url('font/gotham-black-webfont.svg#gotham_blackregular') format('svg');
    font-weight: bold;
    font-style: bold;

}

@font-face {
    font-family: 'gotham_htfbook';
    src: url('font/gothamhtf-book-webfont.eot');
    src: url('font/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gothamhtf-book-webfont.woff') format('woff'),
         url('font/gothamhtf-book-webfont.ttf') format('truetype'),
         url('font/gothamhtf-book-webfont.svg#gotham_htfbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

#header {
width: 100%;
height:50px;
display:block;
background-color: #f8695b;
}

#topo {
width: 100%;
/*height:300px;*/
display:block;
margin-bottom:20px;
}

#content {
width: 100%;
margin-bottom:20px;
display:block;
}

img {
    max-width: 100%;
    height: auto;
    margin: auto;	
}

#apoio {
width: 100%;
padding:0;
background-color:#f8695b;
display:block;
vertical-align:bottom;
bottom:0;
}

#footer {
width: 100%;
background-color:#af473d;
display:block;
vertical-align:bottom;
bottom:0;
}

ul.parceiros {
margin:0 auto;
padding:0;
width: 900px;
font-weight:bold;
text-transform:uppercase;
}

ul.parceiros li {
list-style-type:none;
list-style-position:inside;
display:inline-block;
margin:0;
padding:0 10px 0;
vertical-align:top;
}

ul.datas {
margin:0 auto;
padding:0;
max-width: 900px;
font-size:10px;
text-transform:uppercase;
}

ul.datas li {
list-style-type:none;
display:inline-block;
margin:0 2px 0;
background-color:#f8695b;
width: 150px;
padding:10px;
vertical-align:top;
}

#conteudo-header {
max-width: 900px;
margin: auto;
display:block;
padding: 10px 0 10px 0;
vertical-align:middle;
}

#logo-m5br {
width: 380px;
margin: 0;
display:block;
padding: 0px;
float:left;
text-align:left;
}

#link-m5br {
width: 120px;
margin: 0;
display:block;
padding: 0px;
float:right;
text-align:right;
vertical-align:middle;
}

#conteudo-topo {
max-width: 900px;
margin: auto;
text-align:center;
display:block;
padding: 0px;
}
#conteudo-datas {
max-width: 900px;
margin: auto;
text-align:center;
display:block;
padding: 0px;
}
#conteudo-content {
max-width: 900px;
margin: auto;
display:block;
padding: 20px;
}

#conteudo-apoio {
max-width: 900px;
margin: auto;
display:block;
padding: 20px;
}

#conteudo-footer {
max-width: 900px;
margin: auto;
display:block;
padding: 10px;
font-size:10px;
color:#fff;
text-align:center;
}
.data-show {
font-size: 18px;
font-weight: bold;
display:block;
}