html
body{color:#aaa;background-color:#000; font-family: arial, verdana, sans-serif; width:745px; margin:auto;text-align:center;}

div{margin:0;padding:0}
img{border:0;margin:0;padding:0}
ul{margin:0;padding:0}
a, a:hover, a:visited, a:active {border:0;text-decoration:none;margin:0; padding:0;color:#aaa}

ul.menu{margin-left:9px; height:30px; color:#333;margin-top:5px;padding-top:5px}

ul.menu li{padding-right:4px; padding-left:4px; margin-right:2px; margin-left:2px; list-style-type:none;background:url('imagens/fumo.png') repeat-x}
ul.menu li.liright{float:right;}
ul.menu li.lileft{float:left;padding-top:3px}
ul.menu li a{color:#333; font-size:70%; font-weight:400;}

.conteudo{text-align: justify; margin-top: 0; margin-bottom: 0; font-family: Verdana; font-size:80%; margin-top:15px}

.contactos{font-family: Verdana; font-size:80%;text-align:left}
.contactoscenter{text-align:center}
.formtitle{text-align:center;font-weight:700;padding:12px;}
.contactosform{text-align:left}
.line .labelform{width:100px; float:left;text-align:right;}
.line .labelform_s{float:left;width:15px;text-align:center;}
.line .fieldform{width:340px;float:left;}
.line .fieldform_s{width:50px;float:left;}
.line input{margin-bottom:2px}
.fieldform input.smallsize{width:42px;}
.fieldform input.mediumsize{width:203px;}
.fieldform input.bigsize{width:340px;}
.fieldform_s input.smallsize{width:44px;}
.fieldform_s input.mediumsize{width:210px;}
.fieldform_s input.bigsize{width:340px;}
.fieldform textarea.bigsize{width:340px;}
.line{clear:both;width:540px;margin:auto;}
.withborder{border:1px solid #999; padding:9px;}

ul.ulcont{text-align: justify; margin-top: 0; margin-bottom: 0; font-family: Verdana; font-size:80%; margin-top:10px}
.totaldiv{width:745px; margin:auto;text-align:center;}
.smalltext{font-size:70%}

.pagina{text-align:center; margin:10px 0 10px 0;}
.categoria{text-align:center; margin:0 0 10px 0;}
.meiapagina{text-align:center; margin:auto; width:350px;float:left;}
.meiapagina2{text-align:center; margin:auto; margin-left:30px;width:350px;float:left;}

#boxes .window {position:absolute; top:0; left:0; display:none; z-index:999;  padding:0px; margin:0; border:1px solid #9c9c9c; margin-top:30px;text-align:center}
#mask { position:absolute;  left:0;  top:0;  z-index:990;  background-color:#000;  display:none; margin:auto;text-align:center}
.flashobj { z-index:0;}

div.thumbimg{float:left;}
.paginar{text-align:right;margin-right:3px;color:#fff; font-size:70%}
.npagina{margin:0 3px;}
.npagina a{color:#9c9c9c; }

.topfundo{background:url('imagens/topf.gif') repeat-x; margin-top:5px}
.cfvoltar{clear:both; text-align:right; font-size:12px; color:#808080; padding:12px 0}
.cfvoltar a{color:#808080}
.cf2{clear:both; text-align:right; font-size:12px; color:#808080; padding-bottom:12px}
.modalvoltar{clear:both; text-align:right; background:url('imagens/topf.gif') repeat-x; height:23px; padding: 3px 7px 0 0;width:550px}
.modalvoltar .modaltitle{float:left; text-align:left; width:300px; padding-left:12px}
.modalvoltar .modalclose{float:right; width:30px}
.modalvoltar .modalclose a{font-size:90%; border:0;text-decoration:none; color:#5c5c5c}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 745px; /*Width of Carousel Viewer itself*/
height: 168px; /*Height should enough to fit largest content's height*/
background:url("imagens/fundo_passa.png") repeat-x #ddd;
padding-top:2px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 25px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 149px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* ######################################### */
.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
/*width: 745px; /*Width of Carousel Viewer itself*/
height: 168px; /*Height should enough to fit largest content's height*/
background:url("imagens/fundo_passa.png") repeat-x #ddd;
padding-top:2px;
overflow:hidden;

}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 25px;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 149px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* ######################################### */

/* ######################################### */
.stepcarousel_x{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
height: 168px; /*Height should enough to fit largest content's height*/
background:url("imagens/fundo_passa.png") repeat-x #ddd;
padding-top:2px;
overflow:hidden;
}

.stepcarousel_x .belt_x{
position: absolute; /*leave this value alone*/
left: 0;
top: 25px;
}

.stepcarousel_x .panel_x{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 149px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* ######################################### */

.newholder{position:absolute;}
.florover { position:absolute;  left:5px;  top:10px;  z-index:57; text-align:left}
.animholder { position:absolute; left:0px;  top:0px;  z-index:56; text-align:left}

.pics {position:relative; height:350px;}
.pics IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
.pics IMG.active {z-index:10;opacity:1.0;}
.pics IMG.last-active {z-index:9;}

.catalogo{text-align:center}

.midform{background:url('imagens/loginbox.png') 50% 50% no-repeat;border:1px solid blue; margin:auto;height:300px}
.contador{margin-top:45px;margin-bottom:45px;font-size:70%;color:grey;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:black;
    color:white;
    text-decoration:none}

a.info:hover{z-index:25; background-color:black}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:0em; right:0em; padding:0 4px 0 4px;
    border:1px solid #666;
    background-color:white; color:#000;
    text-align: left}