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

/*============*/
@media all and (min-width: 1600px) {
            body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:16.5vw;
height:25vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#D52E2E;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 1501px) and (max-width: 1599px) {
            body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:16.5vw;
height:25vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#D52E2E;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
            body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid yellow;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#ff0000;
}
div.thumb img {
width:17vw;
height:16vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#D52E2E;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 1301px) and (max-width: 1499px) {
            body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:15.5vw;
height:23vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 1101px) and (max-width: 1300px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:14.5vw;
height:19vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}

}

@media all and (min-width: 1051px) and (max-width: 1100px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:19vw;
height:22vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}

}

@media all and (min-width: 1001px) and (max-width: 1050px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:18vw;
height:30vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 901px) and (max-width: 1000px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:18vw;
height:17vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 851px) and (max-width: 900px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:17.5vw;
height:30vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 851px) and (max-width: 950px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:25vw;
height:30vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 751px) and (max-width: 850px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:39vw;
height:30vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 701px) and (max-width: 750px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:39vw;
height:30vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}

@media all and (min-width: 501px) and (max-width: 700px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:80vw;
height:76vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}



@media all and (max-width: 500px) {
                  body {
text-align:center;
margin:0;
padding:0;
background: #000;
height: auto;
}

div {
padding:13px;
display:block;
border:0px solid #583300;
background: ;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
}

div.thumb {
float:left;
margin:0 14px 14px 0;
padding:0;
background: #000;
border:2px solid #583300;
}
div.thumb a {
float:left;
padding:13px;
}
div.thumb a:hover {
background:#D52E2E;
}
div.thumb img {
width:95vw;
height:34vh;
}
div p {
padding:8px 0 0px;
margin:0;
}
div a { 
color:#905F59;

text-decoration:none;
font-weight:bold;
}
div a:hover {                      
color:#f00;
text-decoration:underline
}

.sub{
      width: 97%;
      height: 2800px;
      border: 0px solid #FFFF00; 
      overflow: auto;"
}

.geral{
      margin-top: 0px;
      border: 0px solid #FFFF00; 
      width: 93%;
      height: auto; 
      overflow: auto;"
}

.rodape{
      width: 30%; 
      height: 100px; 
      border: 0px solid #FFFFFF;
}
}