/*  ****** ZERAR 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-size:12px;

	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 20px;
	color: black;
	background-color:#FFFFFF;
}
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: "" "";
}

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


#container{
width:800px;
margin:0px auto;
vertical-align:top;
position:relative;
background-color:#FFFFFF;
  
}

#top{
background-color:#f284b5;
background:url(img/topo.jpg);
background-repeat:no-repeat;
height:365px;

}

#stage{
	padding:10px;
	font-size:12px;
}


#stage h1{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:20px;
color:#034695;
font-weight:bold;
}

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

}

#produto strong{
font-weight:bold;
color:#034695;
}

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

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

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

.ondecomprarsaiba{

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;

}

.ondecomprarsaiba a{
width:750px;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-top:10px;
text-decoration:underline;
color:#333333;
}

.disclaimer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13px;
color:#666666;
}

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

#footer{
text-align:center;
}

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

.imgondecomprar{
margin-top:15px;
margin-left:120px;
padding:5px;
margin-bottom:70px;
}



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

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

ul.sc_menu {
  display: block;
  height: 85px;
  /* Max width here, for users without Javascript */
  width: 2100px;
  padding: 1px 0 0 65px;
  /* 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: #FFF;
}
.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;
}