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

#centro { width:1000px; margin:0 auto;}
#fundologo { width:264px; height:244px; text-align:center; float:left }
#fundologo img { margin-top:-10px; width:300px  }
#home { width:222px; height:40px; float:right; margin-right:20px; margin-top:-5px }
#home ul {margin-left:-25px; margin-top:19px; text-align:center }
#home li {display:inline; margin-top:-7px; float:left; padding-right:6px; padding-left:6px}
#home .barra {padding-right:1px; padding-left:1px; color:#FFF}
#home li a { font-family:"Century Gothic"; font-size:10px; color:#fff; text-decoration:none} 
#home li a:hover{color:#999;}

#data { float:right; color:#FFF; margin-top:130px; margin-right:-210px;}

#menu { width:648px; height:41px; background-image:url(../imagem/fundo_menu.png); background-repeat:no-repeat; float:right;; margin-right:20px; margin-top:10px}
#menu ul {margin-left:-25px; margin-top:12px; text-align:center}
#menu li {display:inline; margin-top:-7px; float:left; padding-right:12px; padding-left:12px;}
#menu .barra {padding-right:1px; padding-left:1px}
#menu li a { font-family:"Century Gothic"; font-size:9px; color:#333; text-decoration:none} 
#menu li a:hover{color: #036; font-weight:bold}

#categorias { width:180px; background-color:#333; margin-top:25px; padding:10px; color:#FFF; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; min-height:300px}
#categorias ul { margin-left:-20px;}
#categorias li { line-height:25px}
#categorias a{ font-family: "Century Gothic"; font-size:11px; text-decoration:none; color:#FFF; font-weight:bold}
#categorias a:hover{ text-decoration:underline}



#previsao { width:190px}
#previsao #titulolara { background-color:#FDB201; color:#FFF; height:18px; padding-left:4px; padding-top:4px; vertical-align:middle; font-family:"Century Gothic"; font-size:11px; font-weight:bold}
#previsao #titulo{ height:20px; color:#FDB201; background-image:url(../imagem/fund-cot1.png); height:20px; font-size:14px; text-align:right; padding-right:5px; padding-top:3px; border-bottom: #F2EFE7 solid 3px }
#previsao #prev { height:65px; background-image:url(../imagem/fund-cot2.png); border-top: #D5D3CD  solid 3px;}

#cotacao { width:190px}
#cotacao #titazul { background-color:#003366; color:#FFF; height:18px; padding-left:4px; padding-top:4px; vertical-align:middle; font-family:"Century Gothic"; font-size:11px; font-weight:bold}
#cotacao #titazul span { font-family:"Century Gothic"; font-size:10px; font-weight:normal; float:right; margin-right:5px} 
#cotacao #titulo{ height:20px; color:#036; background-image:url(../imagem/fund-cot1.png); height:20px; font-size:14px; text-align:right; padding-right:5px; padding-top:3px; border-bottom: #F2EFE7 solid 3px }
#cotacao #dolar { height:65px; background-image:url(../imagem/fund-cot2.png); border-top: #D5D3CD  solid 3px;}
#cotacao #dolar #img { margin-top:15px; margin-left:10px; margin-right:5px; float:left }
#cotacao #dolar #tipo #cifra { width:15px; float:left; font-weight:bold; margin-top:10px; margin-left:15px; color:#595950; font-size:14px}
#cotacao #dolar #tipo #valor { font-size:28px; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#595950; margin-left:5px; margin-top:18px}

#main { width:1000px; margin-top:230px; float:left; }
#main #esquerdo {margin-left:10px; width:190px; margin-right:5px; float:left;}

#main #centro { width:775px;; margin-left:10px; margin-right:10px; float:left; min-height:350px; margin-top:14px;}

#main #baixo { width:1000px; float:left; margin-top:5px; margin-bottom:5px} 
#main #baixo img { margin-left:10px}

#footer {background-image:url(../imagem/fundo_footer.png); background-repeat:repeat-x; height:90px;}
#footer #center{ width:1000px; margin: 0 auto; }
#footer #center #divisa { width:310px; float:left; height:77px; font-family:Candara; font-size:13px; color:#333; margin-left:10px; margin-top:12px }
#footer #center #divisa #icon { float:left; margin-right:15px; margin-top:12px}

#footer #center #meio { width:3px; float:left; height:70px; background-image:url(../imagem/separador.png); background-repeat:no-repeat}



#fecha { text-align:center; margin-top:8px; margin-bottom:10px; font-family: Candara; font-size:13px}
#fecha span{ color:#060; font-weight:bold}

.h1 { font-family: Calibri; font-size:20px; font-weight:bold; color:#006; margin-top:10px; margin-bottom:10px}
.h4 { font-family: Calibri; font-size:17px; font-weight:bold; color:#B59239; margin-top:10px; margin-bottom:10px}
.h5 { font-family:Calibri; font-size:15px; color:#B59239; font-weight:bold}
.h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333;}
#main #leftContent { width: 600px; float:left; margin-left:10px; font-family:Arial, Helvetica, sans-serif; }
#main #rightContent{ width:360px; margin-bottom:20px; padding-left:15px; border-left-width:1px; border-left-color:#000; border-left-width:1px; border-left-style:dotted; min-height:380px; float:right}

.pacote-promo { font-family: Calibri; font-size:19px; color:#036; font-weight:bold}
#divpromo{ width:375px; height:570px; border:#ccc 1px solid; padding:5px; padding-top:15px;}
#divpromo #promo { width: 175px; height:190px; float:left; margin-left:7px;}
#divpromo #promo #img{ width:165px; height:95px; border:#ccc 1px solid; padding:3px}
#divpromo #promo #img img{ width:165px; height:95px;}
#divpromo #promo #destino{ font-family:Calibri; font-size:16px; color:#036; font-weight:bold; margin-top:5px; margin-bottom:5px}
#divpromo #promo #dias{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #333; margin-top:5px; margin-bottom:5px}
#divpromo #promo #preco{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #666;  margin-top:5px; margin-bottom:5px}
.info { font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #036; margin-right:10px; margin-top:5px; margin-bottom:5px; float:left}

#chamada {font-size:16px; color:#666; font-weight:bold; margin-top:10px}
#texto {font-size:12px; color:#333; text-align:justify}

#esq { width:380px; padding:5px;  float:left; border-right:#999 dashed 1px; font-size:12px; color:#333; font-weight:bold}
#dir { width:340px; float:left; padding-right:10px; margin-left:5px}

input.textbox, textarea.textbox{
border: 1px solid #D8D8D8;
font-family: Arial, Verdana, Tahoma;
font-size: 13px;
color: #666;
background: url(../imagem/input-textarea.png) no-repeat left top;
padding: 0 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top:5px
}

radio-skin-button, checkbox-skin-button {
    display:inline-block;
    height:16px;
    width:16px;
    position:absolute;
    top:0;
    left:0;
    background:url('../imagem/input-radio.png') no-repeat left bottom;
}