html
{
    
}
body
{
   
    background: #ffffff url(images/fundo2.jpg) repeat-x left top;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 100%;
    font: normal 12px Tahoma;
}


/* ===================== Page layout ====================== */
#page
{
    margin: 0px;
    width: 980px;
    height: 100%;
    position: relative;
   
  
    
   
    
    
}

#pageHeader
{
    height: 100px;
    border-top: solid 1px black;
    position: relative;
   
    
  
   
    
   
    
    
}
#pageHeader .menu
{
    
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
    text-align: right;
    font: normal 12px Tahoma;
    color:#5c87b2;
    height:15px;
   
    
    
    
}


#pageHeader .menu li
{
    display: inline;
    list-style-type: none;
    
    
    
    
}
#pageHeader .menu a
{
    padding: 3px 10px;
    
    
    
}
#pageHeader .menu a:link, #pageHeader a:visited
{
    color:#050607;
    text-decoration: none;
    
    
    
}
#pageHeader .menu a:hover
{
    color: #5c87b2;
    text-decoration: none;
   
}


#pageHeader .logo
{
    margin-left: 15px;
    width:970px;
    height: 84px;
    top:29px;
    position: absolute;
   
    
 
    
}

.searchbox
{
    position: absolute;
    top: 105px;
    right: 0px;
    background-color: Transparent;
    padding: 6px 10px;
    color: black;
    vertical-align: middle;
   
   
   
}

#navigation
{
   margin-left:0px;
   height:40px;
   
   
     
}

#navigation .menu
{
    
    
    margin: 0px;
    padding: 0px;
    height:40px;
    background: transparent url(images/menu.png) no-repeat left top;
    font: bold 13px Tahoma;
    letter-spacing: 0.06em;
    

    
    
    
}
#navigation .menu li
{
    display: inline;
    list-style-type: none;
    display:inline;
    margin-left:30px;
    
    
    
    
}
#navigation .menu a
{
    padding: 10px 18px 10px 5px ;
    margin-top:15px;

    
    
    
}


#navigation .menu a:link, .menu a:visited
{
    color:white;
    text-decoration: none;
   
    
    
}
#navigation .menu a:hover, .menu a.active
{
    color: #f3d15d;
    text-decoration: none;
    
   
}







.submenu h2
{
    margin: 10px 0 0 15px;
    font: bold 16px Arial;
    letter-spacing: 0.06em;
    color: White;
}
.submenu ul
{
    list-style-type: none;
    margin: 10px 0 0 20px;
    padding: 0px;
}
.submenu li
{
    padding-top: 5px;
}
.submenu li a
{
    color: White;
    text-decoration: none;
}
.submenu li a:hover
{
    color: #f2581c;
    text-decoration: underline;
}

#pageContent
{
    
    display: block;
    background: #F5F5F5 url(images/content_bg.png) repeat-y -980px top;
    border-bottom: solid 1px transparent;
   
}
#pageContent .b
{
    background: url(images/content_bg.png) no-repeat 0px -20px;
    min-height: 900px;
    margin: 0px;
    padding: 0px;
    height:100%;
}
#pageContent .b .left
{
    width: 170px;
    float: left;
    height: 100%;
    margin-top: 10px;
    
}
#pageContent .b .right
{
    
    width: 720px;
    margin-left: 200px;
    margin-top: 10px;
    display: table;
   
}
.pageContentFooter
{
    height: 20px;
    background: url(images/content_bg.png) no-repeat 0px top;
    width:980px;
}
#pageFooter
{
    margin-top: 10px;
    border: 0px;
    text-align: center;
    color: #050607;
    font-size: 11px;
    letter-spacing: 0.05em;
}
#pageFooter a:link, #pageFooter a:visited
{
    color:#050607;
    text-decoration: none;
}
#pageFooter a:hover
{
    color: #f3d15d;
    text-decoration: underline;
}


#block margin_t_10
{
    
}


.banner
{
    border: solid 1px gray;
    width: 688px;
    text-align: center;
    height: 208px;
}
.banners
{
    margin: 5px;
}
.banners ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    width: 690px;
}
.banners ul li
{
    float: left;
    display: block;
    width: 230px;
    list-style-type: none;
}
.banners ul li a
{
    height: 40px;
    background: url(images/banner_btn.png) repeat-x top left;
    width: 100%;
    display: block;
    line-height: 40px;
    color: #050607;
    text-decoration: none;
    text-align: center;
}
.banners ul li a:hover
{
    background: url(images/banner_btn.png) repeat-x -40px left;
    color: #050607;
}


/* ===================== Grid / Table / List ====================== */

.grid {margin-left:15px;}
.gridItem { float:left; width:170px; display:block; height:180px;}
.gridItem .frame {background: url(images/cell_bg.png) no-repeat 0px top; width:140px; height:113px;margin-left:auto;margin-right:auto; border-bottom:solid 5px white;}
.gridItem .frame img { margin:6px;   }

.gridItem .content {margin-top:10px;margin-left:auto;margin-right:auto;width:142px; }
.gridItem .content .price { color:#4fbc1e; font:bold 12px Arial; float:left;}
.gridItem .content .addtocart {margin-left:70px;}
.gridItem .content .addtocart img { border:0px;}
.gridItem .content .name {margin-top:2px; font:bold 12px Arial; color:#f2581c; height:50px;}
.gridItem .content .name a {color:#f2581c; text-decoration:none;}
.gridItem .content .name a:hover { color:#000000;  text-decoration:underline;}
.gridItem .content .desc {display:none;}

.gridItem_on .frame {background: url(images/cell_bg.png) no-repeat -140px top; width:148px; height:120px; margin-left:auto;margin-right:auto;cursor:pointer; border:0px;}
.gridItem_on .frame img {margin:7px 0px 6px 6px; width:130px; height:104px;}

.gridItem_v {position:relative; width:100%; height:120px;}
.gridItem_v .frame {float: left; background: url(images/cell_bg.png) no-repeat 0px top;  width:140px; height:113px; margin-left:auto; margin-right:auto; cursor:pointer;}
.gridItem_v .frame img { margin:6px;}
.gridItem_v .content {margin-left:145px; padding:5px; background-color:#f2f2f2; height:105px; width:460px;}
.gridItem_v .content .price {color:#4fbc1e;font:bold 12px Arial; float:right; display:inline;  background-color:#eaeaea; width:80px; text-align:center; position:absolute; right:10px; top:0px; padding-top:5px;}
.gridItem_v .content .addtocart {color:#4fbc1e;font:bold 12px Arial; float:right; margin:50px 0 0 -20px;  display:inline; position:absolute; right:10px; top:-30px; background-color:#eaeaea; width:80px; height:85px; text-align:center; padding-top:10px;}
.gridItem_v .content .addtocart img {border:0px;}
.gridItem_v .content .name { display:block; font:bold 14px Arial;}
.gridItem_v .content .desc { margin-top:5px; display:block; width:460px;}

.gridItem_v_on .frame {float: left;background: url(images/cell_bg.png) no-repeat -140px top; width:148px; height:117px;margin-left:auto;margin-right:auto;cursor:pointer;}
.gridItem_v_on .frame img {margin:7px 0px 6px 6px; width:130px; height:104px;}
.gridItem_v_on .content {margin-left:145px; padding:5px; background-color:#f9f0eb; height:105px;}
.gridItem_v_on .content .price {color:#4fbc1e;font:bold 12px Arial; float:right; display:inline;  background-color:#fbf4ef; width:80px; text-align:center; position:absolute; right:10px; top:0px; padding-top:5px;}
.gridItem_v_on .content .addtocart {color:#4fbc1e;font:bold 12px Arial; float:right; margin:50px 0 0 -20px;  display:inline; position:absolute; right:10px; top:-30px; background-color:#fbf4ef; width:80px; height:85px; text-align:center; padding-top:10px;}

.topic {width:700px; margin:10px 0; display:table; height:30px;}
.topic h2 { font: bold 22px Arial; float:left; margin:0px; padding:0px;}
.topic .display {float:right;}
.topic .gridview {background: url(images/display_btn.png) no-repeat left top; width:28px; height:26px; float:left; cursor:pointer;}
.topic .listview {background: url(images/display_btn.png) no-repeat -28px top; width:28px; height:26px;  float:left; cursor:pointer;}
.topic .grid_on {background: url(images/display_btn.png) no-repeat left -26px; width:28px; height:26px;  float:left; cursor:pointer;}
.topic .list_on {background: url(images/display_btn.png) no-repeat -28px -26px; width:28px; height:26px; float:left; cursor:pointer;}

.list {list-style-type:none; margin:5px 0 0 10px; padding:0px;}
.list li {margin-top:3px;}
.list li a { color:#050607; text-decoration:none;}
.list li a:hover { text-decoration:underline;color:#5c87b2;}

/* ===================== Block ====================== */

.block
{
    
    width: 980px;
    display: table;
}
.block .h
{
  
    width: 980px;
    height: 13px;
}
.block .b
{
    
    width: 980px;
    min-height: 80px;
    padding: 0px 0px 15px 0px;
    display: table;
}
.block .f
{
    margin-left: 10px;
    border: 0px;
    text-align: center;
    color: #050607;
    font-size: 11px;
    letter-spacing: 0.05em;
}
.block .line {background: url(images/block_line.png) no-repeat left top; width:4px; height:111px; float:left; margin:0px 7px 0 3px;}
.newsletter {float:left; width:220px;}
.newsletter p { margin:5px;}
.newsletter_text {border:solid 1px gray; width:160px; margin:5px 0px;color:#5c87b2;}
.newsletter_btn {background: url(images/ok.png); border:solid 1px gray; width:31px ; height:31px; cursor:pointer;}

/* ===================== Elements ====================== */

.margin_l_10 {margin-left:10px;}
.margin_t_10 {margin-top:10px;}
.fLeft {float:left;}
.w180 {width:160px; }
.w200 {width:200px;}

.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}

.cGray {color:#050607;}
.bold {font-weight:bold;}

/* Formulario de Email*/
#todoform
{
    background: #4f4f4f;
    font: 12px arial, verdana, helvetica, sans-serif;
    border-top: 8px solid #cfcfcf;
    border-left: 8px solid #cfcfcf;
    border-right: 8px solid #696969;
    border-bottom: 8px solid #696969;
    border-collapse: collapse;
    color: #ff9900;
}
#todoform th
{
    background: #000000;
    padding: 3px;
    font: bold 15px arial, verdana, helvetica, sans-serif;
    border-bottom: 1px solid #ff9900;
}
#todoform td
{
    padding: 3px;
}
#todoform input
{
    background: #b5b5b5;
    border: 1px dashed #ff9900;
}
#todoform textarea
{
    border: 1px dashed #ff9900;
    background: #b5b5b5;
}
#todoform input.botao
{
    background: #000000;
    color: #ffffff;
    border: 2px solid #ffffff;
}	

#produtos
{
  text-align:left;
  width: 240px;
  border:0px ;
  margin:0 0 0 0;
 
  
  


}

#produtos h1
{
  font: normal 12px Tahoma;
  font-weight:bold;
  color:#006699;
  

}

#produtos p
{
  font: normal 12px Tahoma;
  font-weight:bold;
  color:Red;
  

}
#produtos ul
{ 
  margin:0;
  padding:0;
  overflow:auto;
  list-style:none;
  text-align:center;
  
  
}
#produtos ul li
{
  
  
  float:left;
  margin:0 0 0 0;
  text-align:center;
  background-color:White;
  
 
  
  
  
}

#produtos ul li a
{
  
  text-decoration:none;
  color:#006699;
  
 
  
  
  
}

#produtos ul li a:hover
{
  
  text-decoration:underline;
  color:#006699;
  
 
  
  
  
}

#produtos2
{
  text-align:left;
  width: 540px;
  border:0px ;
  margin:0 0 0 0;
 
  
  


}

#produtos2 h1
{
  font: normal 12px Tahoma;
  font-weight:bold;
  color:#006699;
  

}

#produtos2 p
{
  font: normal 12px Tahoma;
  font-weight:bold;
  color:Red;
  

}
#produtos2 ul
{ 
  margin:0;
  padding:0;
  overflow:auto;
  list-style:none;
  text-align:center;
  
  
}
#produtos2 ul li
{
  
  
  float:left;
  margin:0 0 0 0;
  text-align:center;
  background-color:White;
  
 
  
  
  
}

#produtos2 ul li a
{
  
  text-decoration:none;
  color:#006699;
  
 
  
  
  
}

#produtos2 ul li a:hover
{
  
  text-decoration:underline;
  color:#006699;
  
 
  
  
  
}