﻿* { font-family: Verdana, Arial, Tahoma; font-size: 10pt; font-weight:normal; color: #222222; }	

a { color: #116666; xfont-family: Tahoma; font-size: 10pt; }

h1, .h1, h1 strong, h1 a { font-size: 18px; color: #224422; margin: 7px 10px 10px 0px; font-weight: bold; }
h2, .h2, div.h2 h2 strong  { font-size: 18px; color: #111111; margin: 7px 10px 7px 2px; font-weight: normal; x:bold;}
h3, .h3, h3 strong { font-size: 14px; color: #222299; margin: 7px 10px 10px 5px; font-weight: bold;}
h4, .h4, h4 * { font-size: 13px; color: #338833;  margin: 7px 10px 7px 8px; font-weight: bold;}


b, p, span, div, td, li, ul, i, font, label { color: #223322; }
li { margin: 5px 0; }

i { color: #556655; }
strong, b, b span { color: #336644; font-weight: bold; font-family: Verdana, Arial; }
.chamada { border: solid 1px #DDDDDD; width: 100%; margin: 8px 0 8px 0; }
.chamada TD { border: solid 1px #DDDDDD; background-color: Transparent; padding: 5px; width: 33%; vertical-align: top; }

.chamada TD A { clear: both; display: block; width: 99%; }
.chamada #vl { background: #7a9ac0 url(images/fundo_voolivre.jpg) no-repeat right bottom;}
.chamada #ul { background: #7a9ac0 url(images/fundo_ultra.jpg) no-repeat left top;}
.chamada #av { background: #efefe3 url(images/fundo_aviacao.jpg) no-repeat left top; }
.chamada #sl { background: #efefe3 url(/imagens/fundo_simulacao.jpg) no-repeat left top; }
.chamada #we { background: #FFFFFF url(/imagens/fundo_previsao.jpg) no-repeat left top; }
.chamada #pl { background: #8591af url(/imagens/fundo_planador.jpg) no-repeat left top; }

.chamada #pl, .chamada #pl h2, .chamada #pl a,.chamada #vl a, .chamada #ul a {  color: White;}
.chamada #pl a:hover, .chamada #vl a:hover, .chamada #ul a:hover {  color: Yellow;}

.listamenu { }
.listamenu a { display: block; width: 220px; font-weight: normal; 
               padding: 2px 5px 2px 10px; /*background-color: #EFEFEF; */
               margin: 1px 0 1px 0;
               border: solid 0px #FFFFFF;
               clear: both; }
.listamenu a:hover { background-color: #FFFFFF; border: solid 0px #EFEFEF; }


DIV, P, A, TD, SPAM { font-family: Verdana, Arial; }
body, td, P, A, DIV, SPAM { }

.xupdProgress
{
    position:absolute; top: 10px; left: 10px;
    margin: 0 0 0 0; padding: 3px 3px 3px 3px; 
    background-color: #FFFFFF;
    border-style:dotted; border-color: Red; border-width: 1px;
}

.Table , .TB
{
  background-color: #EFEFAA;
  border: solid 1px #AAAA88;
}

body {
    margin: 0px 0px 0px 30px;
   background-image: url(http://xc.guiadevoo.com/img/bg_guia_de_voo2.jpg); /* background-body.png);*/
	background-position: 0 0px; /* left * bottom; * top; */
	background-repeat: repeat-x;
	background-attachment: scroll; 
	background-color: #eeecdf;
}
.MenuLateral 
{
    
}

.bodyx
{
    margin: 0px 0px 0px 0px;
    display:block;
    clear: both;
    /*background-color: White;
    background-image: url(/Painel/imagens/fr-fundo-guiadevoo.jpg);
    background-repeat:repeat-y;
    background-position: top 130px;*/
}


.NLRadio
{
    width: 140px;
}

.linksItem { margin: 10px 10px 10px 10px;}
.ItemDesc { font-weight: bold; }

.FieldTitle, .xLABEL
{
    width: 100%;
    display: block;
    min-width: 100px;
    vertical-align: top;
    display: block;
    font-weight: normal;
    color: #000099;
}
.formulario
{
    margin: 15px 30px 30px 30px;
}
#INPUTE
{
    left: 20px;
}

.FieldTEXTAREA
{
    width: 300px;
    height: 200px;
}
.FieldTEXTAREA
{
    width: 300px;
    height: 200px;
}

.chkBox
{
    width: 100px;
}
.chkBox INPUT
{
}

.header
{
    z-index: 5;
    padding: 0 0 0 0;
    border-right: : dotted 1px #222222;
    border-right: dotted 1px #000000;
}



.footer
{
    display: block;
    padding: 0px 0px 0px 0px;
    color: White;
    width: 772px;
    color: #444444;
}
.frame2top, .frame2bot, .frame2mid 
{ margin: 0; padding: 0; 
}

.frame2top1 {background-image: url(/Painel/Imagens/nframe/frame2-top-1.gif); display: block; height: 10px;}
.frame2top {background-image: url(/Painel/Imagens/nframe/frame2-top-1.gif); display: block; height: 10px;}
.frame2bot {background-image: url(/Painel/Imagens/nframe/frame2-bot.gif); display: block; height: 39px;}
.frame2mid {
    padding: 0px 10px 0px 20px;
    background-image: url(/Painel/Imagens/nframe/frame2-mid.gif);
}

.frame3top {background-image: url(/Painel/Imagens/nframe/frame3-top-1.gif); display: block; height: 10px;}
.frame3bot {background-image: url(/Painel/Imagens/nframe/frame3-bot.gif); background-repeat:no-repeat; display: block; height: 39px;}
.frame3mid {
    padding: 0px 10px 0px 20px;
    background-image: url(/Painel/Imagens/nframe/frame3-mid.gif);
}


.footer SPAN A
{
    font-weight: bolder;
    color: #FFFFFF;
}

H2.icone_alvo { .background-image: url(/Imagens/nframe/icone-alvo.gif);  }
H2.icone_movie { .background-image: url(/Imagens/nframe/icone-movie.gif);  }
H2.icone_mail { .background-image: url(/Imagens/nframe/icone-mail.gif);  }
H2.icone_relogio { .background-image: url(/Imagens/nframe/icone-relogio.gif);  }
H2.icone_picture { .background-image: url(/Imagens/nframe/icone-picture.gif);  }
H2.icone_globo { .background-image: url(/Imagens/nframe/icone-globo.gif);  }
H2.icone_comments { .background-image: url(/Imagens/nframe/icone-comments_magenta.gif);  }

#bussola { }

.wN, .wNE, .wNW, .wE, .wS, .wSE, .wSW, .wW, .wNNE, .wENE, .wESE, .wSSE, .wSSW, .wWSW, .wWNW, .WNE, .wNNW , .wSE
{
     background-image: url(/Painel/Imagens/nframe/direcaodovento.gif); 
 width: 20px; height: 20px; padding: 0;
    background-position: 10px 10px;
    font-size: 8px; font-family: Arial,Verdana,Tahoma;
    color: #0000FF;  text-align:center;
}
.wN { background-position: 0px 0px; }
.wW { background-position: 20px 0px; }
.wE { background-position: 60px 0px; }
.wS { background-position: 40px 0px; }

.wNE, .wNNE { background-position: 0px 20px; }

.wENE { background-position: 60px 20px; }

.wSSE { background-position: 40px 40px; }
.wESE { background-position: 40px 40px; }

.wSE { background-position: 40px 40px; }
.wNW, .wWNW { background-position: 60px 20px; }
.wNNW { background-position: 20px 60px; }
.wWSW, .wSW { background-position: 20px 40px; }

.wSSW { background-position: 20px 40px; }

.icone_ponto { font-weight: bold; margin: 2px 0px 2px 0px; padding: 5px 0 0px 25px; background-position: 0 -2px; }
A.icone_ponto { background-image: aurl(./Imagens/nframe/icone-point-green.gif); }
A:hover.icone_ponto { background-image: aurl(./Imagens/nframe/icone-point-blue.gif); }
h2 a, .h2
{
    text-decoration: none;
}


p, P
{
    margin: 5px 10px 15px 10px;
    padding: 0;
}

#headersep, #footersep
{
    display: none;
}


.div, .TRH , TH { background-color: #f6f4ea; }
.div { border: solid 1px #DDDDDD;padding: 3px; }

.TRH , TH
{
    color: #333333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDDDDD;
    font-weight:bolder; 
    height: 20px;
}
.TRH A { color: #11593c; }
.TR1, .TR2 { padding: 2px; background-color: #E9E9E9;}
.TR1 td, .TR2 td { padding: 5px; margin: 3px;}

.TR1
{
    background-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E0E0E0;
}
.TR2, .TRData
{
    background-color: #faf9f5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EFEFEF;
    xbackground: #CCCCCC url(http://xc.guiadevoo.com/img/skin/Simple_gray/tr.gif) repeat-x fixed left top;
}
.TRData 
{
   border: solid 1px #AAAAAA; 
   margin:2px 2px 2px 2px;
   padding:2px 2px 2px 2px;
   color: #009900; 
}



.xConteudo, .xConteudo div, .xConteudo P, .xConteudo TD, 

.xConteudo 
{
    padding: 10px 10px 10px 10px;
    width: 730px;
    background-color: White;
    border-style:  solid;
    border-width: 0px;
    border-color: Red;
}

.RampaImagemSelecao 
{
    color: Black; border-style: solid; border-color:#EFEFEF; border-width: 2px;
               margin-bottom: 5px; padding: 5px 5px 5px 40px;
                font-weight: bold; text-decoration: none;
                background-image: url(/Painel/Imagens/H2.png);background-repeat:no-repeat;
                width:526px; height: 18px; 
}
.RampaImagem
{
    color: Black; border-style: solid; border-color:#EFEFEF; border-width: 2px;
               margin-bottom: 10px; padding: 10px 10px 10px 40px;
                font-weight: bold; text-decoration: none;
                width:445px; height: 188px; 
}
.EditPeq input, input.EditPeq
{ width: 50px; }
.EditMed input, input.EditMed, Textarea.EditMed
{ width: 200px; }
.EditGra input, .EditGra Textarea, .EditGra SPAM, input.EditGra, Textarea.EditGra
{ width: 400px; }

input, select, textarea { color: #225599; }

.tabHeader { width : 730px; height :30px; background-color: #99BBFF; z-index: 99; }
.xpnSubMenuH { display: none; }
 
.xpnSubMenu 
{
    left: 0px;
    width: 600px; height: 50px; 
    border-bottom: solid 2px #336699;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    color: White;
    background: rgb(120,155,240) url(/Painel/Imagens/menu_sup_fundo.jpg);
}
.xpnSubMenu A { font-weight: bold; display: inline-block; 
    padding: 1px 10px 0px 10px; 
    margin: 1px 1px 0px 0px; 
     background-color: #002266; color: #EFEFEF; 
     color: Yellow;
     }
.xpnSubMenu A:hover { color: #000000; background-color: Yellow;
    background-image: none; text-decoration: none;
    }


.tab 
{
    width : 730px; height :20px; font-size: 16px; font-weight:bold; 
}


.DefaultTab 
{
  color: Green; 
  cursor:default;
  width : 210px;
  height :22px;
  text-align: center ;
  border-color : #10784e;
  border-bottom :solid 2px;
  background-color: #faf9f5;
}

.DefaultTabHover 
{
  color: #faf9f5;
  cursor:hand  ;
  width :210px;
  height :22px;
  text-align: center ;
  background-color: Green;
}


.SelectedTab 
{
  color :White ;
  background-color: #142820;
  cursor:default;
  width : 210px;
  height : 22px;
  text-align: center ;
  background-image: url(/imagens/h2.png);
    background-repeat:no-repeat;
}


DIV.rampaListagem
{
    height: 212px;
    width: 730px;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 0px 10px;
    font-size: 24px;
    font-weight: bold;
    border-width: 1px;
    border-style: dashed;
}
DIV.rampaListagem A
{
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    border: thin 1px #AAAAAA;
}

#xnomeRampa
{
    padding: 10px 10px 10px 15px;
    margin: 0px 0px 0px 0px;
    width: 730px;
    font-size: 14px;
    font-weight:bold;
    color: #006600;
    background-repeat: repeat-x;
}
.xnomeRampaOver
{
    font-size: 18px;
    font-weight: bold;
    background-image: none;
    background-color: Green;
    top: 222px;
    left: 20px;
    color: White;
}

.VejaMais 
{
    padding: 0px 0px 0px 0px; position: absolute; 
    top: 290px; left: 215px;
    margin: 0px 0px 0px 0px; width: 180px; 
    height: 20px; z-index: 1;
}
#xnomeRampa A
{
    font-size: 18px;
    background-color: Black;
    color: #AAAAAA;
}



#xrightmenu a
{
    text-align: left;
    display: block;
    color: #FFFFFF;
    padding: 5px 0 5px 19px;
    margin: 0 0 1px 0;
    text-decoration: none;
}
#xrightmenu a:hover
{
    text-decoration: none;
    color: #FFFFFF;
}


.searchform
{
    background: #ffba00;
    color: #000000;
    padding: 3px 5px 3px 5px;
    margin: 0px;
    border-color: Black;
    border-style: ridge;
    border-width: 1px;
}
.searchform H1
{
    
}

#corpo, #corpoover 
{
    display:block;
    clear: both;
    width:1022px; 
    padding: 2px 0px 2px 0px;
    margin: 0 auto 0 auto;
    }
#corpoover { position: absolute; top:0;left: 50%;
             display:block;
    clear: both;
    width:772px; 
    padding: 2px 0px 2px 0px;
    margin: 0 auto 0 410px;
    
    }    

#corpo2x { margin-top: 10px; }

#corpo2, #corpo3
{
    border-color: #336699;
    border-style: ridge;
    border-width: 1px;
    width: 600px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: White;
    
}
#corpo2 {min-height: 200px; }
#corpo3 {margin-top: 10px; }

.menusup 
{
    text-align:justify; margin:0;
    font-family: Arial, Verdana, Tahoma;
    color: #888888; font-size:14px;
    background-color: #FFFFFF;
    width: 740px;
    padding: 5px;
    line-height: 25px;
    float: left;
    width: 770px;
}

.menubot
{
    text-align:center; margin:10px 10px 10px 10px;
    color: #333333; 
}

.menusup UL { margin: 0px; padding: 0px; }
.menusup LI {  list-style-type: circle; list-style-position: inside; margin: 0px; padding: 0px; line-height: 16px; }
.menusup A { font-size: 14px; margin: 0px; padding: 4px; color: #11593c; font-weight:bold; text-decoration: none; font-family: Arial,Tahoma,Verdana; }
.menusup A:hover { background-color: #11593c; color: White; }

#corpoAdmin
{
    width: 100%;
    border-right: dotted 1px #000000;
}


.Festivais
{
    border-top: dotted 1px #000000;
}
.Festivais SPAM
{
    font-size: 12px;
    font-weight: bold;
}
.Festivais P
{
    font-size: 12px;
    padding: 10px 10px 10px 10px;
}

.dvNoticias, .dvUltimosVideos
{
    margin: 15px 2px 2px 2px;
    padding: 1px 1px 1px 0px;
    border: dotted 1px #EFEFEF;
    background-color: #E6F4FF;
}
.dvNoticias .H, .dvUltimosVideos .H
{
    background-image: URL(http://guiadevoo.com/imagens/site/bg.gif);
    display:block;
    width: 100%; height: 25px;
    padding: 10px 5px 5px 25px;
    margin: 0;
    font-size: 18px;
    color: Yellow;
}
.dvUltimasrampas {background-image: url(/Painel/imagens/fundorampas.jpg)}
.dvNewsletter { background-image: url(/Painel/imagens/fundonewsleter.jpg); }
.dvNewsletter, .dvUltimasrampas
{
 border: solid 1px #EFEFEF;
 background-color: #E6F4FF;
 height: 230px;
 width: 300px;
 padding: 0px 0px 0px 0px;
 overflow:hidden;
}    
.dvUltimasrampas { width: 270px; }
.dvNewsletter .CN
{ padding-left: 70px;
}
.dvUltimasrampas .CN 
{ padding: 0px 0px 0px 0px;
}
.dvNewsletter .H
{
    margin: 1px;
    padding: 2px 10px 2px 20px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 7px 5px 15px 8px;
    font-size: 14px;
    width: 100%;
    display: block;
}

.dvUltimasrampas .H
{
    margin: 1px;
    padding: 2px 10px 2px 20px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 7px 5px 15px 8px;
    font-size: 14px;
    width: 100%;
    display: block;
}


.dvUltimasMaterias 
{
    
    border: dotted 1px #22EFEFEF;
    background-color: #E0E0EF;
    border: thin 1px #aaaaaa;
    margin: 1px 1px 1px 1px;
    width: 220px;
}


.dvPrevisaodoTempo
{
    padding: 1px 1px 1px 0px;
    border: dotted 1px #EFEFEF;
    background-color: #EFEFFF;
    background-image: url(http://www4.climatempo.com.br/climatempo/images/yysuprev.gif);
    background-repeat: no-repeat;
    background-position: -30px 2px;
    width: 350px;
}


.dvPrevisaodoTempo .H
{
    background-image: URL(http://guiadevoo.com/imagens/site/bg.gif);
    display:block;
    width: 100%; height: 25px;
    padding: 10px 5px 5px 25px;
    font-size: 18px;
    color: Yellow;
}
.dvPrevisaodoTempo UL
{
    padding: 1px 1px 1px 120px;
}
.dvPrevisaodoTempo UL LI
{
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    list-style-type: none;
}


.LinksGrupo UL
{
    padding: 1px 1px 1px 190px;
}
.LinksGrupo UL LI
{
    padding: 2px 5px 2px 5px;
    background-color: #ffffff;
    list-style-type: none;
}

.imgThumbText
{
    text-align: center;
    font-family: Tahoma,Arial,Verdana;
    color: #333333;
    width: 100px;
}

.boxbranco
{
    text-align: center;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
    
    background-color: #FFFFFF;
    border: dotted 1px #555555;
    color: #222222;
}
.boxx
{
    padding: 2px 2px 2px 2px;
    margin: 2px 1px 1px 1px;
    background-color: #FFFFFF;
    width:95%;
    color: #222222;
}
.boxbranco A
{

    text-decoration: underline;
}

A { text-decoration: none;  }
A:hover { text-decoration: underline; color: Green; }


.bussola 
{
    position:  relative; 
    xleft:690px;
    xtop:300px;
    left: 0;
    top: 0;
    z-index:99;
}

.BrWeather
{
    position: absolute; 
    left:5px;
    top:188px;
    z-index:99;
}


.infoLateralDireita 
{
    position: absolute; left: 822px; width: 118px; top: 242px;
    background-color: #FFFFFF; padding: 1px 1px 1px 1px;
    border-bottom: solid 1px #EFEFEF;
    border-right: solid 1px #EFEFEF;
     }
.infoLateralDireita P, .infoLateralDireita DIV { margin: 5px 2px 2px 2px; padding: 2px 2px 2px 2px; }
     
     
.semimg { margin: 2px 2px 2px 2px; position: relative; 
     float: left; }     
.ximagem 
{
    border: solid 1px #009900;
    background-color: White;
    padding:2px 2px 2px 2px;
    margin:2px 5px 5px 5px;
}
     
     
.h { color: #006600; font-size:16px; font-weight: bold;  }


    /* <![CDATA[ */
        body { font: normal .7em verdana, sans-serif; }
        h4 { clear: both; }
        xp { padding: 0; margin: 0; line-height: 1.5em; }

        .weather { 
            border: 1px dashed #ccc; 
            width: 430px;
            float: left;
            margin-bottom: 2em;
            }
        
        /* 
           Following is a fudge that works only in IE/Win and puts a border around the image
           because it doesn't handle PNG transparency too well 
        */
        * html .icon img { border: 1px solid #ccc;  }
        .temp { font: normal 2em Georgia, serif; color: #900; }
        .cc { text-align: center; float: left; width: 40%; }
        .xmisc { margin-left: 41%; }
        .attrib { clear: both; text-align: center; padding: .5em; background: #eee; }
    
    /* ]]> */
 
    
    B { font-family: Tahoma, Arial, Verdana; }
    
    
    .sc_chat_container
    {
        width: 520px;
        font-family: arial;
        border: solid 1px #EFEFEF;
        padding: 1px;
        font-size: 11px;
        background-color: #ffffff;
        text-align: left;
        
    }
    
    .sc_chat_container input
    {
        margin: 0px;
        border: 1px solid #EFEFEF;
    }
    
    .sc_chat_box
    {
        height: 430px;
        background-image: url(/imagens/fr-fundo-guiadevoo.jpg);
        background-repeat:repeat-y;
    }  
    
    .sc_options_box
    {
        height: 50px;
        /*background-image: url(http://guiadevoo.com/Chat/img/message_add.png);
        background-repeat: no-repeat;
        float:left;
        padding: 10px 10px 0 50px; */
    }
    .sc_options_boxBtb { float:right; background-image: url(http://guiadevoo.com/Chat/img/message_add.png); 
        width: 50px; height:50px;}
        
    .sc_msg
    {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 1px;
        padding-bottom: 2px;
    }    
    
    .sc_alt
    {
        padding-top: 0px;
        padding-bottom: 2px;
        background-color: #faf9f5;
    }    
    
    .sc_Author
    {
        font-weight: bold;
    }  
       
    .sc_chat_message
    {
        width: 300px;
        margin:0px;
    }    
    
    .sc_chat_container input
    {
        font-family: verdana;
        font-size: 10px;
        /*border: groove 1px black;*/
    }
       
    .sc_chat_send
    {
        /*width: 45px;
        text-align:center;*/
    }    

    

.cpHMenu { margin: 10px 0px 5px 0px; }
.cpHMenu A { font-size: 12px; display: inline; margin: 0 0 0 0; padding: 3px 5px 3px 5px; border: solid 1px #999999; background-color: #BBDDff; text-decoration: none;}
.cpHMenu A:hover { border: solid 1px #333333; color:#333333; background-color: #FFFFFF; }

.rampaBtns {position: absolute; top: 250px; left: 500px;}
