/* -----------------------------------------------------------------------
 Singular Software CSS
 http://www.singularsoftware.com.br


   * Copyright (c) 2011Singular Software.
   * Author: Diego, Rafael, Rodrigo e Rudy.
   * Date Create: 10/11/2011.
   * Client: BRCASA.
----------------------------------------------------------------------- */

/*------------------------------------------------------------------------ 
------>		RESET VALUES DEFAULT
----------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, caption { 
	border:0 none; margin:0; padding:0; vertical-align:baseline; }
	
a{ text-decoration:none; }
li{ list-style:none; }
img{ border:none; }

/* Giving a display value to the HTML5 rendered elements: */
header, footer, article, section, hgroup, nav, figure{ display:block; }

.clear{ display:block; clear:both; height:2px;  }
.clear2{ display:block; clear:both; height:6px; }
.clear3{ display:block; clear:both; height:64px; }
.space{ height: 16px;}

/* Class to report error of the forms: */
.requireField{ color: red;font-size: 11px;text-align: right;display: block;font-weight: normal;height: 15px;}
.boxriquireField{ height: 15px; display: block;}
.requireField2{ color: red;font-size: 11px;text-align: right;display: block;font-weight: normal;}
.requireField3{ color: red;font-size: 11px;text-align: right;width: 100px; font-weight: normal;float: right;}

#box-empty{ text-align: center; width: 710px;margin: 60px auto;}

/*----------------------------------------------------------------------- 
------>		CONFIGURAÇÕES PADRÕES
----------------------------------------------------------------------- */
html{ }

body { color:#575755; font-family:Tahoma; font-size:12px;  background:#EDEDED; }

.container { width:1000px; margin:0 auto;}

header{ height: 150px; background: url(../Images/bg-top.jpg) center top no-repeat;display: block;}
    
.logo{ float:left; margin:20px 0 0 0;   }
.phone{ float:left;margin: 35px 0 0 30px; }
.slogan{ background: url(../Images/slogan.png) no-repeat; width: 374px; float: right; margin: 0px 0 0 0;height: 139px; }

.wrapper{ background: url(../Images/bg-banner.jpg) center top no-repeat;height: 305px;padding: 5px 0 0 0;   }
.wrapper .banner{ margin: 5px auto 7px auto; height: 220px; }

.panel1{  height: 28px;width: 473px;float: left;margin: 12px 0 0 8px; }
.panel2{ height: 28px;width: 141px;float: left;margin: 12px 0 0 105px; }

.wrapper .bar{ background: url(../Images/bar.png) no-repeat; height: 48px; width: 1000px;display: block; }
.wrapper .bar .boxRadio{ width: 208px;height: 20px;display: block; margin: 25px 0 0 8px; margin/*\**/: 25px 0 0 8px\9;float: left; }
.wrapper .bar .radio{ font-size: 13px;font-weight: bolder;float: left;color: #000; margin: 0px 10px 0 0;  }

.wrapper .bar .boxSearch{ float: left;background: none; margin: 0px 0px 0px 5px;border: none; font-size: 16px; color: slategrey;
   display: block; }

                           
.wrapper .bar .btSearch{ float: right;width: 80px; margin: 2px 0px 0px 0px; *margin: -17px 0px 0px 44px;
                            border: none; height: 20px; width: 63px;height: 21px;
                            background: url(../Images/bt_buscar.png) center top no-repeat;  }
                            

.wrapper .bar .boxSearch1{background: none;margin: 0px 0px 0px 30px; *margin:5px 0px 0px 97px; border: none; 
                           font-size: 14px; color: slategrey;  float: left; }
                           
.wrapper .bar .btSearch1{ float: right;width: 80px; margin: 2px 0px 0px 0px; *margin: -17px 0px 0px 10px; 
                            height: 20px; width: 63px;height: 21px; 
                            background: url(../Images/bt_buscar.png) center top no-repeat;  }
                            

.wrapper .bar .network{ float: right;width: 40px;height: 40px; margin: 5px 3px 0 0; *margin: 4px 5px 0 0; }
.wrapper .bar .network a{ margin: 0 0px;cursor: pointer; }

.SiteMapbox{ height: 20px; display: block;clear: both; }
.textMap{ float: left;color:#CCC;font-size: 11px;font-family: tahoma;margin: 5px 0; }
.SiteMap{ display: block; color:#FFF; margin: 6px 0 0 5px;float: left; }


.menu1{ width:750px; height:25px;position: absolute; top:119px;  *position: relative; *top:-20px;}


.boxContent{ padding: 15px 0 0 0; background: url(../Images/bg-body.jpg) center top no-repeat;  }
.menu2 { width: 220px; display: block;  float: left; height: 775px; background: #FFF;border: 1px #CCC solid; }
.menu2 .menuTop{ width: 220px; height: 32px; background: #000;padding: 8px 0 0 0; }
.menu2 .menuTop h3{ color: #FFF; font-size: 18px;text-transform: uppercase; margin: 0px 0 0 10px; }
.menu2 .menuBody{ background: #FFF; width: 220px; padding: 10px 0 15px 0; }


.content{ margin:0px 0 0 0; float:right; width:760px;  }

footer{background: #000; padding: 15px 0;margin: 15px 0 0 0;}
footer .left{ float: left;font-size: 11px;text-align: justify;color: #adadad;width: 550px; }
footer .right{ float: right;font-size: 11px;text-align: right;color: #adadad;width: 400px; }
footer .right a{ color: #FF6600; }

footer .menuFooter{display: block; margin: 0 0 10px 0; background: url(../Images/bgFooterMenu.png) center center no-repeat; border: 1px #000 solid;height: 30px;}
footer .menuFooter ul { width: 245px;  height: 20px;margin: 5px auto; }
footer .menuFooter ul li{ float: left; }
footer .menuFooter ul li a{ color: #808080;font-size: 10px;padding:0 20px; }         
footer .menuFooter ul li a:hover{ color: #FF6600; }  

.tableGrade{ height: 220px !important; margin: 20px 0 0 0;}
.tableDefault{ width: 100%; color: #FF6600; }         
.tableDefault tr td{ border-bottom: 1px #CCC dotted; padding: 6px 10px;vertical-align: middle;font-size: 16px;font-weight: bolder; }
.tableDefault tr:hover{ background: #f2f2f2;}
.tableDefault tr td tr td{ border: none; padding: 0; width: 200px; }
.tableDefault tr td tr td a{ cursor: pointer; color: #808080;font-weight: normal; font-size: 11px;}
.tableDefault tr td tr td a:hover{ text-decoration: underline;}
.tableDefault tr td tr td b{ color: #FF6600;margin: 0 5px 0 0; font-size: 11px;}
.tableDefault tr td span{ font-weight: normal; font-size: 11px; }
/*----------------------------------------------------------------------- 
------>		CONFIGURAÇÕES DA PAGINA DEFAULT
----------------------------------------------------------------------- */
.boxProduct{ width: 216px;height: 280px;float: left;display: block; margin: 20px 6px 11px 5px;padding: 5px; 
             background: #FFF; border: 1px #CCC solid; }
.boxProduct:hover{ border: 2px #FF6600 solid; padding: 4px}
.boxProduct .productImage{ width: 210px;height: 145px; margin: 5px auto;  text-align: center; }
.boxProduct .productImage img{ max-width:210px; max-height:145px;  }
.boxProduct .nameBusiness{ font-size: 11px;height: 37px; overflow: hidden; color:#FF6600;
                          text-align: center;  margin: 5px  auto 0 auto;}
.boxProduct .productName{ font-weight: bolder;font-size: 14px;height: 37px; overflow: hidden; color: #808080;
                          text-align: center;  margin: 5px  auto 0 auto;}
.boxProduct .btimg{ width: 143px;margin: 0 0 0 35px;}
.boxProduct .parameter2{ margin: 0 auto;width: 100px; }


/*----------------------------------------------------------------------- 
------>		CONFIGURAÇÕES DA PAGINA EMPRESA
----------------------------------------------------------------------- */
.boxWhite{ background: #FFF;display: block;padding: 20px;border: 1px #CCC solid; }
h2{ font-size: 22px;color: #000;display: block;  }
h2 b{ color: #FF6600;  }

.text{text-align: justify;margin: 20px 0 0 0; line-height: 18px;font-size: 13px; }
.text img{ float: left;margin: 0 10px 0 0; }

.boxWhiteHome{ background: #FFF;height: 735px; display: block;padding: 20px;border: 1px #CCC solid; }
.boxWhiteBusiness{ background: #FFF;height: 314px; display: block;padding: 20px;border: 1px #CCC solid; }
.boxWhiteProdutos, .boxWhiteDetalhes{ background: #FFF;height: 734px; display: block;padding: 20px;border: 1px #CCC solid; }
.boxWhiteCategoria{ background: #FFF;height: 310px; display: block;padding: 20px;border: 1px #CCC solid; }


/*----------------------------------------------------------------------- 
------>		CONFIGURAÇÕES DA PAGINA Central
----------------------------------------------------------------------- */
.menu_central li{ float: left;margin: 10px 7px;  }
.menu_central li a{ display: block; width: 223px;height: 125px;cursor: pointer; }

.menu_central li .forma{ background: url(../Images/formas1.jpg) no-repeat; }
.menu_central li .forma:hover{ background: url(../Images/formas.jpg) no-repeat; }

.menu_central li .prazo{ background: url(../Images/prazo1.jpg) no-repeat; }
.menu_central li .prazo:hover{ background: url(../Images/prazo.jpg) no-repeat; }

.menu_central li .qualidade{ background: url(../Images/qualidade1.jpg) no-repeat; }
.menu_central li .qualidade:hover{ background: url(../Images/qualidade.jpg) no-repeat; }

.menu_central li .garantia{ background: url(../Images/garantia1.jpg) no-repeat; }
.menu_central li .garantia:hover{ background: url(../Images/garantia.jpg) no-repeat; }

.menu_central li .politica{ background: url(../Images/politicas1.jpg) no-repeat; }
.menu_central li .politica:hover{ background: url(../Images/politicas.jpg) no-repeat; }

.menu_central li .contato{ background: url(../Images/contato2.jpg) no-repeat; }
.menu_central li .contato:hover{ background: url(../Images/contato.jpg) no-repeat; }

/*----------------------------------------------------------------------- 
------>		CONFIGURAÇÕES DA PAGINA DETALHES
----------------------------------------------------------------------- */

.boxGaleria{ width: 250px; margin: 15px 0 0 0; float: left; }
.boxGaleria .photo{ width: 230px;  margin: 0 auto;height: 230px; }
.boxGaleria .photo table tr td { vertical-align: middle; text-align: center; height: 230px; width: 230px; }
.boxGaleria .photo table tr td img{ max-height: 230px; max-width: 230px;  }
.faixa{ text-align: center;width: 210px;height: 335px; overflow: hidden;}


.boxGaleria .thumbs ul li{ float: left;margin: 11px; }
.boxGaleria .thumbs img{ max-width: 80px;max-height: 80px; padding: 10px; border: 1px #CCC solid; }

.descContent{ float: right; width: 460px; margin: 15px 0 0 0; height: 690px; }
.descContent h1{ font-size: 16px; color: #575755; text-align: left;margin: 0 10px 0 0; text-transform: uppercase; }
.descContent h4{ color: #FF6600;font-size: 14px;margin: 20px 0 10px 0; } 

.descContent .textCod{ text-transform: none;line-height: 14px;font-size: 14px;margin: 10px 0 0 0;font-weight: bolder;} 
.descContent .textCod b{ color: #FF6600;font-size: 14px;margin: 20px 0 10px 0; } 

.descContent .textDesc{ line-height: 16px;font-size: 13px; }

.button{ background: url(../Images/bg-bt.jpg) repeat-x; 
         color: #000; text-transform: uppercase; text-align: center;display: block;
         padding: 8px 15px; font-weight: bolder; margin: 10px 0 0 0; font-size: 10px;
         -moz-border-radius:10px; -khtml-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; }

/*----------------------------------------------------------------------- 
------>		CONFIGURAÇÕES DA PAGINA CONTATO
----------------------------------------------------------------------- */
.form{margin: 0px 0 14px 10px; width: 420px; float: left;}
.form table tr td label{ text-align: right;width: 65px;display: block; }
.parameter1{ margin: 0px 0 0 195px; width: 70px; }
.parameter3{ width: 130px; }

.address{ float: left; width: 250px;margin: 20px 0 0 20px;text-align: center;}
.address img{ margin: 0 0 20px 0;}
.address p{ font-size: 15px;line-height: 20px;}

.mapa{ clear: both;margin: 0px auto; width: 700px;border: 2px #CCC solid;padding: 10px;}