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 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
a {
    color: #333333;
    outline: medium none;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    border: medium none;
}
body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    overflow: hidden;
}
#total {
    margin: 0 5%;
    position: absolute;
    width: 100%;
    z-index: 4;
}
#logo {
    float: left;
    margin-top: 3px;
    overflow: hidden;
}
#menu {
    float: left;
    margin: 2px 0 0 40px;
    overflow: hidden;
}
#menu ul {
    list-style: none outside none;
    margin-top: 40px;
}
#menu ul li {
    display: inline;
}
#menu ul li a {
    color: #333333;
    font: bold 20px "Helvetica Neue",Arial,sans-serif;
    margin: 0 5px;
}
#menu ul li a:hover, #menu ul li a.marcado {
    color: #999999;
    text-decoration: underline;
}
#content {
   /** background-color: #FFFFFF;**/
    border-bottom: 1px solid #777777;
    border-top: 1px solid #777777; 
    height: 110px;
    margin: 0 auto;
    opacity: 0.7;
    background-image: url("../images/bg_topo.png");
    background-repeat: repeat;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
}
#contentframe {
    height: 100%;
    overflow: hidden;
    text-align: left;
    z-index: 3;
}
#slidecounter {
    color: #DB97FF;
    float: left;
    font: bold 50px "Helvetica Neue",Arial,sans-serif;
    margin: 18px 20px;
}
#slidecaption {
    color: #61489D;
    float: left;
    font: bold 26px "Helvetica Neue",Arial,sans-serif;
    margin: 33px 0;
    overflow: hidden;
}
.stamp {
    float: right;
    margin: 25px 20px 0 0;
}
#navigation {
    background: url("images/navbg.gif") no-repeat scroll 0 0 transparent;
    float: right;
    margin: 22px 20px 0 0;
}
#loading {
    background-image: url("images/progress.gif");
    height: 24px;
    left: 49.5%;
    position: absolute;
    text-indent: -999em;
    top: 49.5%;
    width: 24px;
    z-index: 3;
}
#supersize {
    position: fixed;
}
#supersize img, #supersize a {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img {
    z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img {
    z-index: 2;
}
#conteudo {
    background-color: #EFD2FF;
    border: 1px solid #D483FF;
    margin: 0 10%;
    opacity: 0.8;
    position: absolute;
    top: 200px;
    width: 80%;
    z-index: 4;
}
#tudo {
    font: bold 20px "Helvetica Neue",Arial,sans-serif;
    margin: 0 auto;
    opacity: 1;
    text-align: center;
}

/*css do modal box*/
#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
}

#boxes .window {
	position:absolute;
	width:440px;
	height:auto;
	display:none;
	z-index:9999;
	padding:20px;
	background-color: #FFFFFF;
	opacity: 0.8;
	font-family: "Comic Sans MS", cursive;
	font-size:14px;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
    width:375px;
    height:203px;
}
/* posiciona o link para fechar a janela */
.close {
    display:block;
    text-align:right;
}