/*************************************************************/
/*   Design:  Site-URI-Santo Ângelo                          */
/*   Author:  Vanessa Klein                                  */
/*   Date:    Junho de 2008                                 */
/*-----------------------------------------------------------*/
/*************************************************************/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {
	text-align: center;
	margin-top: 0em;
	padding-top: 0em;
	font-size: 65%;
	font-family: arial, sans-serif;
	overflow-x:hidden;
	background:#fff url(../site_img/fundo.png);

}


.page-container-1 {
	overflow-x:hidden;
	width: 81em;
	margin: auto;
	background-color: #FFFFFF;
	min-height:73em;
	*min-height:60em;
	max-height:auto;
	
}

span.rum { margin:0 5px; } /* Definindo a margem para 5px para as laterais e 0 para base e topo para o primeiro span */
span.rdois { margin:0 3px; } /* Definindo a margem para 3px para as laterais e 0 para base e topo para o segundo span */
span.rtres { margin:0 2px; } /* Definindo a margem para 2px para as laterais e 0 para base e topo para o terceiro span */
span.rquatro {
	margin: 0 1px;
	height: 2px;
} /* Definindo a margem para 1px para as laterais e 0 para base e topo para o quarto span e definido a altura para ele de 2px, a única altura diferente dos demais.*/
span.topoRedondo, span.baseRedondo {
	display:block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */
	background: transparent;
	width: 81.3em;

	*width: 81em;
	margin-left: 0em;

	*margin-left: 0em;
	position: relative;
}

span.topoRedondo span, span.baseRedondo span {
	display: block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */
	height: 1px; /* declarando a altura dos spans poara 1px */
	overflow: hidden; /* definindo a cor de fundo dos spans para verde. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. */
	background-color: #FFFFFF;
}

.meioRedondo {
	color: #333333; /* definido a cor preta para o texto */
	margin: 0; /* zerando a margem */
	padding: 0;
	background-color: #FFFFFF;
	width: 81em;
	height: auto;
	
	
}

.botaolat  {
	position:relative;
	color: #26547C;
	float: left;
	height: 20em;
}

.botaolat ul {
	display: inline;
	margin-top: 2em;
	width: 11em;
	height: 22em;
	margin-top: 2em;
	_margin-top: 1.8em;
	margin-left: -2.5em;
	*margin-left: 2em;
	_margin-left: 2em;
	font-weight: normal;
	text-align: left;
	float: left;
	color: #26547C;
}

.botaolat ul a {
	color: #26547C;
	font-weight: bold;
	font-size: 105%;
	    }
.botaolat li {
	display: inline;
	top: 1em;
	color: #26547C;
	float: none;
	
}
	
.botaolat li a {
	text-decoration: none;
	height:1.1em;
	display:block;
	color: #26547C;
	line-height: 1.1em;
	background: transparent;
	padding-left: 1.2em;
	outline:none;
	margin-top: 0.4em;
	font-weight: normal;
	font-size: 85%;
	
	}

.botaolat li a:hover {
	color:#0E5898;
	text-decoration: underline;
}



#data{
	width: 20em;
	float: left;
	color: #26547C;
	text-align: left;
	position: relative;
	height: 1em;
	margin-left: 2em;

}

.div_anime{
	float: left;
	width: 56em;
	position: inherit;
	z-index: 1;
	height: 10em;
	background-color: transparent;
	margin-left: 0em;
	margin-top: 0em;
	*margin-top: 1em;
	_margin-top: 0em;

}

.div_destaque{
	width:17em;
	/*height:29.2em;*/
	height:22.2em;
	float: left;
	color: #26547C;
	font-weight: normal;
	margin-right: 0.6em;
	background-color: #E8E8E7;
	margin-left: 2em;
	margin-top: 0em;
	_margin-top: 0.5em;

}
.div_campus{
	width:11.7em;
	height:10.6em;
	float: left;
	background-image: url(../site_img/div_campus.png);
	color: #26547C;
	font-weight: bold;
	margin-right: 0.6em;

}
.div_noticia{
	width:26em;
	_width:24em;
	float: right;
	text-align: left;
	margin-left: -10em;
	_margin-left: -18em;
	margin-top:-20em;
	margin-right: 0em;
	_margin-right: 2em;

}
.div_direita_up{
	float: left;
	width: 420em;
	padding: 0em;
	left: 2em;
	position: relative;
	margin-left: 0em;
	top: 0em!important;
	top: 280em;
	z-index: 2;
	height: 120em;

}

#portais{
	background-image: url(../site_img/fundo_portais.png);
	float: right;
	width: 15em;
	height: 8.65em;
	*height: 8.3em;
	_height: 8.65em;
	margin-right: 1.3em;
	*margin-right: 1.3em;
	_margin-right: 0.6em;
	text-align: center;
	padding-top: 0.5em;
	*padding-top: 1em;
	_padding-top: 0.5em;
	margin-left: 0em;

}
.port{
	position:relative;
	margin-top:-0.5em;
	_margin-top:0em;
	font-weight: normal;
	font-size: 101%;
}
.div_topo{
	float: left;
	width: 75em;
	position: relative;
	background-image: url(../site_img/fundo_topo.png);
	height: 11.2em;
	margin-top: -0.5em;
	_margin-top: 0em;
	margin-left: 1em;
	_margin-left: 0.5em;
	
}



.dropmenudiv{
	top: 10em;
	border: 0.1em solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 1em;
	line-height:15em;
	z-index:2;
	width: 180em;
	visibility: hidden;
	border-right-style: double;
	background-image: url(../site_img/fundo.png);
	font-family: arial, sans-serif;
}
.espaco{
	 height: 0.3em;
	 *height: 0em;
	 _height: 0em;
	 width: 1em;

}




/*--------------------------------------*/	
/*---------- menu lateral*--------------*/
/*--------------------------------------*/	

.lateral {
	float:left;
	width:15.3em;
	line-height:normal;
	position: relative;
}

	
.menu_titulo {
	width:140em;
	height: 20em;
	color:#000099;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20em;
	position: relative;
	background-image: url(transparent);
	float: left;
}

.menu_dir{
	width: 17.5em;
	position: relative;
	background-image: url(../site_img/menu_dir.png);
	background-repeat:no-repeat;
	float: right;
	color: #26547C;
	margin-right: 1em;
	_margin-right: 0.5em;
	margin-left:0em;
	font-weight: bold;
	height: 54.6em;
	_height: 35em;
	margin-top:0em;
	*margin-top:0.9em;

}


a { font-weight: bold; color: #26547C; text-decoration:none; }
a:hover { text-decoration: underline; color: #277DBB; text-decoration:underline; }


#geral {
	width: 20em;
	text-align: center;
	margin-top: 1em;
	_margin-top: 2em;
	padding-top: 0em;
	text-decoration: none;
	margin-left: 1em;
	background-image: url(transparent);
	height: 2em;
	float: left;
}

#header {
	float:left;
	background:url("../site_img/bg.png") repeat-x bottom;
	line-height:1.8em;
	margin-left: 1.8em;
	position: relative;
	z-index: 2;
	width: 46.2em;
	_width: 40em;
	margin-top: -1em;
	*margin-top: 1em;
	_margin-top: -1em;
    }
#header ul {
	margin:0;
	padding:0.6em 0em 0;
	list-style:none;
	width: 60em;
	_width: 40em;
}
#header ol {
	float:left;
	margin:0;
	width: 8em;
	background-image: url(transparent);
	font-size: 105%;
	
}

#header a {
	float:left;
	display:block;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	    
}
  /* Commented Backslash Hack
     esconde para o IE5-Mac \*/
#header a {float:none; }
  /* End IE5-Mac hack */
 
#header a, #header strong, #header span {
	display:block;
	line-height: 2em;
	
 }
#header hover {
    color: #075395;;
    }

#header ol.current a{
color:#0E5898;
font-weight:bold;
}




.conteudo {
	height: 18em;
	padding: 1.5em;
	text-align: justify;
	color: #000000;
	width: 25.4em;
	_width: 24em;
	margin-right: -2em;
	_margin-right: 0em;
	margin-top:0;
	float: right;
	z-index: 1;
	position: relative;
	font-size: 103%;
}

.conteudo span{
color:#0E5898;
}
.conteudo a {
color:#26547C;
font-size:100%;
}

.conteudo a:hover{
color:#0E5898;
text-decoration:underline;
}

.conteudo_int {
	height: auto;
	padding: 4.5em;
	text-align: justify;
	color: #000000;
	width: 50em;
	
	_width: 48em;
	margin-top:0em;
	float: right;
	z-index: 1;
	position: relative;
	font-size:115%;
	
	}


.noticias{
	width: 47em;
	_width: 50em;
	position: relative;
	margin-left: 0em;
	_margin-left: -1em;
	margin-top: 3em;
	*margin-top: 1em;
	_margin-top: -25em;
	float: left;
}
.nav1 {
	font-family: arial, sans-serif;
	position: relative;
	width: 15em;
	float: right;
	height: 1.7em;
	margin-right: -4em;
}
.nav1 ul {
	margin: 0em;
	padding: 0em 0em 0em 0em;
	height: 1em;
}	
.nav1 li {
	display: inline;
}
.nav1 li a {
	margin: 0em;
	padding: 0em 0.1em 0em 0.1em;
	color: #26547C;
	text-decoration: none;
	border-left: solid 0.1em rgb(40,22,111);
}
.nav1 a:hover, .nav2 a.selected {
	color: #0E5898;
	text-decoration: none;
}
/*----------------------------*/
/*----------------------------*/
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2 {
	clear: both;
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	width:200em;
	padding-top:2em;
	z-index: 100;
}

.nav2 ul {
	float: left;
	width: 780em;
	margin: 0em;
	padding: 0em;
	border-top: solid 2em rgb(40,22,111);
	border-right:solid 2em rgb(40,22,111);
	border-bottom: solid 2em rgb(40,22,111);
	background-image:url(../site_img/botao_sup_cen.png);
}	

.nav2 li {
	display: inline;
	list-style: none;
	margin: 0em;
	padding: 0em;
	border-bottom:1em solid #B8C3DE;
}
.nav2 li a {
	display: block;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 5em 10em 5em 10em;
	border-right: solid 2em rgb(40,22,111);
	color: rgb(255,255,255);
	text-decoration: none;
		
}
.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}
.nav2 ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " " url(downimage.png); /*uncomment this line to use an image instead*/
}



/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {
	overflow: hidden;
	clear: both;
	float: left;
	width: 140em;
	min-height: 163em;
	margin: 0em;
	padding: 0em;
	color: #FFFFFF;
	background-image: url(../site_img/menu_esq.png);
	margin-left: 5em;
}
.nav3 li {
	list-style: none;
	margin: 0em;
	margin-left: 5em;
}
.nav3 li.title {font-family: verdana, arial, sans serif; margin: 0em 0em 0em 0em; padding: 3em 8em 5em 5em; color: rgb(255,255,255); font-weight: normal; }
.nav3 li.group a {
	display: block;
	min-height: 1em;
	height: auto!important;
	height: 1.7em;
	line-height: 18em;
	margin: 0em;
	padding: 0em 0em 0em 0em;
	color: #FFFFFF;
	width: 158em;
}
.nav3 li a {display: block; height: auto !important; height: 1.7em; line-height: 1.8em; margin: 0em; padding: 0em 0em 0em 0em; color: #FFFFFF; text-decoration: none; }
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7em rgb(156,186,214);  color: rgb(110,110,110); text-decoration: none;}


.text{
	color:#26547C;
	font-family: Arial, sans-serif;
	font-size: 110%;
}

/*--------------------------------------*/	
/*---------- menu superior*--------------*/
/*--------------------------------------*/	
#mail{
	width: 15em;
	height: 9em;
	*height: 9em;
	_height: 8em;
	background-image: url(../site_img/fundo_email.png);
	margin-left: 1.3em;
	*margin-left: 0em;
	_margin-left: 0em;
	position: relative;
	margin-top: 0em;
	
}

.menu_superior{
	background-image: url(transparent);
	width: 750em;
	height: 55em;
	position: relative;

}


.content1 {
	float: left;
	_float:left;
	width: 47em;
	color: #000000;
	height: auto;
	z-index: 1;
	position: relative;
	_position:relative;
	background-color: transparent;
	margin-top: 4em;
}
.content1-container {
	clear: both;
	float: left;
	width: 100em;
	padding: 0em;
	left: 100em;
	top: 377em;
	z-index: 0;
	border-color: #74ACE3;
}
.content1-container-1col {
	width: 400em;
	border: 1em;
	border-color: #193A85;
	position: inherit;
	margin-top: 0em;
	left: 8em;
	top: 5em;
	background: transparent;
	z-index: 1;
}

/* Lists */


ul.menubar{
	background-color: transparent;
	z-index: 2;
	float: left;
	width: 82em;
	margin-left:-2.8em;
	*margin-left:1.2em;
	_margin-left:0.5em;
	margin-top:-0.5em;
	*margin-top:0 em;
	_margin-top:-0.5em;

	
	
}
 
ul.menubar .submenu{
	list-style: none;
	float:left;
	text-align: center;
	background: transparent;
	border-left: solid 0.2em rgb(38,84,124);
	position: relative;
	z-index: 6;
	width: 6.95em;

		
	
}
 
ul.menubar ul.menu{
	display: none;
	position: absolute;
	background-image: url(../site_img/menu_sup.png);
	text-align: left;
	z-index: 5;
	width:15.2em;
}
 
ul.menubar a{
	display:block;
	text-decoration: none;
	color: #26547C;
	padding: 0em;
	background-image: url(../site_img/menu_sup.png);
	height: 2em;
	z-index: 5;
	line-height: 1.7em;
}
 
ul.menu, ul.menu ul{
	margin: 0;
	padding: 0;
	width: 13em; /* Width of Menu Items */
	background-color: #FFFFFF; /* IE6 Bug */
	z-index: 3;
}
 
ul.menu li{
	position: relative;
	list-style: none;
	z-index: 10;
	border-right: solid 0.1em rgb(40,22,111);
	border-left: solid 0.1em rgb(40,22,111);
	border-top: solid 0.1em rgb(40,22,111);
	width:15em;		
}
 
ul.menu li a{
	display: inherit;
	text-decoration: none;
	color: #26547C;
	padding: 0.4em 0.85em 0.4em 0.6em;
	*padding: 0.4em 0.85em 0.4em 0.7em;
	background: transparent;
	width: 15.4em;
	height: 1em;
	line-height:0.9em;
	outline:none;
}
 
ul.menu li sup{
  font-weight:normal;
  color: #FFFFFF;
}
 

*html ul.menu li {
	float: left;
	background: transparent;
}

*html ul.menu li a {
	float: left;
}
/* End */
 
ul.menu ul{
	position: relative;
	display: none;
	left: 1em;
	z-index: 5;
}
 
ul.menu li.submenu ul { display: inline; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent /*url(arrow. png) right center no-repeat*/; }
 
ul.menu li a:hover {
	color: #26547C;
	
}

ul.menubar li a:hover{
	color: #277DBB;
	font-weight:bold;
	text-decoration: underline;
}



.titulos{
	color: #26547C;
	font-weight: normal;
	font-family: arial, sans-serif;
	position: relative;

}

#tempo{
	position: relative;
	width: 15.3em;

}
.rodape{
	margin-top: 12.5em;
	*margin-top: 18.5em;
	color: #26547C;
	text-align: center;
	position: relative;
	float: inherit;
	width: 65em;
	margin-left:-3em;
	
}
.espaco2{
	 height: 0.2em;
	 _height: 0em;
	 width: 1em;

}



#container{
			position:relative;
			left:0px;
			top:0em;
			width:50em;
			height:100%;
		}

.botaoBarra, .botaoBarraAtiva{
	display:block;
	margin:0;
	font-weight:bold;
	font-family:Arial;
	color:#FFFFFF;
	text-decoration:none;
	background-repeat:no-repeat;
	width: 12.6em;
	text-align: center;
	height: 2em;
	line-height:2em;
	font-size: 110%;
	padding-top: -0.05em;
	_padding-top: 0.5em;
	*padding-top: 0.5em;
}

		.botaoBarra{
	background-image:url(../site_img/botao.png);
	color: #FFFFFF;
		}
		.botaoBarra:hover{
			background-image:url(../site_img/botao_hover.png);
		}

		.botaoBarraAtiva{
			background-image:url(../site_img/botao_hover.png);
		}
		.botaoBarraAtiva:hover{
			background-image:url(../site_img/botaoAtivo_hover.png);
		}
		.conteudoBarra{
			display:none;
			height:2em;
			overflow:hidden;
			background-image:url(transparent);
			background-repeat:repeat;
			font-family:Arial;
			font-size:11px;
		}

		.conteudoBarra p{
			margin:25px;
		}

		/* Exemplo de icones */

	
		
.botaoBarraAtiva1 {			
			display:block;
			margin:0;
			padding:7px 0px 10px 30px;

			font-weight:bold;
			font-family:Arial;
			font-size:12px;
			color:#000000;
			text-decoration:none;
			background-repeat:repeat-x;
}

.text_uri_italic{
	color:#000000;
	text-align:justify;
	font-style: italic;
}
.text_uri_normal{
	color:#000000;
	text-align:justify;
	margin-left: 2em;
	float:left;
	font-size: 120%;
	
}
.importante{
	width: 15em;
	height: 30.0em;
	background-image: url(../site_img/fundo_import.png);
	margin-left: 1.3em;
	*margin-left: 0em;
	position: relative;

}
.setas{
	width: 1em;
	float: right;

}

.div_main{
	position:relative;
	height: auto;
	width: 81em;
	background-color: #FFFFFF;
	float: left;
}

/* Paginação*/
.copy{
	color: #26547C;

}
#sae{
	position:relative;
	padding-top:2em;
	float:left;
	width: 53em;
	padding-left: 1.5em;
	
}