default.css

21/04/2010

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

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

/*Padroniza o tamanho de fonte para paragrafo, item de lista e campo de formulario*/
p, li, label, dt, dd { font-size:1.2em; }

p { margin:1em 0; }

pre { font-family:”Helvetica”, Arial, sans-serif; margin:0; }

dt { font-weight:bold; margin-left:1em; }

dd { margin:auto 0 1em 1em; }

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

h2 { font-size:1.8em; margin:0.83em 0; }

h3 { font-size:1.4em; margin:1em 0; }

/*Padroniza borda, tamanho da fonte e posição da tabela*/
table {
border:1px solid #000;
border-collapse:collapse; font-size:1.2em;
margin:auto;
text-align:left;
}

/*Posiciona o título da tabela*/
th { font-size:1.4em; padding:0.5em; text-align:center; vertical-align:center; }

/*Posiciona o texto em cada célula da tabela*/
td { border:1px solid #000; padding:0.3em; vertical-align:center; }

/*Zera o espaçamento padrão dos itens de lista*/
ul, ol, dl { margin:0; padding:0; }

/*Evita que alguns navegadores incluam bordas indevidas nas imagens*/
img { border:0px none; }

/*Padroniza os links do site*/
a:link, a:visited, a:hover { color:#9e361e; text-decoration:none; }

/*Esconde a tag

---

*/
.clear { display:none; }

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

/*Posiciona o fundo do cabeçalho do site*/
#banner {
background:#efe5d1;
height:28.5em;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0;
}

/*Posiciona os banners do cabeçalho do site*/
#slides {
height:21.7em;
margin:3.3em auto 0 auto;
overflow:hidden;
width:100%;
z-index:1;
}

/*Contem cada uma das imagens do banner*/
.banners { height:21.7em; width:100% }

/*Posiciona links, logo e busca no cabeçalho*/
#header {
height: 28.1em;
margin: 0px auto;
position:relative;
width: 98em;
}

/*Contem a área restrita, mapa do site e rss*/
#area_restrita { height:3.2em; }

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

#area { float:left; width:50em; }

#area ul { 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;
}

/*Contem as bandeirinhas de outros idiomas*/
#bandeiras { display:none; float:right; width:19em; }

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

/*Posiciona a logo do site*/
#logo{ clear:both; height:21.7em; }

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

/*Posiciona o campo de busca simples*/
#busca fieldset { padding:0px; border:none; float:left;}

#busca div{
float:left;
margin:0.4em 0 0.4em 2.0em;
width:22em;
}

#ajaxSearch_intro {display:none;}

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

/*Posiciona o link pra busca avançada*/
#busca p {
color:#9e361e;
float:right;
font-size:1.3em;
font-weight:bold;
line-height:2.5em;
margin: 0px 3em 0px 0px;
}

/*********************************** Corpo do site *****************************/

/*Define tamanho e posição do corpo do site*/
#content { margin:1.5em auto 2em auto; width:98em; }

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

#coluna_esquerda { float:left; width:22em; }

/***** Menu *****/

/*Define o tamanho da ‘div’ que contem o menu*/
#nav { margin:0; width:22em; }

/*Atua na tag ‘ul’; retira o marcador de lista e posiciona o menu em relação a ‘div’*/
.menu-vertical {
list-style-position: outside;
list-style-type: none;
margin:0;
padding: 0;
width:22em;
}

/*Define tipo da fonte, tamanho e uso de negrito no menu*/
.menu-vertical li{
font-family:Arial, sans-serif;
font-size: 15px;
font-weight:bold;
}

/*Atua na tag ‘li’; define as características de cada item do nível 1 do menu*/
.menu-item a, .parent {
background-color: #efe5d1;
border: 1px solid #b5b4b1;
color: #515400;
cursor:pointer;
display:block;
line-height:26px;
margin-bottom:7px;
padding:1px; /*conserta bug do IE6, não apague*/
text-indent:7px;
text-decoration:none;
}

.menu-item a:visited { color:#515400; }

.menu-item a:hover { color:#fff; }

/*Define cor e tamanho dos itens que tem submenu e não possuem link*/
.parent {
background: #efe5d1 url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/arrow_down.gif) 95% 50% no-repeat ;
}

/*Formata os submenus*/
.submenu {
display:none;
list-style-type:none;
margin:7px 0;
padding: 0 0 0 7px;
}

/*Atua sobre os itens do submenu*/
.submenu li {
font-size:13px;
padding:1px; /*corrige bug do IE6, não apague*/
}

.submenu ul li {
font-size:12px;
}

/*Atua sobre os itens do submenu que possuem outro submenu*/
.submenu .menu-item a, .submenu .parent {
background-color:#efe5d1;
border:none;
line-height:20px;
margin-bottom:2px;
}

.bege { background-color: #efe5d1; color: #515400; }

.verde { background-color: #545600; color:#fff; }

/***** Banners Laterais *****/

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

#banners_parceiros { height:17em; width:20em; }

#thumbs_parceiros { margin:0 auto; width:11em; }

#thumbs_parceiros span img { font-size:1em; padding:1em 0; width:11em; }

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

.banner1 img { display:block; margin:auto; padding-top:1.8em; }

/********************************* Coluna Central ******************************/

#coluna_central { float:left; margin-left:1.5em; width:74em; }

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

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

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

.texto_barra_titulo h1 { float:left; }

#nav_horizontal { font-size:1.1em; margin:0.5em 0; }

/*************** Formatação de Texto ***********/

p, li { font-size:1.2em; line-height:1.5em; }

#center { margin-top:1em; }

#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;
}

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

#footer { clear:both; height:6.3em; padding-top:2em;}

#address { margin:auto; width:98em; }

#address p {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/assinatura_rodape.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:6.3em;
margin-top:-6.3em;
position:absolute;
width:100%;
z-index:-1;
}

/************************************ Paginação *******************************/

.ditto_pages { clear:both; font-size:1.2em; padding:2em; text-align:center; }

.ditto_page, .ditto_currentpage { padding:0.5em; }