/* CEAD/UNIRIO - Coordenação de Educação a Distância da Universidade Federal do Estado do Rio de Janeiro -  Design por Diogo Magalhães Martins*/

* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
 font-size: 11pt;
 background-color: #ffffff;
}

img {
vertical-align:top;
border: 0px;
}

a{
	  text-decoration:none;
	  color:#4e81b4;
	  
}	  

a:hover{text-decoration: underline; color:darkblue;}
 
		h1 {
		 font-family:  Arial, "Trebuchet ms", Helvetica, sans-serif;
		 font-size: 24pt;
		 font-weight: bold;
		 color:#666666;
		}

		h2 {
		 font-weight: bold; 
		 font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
		 text-align: left;
		 font-size: 20pt;
		}

		h2.titulo {
		 padding-bottom:5px;
		 margin-bottom:10px;
		}

		h2.mediatizacao{color: #567449;}
		h3.mediatizacao{color: #ADC6A1;}		
		
		
		
		h2.articulacao{color: #AC7575;}		
		
		h2.pedagogico{color: #6785B9;}		
		h3.pedagogico{color: #A1B3C6;}
		h4.pedagogico{color: #C4CFDB;}
		
		h2.coordenacao{color: #C49F29;}		
		h3.coordenacao{color: #FFD8B1;}
		
		a.media{color: #567449;}
		a.artic{color: #AC7575;}
		a.coord{color: #C49F29;}
		
		
		
		
		h3 {
		 font-weight: bold;
		 margin: 0px 0px 5px 0px;
		 text-align: left;
		 font-size: 1.3em;
		}
		
		h1.titulo {
		 text-align:center;
		 border-bottom-style: inset;
		 border-bottom-width: 2px;
		}

p {
 padding: 0px 0px 0px 0px;
 font: 9pt "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
 margin: 0px 0px 0px 0px;
 line-height: 150%;
}

p.aviso {
 text-align:center;
 padding-top:20px;
 font: 9pt "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
}

.marcador {
	background-image: url(img/marcador.jpg); 
	display: block;
	margin: 0 0 1em 0;
	background-repeat: no-repeat;
	line-height: 1.5em;
	padding-left:25px;
}

		p.normal {
		 text-indent: 0px; 
		 margin: 10px 0px 10px 0px;
		 text-align: left;
		 font-size: 1.2em;
		}
   
		p.noticia {
		 margin: 10px 20px 0px 10px;
		 text-align: left;
		 font-size: 1.1em;
		}
		
		p.contatos{
		 margin: 0px 0px 20px 0px;
		 font-size:1.1em;
		}
   
		p.destaque {
		 font-weight: bold;
		 margin: 0px 20px 5px 10px;
		 text-align: left;
		}
		
		li.MenuAtual {
		 background-image: url(img/BkgMenuAtual.gif);
		 background-repeat: no-repeat;
		}

		
		li.SubMenuAtual {
		 background-image: url(img/BkgSubMenuAtual.gif);
		 background-repeat: no-repeat;
		}
		
		li.SubSubMenuAtual {
		 background-image: url(img/BkgSubSubMenuAtual.gif);
		 background-repeat: no-repeat;
		}

#areaBackground { 
 margin: 0px auto;
 width: 990px;
 background: #fbfbfb url("ceadbackground3-2.gif") center center repeat-y scroll;

}

#areaResolucao { 
 margin: 0px auto;
 width: 960px;
}

/*                      Barra do MEC                               */

#mecimg{
	width:960px;
	height:6px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

#mec {
	height:27px;
	width:960px;
	margin:0;
	padding: 0px 0px 0px 0px;
	background-image: url(topo-bkg3.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#mecConteudo {
	padding: 5px;
}

#mec a {
	float:left;
	background:url(bandeira.bmp) no-repeat;
	display:block;
	font:bold 12px Arial;
	color:#000;
	line-height:21px;
	text-decoration:none;
	padding-left:34px
}

#mec select {
	float:right;
	font-size:0.8em;
	margin-top: 1px;
	background: #fcc732;
	border: 1px solid #836000;
}

/*                 Fim    -    Barra do MEC                               */

/* Barra de Acessibilidade */

#acessibilidade {color:#8b5d0d;}
#acessibilidade strong {color:#4f3422;}
#acessibilidade p {text-align:left;margin-top:7px;margin-left:10px;}

#acessibilidade .btn_tamanho_mais {background: url(btn-tamanho-mais.png);}
#acessibilidade .btn_tamanho_menos {background: url(btn-tamanho-menos.png);}
#acessibilidade .btn_contraste_mais {background: url(btn-contraste-mais.png);}
#acessibilidade .btn_contraste_menos {background: url(btn-contraste-menos.png);}


/*              Fim da barra de acessibilidade                */

#logomarca {
 float:left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 border: 0px solid #000000;
 width: 175px;
}

#acessibilidade{
 height: 31px;
 width: 785px;
 background: #A9C7E1;
 border: 0px;
 float:right;
}

#descricao{
 height: 31px;
 width: 785px;
 background: #6785B9;
 float:right;
}


	#descricao p{
		font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 8pt;
		color:#B1C0DB;
		line-height:110%;
		letter-spacing:0.1em;
		padding-left:10px;
		padding-top:1px;
	}

#trilha{
 width: 600px;
 height: 20px;
 border-bottom: 1px solid #E0E0E0;
 float:left;
 margin: 0px 0px 0px 10px;
}

#trilha p{
 color:gray;
}

#corpo {
 display: inline;
 background-color: white;
 float:left;
}


#menu { 
 float:left;
 width: 175px;
 height:100%;
 color: #333;
 border: 0px solid #000000;
 background-color: #c0d0b1;
 margin: 0px 0px 0px 0px;
 padding-top: 20px; 
}
 
 
#menu ul {

	text-indent: 0px;
}

#menu ul a {
	font-family: "trebuchet ms",verdana, arial, helvetica, sans-serif; 
	color: #222; 
	text-decoration: none
	
}
 
 #menu ul a:hover {
	font-family: "trebuchet ms",verdana, arial, helvetica, sans-serif; 
	color: white; 
	text-decoration: none;
}

#menu ul.menu li { 
	border-bottom: #d0dcc5 1px solid
	
}

#menu a:hover { 
	background-image: url(img/MenuHover.gif) no-repeat; 
}
	
#menu ul.menu {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #c0d0b1;
}

#menu ul.submenu {
	margin-left: 0px;
	background-color: #d0dcc5;
}

#menu ul.subsubmenu{
	margin-left:0px;
	background-color: #dee7d8;
}

#menu li {
	list-style-type: none;
}
 
.dv_submenu {
	display: none
}
.li_menu_off {
	list-style-image: url(bullet_menu_off.gif); list-style-type: none
}
.li_menu_on {
	list-style-image: url(bullet_menu_on.gif); list-style-type: none
}

#menu ul.submenu li {
	padding-right: 0px;
	border-bottom: #FFFFFF 1px solid
}


 
 #conteudo {
 display:inline;
 float:left;
 width: 615px;
 color: #333;
 border: 0px solid #000000;
 background-color: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 
}

#conteudoPagina{
 padding:0px 0px 20px 0px;
  background-color: #ffffff;
  
}
#conteudoPagina h1{
 padding:0px 0px 0px 0px;
}

.divBottom {
 clear:both;
 margin: 0px;
 padding: 0px;
 height: 1px;
 line-height: 1px;
 overflow: hidden;
}

.colunaEsquerda { 
 display: block;
 float:left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 300px;
}

.colunaDireita { 
 display: block;
 color: #333;
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 width: 300px;
 text-align: left;
 float:left;
 font-size:1.1em;
}

.colunaEsquerdaBottom { 
 display: block;
 float:left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 15px 0px 0px;
 width: 300px;

}



.colunaDireitaBottom { 
 display: block;
 float:left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 300px;
 text-align: left;
}

									/* Equipe */									
								
#conteudoEquipe{

}
									
.equipe{
 display: block;
 float:top;
 color: #333;
 margin: 0px 0px 0px 30px;
 padding: 10px 0px 0px 0px;
 width: 570px;
 height: auto;
 background-repeat: no-repeat;
}

.equipe h2{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 font: 0.6em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-weight: bold;
 border-bottom: 1px solid #d0d0d0;
}

.equipe h3{
 padding: 20px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 font: 0.8em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-weight: bold;
 border-bottom: 1px dotted #d0d0d0;
}



.equipe h4{
 padding: 20px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 font: 10pt "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-weight: bold;
 border-bottom: 1px solid #d0d0d0;
}

.equipe p{
 padding: 0px 0px 0px 0px;
}

.equipe img{
 padding: 2px 2px 2px 2px;
 margin: 10px 10px 0px 0px;
 border: 1px solid #d0d0d0;
 width: 83px;
 height: 110px;
 float:left;
 display: block;
}

.equipe p.destaque{
 padding: 7px 0px 0px 0px;
}

#arvore{
 float: left;
 display:block;
 padding: 0px 0px 50px 20px;
}

.imagemEquipe{
 float:top;
 width: auto;
 display: block;
 text-align:left;
}

.conteudoEquipe{
 padding: 20px 0px 0px 0px;
 float: top;
 display: block;
 width: 565px
}

ul.funcionarios{
 padding: 10px 0px 0px 20px;
}

.legenda{
 float: right;
 display:block;
 background-color: green;
}
								/* Fim equipe */

								/* Inicio Contatos */
.contatos{
 display: block;
 float:left;
 color: #333;
 margin: 0px 0px 0px 30px;
 padding: 10px 0px 0px 20px;
 width: 570px;
 height: auto;
 background-repeat: no-repeat;
}

.setoresContatos{
 padding: 20px 0px 20px 0px;
 margin-left:20px;
 float: top;
 display: block;
 font: 1.1em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
}

#formulario{
 padding-top: 50px;
 float: top;
 display: block;
 color:#A1B3C6;
 font-weight:bold;
 text-align: left;
 font-size: 1.0em;
}

#formulario input{
 margin-bottom: 10px;
}


h2.contatos{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
 font: 1.1em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-weight: bold;
 border-bottom: 1px solid #d0d0d0;
 color:#6785B9;
}

.contatos ul li{
 margin-bottom: 15px
}

.setoresContatos h3{
 color:#A1B3C6;
 font-weight:bold;
 text-align: left;
 font-size: 1.0em;
 margin: 0px 0px 0px 0px;
}

#setores{
 margin-top: 10px;
 float:top;
 display:block;
 width: 570px;
}

p.listaContatos{
 padding-left: 35px;
}

.conteudoContatos{
 padding: 20px 0px 0px 0px;
 float: top;
 display: block;
 width: 565px;
 line-height: 180%;
}

		
								/* Fim Contatos */
								
								/* Inicio Graduação*/
.gradu{
 display: block;
 float:top;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 10px;
 width: 350px;
 height: auto;
 background-repeat: no-repeat;
}

.setoresGradu{
 padding: 20px 0px 20px 0px;
 margin-left:20px;
 float: top;
 display: block;

}

h2.gradu{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
 font: 1.1em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-weight: bold;
 border-bottom: 1px solid #d0d0d0;
 color:#6785B9;
}
.setoresGradu h3{
 color:#A1B3C6;
 font-weight:bold;
 text-align: left;
 font-size: 1.0em;
 margin: 0px 0px 0px 0px;
}

#setores{
 margin-top: 10px;
 float:top;
 display:block;
}

p.listaGradu{
 padding-left: 35px;
}

.conteudoGradu{
 padding: 20px 0px 0px 0px;
 float: top;
 display: block;
 width: 545px;
 line-height: 180%;
}

p.graduDescricao{
 width:550px;
 font-size: 1.1em;
}

		
								/* Fim Graduação*/
								
								
								/*Início e-UNI*/
								
.e-uni{
 display: block;
 float:top;
 color: #333;
 margin: 0px 0px 0px 30px;
 padding: 10px 0px 0px 20px;
 width: 350px;
 height: auto;
 background-repeat: no-repeat;
}


.conteudoEuni{
 padding: 20px 0px 0px 0px;
 float: top;
 display: block;
 width: 345px;
 line-height: 180%;
}

#cursos a:hover {
	color: #292914;
	text-decoration: underline;
}

#username, #password {
	width: 120px;
}

#sub {
	font-size: 1.4em;
}

#login{
	display:block;
	background: url(img/e-uni.gif) no-repeat;
	width: 330px;
	height:300px;
}

#loginLink {padding-top: 90px; padding-left: 110px;}
#loginLink a{font:1.4em "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif; color:#A1B3C6; font-weight:bold;}

#euni {
	width:350px;
	float: top;
	text-align: center;
}

#euni h2 {
	text-align: left;
}

#euni p {
	text-align: justify;
}

#euni img {
	float: left;
	margin-top: 0.8em;
	margin-right: 0.5em;
}

								
								/* Fim e-UNI*/
								
								/* Início DPW*/
								
h2.dpw{
 padding: 0px 0px 0px 0px;
 margin: 0px 15px 10px 0px;
 font: 10pt "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-weight: bold;
 border-bottom: 1px solid #d0d0d0;
 color:#567449;
}
								/*Fim DPW*/
								/*Incio secoes*/
	
#secoes{
 display:block;
 padding: 0px 0px 20px 0px;
}

#secoes h3{
 padding: 50px 0px 0px 10px;
 font: 1.5em "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
 /*color: #194c7f;*/
}
		/*Fim de secos*/
		
 #linha {
  border-top: 1px solid silver;
  height: 3px;
  width: 590px;
  margin-top:50px;
  margin-left:10px;
 }
 
		/*Incio de Noticias*/

#data{
 border-bottom: 1px solid silver;
 text-align: right;
 color: #666666;
 margin-left: 0px;
 margin-bottom: 15px;
 padding-bottom: 2px;
 padding-top: 3px;
 padding-right: 5px;
}
		
#noticias { 
 display:block;
 float:right;
 width: 145px;
 color: #333;
 border: 0px solid #000000;
 background-color: #f4f4f4;
 margin: -32px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 font: 0.9em Arial,"Trebuchet ms",Verdana, Helvetica, sans-serif;

}





#noticias h2{ 
padding: 0 0 0 0;
}

p.manchete{
  font: 1.0em Arial,"Trebuchet ms",Verdana, Helvetica, sans-serif;
  font-weight: bold;
  padding:3px 0 3px 0;
}

 .noticiaDiv{ 
	 color: #333;
	 border-top-width: 1px;
	 border-top-style: dotted;
	 border-top-color: silver;
	 background: #f4f4f4;
	 margin: 0px 0px 0px 0px;
	 padding: 5px 10px 25px 0px;
	 text-align: left; 
}

#jumper {
height: auto;
width: 175px;
float: left;
}

#institucional {
 border: 0px solid #000000;
 width: 394px;
 height: 50px;
 float: left;
 text-align: left;
}

#rightdownblock1 { 
 color: #333;
 border-left-width: 1px;
 border-left-style: dotted;
 border-left-color: #000000;
 background-color: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 height: auto;
 width: 300px;
 text-align: left;
 font-size: 10pt;

}

#rightdownblock2 { 
 color: #333;
 border-left: 1px dotted #000000;
 border-top: 1px dotted #000000;
 background: "white";
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 10px;
 height: auto;
 width: 300px;
 text-align: left;
 font-size: 10pt;
 }
 
 #Rodape {
	height:37px;
	width:960px;
	margin:0;
	float:bottom;
	background-image: url(rodape-bkg3.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#Rodape p{
		text-align:center;
		font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
		font-size: 9pt;
		color:white;
		line-height:110%;
		padding-top:5px;
		letter-spacing:0.02em;
		padding-right:5px;
}

#Rodapeimg{
	width:960px;
	height:6px;

}


/*noticias css*/


h3.noticiatitulo{display: block;margin: 0px 0px 10px 0px;background: #fff;font-size: 1.3em;color: #194c7f;}
p.conteudoNoticia{text-indent: 0px; margin: 20px 0px 15px 0px; text-align: left; font-size: 1.0em;}
#items{margin-bottom:50px;}
h1.subtitulo{font-size:12pt; text-align:left; margin:0px; padding:0px;}