/* xbrowser - css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* page - css */
html { background:url(../../images/site/full-pattern.gif) top center; }
body { background:#74FFAE url(../../images/site/pattern.jpg) top center repeat-x; }

hr { display: none; }

h1 { display: block;  width: 158px; height: 133px; text-indent:-9999px; margin-left: 44px; }
h1 a{width: 158px; height: 133px; text-indent:-9999px; margin-left: 0px; display:block;}
h1 a:hover{width: 158px; height: 133px; text-indent:-9999px; margin-left: 44px; display:block;}
a.lettering{width:200px; height:67px; float:right; display:block; background:none; margin:-98px 190px 0px 0px; position:relative; text-indent:-9999px;}
a:hover.lettering{ width:200px; height:67px; float:right; display:block;background:none; margin:-98px 190px 0px 0px; position:relative;text-indent:-9999px;}
h2, h3, h4, p, address, small, li, dt, dd, caption, td, th { font-family: Arial; color: #333; line-height: 1.2em; }
h2 { letter-spacing: -2px; }
h3 { font-size: 24px; letter-spacing: -1px; }

a { overflow: hidden; }

.apresentacao h2 { font-size: 28px; font-weight: bold; }
.apresentacao strong { font-size: 12px; }
.apresentacao p { font-size: 10px; margin-top: 7px; }

.artigos { display: inline; float: left; width: 221px; height: 237px; margin: 45px 0 0 50px; }
.artigos h3 { margin-bottom: 5px; }
.artigos ul li { font-size: 11px; height: 50px; margin-top: 1px; padding-top: 10px; position: relative; }
.artigos ul li h4 { font-size: 11px; }
.artigos ul li p { font-size: 10px; width: 150px; }

.artigos a span { position: absolute; top: 47px; left: -40px; font-size: 19px; color: #fff; cursor: pointer;}
.artigos a:hover span { color: #f90; }

.artigos a.mais-artigos { display: block; width: 79px; height: 28px; text-indent: -5000em; background:url(../../images/site/btn-mais-artigos2.gif) no-repeat; margin-top: 15px; }
.artigos a.mais-artigos:hover { background-position: 0 0; }

.projetos a, .artigos a  { text-decoration: none; color: #333;}
.projetos a:hover, .artigos a:hover { text-decoration: underline; color: #ff9900; }

/* menu */
#swfMenu, #swf-menu { margin: 42px 0 0 23px; float: left; }