@charset "utf-8";
/* CSS Document */
/* PREPARING
   Reseting some attributes.
===================================================== */
html, body{
	margin:  0px;
	padding: 0px;
	height:  100%;
	font:	 normal 11px auto Geneva, Arial, sans-serif;
}
body{
	background:#fff url(../images/top-back.gif) top left repeat-x;
}
div, ul{
	margin:  0px;
	padding: 0px;
}
h1{
	font-size:18px;
	margin:0px;
	padding:0px;
}
h2{
	
}
h3{
	margin:0px;
	font-size:11px;
}
h4{
	font-size:12px;
	font-weight:normal;
	color:   #bbb;
	margin:  0px;
	padding: 0px;
}
p,h1,h2,h3,h4,h5,h6,label{
	color:#ddd !IMPORTANT;
}
/* MAIN ELEMENTS
   All the main elements in the page.
===================================================== */
#page{
	width:  760px;
	margin: 0px auto;
}
#top{
	width:  100%;
	height: 100px;
	margin-top:-103px;
	position:relative;
	z-index:4;
}
#top-line{
	width:  100%;
	height: 100px;
	border-bottom:3px solid #999;
	position:relative;
	z-index:3;
}
.logo{
	float:left;
	position:relative;
}
#menu{
	float:  right;
	clear:  right;
	margin-top:60px;
}
.content{
	width:  760px;
	height: 270px;
	margin: 20px auto;
	background: #000 url(../images/rounded-corners.gif) top left no-repeat;
	display:none;
}
.images{
	width:350px;
	height:240px;
	margin:15px 0px 0px 7px;
	padding:0px;
	float:left;
}
.desc{
	width:  357px;
	height: 220px;
	margin: 15px 0px 0px 7px;
	padding:15px;
	float:  left;
	color:  #fff;
	background:url(../images/content-back.gif) top left no-repeat;
}
.content > div#desc{
	margin:15px 0px 0px 15px;
}
#rodape{
	width:100%;
	height:60px;
	background:#000 url(../images/top-back.gif) top left repeat-x;
	text-align:left;
	display:table;
	border-top:3px solid #999;
	padding:10px 0px;
}
#rodape #rodape-container{
	float:left;
}
#rodape #banner{
	float:right;
	margin:0px 10px;
}
#bottom{
	width: 760px;
	position:relative;
	margin:0px auto;
}

/* SUB ELEMENTS
   Sub Elements and other changes.
===================================================== */
#menu ul{
	list-style-type:none;
	margin: 10px;
}
#menu ul li{
	display: block;
	float:   left;
	width:   100px;
	height:  30px;
	margin:  0px 2px;
	padding: 0px;
}
#menu ul li a{
	display: block;
	width:   100px;
	height:  30px;
	line-height: 30px;
	background:url(../images/menu-item.gif) 0px 0px no-repeat;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	border-bottom:3px solid #999;
	outline:0px;
}
#menu ul li a:hover{
	background-position:0px -30px;
	color:#444;
}
#menu ul li a.hi{
	background-position:0px -60px;
	color:#444;
	border-bottom:3px solid #fff;
}
.desc form{
	margin: 0px;
	padding:0px;
}
.desc form fieldset{
	margin:0px;
	padding:0px;
	border:none;
}
.desc label{
	float:left;
	clear:both;
	margin:2px 0px;
	height:16px;
	width:80px;
	font:bold 11px Geneva, Arial, sans-serif;
	line-height:20px;
}
.desc label.remember{
	width:258px;
	margin:0px 0px 0px 56px;
	font-weight:normal;
	line-height:20px;
}
.desc label.remember span{
	display:block;
	float:left;
}
.desc label.remember input{
	float:left;
}
.desc input.txt{
	float:left;
	width:230px;
	margin:6px 0px 0px 0px;
	font:bold 11px Geneva, Arial, sans-serif;
	border:1px solid #000;
	padding:3px;
	background:#fff url(../images/input-back.gif) top left no-repeat;
}
.desc textarea{
	float:left;
	display:block;
	width:230px;
	margin:6px 0px 0px 0px;
	font:bold 11px Geneva, Arial, sans-serif;
	border:1px solid #000;
	padding:3px;
	background:#fff url(../images/input-back.gif) top left no-repeat;
}
.desc button{
	float:left;
	margin:12px 0px 0px 38px;
	clear:both;
	display:block;
	background:url(../images/send.gif) top left no-repeat;
	border:none;
	width:80px;
	height:25px;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#ddd;
	line-height:20px;
}
.desc > form button{
	margin:12px 0px 0px 76px;
}
.desc button:hover{
	background:url(../images/send.gif) bottom left no-repeat;
}
.desc .prod-img{
	background:#fff;
	padding:2px;
	margin:10px 11px 0px 0px;
	border:1px solid #bbb;
}
.desc .prod-img-last{
	margin-right:0px;
}
#rodape p, #rodape h3{
	margin:0px;
	color:#fff;
	margin:0px 10px;
}
#loader{
	display:block;
	float:left;
	width:50px;
	margin:10px 0px 0px 0px;
	display:none;
	text-align:right;
}
#loader a{
	color:#bbb;
}
#contato-result{
	height:50px;
	display:block;
	float:left;
	line-height:50px;
	margin:0px 0px 0px 10px;
	padding:0px;
	display:none;
}
.help{
	vertical-align:middle;
	float:left;
	margin:10px 0px 0px 1px;
	cursor:help;
}
.tTip{
	width:190px;
	height:57px;
	background:url(../images/tooltip.gif) no-repeat;
	
	padding:18px 7px 0px 7px;
	
	font-family:'Arial', sans-serif;
	font-size:10px;
	color:#000;
	line-height:11px;
	opacity:0.9;
	
}