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;
	padding-bottom: 170px;
}

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

/* Acessibilidade */
body.largeText { font-size: 95%; }
body.smallText { font-size: 60%; }

/* Ofuscar e-mail */
.email { color: #666666; }
.email:after { content: "ufrgs.br"; }

/* Imagens */
img { border:0; }

/* Textos */
h1,h2,h3,h4,h5 { font-family:"Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; font-weight:normal; }
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:125%;}
h4{font-size:110%;}
h5{font-size:100%;}
p{line-height: 1.5em;} 

/* Listas */
.listTypeSquare { list-style-type: square; list-style-position: inside; }

/* Classes comuns */
.clear{ clear:both;}
.caixa, .portlets{ background: url(../imagens/degrade.jpg) repeat-x bottom; border:1px solid #eee;} 
.documentDescription{margin: 20px;}
	/* esconder */
	.escondidos{display:none;}

	/* AaZ */
	ul#az{
		padding:0 20px; 
		background-color:#fafafa; 
		margin: 0 0 20px -20px; 
		width:958px;
		height:40px;
		}
	ul#az li{display:inline; padding:13px 9px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:120%;}
	ul#az span{color:#ccc; font-size:80%; margin:0 -10px 0 5px;}
	ul#az li.todos {padding:13px 9px 13px 3px; margin-left:-3px;}
	ul#az li.todos span{margin:0 0 0 -5px;}
	ul#az li:hover{background-color:#ddd;}
	ul#az .letraativa{background-color:#10649D;}
	ul#az .letraativa a{color:#fff;}
	ul#az .letraativa span{color:#10649D;}
	
/* Estilos para Barra do Governo Federal 
	#barra-brasil { 
    position:relative;
    overflow:hidden;
    min-width:1000px;
    background: #004b82 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;
}

#barra-brasil .barra {
    display: block;
    width: 1000px;
    height:28px;
    margin: 0 auto;
    background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}

#barra-brasil .barra ul {
    float:right;
    width: 319px;
    margin:0;
    padding:0;
}

#barra-brasil .barra ul li {
    float: left;
    padding-left: 25px;
    list-style-type: none;
}

#barra-brasil .ai {
    display: block;
    width: 161px;
    height: 28px;
    text-indent: -1000px;
    background: #004b82 url(imagens/ai.png) no-repeat 0 4px;
}

#barra-brasil .brasilgov {
    display: block;
    width: 108px;
    height: 28px;
    text-indent: -1000px;
    background: #004b82 url(imagens/brasil.png) no-repeat 0 4px;
}

#barra-brasil a:hover{
   border:none;
}
*/

/* Estilos para Barra da UFRGS */

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

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

		#barra #areabarra #chama {
			width: 50px;
			height: 32px;
			background-image: url(../imagens/barra_chama.jpg);
			float: left;
		}
		
		#barra #areabarra #links {
			width: 650px;
			height: 30px;
			float: left;
			margin-left: 10px;
		}

                        #barra #areabarra #links .portlet-collection-links-barra {
                            margin-top: 0;
                            padding-top: 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;
			}
			
			#barra #areabarra #links .portletItem a:hover {
				color: #FFFFFF;				
			}
		
		#barra #areabarra #acess {
			float: right;
			height: 20px;
			padding-top: 7px;
			width: 140px;
		}
					
			#barra #areabarra #acess ul#fonte {background:none; float:left; margin-top: 0px; }
			#barra #areabarra #acess ul#fonte li a.pequeno {font-size:80%;}
			#barra #areabarra #acess ul#fonte li a.normal { font-size: 90%; }
			#barra #areabarra #acess ul#fonte li a.grande {font-size:105%;}
			#barra #areabarra #acess ul#fonte li a:hover { color: #FFFFFF; }

			#barra #areabarra #acess ul li {
				margin-left: 14px;
				display:inline;
			}

			#barra #areabarra ul li.first {
				margin-left: 80px;
			}

			#barra #areabarra ul li a {
				font-family: Verdana;
				font-size: 100%;
				color: #BBDCEA;
				text-decoration: none;
			}


#conteudo {
	width: 1000px;
	margin: auto;
}

	#conteudo #topo #logo {
		/*width: 150px;
		height: 130px;*/
		float: left;
	}
	
		#conteudo #topo a, #conteudo #topo a img {
			margin: 10px 0 0 0;
			padding: 0;
			border: 0;
		}
	
	
	#conteudo #topo #itens {
		/*width: 600px;*/
		height: 130px;
		float: right;
	}	
	
		#conteudo #topo #itens #areabusca {
			width: 250px;
	                height: 60px;
	                float: right;
	                background-color: #3E82B0;
	                -webkit-border-radius:0 0 5px 5px;
	                border-radius: 0 0 5px 5px;
                 }
		
.LSBox #q {
    width: 185px;
    margin-right: 5px;
}

#ufrgsaz { text-align: right; margin-right: 15px; } 

			#conteudo #topo #itens #areabusca .searchSection {
				display: none;
			}

			#conteudo #topo #itens #areabusca #portal-searchbox {
				margin: 0.5em 0px 0px 0px;
				width: 207px;
    			        height: 25px;
			}			
			
			#conteudo #topo #itens #areabusca #livesearchLegend { width: 114px;}
			
			#conteudo #topo #itens #areabusca #buscaextras {
				clear: both;
			}
			
				#conteudo #topo #itens #areabusca #buscaextras,
				#conteudo #topo #itens #areabusca #buscaextras a {		
					color: #ffffff;
					/*font-size: 95%;*/
					text-align:center;	
                                        font-size:100%;
                                        line-height:200%;	
				}				
		
				#conteudo #topo #itens #areabusca #buscaextras a:hover	{		
					border-bottom: 1px dotted #ffffff;  
				}
				
				#conteudo #topo #itens #areabusca #searchGadget {
					width: 208px;
					margin-left: 20px;
				}

				#conteudo #topo #itens #areabusca .searchGadget {
					display: none;
				}
				
				
		#conteudo #topo #itens #idiomas {
			width: 500px;
			height: 20px;
			margin-top: 30px;
			clear: both;
			float: right;
			text-align: right;
			color:#C0C0C0;
			}
		
			#conteudo #topo #itens #idiomas a:hover {
				border-bottom: 1px dotted #10649D;
			}

	#conteudo #local {
	width: 100%;
	height: 25px;
	margin-bottom: 15px;
	clear: both;
	}
	
#conteudo #local #caminho{
	width: 520px;
	height: 25px;
	float: left;
	margin-top: 7px;
}



	#conteudo #local #caminho #portal-breadcrumbs {
		border-bottom: none;
		padding-left: 0px;
	}
	
	
	#atalhos {
		width: 480px;
		float: right;
	}

	
        #conteudo #local #miniportais,
        #conteudo #local #ingresso {
            height: 28px;
            float: right; 
            margin: 0;
            font-size: 13px;
            line-height: 200%;
            text-align: center;
            border-radius: 4px;
        }
        #conteudo #local #miniportais{
            width: auto;
            background-color: #3E82B0;
        }

        #conteudo #local #ingresso {
            background-color: #6fa600;
            width: auto;
            margin-right: 10px;
        }
	
                #conteudo #local #miniportais a, #conteudo #local #ingresso a {
            color: white;
            width: auto;
            display: block;
            float: left;
            line-height: 200%;
            padding: 0 9px;
            height: 100%;
            text-align: center;
        }

        #conteudo #local #ingresso a {
            width: auto;
            padding: 0 9px;
        }


        #conteudo #local #miniportais a:hover, 
        #conteudo #local #ingresso a:hover,
        #conteudo #local #caminho #portal-breadcrumbs a:hover{
            text-decoration: underline; border-bottom: none;
        }

        #miniportais a:nth-child(2), #ingresso a:nth-child(2) {
            border-right: 1px solid white;
            border-left: 1px solid white;
        }

        #miniportais a:nth-child(3){
        	border-right: 1px solid white;
        }

        #destaluno, #destservidor {background: #004B82;}
        #destservidor { border-radius:  0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;}
	


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

	#rodape #arearodape {
		width: 1000px;
		margin: auto; 	
		background-image: url(../imagens/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; }
						
		
	#login .titulo { 
		float: left; 
		color: #FFFFFF; 
		font-size: 18px;
		font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
		margin: 10px; 
	}
	
	#login .form { float: right;  margin: 10px; }
	#login .form .campo { margin-right: 10px; }	

	
	
	

/* LIGHTBOX */
	
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0;  
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0;  
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: none !important; /*block;*/
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.imagem a:hover { border: none; }


.searchResults a, .template-indiceAZ dt {
   line-height: 30px;
}

.template-search .discreet a {
   color: #666666;
   font-weight: bold;
}

.cse input.gsc-search-button, input.gsc-search-button {
    color: #000000 !important;
}