html,body{height:100%}
* {
  margin:0;
  padding:0;
  text-decoration:none;
  color: #333;
  }
body{
  font: 85% verdana, helvetica, sans-serif;
  background: #f4f4f5;
}
body a{outline:0;}/*retirar borda pontilhada vermelha dos links ativos*/
a:link, a{color:#0459fa; text-decoration:none;}
a:visited {color:#0459fa}
a:hover, a:active{
color: #e50515; 
text-decoration:underline;
border:none;
}
img{border:none;}
/* Topo */ 
#header{ height:117px;
	     margin:auto;
		 width:1015px;
		}
#logo {background: url(../imagens/logo_02.jpg) no-repeat;
       float:left;
	   height:117px; 
	   width:315px;
	   margin:0;
	   padding:0;
       }
#logo h1, #logo p{text-indent:-9000px;}

#banner{height:117px;
  		border-left:1px #000 solid;
	    padding:0;
	   }
/* conteudo alternativo para flash player */
#banner p{color:#000;
          font:bold 12px verdana, arial, sans-serif;
    	  padding-right:50px;
		  margin-left:50px;
		  margin-bottom:4px;
  }
/* menu principal */
#main_nav{
    background: url(../imagens/main_navbg.jpg) repeat-x;
	height: 24px;
	margin:0 auto;
	width:100%;
}
#main_nav ul{
   width: 560px;
   margin:0 auto;
   padding-left:350px;
 }
#main_nav li{display: inline;}
#main_nav li a{
 float:left;
 display:block; /* retirar se houver problema*/
 text-indent:-9000px;
}
#main_nav li.inicio a{
 background: url(../imagens/inicio_bt.jpg) no-repeat;
 width: 104px;
 height:23px;
}
#main_nav li.inicio a:hover{
 background: url(../imagens/inicio_bt.jpg) no-repeat 0 -25px;
 }
 #main_nav li.empresa a{
 background: url(../imagens/empresa_bt.jpg) no-repeat;
 width: 127px;
 height:23px;
 }
#main_nav li.empresa a:hover{
 background: url(../imagens/empresa_bt.jpg) no-repeat 0 -25px;
 }
 #main_nav li.suporte a{
 background: url(../imagens/suporte_bt.jpg) no-repeat;
 width: 127px;
 height:23px;
 }
#main_nav li.suporte a:hover{
 background: url(../imagens/suporte_bt.jpg) no-repeat 0 -25px;
 }
  #main_nav li.faleconosco a{
 background: url(../imagens/faleconosco_bt.jpg) no-repeat;
 width: 183px;
 height:23px;
 }
#main_nav li.faleconosco a:hover{
 background: url(../imagens/faleconosco_bt.jpg) no-repeat 0 -25px;
 }
/* container */
#container {width:1015px;
            margin:auto;
			position:relative;   
			background: url(../imagens/container_bg.jpg) repeat-y;
			min-height:100%;
			}
 /* nav_two */
#nav_two{
  position:relative;
  float:left;
  width:215px;
   }
 /* Conteudo */
 #content{
   position:relative;
   float:right;
   width:785px;
   background:#f00;
   margin-bottom:0px;
   margin-right:15px;
   padding-top:28px;
   background: url(../imagens/content_top.jpg) no-repeat;
   min-height:100%;
  }
  #home #content{ 
  background:none;
  padding-top:0;
  }
 p#boas_vindas{
    background: url(../imagens/boas_vindas_bg.jpg) repeat-x;
	padding-left:20px;
	text-align:left;
	font:bold 11px verdana,arial, sans-serif;
	height:16px;
	width:766px
	}

	#marketing{ background:transparent;
	            padding:0;
				width:786px;
				margin-right:14px;
	}
    #marketing ul{
	text-align:left;
	margin:5px 0 5px 50px;
	font:bold 13px verdana, arial, sans-serif;
	border:1px solid #000;
	color: #000;
	width:500px;
	padding:5px 5px 5px 50px;
	background:#eee;
	list-style: disc;
	}
	#marketing ul li{color: #C50000;}
	#marketing p{
     color:#000;
          font:bold 12px verdana, arial, sans-serif;
    	  padding-right:50px;
		  margin-left:50px;
		  margin-bottom:4px;
	}
	#caixas{clear:both;}
 /* menu vertical */
 ul.invisivel {display:none;} 
 #menu{
      font-family: "verdana";
 	  margin:1em 0 1em 14px;
	  padding:0;
	  width:196px;
      }
  #menu h3.link-titulo, #menu h3{
   height:28px;
   font-size:13px;
   font-weight:bold;
   background: url(../imagens/menu_two_bg2.jpg) no-repeat;
   cursor:pointer;
   text-align:center;
   }
   #menu h3:hover,  #menu h3.over {background: url(../imagens/menu_two_bg2.jpg) 0 -29px no-repeat;} 
   #menu ul.box, #menu h3{
   width: 196px;
   }
   #menu ul.box{
   text-align:left;
   padding-left:3px;
   margin-bottom:7px;
   list-style-type:none;
   }
  #menu h3 a{
  display:block;
  height:28px;
  color:#000;
  font-size:13px;
  text-decoration:none;
  }
  #menu h3 a:hover {
  color: #002aff;
  text-decoration:none;
  }
  #menu h3.corrente{
  background: url(../imagens/menu_two_bg2.jpg) 0 -29px no-repeat; 
  text-decoration:none;
  }
 #menu li a, #menu li a:link{
  font-size:11px;
  width:189px;
  color: #333;
  display:block;
  font-weight:bold;
  padding-bottom:2px;
  border:#aaa solid 1px;
  border-top:none;
  background: #fff;
 }
 #menu li a:hover{
  background: #DDE2F5;
  color: #000;
  text-decoration:none;
  padding-bottom:2px;
 }
 
 a.produtos, a.downloads, a.clientes, a.links, a.webmail{
    display:block;
	background: url(../imagens/menu_two_bg2.jpg) no-repeat;
	height:28px;
	color:#000;
    font-size:13px;
    text-decoration:none;
	text-align:center;
	font-weight:bold;
   }
   a.produtos:hover, a.downloads:hover, a.clientes:hover, a.links:hover, a.webmail:hover
   {background: url(../imagens/menu_two_bg2.jpg) 0 -29px no-repeat;
   color: #002aff;} 
 /* fim menu vertical */
 /* caixas */
 #caixas{background: url(../imagens/caixas_top.jpg) no-repeat;
  padding-top:29px;
  padding-left:8px;
  min-height:100%;
  text-align:left;
 }
  #caixas #produtos{ 
  width:769px;
  background:#E0E5EF;
  padding-top:0;
  text-align:left;
  display:table; 
  }
  #caixas #produtos h2{
     background:url(../imagens/ofertastop.jpg) no-repeat ;
	font:bold 15px helvetica, arial, sans-serif;
	height:20px;
	width:769px;
	text-indent: -9000px;
	margin-bottom:8px;
 }

  /* Ofertas */
#produtos .ofertas_row{padding-left:10px}
.ofertas{
position:relative;
float:left;
padding-top:4px;
margin-left:7px;
margin-right:7px;
margin-bottom:10px;
width:170px;
height:119px;
font: 11px verdana,arial, sans-serif;
color: #000;
text-align:center;
border:1px #3F3B3B solid;
background: #fff;

}
.ofertas:hover{ border:1px #FFF200 solid;
}
.prod_image{
width:145px;
height:75px;
text-align:center;
margin:auto;
}
.ofertas_um{float:left;
 margin-left:10px;
 width:170px;
}
.ofertas_dois, .ofertas_tres, .ofertas_quatro, .ofertas_cinco, .ofertas_seis, .ofertas_sete, .ofertas_oito {
float:left;
width:170px;
}
.ofertas_cinco{margin-left:10px;}


.preco {
color: #DA251C;
font-weight:bold;
background: #EFF4FF;
position:absolute;
left:0;
bottom:15px;
width:170px;
border-top:1px #000 solid;
}
.comprar{
color: #DA251C;
background: #EFF4FF;
position:absolute;
left:0;
bottom:0;
width:170px;
border-top:1px #000 solid;
}
}
.limpa_ofertas{clear:left;height:1px;}
 /* fim ofertas */
 #caixas #produtos_bottom {
    background:url(../imagens/produtos_bottom.jpg) no-repeat;
	height:18px;
	clear:left;
 }
 /* Informativo e dicas */
 #infdicas {
  width:769px;
  margin-top:15px;
  background: #E0E5EF;
   }
  /* informativo */
 #caixas #informativo{
 width:384px;
 float:left;
 border-right: 1px #98A9C7 solid
 }
 
 #caixas #informativo h2{ 
    background: url(../imagens/informativo_top.jpg) no-repeat;
	height:20px;
	text-indent: -9000px;
	margin-bottom:3px;
	}

   .inft{border-bottom: 1px dotted #98A9C7; margin-bottom:8px;}

	#informativo h3{font:bold 13px helvetica, arial, sans-serif; margin-top:4px; text-align:left ;padding-left:6px;padding-right:6px;padding-bottom:3px;}
	#caixas #informativo p, #caixas #dicas a{font: 12px verdana, arial, sans-serif;text-align:justify; padding-left:6px; padding-right:6px; padding-bottom:5px; } 
	#caixas #informativo a, #caixas #dicas a{color:#100DDF}
	/* dicas */
	
	#caixas #dicas{  width:384px;float:right;}
	
	#caixas #dicas h2{
    background: url(../imagens/dicas_top.jpg) no-repeat;
	height:20px;
	text-indent: -9000px;
	margin-bottom:3px;
	}
	#dicas ul{margin-left:7px;}
	#dicas ul li{list-style: none;
	              background: url(../imagens/dicas_li.jpg) no-repeat 0 8px;
				  padding-left:10px
	}
    #caixas .infdicas_bottom{
	background: url(../imagens/infdicas_bottom.jpg) no-repeat; height: 18px;clear:both; }
	#dicas ul li{line-height:1.8em;}
	#caixas #dicas a:link{color:#002DFF}
	#caixas #dicas a:visited{color:#002DFF}
	#caixas #dicas a:hover, #caixas #dicas a:active{color:#0300FF}


 #caixas_bottom{
 clear:both;
 }

/* fim dicas/informativo */
#footer{
background: url(../imagens/footer_bg.jpg) repeat-x;
height:56px;
margin:auto;
margin-bottom:0;
width:1015px;
vertical-align:middle;
}

#footer address{font-style:normal;
font: bold 13px arial, sans-serif;
color:#000;
text-align:center;
padding-top:34px;
}
/*
.extra_um{
background: url(../imagens/twirl.png) no-repeat;
position:absolute;
left:-15;
top:0;
z-index:20;
width:150px;
height:660px;
}
*/
#conteudo .warn{
font-weight:bold;
color:#f00;
}
/* vcard */
.vcard{
background: url(../imagens/vcardimg.jpg) no-repeat 120px 22px;
width:190px;
margin-left:16px;
text-align:left;
border-top:1px solid #9999AF;
border-bottom:1px solid #9999AF;
padding-top:3px;
padding-bottom:3px;
color:#000;
}

.vcard a{font: 11px verdana, arial, sans-serif; display:block; margin-bottom: 5px;}
.vcard .tel {font:bold 13px  verdana, arial, sans-serif;color:#9F0700}
.vcard address, .vcard address span{
  margin-top: 5px;
 font:bold 11px verdana, arial, sans-serif;
 }

.clear{clear:both;}
#criar_design{margin-left:37px; margin-top:10px; width:150px; height:200px; position:relative;}
#criar_design h3, #criar_design h4, #criar_design p{position:absolute; left:-9000px; top:0;}
#criar_design a.criar, #criar_design a.criar:link{ text-indent:-9000px; display:block; width:150px; height:200px; background: url("../imagens/criar-design.jpg") no-repeat;}