/* propriedades padrao */
* {
margin:0;
padding:0 }
body { /* precisa colocar width e height 100% por conta do ie6 */
width:100%;
height:100%;
font-family:arial }
/* lightbox */
div.mask {
display:none;
position:fixed;
_position:absolute;
width:100%;
left:0;
top:0;
z-index:480;
background:#000 }
div.lightbox {
display:none;
position:absolute;
z-index:500;
width:487px;
height:235px;
background:url(../_img/vantagens/clientes_speedy.png) no-repeat }
div.lightbox span {
position:relative;
float:left }
div.lightbox .fechar {
cursor:pointer;
display:block;
height:30px;
overflow:hidden;
position:absolute;
right:0px;
top:-19px;
width:52px;
z-index:30;
color:#fff }
div.lightbox .titulo {
position:absolute;
top:18px;
z-index:30;
color:#FFFFFF;
font-size:20px }
div.lightbox .titulo h4 {
float:left;
height:40px;
padding:21px 0 0 120px;
font-size:21px;
font-weight:normal;
color:#fff;
background:url(Img/lightbox-titulo-trans.png) repeat-x }
*html div.lightbox .titulo h4 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Img/lightbox-titulo-trans.png", sizingMethod="scale") }
/* teste de conteudo na página */
#teste-id {
width:500px;
height:300px;
text-align:center;
background:#ccc }
div.lightbox .container {
position:absolute;
top:70px;
left:5px;
color:#7F7F7F;
font-size:12px;
text-align:center;
width:450px }
.lightbox .container p {
color:#000000;
font-size:12px;
margin:7px 0 1px;
padding:10px 0 10px 20px;
text-align:left }
.lightbox .btn-saibamais {
width:95px;
height:21px;
display:block;
float:left;
position:absolute;
bottom:20px;
text-indent:-99999px;
left:195px;
background:url(../_img/btn-saiba-mais-clientes.png) no-repeat }
.lightbox .btn-acesse-dados {
width:95px;
height:21px;
display:block;
float:left;
position:absolute;
bottom:20px;
text-indent:-99999px;
left:195px;
background:url(../_img/btn-acesse-dados.png) no-repeat }