/*--------------------------------------------------------------------
LAYOUT "noticias" Style - SICO (IE6+ FF1.5+ Opera9+)
Version: 1.0 - 2007
author: Burocratik (alexandre r. gomes)
email: alex@burocratik.com
website: http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);
/* =HEADER
------------------------------------------------------------------*/
#headerFlash{background: transparent url(../imgs/header-index.jpg) no-repeat left top;}
/* =contentPrim Esquerda: desenvolvimento da noticia
------------------------------------------------------------------*/
#contentEsq{
float: left; position: relative; width: 360px; margin: 0 30px 0 0; padding: 0;
font: 1.1em Georgia, serif;
}
* html #contentEsq{display: inline;} /* :BUG: IE6 double margin float bug*/
#contentEsq .headerNoticia{
padding-bottom: 1em;
background: transparent url(../imgs/bg-picotado.gif) repeat-x left bottom;
}
#contentEsq h2{font: normal 3.64em/1.1em Georgia, serif; letter-spacing: -2px; color: #858f23;}
#contentEsq h3{font: italic 1.64em/1.25em Georgia, serif; color: #a9b909;}
#contentEsq p{font: 1.0em/1.4em Tahoma, Arial, Helvetica, sans-serif; color: #585630; padding-bottom: 1em;}
#contentEsq p.dataNoticia{font: 0.9em Tahoma, Arial, Helvetica, sans-serif; text-align: right; color: #9b9a83; padding-top: 1em;}
#contentEsq img{padding: 1.8em 0 0.9em 0;}
#contentEsq a{text-decoration:none; color: #b1bc5a;}
#contentEsq a:hover, #contentEsq a:focus{text-decoration:underline; color: #b1bc5a;}
#contentEsq ul.listaLinks{
font: 1.0em/1.45em Tahoma, Arial, Helvetica, sans-serif;
width: auto; list-style: none; margin: 0; padding:0 0 1em 0;
}
#contentEsq ul.listaLinks li{
width: auto; text-indent: 10px;
background: transparent url(../imgs/icon-quadrado-verde.gif) no-repeat left center;
}
* html #contentEsq ul.listaLinks li{width: 100%;} /* :BUG: para aparecer os icon no IE6*/
/* =contentPrim Direita: desenvolvimento da noticia
------------------------------------------------------------------*/
#contentDta{
float: left; position: relative; width: 155px; margin: 0; padding: 0;
font: 1.0em Georgia, serif;
}
* html #contentDta{display: inline;} /* :BUG: IE6 double margin float bug*/
#contentDta h3{
position: relative; width: 155px; height: 105px;
font: normal 2.2em Georgia, serif; color: #a9b909;
background: transparent url(../imgs/noticias-bg-header.gif) repeat-x left top;
}
#contentDta h3 a{position:absolute; top:2.0em; left:0.45em; color: #a9b909; text-decoration: none;}
#contentDta h3 span{position:absolute; top:2.0em; left:0.45em; color: #a9b909; text-decoration: none;}
#contentDta ul{
width: auto; list-style: none; margin: 0; padding:0;
font: normal 1.0em Tahoma, Arial, Helvetica, sans-serif;
}
#contentDta li{display: inline; /* :BUG: remove gaps in ie6*/}
#contentDta li a{
display: block; width: auto; height: auto; padding: 1.09em 1.0em 1.09em 1.0em; margin: 0;
color: #b8c45d; text-decoration: none; font-size:1.0em;
background: transparent url(../imgs/bg-picotado.gif) repeat-x left bottom;
}
#contentDta li a:hover, #contentDta li a:focus{
text-decoration: none;
background: #f3f4e1 url(../imgs/bg-picotado.gif) repeat-x left bottom;
}
#contentDta li strong{display: block; font-size: 1.20em;}
#contentDta li span{display: block; color:#8e8d77;}
/* =contentPrim Esquerda: ARQUIVO
------------------------------------------------------------------*/
.arquivo #contentEsq{
float: left; position: relative; width: 360px; margin: 12px 30px 0 0; padding: 0;
font: 1.1em Georgia, serif;
}
.arquivo #contentEsq div.noticia{
padding-top: 1em; background: transparent url(../imgs/bg-picotado.gif) repeat-x left top;
min-height: 7.27em;
}
* html .arquivo #contentEsq div.noticia{height: 7.27em;}
.arquivo #contentEsq img{float: left; padding: 0.2em 1em 1em 0; margin: 0;}
.arquivo #contentEsq div.noticia h2{font: bold 1.09em Georgia, serif; letter-spacing: normal; color: #858f23;}
.arquivo #contentEsq p{font: 1.0em Tahoma, Arial, Helvetica, sans-serif; color: #585630; padding-bottom: 1em;}
.arquivo #contentEsq p.dataNoticia{font: 0.9em Tahoma, Arial, Helvetica, sans-serif; color: #858f23; text-align: left; padding: 0;}
/* =contentPrim Direita: ARQUIVO
------------------------------------------------------------------*/
.arquivo #contentDta ul{
width: 155px; list-style: none; margin: 0; padding:0;
font: normal 1.1em Georgia, serif;
}
.arquivo #contentDta ul li{ /* :BUG: como nao uso disply inline no IE tenho de no html meter os sem espaços no codigo!!!*/
display: block; width: 155px; height: auto; padding: 0 0 .1em 0; margin:0;
background: transparent url(../imgs/bg-picotado.gif) repeat-x left bottom;
}
.arquivo #contentDta li span{
display: block; width: auto; height: auto;
padding: 0 0 0 1.5em; margin: 0; line-height: 2.5em; color: #ffffff;
background: #bfca6d url(../imgs/icon-documento-cinza-arq.gif) no-repeat 3px center;
}
.arquivo #contentDta li a{
display: block; width: auto; height: auto;
padding: 0 0 0 1.5em; margin: 0; line-height: 2.5em;
color: #b8c45d; text-decoration: none;
background: transparent url(../imgs/icon-documento-cinza-arq.gif) no-repeat 3px center;
}
.arquivo #contentDta li a:hover, .arquivo #contentDta li a:focus{
text-decoration: none; color: #ffffff;
background: #bfca6d url(../imgs/icon-documento-cinza-arq.gif) no-repeat 3px center;
}
.arquivo #contentDta li.voltar a {font-size: 9px; background: none;} /* :BUG: no IE se usar em da tamanhos diferentes, usei px para ser igual em todos os browsers*/
.arquivo #contentDta li.voltar a:hover,.arquivo #contentDta li.voltar a:focus{background: #bfca6d;}
.arquivo #contentDta li strong, .arquivo #contentDta li.on strong{display: inline;}
.arquivo #contentDta ul.sec{
width: auto; list-style: none; margin: 0; padding:.5em 0;
font: normal 1.0em Tahoma, Arial, Helvetica, sans-serif;
}
.arquivo #contentDta ul.sec li{ /* :BUG: como nao uso disply inline no IE tenho de no html meter os sem espaços no codigo!!!*/
display: block; width: auto; height: auto; line-height: 1.4em;
padding: 0 0 0 1.5em; margin: 0; color: #b8c45d; text-decoration: none;
background: none; font-weight: bold;
}
.arquivo #contentDta ul.sec li a{
display: block; width: autos; height: auto; line-height: 1.4em;
padding: 0; margin: 0; color: #9b9a83; text-decoration: none;
background: none; font-weight: normal;
}
.arquivo #contentDta ul.sec li a:hover, .arquivo #contentDta ul.sec li a:focus{
text-decoration: none; color: #b8c45d;
background: none; font-weight: bold;
}