@charset "iso-8859-1";
/* PORTAL DE LETRAS DA UNIVERSIDADE FEDERAL DE PELOTAS - POR WWW.C2S.COM.BR */

* { margin:0; padding:0}
.clear	{ clear:both;}

body		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:url(../img/background/bg-body.jpg) repeat-x; }

a			{ color:#333; text-decoration:none;}	
a:hover		{ color:#800080; text-decoration:none;}

h1			{ font-size:17px; color:#FFF; font-weight:bold; text-transform: uppercase;}
h2			{ font-size:17px; color:#800080; font-weight:bold; margin-bottom:10px; }
h3			{ font-size:12px; color:#666; font-weight:bold; margin-bottom:10px;}
img			{ border:none;}
p			{ margin-bottom:10px;}

hr			{ height:1px; color:#999; margin-top:10px; margin-bottom:20px; }

input, select, textarea		{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

/* ESTRUTURA EXTERNA DO SITE */
#site		{ width:960px; margin-right:auto; margin-left:auto;}

/* ESTRUTURA PAGINAS INTERNAS */
#coluna-esquerda	{ width:236px; float:left; }
#coluna-direita		{ width:722px; float:left; }

/* IDs E CLASSES DO TOPO */
#topo				{ padding-top:21px;}
.identificador		{ float:left; width:480px;}
.identificador h3	{ margin-left:17px;}

#busca				{ float:left; width:463px; text-align:right; margin-bottom:10px;}
.busca				{ width:auto; float:right; margin-right:5px;}
.busca label		{ font-weight:bold; margin-right:5px;}
.enviar-p			{ width:auto; float:right;}

#busca-interna			{ float:left; width:210px;  margin-bottom:10px; margin-top:-10px;}
.busca-interna			{ width:auto; float:left; }
.busca-interna label	{ font-weight:bold; margin-right:5px;}

//.swf				{ background:url(../img/background/bg-area-conceitual.jpg) no-repeat left bottom; height:290px; /*clear:both;*/ margin-bottom:10px;}
//alt					{ color:#CC3333;}

.bgcentro			{ background-color:#fff;}

/* TITULO */
.titulo-cursos		{ width:auto; height:34px; background:url(../img/titulos/cursos.gif) no-repeat;}
.titulo-noticias	{ width:auto; height:34px; background:url(../img/titulos/noticias.gif) no-repeat;}
.titulo-ensino		{ width:auto; height:34px; background:url(../img/titulos/ensino.gif) no-repeat;}
.titulo-extensao	{ width:auto; height:34px; background:url(../img/titulos/extensao.gif) no-repeat;}
.titulo-pesquisa	{ width:auto; height:34px; background:url(../img/titulos/pesquisa.gif) no-repeat;}
.titulo-novidades	{ width:auto; height:34px; background:url(../img/titulos/novidades.gif) no-repeat;}


/* IDs E CLASSES DO CENTRO */
#centro	{}

#menu					{ width:236px; float:left;}
#menu ul				{ padding:0 15px 10px 11px; list-style-type:none;}
#menu ul li				{ width:210px; margin-bottom:0;  }
#menu ul li a			{ padding: 8px 0 7px 30px; display:block; background-image:url(../img/background/bullet.gif); }
#menu ul li a:hover		{ background-color:#F0F0F0; font-weight:bold;}
#menu ul li.ativo a		{ color:#800080; background-color:#F0F0F0; font-weight:bold;}
#menu ul li.submenu a	{ color:#800080; font-size:11px; background-color:#F0F0F0; font-weight:bold; }
li.submenu a			{ margin:0; padding:5px 15px 5px 25px; background-image:none;}
li.submenu a:hover		{ border-bottom:1px solid #CCC; margin:0; padding:0;}

#menu					{ width:236px; float:left;}
#menu dl				{ padding:0 15px 0 11px; list-style-type:none;}
#menu dl dt				{ width:210px; margin-bottom:0;  }
#menu dl dt a			{ padding: 8px 0 7px 30px; display:block; background-image:url(../img/background/bullet.gif); }
#menu dl dt a:hover		{ background-color:#F0F0F0; font-weight:bold;}

.ativo					{ background-color:#F0F0F0; font-weight:bold; }
.ativo a				{ color:#800080 !important; background-image:url(../img/background/bullet2.gif)!important;}

#menu dl dd				{ font-size:11px; font-weight:bold; padding:3px 0 3px 40px; background:url(../img/background/bg-submenu.gif) no-repeat bottom right; background-color:#F0F0F0;}
#menu dl dd	a			{ font-weight:normal; }
#menu dl dd	a:hover		{ font-weight:bold; }

li.submenu a		{ margin:0; padding:5px 15px 5px 25px; background-image:none;}
li.submenu a:hover	{ border-bottom:1px solid #CCC; margin:0; padding:0;}



/**/
.box-centro-home	{ width:396px; float:left; border-left:1px solid #E5E5E5; background:url(../img/background/bg-area-centro.jpg) repeat-x top; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9;}
.box-direita-home	{ width:324px; float:left; background:url(../img/background/bg-area-centro.jpg) repeat-x top;}
.box	{ padding:10px 20px 10px 20px; }
.titulo	{ margin-bottom:10px; display:block;}
.data	{ font-size:11px; color:#973E97;}

#lista-noticias			{}
#lista-noticias	dl		{ }
#lista-noticias	dl dt	{ width:100px; float:left; font-size:11px; color:#973E97; padding-top:1px; margin-bottom:3px;}
#lista-noticias	dl dd	{ width:250px; float:left; font-size:12px; font-weight:bold; padding-bottom:8px}

.lista-simples ul		{ list-style-type:none;}
.lista-simples ul li	{ background:url(../img/background/bullet-list-simples.gif) no-repeat 1px; padding-left:15px; font-weight:bold; padding-bottom:6px;}

.lista-simples-departamentos ul		{ list-style-type:none; margin-bottom:20px;}
.lista-simples-departamentos ul li	{ background:url(../img/background/bullet-list-simples.gif) no-repeat 1px; padding-left:15px; font-weight:normal; padding-bottom:6px;}


.botao	{ background: url(../img/background/bullet-botao.gif) no-repeat 0 5px; clear:both; padding-left:22px; font-size:11px; padding-bottom:5px; padding-top:3px; }		

#chamadas				{ margin-bottom:1px; background-color:#F0F0F0; padding:20px 0 10px 0; display:block; }
.box-interna			{ width:219px; float:left; border-right:1px solid #CCC; height:170px;}
.box-interna-direita	{ width:219px; float:left; height:170px; }
.campos			{ width:150px; float:left;}
.campos input	{ margin-bottom:6px; border:1px solid #999; border-left-color:#CCC; border-top-color:#CCC; padding:2px; width:140px;}
.botao-enviar	{ width:52px; float:left;}

.margin-right-20	{ margin-right:20px;}
.margin-bottom-20	{ margin-bottom:20px;}	

.box-cadastro	{ padding:0 10px 0 20px}

/*  ID e CLASSES PAGINAS INTERNAS  */
.logo-letras	{ background:url(../img/background/logo-letras.jpg) no-repeat top left; height: 266px; margin-bottom:10px;}
.topo-internas	{ background:url(../img/background/bg-topo-interna.jpg) no-repeat top left; width:100%; height:83px; margin-bottom:6px;}
.topo-internas h1	{ padding:33px 0 0 33px;}

#migalhas			{ font-size:11px; padding-left:33px; color:#FFF;}
#migalhas a			{ color:#FFF; text-decoration:underline;}
#migalhas a:hover	{ text-decoration:none;}

#conteudo { background:url(../img/background/bg-area-centro.jpg) repeat-x top; padding:33px 33px 20px 33px;}
#administracao { background:url(../img/background/bg-area-centro.jpg) repeat-x top; padding:33px 33px 20px 33px; }
.conteudo, .administracao, { background:url(../img/background/bg-area-centro.jpg) repeat-x top; padding:33px 33px 20px 33px; }
#administracao p	{ margin-bottom:50px; }
#conteudo p		{ margin-bottom:15px;}

.conteudo a:hover, .administracao a:hover, .pesquisa a:hover	{ text-decoration:underline;}

/* FORMULARIO */
.conteudo form label	{ display:block; font-size:11px; color:#666; margin-bottom:2px;}
.conteudo form input	{ width:440px; margin-bottom:5px; margin-bottom:6px; border:1px solid #999; border-left-color:#CCC; border-top-color:#CCC; padding:2px;}
.conteudo form textarea	{ width:440px; margin-bottom:5px; margin-bottom:6px; border:1px solid #999; border-left-color:#CCC; border-top-color:#CCC; padding:2px;}
.conteudo form select	{ width:440px; margin-bottom:5px; margin-bottom:6px; border:1px solid #999; border-left-color:#CCC; border-top-color:#CCC; padding:2px;}

#botao-enviar			{ width:440px; border-top:3px solid #e5e5e5; padding-top:10px; text-align:center;}
#botao-enviar input		{ background:url(../img/background/bg-botao-enviar.gif) no-repeat; width:74px; height:26px; color:#FFF; border:0;}

#botao-enviar-hone			{ width:auto;}
#botao-enviar-home input	{ background:url(../img/botoes/botao-enviar.gif) no-repeat; width:52px; height:52px; color:#FFFs; border:0;}

/*  ICONES */
#icones						{ margin-bottom:22px; display:block; float:right; margin-top:-10px;}
#icones ul 					{ display:inline; }
#icones ul li				{ display:inline;}
#icones li a 				{ float: left; display: block; text-indent:-9999px; width:32px; height:24px; outline:0;}
#icones li a :hover { outline:0;}
#icones li a.aumenta 		{ background:url(../img/background/+a.gif) no-repeat 0px 0px;}
#icones li a.aumenta:hover 	{ background:url(../img/background/+a.gif) no-repeat -32px 0px;}
#icones li a.diminui 		{ background:url(../img/background/-a.gif) no-repeat 0px 0px;}
#icones li a.diminui:hover 	{ background:url(../img/background/-a.gif) no-repeat -32px 0px;}

/*  ICONES CORES */
#icones-cores						{ float:left; margin-top:-5px; margin-right:15px;}
#icones-cores ul 					{ display:inline; }
#icones-cores ul li					{ display:inline; }
#icones-cores li a 					{ float: left; display: block; text-indent:-9999px; width:26px; height:24px;}
#icones-cores li a :hover 			{}
#icones-cores li a.branco 			{ background:url(../img/background/bg-branco.gif) no-repeat 0px 0px; margin-right:5px; display:none}
#icones-cores li a.branco:hover 	{ background:url(../img/background/bg-branco.gif) no-repeat 0px 0px;}
#icones-cores li a.preto 			{ background:url(../img/background/bg-preto.gif) no-repeat 0px 0px;}
#icones-cores li a.preto:hover 	{ background:url(../img/background/bg-preto.gif) no-repeat 0px 0px;}


/*  PESQUISA  */
.area-pesquisa			{ padding:10px 10px 5px 10px; background-color:#efefef; border-bottom:3px solid #CCC; margin-top:15px; margin-bottom:15px;}
#pesquisa				{ width:420px; float:left; padding-top:2px}
#pesquisa select		{ width:200px; margin-right:10px;}
#botao-pesquisa			{ width:84px; text-align:center; float:left; }
#botao-pesquisa input	{ background:url(../img/background/bg-botao-enviar.gif) no-repeat; width:74px; height:26px; color:#FFF; border:none;  cursor:hand;}

/* TAMANHO DO CAMPOS ESPECIFICO */
.campo-medio			{ width:300px; float:left; }
.campo-pequeno			{ width:140px; float:left; }

#receber-novidades 			{ margin-bottom:15px;	}
#receber-novidades input	{ width:15px; border:none; margin-right:10px; vertical-align:text-top;}
#receber-novidades label	{ display:inline; }

#conteudo dl			{}
#conteudo dt			{ font-size:11px; color:#973E97; padding-top:1px; margin-bottom:3px; }
#conteudo dd			{ margin-bottom:20px;}
#conteudo dd h3			{ margin-bottom:0;}
.conteudo-detalhe		{ padding-top:30px; padding-bottom:30px;}

/* PESQUISA */
.pesquisa dl			{}
.pesquisa dt			{ font-size:12px!important; color:#973E97; padding-top:1px; margin-bottom:3px; background: url(../img/background/bullet-list-simples.gif) no-repeat 0 6px; padding-left:12px; font-weight:bold;}
.pesquisa dt a			{ color:#973E97;}
.pesquisa dd			{ margin-bottom:20px; padding-left:12px;}

/* LISTA TERMOS E DEFINICAO */
.lista-termos dl			{}
.lista-termos dt			{ font-size:12px!important; color:#973E97; padding-top:1px; margin-bottom:3px; background: url(../img/background/bullet-list-simples.gif) no-repeat 0 6px; padding-left:12px; font-weight:bold;}
.lista-termos dt a			{ color:#973E97;}
.lista-termos dd			{ margin-bottom:20px; padding-left:12px;}


/**/
.box-detalhe			{ width:45%; float:left; margin-right:25px; background-color:#E5E5E5; border:1px solid #CCC;}
.box-conteudo			{ margin:20px;}
.box-conteudo h2		{ margin-bottom:0;}
.box-conteudo p			{ margin-bottom:15px;}

.box-chamada			{ width:310px; float:left; background-color:#E5E5E5;}
.box-chamada p			{ font-size:10px; font-weight:bold;}
.box-chamada ul			{ list-style-type:none;}
.box-chamada ul	li		{ background:url(../img/background/bullet-list-simples.gif) no-repeat 1px; padding-left:15px; padding-bottom:4px; padding-top:3px; }

.box-chamada-unica		{ background-color:#E5E5E5; padding:5px;}
.box-chamada-unica img	{ float:left; margin-right:10px;}

.bgcinza				{ background-color:#e5e5e5; width:620px; margin-top:20px;}
.border-right-1			{ border-right:1px solid #CCC;}
.mapa					{ width:80px; float:right;}

/* CLASSE DE PAGINACAO */
.paginacao	{ border-top: 3px solid #CCC; padding-top:5px;}
.anterior	{ background: url(../img/background/bullet-anterior.gif) no-repeat left 5px; width:50%; float:left; font-size:11px; height:20px; }
.vazio		{ width:50%; float:left; font-size:11px; height:20px; }
.anterior p	{ padding-left:22px; padding-top:5px;}
.proximo	{ background: url(../img/background/bullet-botao.gif) no-repeat right 5px; width:50%; float:left; font-size:11px; height:20px; text-align:right; }
.proximo p	{ padding-right:22px; padding-top:5px; }

/* NOTICIAS */
.noticia-detalhe	{ width:440px; float:left;}
.foto-noticia		{ width:auto; margin-left:15px; margin-bottom:15px; float:right;}
.foto-noticia img	{ border: 1px solid #CCC; padding: 5px; margin-bottom:8px;}
.legenda			{ font-size:10px; }
.legenda ul			{ list-style-type:none;}



/*  FLUXOGRAMA */
#tabela				{ margin-bottom:20px; font-size:11px;}
#tabela table		{ margin-bottom:20px;}
#tabela th			{ padding:5px; background-color:#efefef;}
#tabela tr			{ }
#tabela td			{ padding:5px; border-bottom:1px solid #f5f5f5;}

#tabela ul			{ list-style-type:none;}
#tabela ul li		{ font-size:12px; }

.semestre			{ width:60px; text-align:center;}
.codigo				{ width:60px; text-align:center;}
.disciplina			{ width:396px; text-align:left;}	
.carga-horaria		{ width:100px; text-align:center;}

#horarios			{ }
#horarios td		{ font-size:10px; font-weight:bold;}
.horario			{ width:70px; text-align:center;}
.dia-semana			{ width:100px; text-align:center;}

#navegacao			{ border-top:1px solid #efefef; padding-top:10px;}
#navegacao ul		{ list-style-type:none;}
#navegacao ul li	{ list-style-type:none; padding-left:15px; margin-right:15px; display:inline;}
.voltar				{ background:url(../img/background/bullet-voltar.gif) no-repeat 5px 5px;}
.topo				{ background:url(../img/background/bullet-topo.gif) no-repeat 5px 5px;}

/*  PERFIL  */
.foto { width:auto; float:left; padding:5px; border:1px solid #CCC; margin-right:10px; margin-bottom:20px}


/*RODAPE*/
#rodape				{ clear:both; padding-top:1px;}
#menu-rodape		{ border-top:1px solid #E5E5E5; border-bottom:1px solid #e5e5e5; }
#menu-rodape ul		{ list-style-type:none; font-weight:bold; font-size:12px; padding: 15px 15px 15px 280px; background-color:#EFEFEF; margin-top:1px; margin-bottom:1px; }
#menu-rodape ul	li	{ display:inline; list-style-type:none; padding-right:10px; padding-left:10px;}
.border-right		{ border-right:1px solid #666;}

.endereco			{ width:50%; float:left; font-size:11px; color:#666;}
.endereco p			{ margin:15px;}
.apoiadores			{ width:45%; float:left; padding-top:15px;}
.apoiadores	ul		{ list-style-type:none; float:right;}
.apoiadores	ul li	{ display:inline; margin-left:10px;}