/* CSS Document */

html, body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, sans-serif;
    font-size: 12px; 
}

* html #tudo {
    height: 100%; /* hack para IE6 que trata height como min-height */
}

#tudo{
    width:100%;
    min-height:100%;
    position:relative;
}

/* Links */
a { color: #10649D; text-decoration: none; }
a:hover { text-decoration: none; border-bottom: 1px dotted; }
a:visited { color: #5991B5;}
a img{border:none;}


/* Cabe�alhos */
h1,h2,h3,h4,h5{
    font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
    font-weight:normal;
}

/* Classes comuns */

.caixa { background: url(../imgs/degrade.jpg) repeat-x bottom; } 


/* Estilos para Barra do Governo Federal */
#barra-brasil-v3 {
    position:relative;
    clear:both;
    overflow:hidden;
    height:28px;
    margin-left: 0px;
    background:#004b82;
    min-width: 1000px;
}

#barra-brasil-v3 span {
    display:block;
    width:50%;
    height:28px;
    background:url(../imgs/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}
#barra-brasil-v3 span .imagemGov {
    position:absolute;
    top:4px;
    left:50%;
    height: 24px;
    width: 1000px;
    background: url(../imgs/barra-brasil-v3-azul.gif) right top no-repeat;
    margin-left:-500px;
}
#barra-brasil-v3 span .brasilgov {
    width: 100px;
    height: 24px;
    float:right;
    display:block;
    border: 0 !important;
}


/* Estilos para Barra da UFRGS */

#barra {
    width: 100%;
    height: 32px;
    background-image: url(../imgs/barra_fundo.jpg);
}

#barra #areabarra {
    width: 1000px;
    margin: 0 auto;	
}

#barra #areabarra #chama {
    width: 50px;
    height: 32px;
    background-image: url(../imgs/barra_chama.jpg);
    float: left;
}

#barra #areabarra #links {
    width: 650px;
    height: 30px;
    float: left;
    margin-left: 10px;
}

#barra #areabarra #links dl{margin:0;}
#barra #areabarra #links .portletItem {
    background-color: transparent;
    display: inline;
    width: 100px;
    border: none;
    margin-left: 15px;
}

#barra #areabarra #links .portletItem a {
    color: #BBDCEA;				
    line-height: 32px;
    font-size: 12px;
}

#barra #areabarra #links .portletItem a:hover {
    color: #FFFFFF;				
}




/* LOGIN */			



#conteudo {
    width: 1000px;
    margin: 0 auto;
    padding-bottom:170px;
}

#login #conteudo #topo #logo {
    float:none;
}

#logo2 { 
    float: right;
}

#interna {
    border-top: none;
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    background: url(../imgs/degrade.jpg) repeat-x bottom;
    margin-bottom: 30px;
}

#parent-fieldname-title {
    width: 100%;
    height: 50px;
    background: url(../imgs/titulo.jpg) no-repeat;	
    color: #FFFFFF;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 2.5em;
    line-height: 1.5em;
    text-indent:10px; 
    letter-spacing: -2px;
    margin: 0;
    border-bottom:none;
}



#interna #content-core {
    margin: 20px;
    font-family: Verdana, Arial, sans-serif;
}

form{
    background-color:#f2f2f2;
    border:#e9e9e9;
    width:280px;
    margin:10px auto 50px auto;
    text-align:center;
    padding:20px;
}
label{ display:block;  line-height:50px; margin:0 auto; }
.text{font-size:140%; text-align:right;}
.text input{width:180px; height:30px;  margin:0 10px; font-size:110%;}

#informacao, #dica{
    text-align:center;
    color:#666666;

}

#dica{
    height:20px;
    margin-top:40px;
}

/* RODAP� */


#rodape {
    width: 100%;
    height: 150px;
    clear: both;
    background-color: #004B82;	
    position:fixed;
    bottom:0;
}	

#rodape #arearodape {
    width: 1000px;
    margin: auto; 	
    background-image: url(../imgs/rodape.jpg);
    background-repeat: no-repeat;
    height: 150px;
}

#rodape #arearodape .logorodape {
    width: 150px;
    float: left;
}

#rodape #arearodape .endereco {
    width: 550px;
    float: left;
    padding-top: 30px;
}	

#rodape #arearodape .endereco h3 {
    font-size: 170%;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

#rodape #arearodape .endereco span {
    font-family: Verdana, sans-serif;
    color: #FFFFFF;
    line-height: 20px;
}			


#rodape #arearodape .localizacao {
    width: 320px;
    float: right;
    text-align: right;
    margin-top: 15px;
}	

#rodape #arearodape .localizacao .locallogo { float: left; width: 50px; }


#portal-logox img {
    max-height: 120px;
}