manuelzao.css

27/11/2009

/*body * {outline: 1px dotted red;}*/

body {
font-family:”Helvetica”, Arial, sans-serif;
font-size:10px;
margin:0;
padding:0;
width:100%;
}

p, li, label, dt, dd { font-size:1.2em; }

h1 { font-size:2.3em; margin:0; }

h2 { font-size:1.8em; font-weight:normal; }

h3 { font-size:1.4em; }

table { border:1px solid #000; border-collapse:collapse; font-size:1.2em; margin:auto; text-align:left; }

th { font-size:1.4em; padding:0.5em; text-align:center; vertical-align:center; }

td { border:1px solid #000; padding:0.3em; vertical-align:center; }

fieldset { border:none; padding-left:0; padding-right:0; }

ul { margin:0; padding:0; }

img { border:none; }

dt, dd { line-height:2em; }

/*********************************************** Cabeçalho do site *******************************************************/

#banner {
background:#efe5d1;
height:28.5em;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0;
}

#slides {
height:21.7em;
margin:3.2em auto 0 auto;
overflow:hidden;
width:100%;
z-index:1;
}

.banners { height:21.7em; width:100% }

#header { display:table; height:28.1em; }

#area_restrita { height:3.2em; }

#area_restrita li {
color:#9e361e;
display:block;
float:left;
font-size:1.3em;
font-weight:bold;
list-style-type:none;
}

#area ul {
display:none;
padding-left:2em;
}

#area li { line-height:2.6em; }

.acesso {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_ponto.gif) center right no-repeat;
padding-right:1.5em;
}

.mapa_site {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_ponto.gif) center right no-repeat;
padding:0 1.5em 0 1.5em;
}

.rss {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_rss.gif) center left no-repeat;
margin-left:1.5em;
padding-left:2em;
}

#bandeiras img{
display:none;
height:30px;
margin:0 .5em 0 .5em;
width:30px;
}

#logo{
height:21.7em;
}

#logo img {
margin:0 0 0 6.3em;
border:none;
}

/*********************************************** Area central do site ****************************************************/

#content {
margin-top:1.5em;
margin-bottom:2em;
}

/************************************************* Coluna Esquerda *******************************************************/

#coluna_esquerda {
/*outline: 1px dotted red;*/
width:23em;
}

/*O CSS DO MENU SE ENCONTRA NO ARQUIVO MENU.CSS*/

#enquete {
margin:3em auto 0 auto;
padding-bottom:0.5em;
text-align:center;
width:22em;
}

#barra_enquete {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/bg_enquete.png) repeat-x;
height:3.1em;
}

.titulo_enquete {
display:block;
padding-top:.8em;
}

.titulo_enquete h1 {
color:#efe5d1;
font-size:1.5em;
text-align:center;
}

#enquete h3 {
font-size:1.3em;
text-align:center;
}

#enquete ul {
list-style-type:none;
margin:1em auto 1em auto;
padding:0;
width:20em;
}

#enquete li {
clear:both;
line-height:1.5em;
text-align:left;
width:100%;
}

#enquete fieldset {
border:0px;
margin:0px;
padding:0px;
}

.easypoll_bar {
background-color:#C5C5C5;
float:left;
width:100%;
margin-bottom:0.5em;
}

.easypoll_bar strong {
float:left;
display:block;
padding-left:3px;
font-size:0.9em;
}

.easypoll_inner {
height:1.5em;
float:left;
background-color:#000;
}

.pollvotes, .pollresults {
max-width:200px;
padding:10px;
}

.easypoll input.pollbutton {
border:1px solid #79a100;
color:#618200;
background-color:#d8e6af;
}

.easypoll input:hover {
background-color:#FFF;
}

.easypoll_error {
border:1px solid #600;
background-color:#FAA;
padding:8px;
}

#banners_esquerda {
margin:auto;
width:22em;
}

.banner1 {
margin:auto;
width:20em;
}

.banner1 img {padding-top:1em;}

/************************************************* coluna do meio ********************************************************/

/*#coluna_meio { outline: 1px dotted red;}*/

#barra_titulo {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/bg_title.png) repeat-x;
height:5em;
}

.texto_barra_titulo {
line-height:5em;
color:#efe5d1;
}

.logo_mini {
float:left;
margin:0.9em 1em 0.8em 1em;
}

#barra_acontece, #barra_multimidia {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/bg_title_verde.png) repeat-x;
height:5em;
}

#destaques, #destaque_educacao, #destaque_mobilizacao {
background-color:#efe5d1;
height:23.6em;
margin-top:1em;
}

#destaque_educacao { float:left; width:22.5em; }

#destaque_mobilizacao { float:right; width:22.5em; }

#destaque_educacao, #destaque_mobilizacao { text-align:center; }

.acontece_item { margin-top:1.5em; }

.acontece_pageTitle a, .acontece_pageTitle a:hover, .acontece_pageTitle a:visited {
color:#923b21;
text-decoration:none;
}

.acontece_item { height:15em; }

#destaque_fotos {
background-color:#efe5d1;
height:16.3em;
margin-top:1em;
}

#destaque_videos {
background-color:#efe5d1;
height:20em;
margin-top:1em;
}

.posiciona_texto { text-align:center; }

.posiciona_galeria { float:right; margin:1.5em; width:20em; }

#destaque_fotos h2 {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_foto.png) center left no-repeat;
line-height:3em;
margin-left:1.5em;
padding-left:1.5em;
}

#destaque_videos h2 {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_filme.png) center left no-repeat;
line-height:3em;
margin-left:1.5em;
padding-left:1.5em;
}

#destaque_fotos h3, #destaque_videos h3 { color:#923b21; }

/************************************************* Área de Textos ********************************************************/

/*#center {display:table;}*/

#center p { line-height:1.5em; text-align:justify; }

#center ul { margin:1em 0 1em 0; padding:0 0 0 4em; }

#center li {line-height:1.5em; padding-bottom:0.5em; }

#center a, #center a:hover, #center a:visited { color:#9e361e; text-decoration:none; }

.titulo {font-size:1.8em;}

.subtitulo {font-size:1.4em; font-weight:bold;}

.legenda {font-size:1.1em; font-style:italic;}

*.foto_esquerda,
*.foto_centro,
*.foto_direita,
*.foto_esquerda img,
*.foto_centro img,
*.foto_direita img {
height:auto;
width: 358px;
}

*.foto {
height:auto;
width:358px;
}

*.foto_esquerda {
display: block;
float:left;
margin: 0 1em 1em 0.4em;
}

*.esquerda { display:block; float:left; margin:0 1em 1em 0.4em; }

*.foto_centro {
display:block;
margin: 0 auto 1em auto;
}

*.centro { display:block; margin: 0 auto 1em auto; }

*.foto_direita {
display:block;
float:right;
margin: 0 0.4em 1em 1em;
}

*.direita { display:block; float:right; margin: 0 0.4em 1em 1em; }

*.foto_esquerda img,
*.foto_centro img,
*.foto_direita img {
float:none;
}

*.esquerda img, *.centro img, *.direita img { float:none; }

*.grafico {
/*max-width:65em;
width:auto;
height:auto;*/
}

*.legendada {
width: 358px;
padding: 5px;
border: 1px solid #666;
background: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 5px #333;
-moz-box-shadow: 0px 0px 5px #333;
box-shadow: 0px 0px 5px #333;
}

*.legendada *.legenda {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-family: Sans-serif;
font-size: 11px;
}

*.legendada img {
margin: 0;
}

.divisoria {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/dot.png) 0 2.2em repeat-x;
height:1em;
padding:2em 0 2em 0;
visibility:visible;
width:100%;
}

/************************************************ Coluna da direita ******************************************************/

#coluna_direita a, #coluna_direita a:hover, #coluna_direita a:visited { color:#000; text-decoration:none; }

#revista { border: 1px solid #000; height:22em; margin:0 auto auto auto; text-align:center; width:20em; }

#revista h3 { margin-bottom:0; }

#radio { border:1px solid #000; height:17em; margin:1em auto auto auto; text-align:center; width:20em; }

#radio div embed { margin:0 auto 0 auto; }

#manu_informa { border:1px solid #000; height:21em; margin:1em auto auto auto; text-align:center; width:20em; }

#banners_direita{
margin:1em auto 0 auto;
width:22em;
}

.banner2 {
margin:auto;
width:20em;
}

.banner2 img {padding-top:1.6em;}

/*************************************************** Newsletter **********************************************************/

#newsletter {
/*width:30em;*/
}

/************************************************** Biblioteca Digital ***************************************************/

.documento_biblioteca h1 {
padding-bottom:1em;
}

.arquivo_biblioteca p a {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_pdf.png) center center no-repeat;
color:#000;
display:block;
padding-top:14em;
text-align:center;
text-decoration:none;
width:13em;
}

/***************************************************** Conte sua História ************************************************/

#conte_historia label { margin-left:10px; }

#conte_historia div { margin-top:1em; }

#conte_historia .enviar { text-align:center; }

#conte_historia .termos { border: 1px solid #000; height:24em; overflow:auto; width:70.5em; }

/********************************************* Rodapé do Site ************************************************************/

#footer {
height:10.3em;
}

#address {
width:100%;
}

#address p {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/assinatura_rodape-trans.png) center left no-repeat;
color:#fff;
padding:0.6em 0 0.6em 22.5em;
}

#bg_rodape {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/bg_address.png) repeat-x;
height:10.3em;
margin-top:-10.3em;
position:absolute;
width:100%;
z-index:-1;
}

#address div {
float:right;
}

/********************************************** Organograma **************************************************************/

#organograma {
margin:1em auto 1em auto;
width:65em;
}

/********************************************** Efeitos ******************************************************************/

#center .slider > p {margin:0.3em;}

#center a.v_toggle {
background:#eee url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_plus.gif) 10px 2px no-repeat;
color:#000;
display:block;
padding:0.3em 0.5em 0.2em 3em;
width:20em;
}

.vertical_slider {
padding-left:4em;
}

/********************************************** Galerias de imagens ******************************************************/

/*Página de parceiros*/

#center #parceiros ul, #center #colaboracao ul {padding:0;}

#parceiros li, #colaboracao li {
margin:1em 4em 1em 4em;
}

#parceiros .thumbscontainer, #colaboracao .thumbscontainer {
float:none;
margin:0 auto 2em auto;
}

#parceiros .thumbs, #colaboracao .thumbs {
display:table;
margin:2em auto 2em auto;
}

/*Área do aluno*/

#center #quadrinhos ul { padding:0; }

#quadrinhos .thumbscontainer {float:none; margin:0 auto 2em auto; }

#quadrinhos .thumbs { margin:0 1em 0 1em; display:table; }

#quadrinhos .thumbs li { margin:0.5em 0.3em 0.5em 0.2em !important; }

#quadrinhos .thumbs li img { width:5em; }

/*Publicações do Projeto*/

#center #publicacoes_projeto ul, #center #manuelzao_indica ul { padding:0; }

#publicacoes_projeto .thumbs, #manuelzao_indica .thumbs { display:table; }

#publicacoes_projeto .thumbs li, #manuelzao_indica .thumbs li { margin:0.5em 0.3em 0.5em 0.2em !important; width:30em; }

#publicacoes_projeto .thumbs li img, #manuelzao_indica .thumbs li img{ float:left; width:100px; padding:0.3em; }

.resenha { height:30em; overflow-y:scroll; padding-right:1em; width:52em; }

/*Página da galeria de Fotos*/

#exibe_galerias { margin-top:2em; }

/******************************************** Galeria de Vídeos **********************************************************/
#player { float:left; margin-left:3em; }

#exibe_videos { float:right; }

.gsc-branding { display:none !important; }

/***************************************************** Notícias **********************************************************/

.ditto_item { margin-top:2em; }

.ditto_documentInfo { font-size:1.4em; float:left; color:#063; font-weight:bold; clear:left; }

.ditto_pageTitle { font-size:1.4em; float:left; padding-bottom:0; }

.ditto_longTitle { clear:left; margin:0; }

.ditto_introText, .ditto_description { font-size:1.2em; clear:both; line-height:1.5em; margin:0; }

.pagination { padding-top:2em; font-weight:bold; text-align:center; font-size:1.4em; margin:auto; }

.ditto_page, .ditto_currentpage { padding:0 0.31em 0 0.31em; text-decoration:none; }

.ditto_previous_link, .ditto_next_link { text-decoration:none; }

.ditto_thumb { border:none; width:15em; }

.autor { margin-top:3em; }

.radio_introText { display:block; font-size:1.2em; line-height:1.5em; text-align:justify; }

/* Página da revista */

.revista_item { float:left; margin:1em 0.5em; text-align:center; }

.revista_item h3, .revista_item p { font-size:1.2em; margin:0.5em; text-align:center; }

/* Página do Rádio */

.radio_pageTitle { float:left; margin:0.8em 0 0.8em 0;}

.player_radio { margin:1em 0; }

.icone { float:left; padding:1.7em 0.7em; }

.radio_documentInfo { float:right; }

/* Página Inicial */

#noticia_home h3 { text-align:center; padding-top:0.5em; }

#noticia_home p { text-align:center; line-height:2em; }

.foto_home { width:30em; float:right; margin:0.5em;}

.lista_noticias { float:left; width:48.6em; }

.arquivo { border: 1px solid #000; float:right; margin-left: 1em; padding:0.5em; width:22em; }

.reflect_archive_list ul { padding-left:1.5em !important; }

.reflect_archive_list ul li { font-size:1.1em; }