* {margin: 0 auto; padding: 0;  font-family: 'Roboto', Helvetica, Verdana, Arial, serif; font-size: 1em;}
body {background-color: #ccc;}

#addendum{text-align: center; background-color: #000;} #addendum a{color: #fff;}

#main{width: 750px;	height: auto; overflow: visible; background-color: #fff;}
@media screen and (max-width: 750px) { #main{ width: 100%;} }
#menu {width: 750px; height: 130px; overflow: visible;}
@media screen and (max-width: 750px) {#menu{width: 100%; display: flex;}}

#menuDegrade {height: 65px; width: 480px; font-weight: bold; text-decoration: none;}
    @media screen and (max-width: 750px) {#menuDegrade {width: 100%;}}

#menuDegrade ul {height: 65px; padding: 1px;}
#menuDegrade li {
    width: 90px;
    height: 20px;
    margin: 5px 10px 0 0;
    float: left;
    background-color: #55555f;
    text-shadow: 2px 2px 4px #292937;
    border: 3px solid #fff;
    border-radius: 10px;
    list-style-type: none; vertical-align: middle;
}
    #menuDegrade li:hover {background-color: #d61f1b; text-shadow: 2px 2px 2px #000; color: white; }

#menuDegrade a	{font-weight: bold;	text-decoration: none; color: #fff; font-size: 8px; vertical-align: middle;	text-align: center;	}

#menuDegrade select {display: none;}
@media screen and (max-width: 720px) {#menuDegrade ul {display: none;}}
@media screen and (max-width: 720px) {#menuDegrade select{ display: block; max-width: 90%;}#menuDegrade {padding-top: 20px; height: 45px; padding-right: 20px;}}
@media screen and (max-width: 500px) {#menuDegrade select{ display: block; max-width: 90%;}#menuDegrade {padding-top: 20px; height: 45px; padding-right: 0; }}

#menuCentro{ height: 96px;	width: 476px; float: left;  -webkit-flex: 1; /* Safari 6.1+ */  -ms-flex: 1; /* IE 10 */ flex: 1;}
    @media screen and (max-width: 750px){ #menuCentro {width: 100%;}}

#menuFaixaPreta	{height: 32px; background-color: #000;}
    #menuFaixaPreta a	{color: #fff;}
    #menuFaixaPreta li { height: 33px; margin-right: 5px; float: left;	list-style-type: none;}

#menuEsq {width: 173px; height: 130px; float: left;}
#menuEsq #menuImg {width: 173px; height: 130px; background-image: url('/img/menu/bg_esquerda.png');}
#menuDir #menuImg {width: 101px; height: 130px; float: right; background-image: url('/img/menu/bg_direita.png');}
img.animado {margin:40px 0 0 18px;}

@media screen and (max-width: 480px){#menuDir{display: none;}}

#conteudo {background-color: #fff;}

#conteudo h2 {font-size: 1.3em;	text-align: center; background-color: #993333;	color: #fff; width: 80%; min-height: 30px;}

@media screen and (max-width: 500px){#conteudo h2{width: auto;}}

#conteudo h2, h3, h4 {text-align: center;  line-height: normal;} #conteudo h3, h4 {margin-top: 10px;} #conteudo h3 {font-size: 18px; color: #990000;}
#conteudo h4 {font-size: 16px; text-align: left; font-weight: bold; text-indent: 10px;}

#conteudo ul, ol {margin: 20px 0 20px 50px;}
#conteudo img {margin: 10px; float: left;}
#conteudo article p {line-height: 110%; color: #555;}
#conteudo article p.first {text-indent: 50px; margin-top: 30px;}
#conteudo article p.first::first-letter {font-weight: bold; font-size: 20px; color: #880000;}
#conteudo table {margin-top: 20px; } #conteudo td {background-color: #ccc;}


#footer1, #footer2, #footerContent, #footer3 {text-align: center;}
#footer1 {width: 100%; color: #fff; background-color: #000; color: #fff;}
    @media screen and (max-width: 750px) {#footer1 {height: auto;}}

#footer1 .link {cursor: pointer;}
#footer2 {width: 100%; background-color: #990000; margin: 0 auto; }
    #footer2 a {color: #fff;}
    @media screen and (max-width: 480px) {#footer2 span {display: none;}} /*Medidas de smartphone, some tudo*/

#footer3 {width: 100%; background-color: #ccc;}
    @media screen and (max-width: 750px) {#footer3 {height: auto;}}
    @media screen and (max-width: 480px) {#footer3 {font-size: 70%;}}