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

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* **********  LIGHTBOX      ***************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/*  ****** WHOLE PAGE ********/

body{
   margin:0;  
      padding:0;
      text-align:center;     /*  esse eh o hack para o ie  */
}

#container_dpx{
width:890px;
vertical-align:top;
position:relative;
background-color:#FFF;
margin: 0 auto;   /* ao magico aqui */ 
text-align: left;    /* arrumando a zona q o hack anterior  */ 

  
}

#top_dpx{
background-color:#fff;
background-repeat:no-repeat;
height:54px;
margin-top:4px;
text-align:center;

}

#stage_dpx{
		font-size:12px;
		height:710px;

}


#stage_dpx h1{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:20px;
color:#FF3399;
}

#menuleft_dpx{
width:180px;
float:left;
color:#555;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
}

#menuleft_dpx a:link {
text-decoration:none;
color:#666;
;
}
#menuleft_dpx a:visited {
color:#666;
text-decoration:none;
}
#menuleft_dpx a:hover {
text-decoration: underline; 
color: #666;
}

#menuleft_dpx a:active {
color:#FF0000;
}


#menutitulo{
margin-top:5px;
margin-left:6px;
padding:2px;
font-weight:bold;
}
#menusub{
margin-left:16px;
padding:1px;
}
 
#flash_euquero{
width:709px;
height:224px;
float:right;
margin-bottom:15px;
}

#fotolivro{
	width:709px;
	height:211px;
	float:right;
	background:url(/subhomes/tvantagens/0904/img/bg_fotolivro.jpg);

}

#foropresentes{
float:right;
width:709px;
height:159px
}

#foropresentes2{
width:676px;
height:136px;
background:#c8c8c8;
background:url(../img/bg_fotopresentes.gif);
}

#fotodigital{
float:right;
width:709px;
}

.floatright{
float:right;
margin:3px;
padding:5px;

}
.floatleft{
margin:3px;
padding:5px;
float:left;
float:left;
}

#ondecomprar {
width:690px;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
}

#saibacomo{
width:709px;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
}

#footer{
text-align:center;
}

.dpx_footer2{
text-align:center;
}

.dpx_footer2 a{
color:#666666;
text-decoration:none;
margin-bottom:3px;
}


.imgfooter{
padding:5px;
margin-left:30px;
margin-right:30px;
}

.imgondecomprar{
margin-top:185px;
margin-left:470px;
padding:5px;
}

.formlegenda{
font-size:9px;
line-height:11px;
margin-top:5px;
margin-bottom:5px;
}

.formt{
background:#f1f1f1;
border-color:#999999;
border-width:1px;
margin:4px;
}

form{
margin-bottom:20px;
}

/*  ****** MENU SCROLLING ********/

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 214px;
  width: 378px;
  /*margin-top:243px; 
  /* Add scroll-bars */
  overflow: auto;
   margin-left:240px;

}
ul.sc_menu {
  display: block;
  height: 85px;
  /* Max width here, for users without Javascript */
  width: 2000px;
 /* padding: 1px 0 0 65px; */
  margin-top:15px;


 
  /* Remove default margin */

/* background: url('navigation.png');*/
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sc_menu span {
  display: none;
  margin-top: 2px;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 0px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}