/* CSS Document */

* {
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	vertical-align:middle;
	margin:0;
}

html {
  background: #F4FCFD url('../imagens/background.jpg') top repeat-X;
	text-align:center;
	overflow: -moz-scrollbars-vertical;
}

body {
  width: 770px;
  margin:0 auto;
	background-color: #FFF;
	text-align:left;
}

/* CABEÇALHO */

#cabecalho {
  background: url(../imagens/arte-topo.jpg) no-repeat top right;
  width: 789px;
  height: 192px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -404px;
  text-indent: -5000px;
  overflow: hidden;
}

/* CORPO */

#corpo {
  width: 762px;
  margin: 0 auto;
  position: relative;
  top: 192px;
  border-left: 4px solid #F27200;
  border-right: 4px solid #F27200;
  display: table;
  height: 100%;
} 

  /* CORPO - ESQUERDA */
  
  #corpo #esquerda {
    float: left;
    width: 170px;
  }
  
    /* CORPO - ESQUERDA - MENU */
    #menu {
      margin-left: 4px;
      margin-top: 7px;
    }
    
    #menu ul li {
      width: 168px;
      height: 23px;
      background: url('../imagens/fundo-menu.jpg') no-repeat ;
      display: block;
      margin: 3px 0;
    }
    
    #menu ul li a {
      padding-left: 15px;
      padding-top: 5px;
      font: bold 70% Verdana, Arial;
      color: #FFF;
      display: block;
      text-transform: uppercase;
      width: 168px;
    }
    
    #menu ul li a:hover {
      background: url(../imagens/fundo-menu2.jpg) no-repeat ;
    }
    /* FIM DE MENU*/
    
    /* PREVISÃO DE TEMPO */
    #previsao {
      width: 168px;
      background-color: #EEEEEE;
      margin-left: 5px;
      margin-top: 7px;
      padding-bottom: 5px;
    }
    
      #previsao h2 {
        font: bold 80% Verdana, Arial, Helvetica;
        color: #FFF;
        padding: 3px 5px;
        background-color: #00AEC4;
      }
      
      #previsao p {
        font: normal 70% Arial, Verdana, Helvetica;
        text-align: justify;
        padding: 5px 12px;
      }
        
        /* PREVISÃO DE TEMPO - FORM */
        
        #previsao form {
          display: table;
        }
        
        #previsao form #campos {
          float: left;
          padding-left: 8px;
        }
       
        #previsao form #campos input.cidade {
          width: 120px;
          border: 1px solid #000;
          font: bold 80% Arial, Verdana, Helvetica, serif;
          color: #FF8200;
          padding: 1px 2px;
          display: block;
        }
         
        #previsao form #campos .radio {
          font: normal 70% Arial, Verdana, Helvetica, serif;
          color: #000;
        }
        
        #previsao form #botao {
          width: 33px;
          float: left;
          text-align: center;
        }
        
        #previsao form #botao input {
          background: url('../imagens/btn1.jpg') center no-repeat;
          width: 26px;
          height: 19px;
          font: normal 65% "Trebuchet MS", Verdana, Arial, Helvetica, serif;
          color: #FFF; 
          border: 1px solid #FF8200;
          text-align: center;
        }
        
        /* FIM DE PREVISÃO DE TEMPO - FORM */
      
    /* FIM DE PREVISÃO DE TEMPO */
    
    /* CÂMBIO */
    #cambio {
      clear: both;
      width: 167px;
      background-color: #00AEC4;
      margin-left: 5px;
      margin-top: 7px;
      display: table;
    }
    
      #cambio h2 {
        font: bold 80% Verdana, Arial, Helvetica;
        color: #FFF;
        padding: 3px 43px 3px 5px;
        float: left;
      }
      
      #cambio p {
        font: normal 65% Arial, Verdana, Helvetica;
        color: #FFF;
        float: left;
        padding: 4px 5px;
      }
      
      #cambio table {
        clear: both;
        font: bold 70% "Trebuchet MS", Verdana, Arial, Helvetica;
      }
      
      #cambio table tr.linha1 {
        background-color: #DDDDDC;
        display: block;
        width: 163px;
      }
      
      #cambio table tr.linha2 {
        background-color: #EEEEEE;
        display: block;
        width: 163px;
      }
      
      #cambio table tr td.col-esq {
        width: 110px;
      }
      
      #cambio table tr td.col-dir {
        width: 58px;
        text-align: right;
      }
    /* FIM DE CÂMBIO */
    
    /* EMBRATUR */
    #embratur {
      width: 150px;
      margin: 10px auto;
    }
    /* FIM DE EMBRATUR */   
  
  /* FIM DE CORPO - ESQUERDA */
  
  /* CORPO - DIREITA */
  
  #corpo #direita {
    float: right;
    width: 572px;
    min-height: 500px;
    border-left: 2px solid #00AEC4;
    text-align: center;
    padding-bottom: 12px;
    display: block;
    height: 100%;
  }
  
  #banner{
  width: 530px; margin-left: 30px;;
  }
  /* FIM DE CORPO - DIREITA */
  
/* RODAPÉ */
#rodape {
  clear: both;
  width: 754px;
  margin: 0 auto;
  background: url('../imagens/rodape.jpg') top center repeat-x;
  border: 4px solid #F27200;
  border-top: none;
  margin-bottom: 10px;
  margin-top: 192px;
  padding-top: 25px;
  text-align: center;
}

  #rodape h5 {
    font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, serif;
    color: #000;
  }
  
  #rodape address a{
    font: normal 70% Arial, Verdana, serif;
    color: #000;
    margin: 5px;
  }
  #rodape address a:hover {
    text-decoration: underline;
    color: blue;
  }
  
/* FIM DE RODAPÉ */