/*
-- Estilos CSS website Supremo
*/



          .topodepagina_eleicv {
                  display: table;
                  position: relative; /* Define se a caixa se move ou não com a página*/ 
                  margin-top: 0px;
                  margin-left: 0px;
                  background-color: #fff;
                  
                  }
          
          .subtoppagina_eleicv {
                  display: table-cell;
                  position: absolute; /* Define se a caixa se move ou não com a página*/ 
                  margin-top: 0px;
                  margin-left: 0px;
                  background-color: #DF0101;
                  }
          
          .subtoppagina_eleicv2 {
                  display: table-cell;
                  position: absolute; /* Define se a caixa se move ou não com a página*/ 
                  margin-top: 40px;
                  margin-left: 0px;
                  background-color: #DF0101;
                  }
          #acertasubtoppagina_eleicv {
                  width: 1240px; /* Dimensiona a caixa de texto "Larg"*/
                  height: 40px; /* Dimensiona a caixa de texto "Alt"*/
                  margin: 0em 0px; /* Põe o texto na posição desejada ("em"=margens sup e inf; "px"= margens dir e esq.  */
                  padding: 5px;    /* Amplia a Margem (sup, inf, esq e dir) dentro da caixa de texto*/
                  background-color: #A4A4A4; /* Cor dentro da caixa de texto*/
                  
                  }
                  
          #conteudosubtop_eleicv1 h4 {
                  text-align: center;
                  font-family: Stencil Std, fantasy;
                  font-style: normal;
                  font-size: 22px;
                  margin-top: 0px;
                  color:#424242;
                  }
           
           .posicao-principal_eleicv {
                              display: table;
                              position: relative; /* Define se a caixa se move ou não com a página*/ 
                              margin-top: 75px;
                              margin-left: 0px;
                              background: #A4A4A4;
                              }
                              
           .posicao-principal-eleicv2 {
                              display: table;
                              position: relative; /* Define se a caixa se move ou não com a página*/ 
                              margin-top: -556px;
                              margin-left: 620px;
                              background: #A4A4A4;
                              }
                               
           .sub-posicao-principal-esq_eleicv {
                              display: table-cell;
                              position: relative;
                              margin-top: 302px;
                              margin-left: 10px;
                              }
                                    
           .sub-posicao-principal-dir_eleicv {
                              display: table-cell;
                              position: relative;
                              margin-top: -600px;
                              margin-left: -100px;
                             }
            #acerta-posição-principal-esq_eleicv{
                              width: 580px; /* Dimensiona a caixa de texto "Larg"*/
                              height: 500px; /* Dimensiona a caixa de texto "Alt"*/
                              margin: 0.5em 5px; /* Põe o texto na posição desejada ("em"=margens sup e inf; "px"= margens dir e esq.  */
                              padding: 20px;    /* Amplia a Margem (sup, inf, esq e dir) dentro da caixa de texto*/
                              background: #FFFFFF; /* Cor dentro da caixa de texto*/
                              /*background: rgba(255,255,255,0.9);  Gera a transparência*/
                              }
                                                   
                                          
            #acerta-posição-principal-dir_eleicv{
                    width: 574px; /* Dimensiona a caixa de texto "Larg"*/
                    height: 500px; /* Dimensiona a caixa de texto "Alt"*/
                    margin: 0.5em 8px; /* Põe o texto na posição desejada ("em"=margens sup e inf; "px"= margens dir e esq.  */
                    padding: 20px;    /* Amplia a Margem (sup, inf, esq e dir) dentro da caixa de texto*/
                    background: #FFFFFF; /* Cor dentro da caixa de texto*/
                    }
            
            #conteudo-destaque_eleicv2 h4 {
                    text-align: justify;
                    font-family: inherit;
                    font-style: normal;
                    text-indent:4em;
                    color:#0404B4;
                    }
            #conteudo-destaque_eleicv2 h3 {
                    text-align: justify;
                    font-family: inherit;
                    font-style: normal;
                    text-indent:4em;
                    color:#0404B4;
                    }
            #conteudo-destaque_eleicv2 h2 {
                    text-align: justify;
                    font-family: inherit;
                    font-style: normal;
                    text-indent:4em;
                    color:#0404B4;
                    }
            
            #conteudo_documentos h1 {
                    text-align: center;
                    font-family: monospace;
                    font-style: normal;
                    margin-top: 20px;
                    color:#000000;
                    }
                                
            #conteudo_documentos p {
                    text-align: justify;
                    font-family: monospace;
                    font-style: normal;
                    font-size: 16px;
                    margin-top: 0px;
                    color:#000000;
                    }
            
            #conteudo_documentos h5 {
                    text-align: center;
                    font-family: monospace;
                    font-style: normal;
                    margin-top: 0px;
                    color:#000000;
                    }
            
            #conteudo_documentos h4 {
                    text-align: center;
                    font-family: monospace;
                    font-style: normal;
                    margin-top: 0px;
                    color:#000000;
                    }
            
            #conteudo_documentos h3{
                    text-align: center;
                    font-family: monospace;
                    font-style: normal;
                    font-size: 20px;
                    margin-top: 0px;
                    color:#000000;
                    }
                                              
            .posicao-principal_mural {
                    display: table;
                    position: relative; /* Define se a caixa se move ou não com a página*/ 
                    margin-top: 40px;
                    margin-left: 0px;
                    background: #A4A4A4;
                    }
            .sub-posicao-principal-mural {
                    display: table-cell;
                    position: relative;
                    margin-top: 302px;
                    margin-left: 10px;
                    }
            #acerta-posição-principal-mural{
                    width: 1200px; /* Dimensiona a caixa de texto "Larg"*/
                    height: auto; /* Dimensiona a caixa de texto "Alt"*/
                    margin: 0.5em 5px; /* Põe o texto na posição desejada ("em"=margens sup e inf; "px"= margens dir e esq.  */
                    padding: 20px;    /* Amplia a Margem (sup, inf, esq e dir) dentro da caixa de texto*/
                    background: #FFFFFF; /* Cor dentro da caixa de texto*/
                    /*background: rgba(255,255,255,0.9);  Gera a transparência*/
                    }
              
            .subtoppagina_mural {
                      display: table-cell;
                      position: absolute; /* Define se a caixa se move ou não com a página*/ 
                      margin-top: 160px;
                      margin-left: -1250px;
                      background-color: #DF0101;
                      }
            #acertasubtoppagina_mural{
                      width: 1240px; /* Dimensiona a caixa de texto "Larg"*/
                      height: 30px; /* Dimensiona a caixa de texto "Alt"*/
                      margin: 0em 0px; /* Põe o texto na posição desejada ("em"=margens sup e inf; "px"= margens dir e esq.  */
                      padding: 5px;    /* Amplia a Margem (sup, inf, esq e dir) dentro da caixa de texto*/
                      background-color: #A4A4A4; /* Cor dentro da caixa de texto*/
                      
                      }
              
              
            .table-voto {
                  max-height: 450px;
                  overflow-y: auto;
                  background-color: #A4A4A4;
                  }        
        
        
            .table-doc {
                  max-height: 450px;
                  overflow-y: auto;
                  background-color: #D8D8D8;
                  }        
        
            .btn.btn-destaque-maior_eleicv {
                     width: 250px; 
                     height: 100px;
                     font-size: 30px;
                     color: #000000;
                     font-family: Arial;
                     font-style: normal;
                     margin-bottom: 0.1em;
                     float: left;
                     border:none;
                     border-color:transparent;
                     background-color: #ff0000;
                     background-color: #ff0000;
                     background-image: -moz-linear-gradient(top, #FFF, #ff0000);
                     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#ff0000));
                     background-image: -webkit-linear-gradient(top, #FFF, #ff0000);
                     background-image: -o-linear-gradient(top, #FFF, #ff0000);
                     background-image: linear-gradient(to bottom, #FFF, #ff0000);
                   }
                    
            .btn.btn-destaque-maior-azul_eleicv {
                     width: 250px; 
                     height: 100px;
                     font-size: 30px;
                     color: #000000;
                     font-family: Arial;
                     font-style: normal;
                     margin-bottom: 0.1em;
                     float: left;
                     border:none;
                     border-color:transparent;
                     background-color: #0000FF;
                     background-color: #0000FF;
                     background-image: -moz-linear-gradient(top, #FFF, #0000FF);
                     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#0000FF));
                     background-image: -webkit-linear-gradient(top, #FFF, #0000FF);
                     background-image: -o-linear-gradient(top, #FFF, #0000FF);
                     background-image: linear-gradient(to bottom, #FFF, #0000FF);
                   }
            
            .btn.btn-destaque-maior-verde_eleicv {
                     width: 250px; 
                     height: 100px;
                     font-size: 30px;
                     color: #000000;
                     font-family: Arial;
                     font-style: normal;
                     margin-bottom: 0.1em;
                     float: left;
                     border:none;
                     border-color:transparent;
                     background-color: #04B404;
                     background-color: #04B404;
                     background-image: -moz-linear-gradient(top, #FFF, #04B404);
                     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#04B404));
                     background-image: -webkit-linear-gradient(top, #FFF, #04B404);
                     background-image: -o-linear-gradient(top, #FFF, #04B404);
                     background-image: linear-gradient(to bottom, #FFF, #04B404);
                   }
            
            .switch-shadow-vermelho {
                      padding: 1px;
                      width: 436px;
                      height: 90px;
                      font-size: 24px;
                      text-decoration: inherit;
                      color: #FFF;
                      background-color: #FF0000;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
                    
            #switch-shadow-ver {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #088A08;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
             #switch-shadow-azul {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #0000FF;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
             #switch-shadow-branco {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #FFF;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
             #switch-shadow-preto {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #000;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #6E6E6E;
                      }
                      
             #switch-shadow-verm {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #FF0000;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
            #switch-shadow-cinza {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #424242;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
            #switch-shadow-lara {
                      padding: 1px;
                      width: 420px;
                      height: 80px;
                      background-color: #FF8000;
                      border-radius: 30px;
                      text-align: center;
                      margin-left:75px;
                      border:5px solid #000;
                      }
            
            .posicao-rodape_eleicv {
                    display: table;
                    position: relative; /* Define se a caixa se move ou não com a página*/ 
                    margin-top: auto;
                    margin-left: 0px;
                    background: #A4A4A4;
                    }
            
                      
            .sub-posicao-rodape_eleicv {
                    display: table-cell;
                    position: relative;
                    margin-top: 600px;
                    margin-left: -600px;
                    }
              
            #acerta-posição-rodape_eleicv {
                    width: 1238px; /* Dimensiona a caixa de texto "Larg"*/
                    height: 140px; /* Dimensiona a caixa de texto "Alt"*/
                    margin: 0.5em  3px; /* Põe o texto na posição desejada ("em"=margens sup e inf; "px"= margens dir e esq.  */
                    padding: 3px;    /* Amplia a Margem (sup, inf, esq e dir) dentro da caixa de texto*/
                    background: #fff; /* Cor dentro da caixa de texto*/
                   }