/* CSS Document */
* { margin: 0; padding: 0; border: 1; }
html {  margin-bottom: 1px;	border:1;}

h2,h4,a {font-family:"Trebuchet MS",Verdana,sans-serif}
h1 {font-family:"Helvetica",Verdana,sans-serif}
h2 {font-size:14px;text-align:right;color:#FFF}
h1 {font-size:16px;color:#336699}
h3 {font-size:12px;color:#175ddd;font-family:"Helvetica",Verdana,sans-serif}
p {font-size:12px;color:#000;font-family:"Helvetica",Verdana,sans-serif}
a {font-size:11px;color:#000;font-family:"Helvetica",Verdana,sans-serif;text-decoration:none}
h4 {font-size:14px;color:#175ddd;font-family:"Helvetica",Verdana,sans-serif;padding-bottom:5px}
h5 {font-size:12px;color:#999999;font-family:"Helvetica",Verdana,sans-serif;padding-bottom:2px}
h6 {font-family:"Helvetica",Verdana,sans-serif;font-size:16px;color:#FFF}
h7 {font-size:12px;color:#175ddd;font-family:"Helvetica",Verdana,sans-serif}
a:hover {text-decoration:underline}
.feature {font-size:14px;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color:#175ddd}
* html .feature {font-size:16px;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color:#175ddd;padding-bottom:5px}

#logo {float:left}
.left2 {border:0px}




#container {position:relative;width:987px;height:1%;
			margin:0;top:0px;background:#fff;}
#header {width:auto;height:45px;background:#00a5ff ;padding:5px 10px 0 20px}
		#title {float:left}
		#phone {float:right;}
		#phone h2 {position:relative;right:10px;text-align:right}
		* html #phone h2 {position:relative;right:21px;text-align:right}
		.phone2 {position:relative;left:670px;font-size:14px;text-align:right;color:#fff;font-weight:bold;
		// left:0; right:20px;
		}
		/*hack para o ie6 */
		* html #header {width:auto;height:35px;background:#00a5ff;padding:5px 10px 5px 20px}
		/* */
#subheader {float:left;width:970px;height:20px;background:#c6deff right url("roundcorner.gif") no-repeat;padding:2px 2px 2px 15px}
* html #subheader {width:987px;height:20px;background:#c6deff right url("roundcorner.gif") no-repeat;padding:2px 2px 2px 15px}
		#subheader h1 {position:relative;left:7px;}
		#subtitle {float:left}
		#menu {float:right;position:relative;top:1px;right:18px;}
		* html #menu {float:right;position:relative;top:1px;right:18px;}
		
ul.topmenu li{display: block; float: left; height:10px;padding:0 13px 7px 13px;font-size:14px}
/* hack */
* html ul.topmenu li{display: block; float: left; height:10px;padding:0 13px 0px 13px;font-size:14px}
/* */
			.border {border-right: 1px solid #3399FF;}
ul.topmenu a{font-weight:bold;font-family:"Verdana";font-size:11px;color:#3399FF;text-decoration:none;}
ul.topmenu a:hover{color:#000168;text-decoration:none;}
		
		#related {position:relative;left:225px;top:-246px}
		.floatleft {float:left;}
		.floatbottom {float:left;position:relative;top:25px;left:-51px}
		* html .floatbottom {float:left;position:relative;top:25px;left:-52px}
		.floatbottom2 {float:left;position:relative;top:55px;left:-51px}
		* html .floatbottom2 {float:left;position:relative;top:25px;left:-52px}
		
		.tabela1 {font-family:Helvetica, sans-serif;font-size:10px;border:0px solid white}
		.tabela1 td{padding-bottom:5px}
		.noborder {border:0px}
		
		
		.label {position:relative;left:8px;padding:15px 0 0 50px}
		.labelfloat {position:relative;left:-42px;top:40px}
		.bold {padding:10px 0 10px 0;font-weight:bold}
		.on {color:#CCCCCC}
		.hbold {font-weight:bold;padding-bottom:10px;padding-left:100px;}
		.hbold2 {font-weight:bold;font-size:12px;font-family:Helvetica;padding:20px 0 10px 100px;color:#000}
		.hbold3 {font-weight:bold;font-size:12px;font-family:Helvetica;padding:0px 0 10px 100px;color:#000}
		.underlined {text-decoration:underline;}
		.specialdiscount {text-align:center;font-weight:bold;color:#ee7f08;font-size:14px;padding-bottom:30px;}
		* html .specialdiscount
		 {width:230px;text-align:center;font-weight:bold;color:#ee7f08;font-size:14px;padding-bottom:0px;}

		.leftblock {padding-left:0px;padding-bottom:10px;padding-top:20px;border-right:1px solid #e9e9ea;border-bottom:1px solid #e9e9ea}
		.leftblock h3 {padding-bottom:10px;}
		.leftblock a {text-decoration:underline;color:#0033FF}
		.leftblock p {text-align:center;left:-15px}
		
		.clients1 {padding:20px 0 0 55px;}
		.clients2 {padding:20px 0 0 80px;}
		#discount {position:relative;left:0px;top:-5px}
		#discount p{font-size:16px;color:#ee7f08;font-weight:bold;font-family:"Impact",sans-serif;}
		#bpma {position:relative;left:25px}
		#inthenews{position:relative;left:20px;width:170px}
		.generalbox {position:relative;left:20px;width:170px}
		#inthenews p{font-size:11px}
		.orange {color:#FF6600;font-size:12px;}
		
		ul.text {font-family:"Arial", sans-serif; font-size: 12px; text-decoration: none; padding-left:120px;
				padding-bottom:40px;width:300px}
		* html ul.text {font-family:"Arial", sans-serif; font-size: 12px; text-decoration: none; padding-left:120px;
				padding-bottom:40px;width:400px}
		ul.text li {padding-bottom:5px}		
		
		#options {z-index:50000}
		ul.leftnav { list-style: none; }
		ul.leftnav li { display: block; position:relative;left:25px;top:-7px;}
		ul.leftnav a { display: block; width: 160px; height: 20px;
		padding: 5px 5px 1px 5px; margin: 5px 0 0 0;
		font-family:"Arial", sans-serif;font-size: 12px; text-align: center;
		text-decoration: none; background: #00a5ff;color: #fff;font-weight:bold; }
		ul.leftnav a:hover {background: #c6deff}
		
		/*hacks para o IE6*/
		* html ul.leftnav a { display: block; width: 160px; height: 20px;
		padding: 5px 5px 5px 5px; margin: 5px 0 0 0;
		font-family:"Arial", sans-serif;font-size: 12px; text-align: center;
		text-decoration: none; background: #85b3e2;color: #fff;font-weight:bold; } 
		ul.leftnav a:hover {background: #336699;text-decoration:none}
		/* */
		
		#fixednav {position:fixed;bottom:20px;left:15px;padding-bottom:10px;}
		#fixednav h3{font-family:"Trebuchet MS";font-size:12px;
		padding:10px 0px 0px 0px;text-indent:1px;font-weight:normal;color:#2c70ce;text-align:left;}
		
		.comments {padding-bottom:50px;}
		.comments img {float:left;border-right:25px solid #fff}
		.espacocomments {padding-bottom:50px;}
		.espacocomments2 {padding-bottom:20px;}
		.red {color:red;padding-bottom:20px}
		.red2 {color:red;}
		.formulario {}
		
		.mainblock {width:500px;padding-left:0px;padding-bottom:30px;padding-top:20px;z-index:-1;}
		* html .mainblock {width:500px;padding-left:0px;padding-bottom:30px;padding-top:20px;}
		.mainblockindent {width:500px;padding-bottom:30px;padding-top:50px;padding-left:40px}
		* html .mainblockindent {width:500px;padding-left:0px;padding-bottom:30px;padding-top:50px;}
		.intro {width:200px;border-right:2px solid #e9e9ea;padding-right:40px}
		/*hack*/
		* html .intro {width:230px;border-right:2px solid #e9e9ea;padding-right:20px}
		/* */
		.info {padding-left:0px;padding-bottom:10px;padding-top:20px;}
		.info p {padding:10px 0 10px 0}
		.info h7 {padding-top:10px; font-weight:bold}
		.box {padding:15px;background:#f9e8c9;}

#madefrom {border:2px solid #ebebeb; padding:8px;width:300px;position:relative;top:8px;left:100px}
* html #madefrom {border:2px solid #ebebeb; padding:8px;width:320px;position:relative;top:8px;left:100px}
		
		#specialoffer {float:right;width:210px;padding-left:10px;
						border-left:0px solid #e9e9ea;height:110px;text-align:left;}
		#specialoffer img {float:left;padding:5px 5px 5px 0}
		* html #specialoffer img {float:left;padding-right:0px}
		* html #specialoffer {float:right;width:230px;padding-left:20px;
						border-left:0px solid #e9e9ea;height:110px;text-align:left;}
						
		.center {padding-left:30px:}
		
		.products {width:495px;padding-left:0px;padding-bottom:45px;padding-top:0px;border-top:1px solid #e9e9ea;height:100px}
		.products img {float:left;padding-right:10px;padding-top:20px;}
		.products h5 {padding-left:10px;padding-top:20px;padding-top:40px;}
		.products a {color:#175ddd}
		
		/*hack*/
		* html .products img {float:left;position:relative;padding-right:10px;top:15px}
		* html .products2 img {float:left;position:relative;padding-right:10px;top:20px}
		* html .products2 {
				width:495px;padding-left:0px;padding-bottom:45px;padding-top:0px;border-top:1px solid #e9e9ea;height:100px}
		/* */
		
		.products2 {width:495px;padding-left:0px;padding-bottom:65px;padding-top:0px;border-top:1px solid #e9e9ea;height:100px}
		.products2 img {float:left;padding-right:10px;padding-top:20px;}
		.products2 h5 {padding-left:10px;padding-top:20px;padding-top:40px;}
		.products2 a {color:#175ddd}
		
		.products3 {width:495px;padding-left:0px;padding-bottom:65px;padding-top:10px;border-top:1px solid #e9e9ea;height:100px}
		.products3 img {float:left;padding-right:10px;padding-top:20px;}
		.products3 h5 {padding-left:10px;padding-top:20px;padding-top:40px;}
		.products3 a {color:#175ddd}
		
		.productbox {position:relative;height:200px;top:60px;padding-bottom:70px;}
		.productbox img {float:left}
		.productbox2 {position:relative;height:200px;top:40px;padding-bottom:10px}
		.productbox3 {position:relative;height:200px;top:40px;padding-bottom:10px;padding-top:75px}
		.productbox4 {position:relative;height:200px;top:40px;padding-bottom:10px;padding-top:105px}
		.productbox10 {position:relative;height:200px;top:0px;padding-bottom:10px;}
		.thumbnails {position:relative;padding-bottom:5px;}
		.thumbnails img {position:relative;padding-right:5px}
		.thumbnails a img{border: 0px solid;}
		.backbutton {font-size:12px;
					color:#ff9900;font-weight:bold}
					.backbutton2 {font-size:12px;
					color:#ff9900;font-weight:bold;}
					* html .backbutton2 {font-size:12px;
					color:#ff9900;font-weight:bold;position:relative;left:-50px}
		.goback {padding-top:15px}
		.goback2 {padding-top:15px;padding-bottom:15px;position:relative;top:-363px}
		* html .goback2 {padding-top:15px;padding-bottom:15px;position:relative;top:-346px}
		.goback3 {padding-top:45px;padding-bottom:15px}
		.goback4 {padding-top:65px;padding-bottom:35px}
		.goback5 {padding-top:10px;padding-bottom:65px}
		.goback6 {position:relative;top:-150px}
		* html .goback6 {position:relative;top:-135px}
		.micro {font-size:9px}
		
		.or {color:#FFFFFF}
		.tab {position:relative;left:0px;top:0px;text-align:right;}
		.tab p{color:#185096;padding:5px;background:#f1f1f1;}
		.espaco {padding-bottom:10px; z-index:8888}
		.espaco9 {padding-top:}
		.espacogrande {padding-bottom:100px}
		.espacomedio {padding-bottom:30px}
		.espaco3 {padding-top:10px;padding-bottom:10px}
		.espaco6 {margin-bottom:12px}
		* html .espaco3 {padding-top:0px;padding-bottom:10px}
		.espaco4 {padding-bottom:20px}
		.espaco5 {padding-top:30px;padding-bottom:0px}
		.new{padding-top:10px;padding-right:40px;background: right url('new.gif') no-repeat}
		.indent{position:relative;left:20px;}
		
		/* hack */
		* html .new{background: right url('new.gif') no-repeat}
		* html .new2{float:right}
		/* */
		
/* ------- Drop Down Menu -------------- */
ul.select {
		margin: 0;
		padding-left: 20px;
		list-style: none;
		width: 150px;
		}
		ul.select li {margin: 0;padding: 0;list-style: none;width: 150px;}
		li ul.subselect {position: relative;left: 30px;top: 0px;display: none;}
		
		ul.select li a {
		display: block;
		text-decoration:none;
		color: #777;
		background: #fff;
		padding: 5px;
		border: 0px solid #ccc;
		border-bottom: 0;
		line-height:10px;
		}
		
		* html ul.select li a {
		display: block;
		text-decoration:none;
		color: #777;
		background: #fff;
		padding: 5px;
		border: 0px solid #ccc;
		border-bottom: 0;
		line-height:6px;
		}

		ul.select li a:hover {
		text-decoration:underline;
		color:#333333
		}
/* Fix IE. Hide from IE Mac \*/

/* End of Drop Down Menu */		
		
/*----Estrutura e Hacks--------*/

#block_1
	{
	float:left;
	position:relative;left:30px;
	}
#block_1inside
	{
	float:left;
	position:relative;left:25px;
	}
#block_2inside
	{
	float:left;
	position:relative;left:10px;width:217px
	}

* html #block_1
	{
	
	}
#block_2
	{
	float:left;position:relative;width:217px;top:0px;padding-top:0px;
	  	text-align:justify;
	}

#wrapper
	{
	position: relative;
	}
#wrapper
	{
	float: left;
	}
#wrapper
	{
	display: block;
	}
#footer     {clear:both;position:relative;text-align:center;height:50px;line-height:25px;padding-top:0px;border-top:1px solid #E1E1E1}
			#footer a {font-size:12px;color:#175ddd;}
			#footer p{font-size:12px;color:#000;font-weight:normal;}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

#footer2     {clear:both;position:relative;text-align:center;height:50px;line-height:25px;padding-top:20px;border-top:1px solid #E1E1E1							              ;top:-200px}	
			#footer2 a {font-size:12px;color:#175ddd;}
			#footer2 p{font-size:12px;color:#000;font-weight:normal;}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer2, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
	
#thankyoupage {
	width:400px; margin:0 auto; padding-top:50px }
	#thankyoupage a { text-decoration:underline }
	#thankyoupage p { font:12px Verdana, Arial, Helvetica, sans-serif; line-height:18px }

/* left nav */
.left_nav { position:absolute; left:26px; top:225px; }
.menu ul li.title { font:12px Arial, Helvetica, sans-serif; color:#00a5ff; font-weight:bold; width:200px;
					margin-bottom:12px; }

* html .left_nav { top:220; }
.menu { z-index:9999; }
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:166px; height:20px; text-align:center; border:1px solid #ccc; border-width:1px 1px 0px 1px; background:#fff; line-height:19px; font-size:11px;}
.last {border-bottom:1px solid #ccc}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#efefef;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:167px; width:105px;}
.menu ul li:hover ul li a.hide {background:#efefef; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#efefef; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#ccc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#efefef; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#ccc; color:#000;}

ol.alphabetic {
	width:300px;
}

ol.alphabetic li {
	list-style:lower-alpha;
	margin-left:30px;
}

.sweetsimage1 {
	position:relative;
	top:120px;
}

*+html .sweetsimage1 {
	position:relative;
	top:260px;
}

* html .sweetsimage1 {
	position:inherit;
	top:0;
	margin-top:30px;	
}

.sweetsimage2 {
	position:relative;
	top:100px;
}

*+html .sweetsimage2 {
	position:relative;
	top:370px;
}

* html .sweetsimage2 {
	position:relative;
	top:-70px;
}

.backbutton_fix1 {
	position:relative; top:100px;
}

*+html .backbutton_fix1 {
	position:relative; top:500px;
}

* html .backbutton_fix1 {
	position:inherit;
}

.footer_fix {
	// margin-top:1000px;	
}

.footer_fix2 {
	// margin-top:400px;	
}

.footer_fix3 {
	// margin-top:200px;	
}


*+html .retrosweets_fix {
	margin-top:200px;
}