/********************************************************
*   © Felipe Badr - Todos os direitos reservados (2013) *
*   Sistema: Produtcs International Ltda.               *
*	Contato: felipebadr@gmail.com 						*
*********************************************************/

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 210px; /* bottom = footer height */
    background-image: url(../imagens/site/bgg.png); /* fbg.png */
    background-repeat: repeat-x;
    background-color: #FEFEFE;
}
footer { /* html5 */
    position: absolute;
    left: 0;
    bottom: 0;
    height: 210px;
    width: 100%;
}

.faixa {
	background-color: #333;
	min-width:740px;
	height:14px;
}

.container {
  margin: 0 auto;
  max-width: 1024px!important;
  min-width: 724px!important;
  padding: 0 0 60px 0; 
}

.container > hr {
  margin: 25px 0;
}

.corpo {
	max-width:910px; /* 940-30 */
	padding:0 15px;
}

.corpo-clientes {
  max-width:810px; /* 940-30 */
  margin:0 auto;
  padding-top:10px;
}

/* ## TOPO --------------------------- */
.Topo {
	height:132px;
}
.topoEsp {
  margin-bottom:22px;
}
.topoLinha {
  height:3px;
  background-color:#45AB5A;
  margin-bottom:20px;
}


.logoTopo {
	padding-top:15px;
	position: absolute;
}

.menuTopo {
	float:right;
	margin:0 30px 0 0;
}

.menuTopo:before {
	content: "";
	background: url(../imagens/site/topopa.png)  no-repeat 0 0;
	width:54px;
	height:36px;
	margin:0 0 0 -54px;
	float:left;
}

.menuTopo:after {
	content: "";
	background: url(../imagens/site/topopa.png)  no-repeat 0 -36px;
	width:54px;
	height:36px;
	margin:0 -54px 0 0;
	float:right;
}

.menuTopo ul {
	float:left;
	background-color: #333333;
	height:36px;
}

.fbnav {
    list-style: none outside none;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 14px;
}
.fbnav > li > a {
    display: block;
    color:#f5f5f5;
    transition:color 0.2s linear;
    -webkit-transition: color 0.2s linear;
     -moz-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     -ms-transition: color 0.2s linear;
}
.fbnav > li > a:hover, .fbnav > li > a:focus {
    background-color: #EEEEEE;
    text-decoration: none;
    color:#000;
    -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
     -o-transition: background-color 0.2s linear;
     -ms-transition: background-color 0.2s linear;
     transition: background-color 0.2s linear;
}
.fbnav-pills > li {
    float: left;
}
.fbnav-pills > li > a {
    line-height: 14px;
    margin-right: 2px;
    padding: 5px 12px;

    border-radius: 10px;
    margin-bottom: 2px;
    margin-top: 2px;

}
.fbnav-pills > .active > a, .fbnav-pills > .active > a:hover, .fbnav-pills > .active > a:focus {
    background-color: #2D9142;
    color: #FFFFFF;
}

/* ## Outros --------------------------- */

.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* ## Produtos --------------------------- */

.prodList {
	height:159px;
	margin-bottom:5px;
	background-color:#f5f5f5;
	border: 1px solid #e3e3e3;
	overflow: hidden;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.listaProdImg {
	max-width:150px;
	max-height:150px;
}

.imgProd {
	max-width:168px;
	max-height:168px;
}

.bordered6 {
	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

/* ## Galeria Fotos --------------------------- */


.listaGaleriaItem {
	padding:10px;
	max-height: 220px;
	max-width: 220px;
	float:left;
}

.listaGaleriaImg {
	max-width:195px;
	max-height:195px;
}

.listaGaleriaImg:hover {
	background-color:#FF925C;
	transition:background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
}

/* ## SGI --------------------------- */
.sgi{
  text-align: justify;
}

/* ## CONTATO -------------------------- */

.local {
	/*padding:15px;*/
	max-width:420px;
	/*float:right;*/
	margin:auto;
}

/* ## FOOTER ------------------------------- */

.footer {
	background-color: #222;
	border-top: 5px solid #ddd;
	color:#D1D1D1;
	font-size: 12px;
	line-height:1.63em;
	min-width: 724px!important;
	height:210px;
}

.containerFooter {
  margin: 0 auto;
  max-width: 1024px!important;
  margin-top: 35px;
 }

.linkFooter a {
 	color:#098135;
 	font-size: 13px;
 	margin:0 5px;
}

.linkFooter a:hover{
 	color:#FA5F14;
 	text-decoration: none;
 	transition:color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
 }

 .roundDivFooter {
 	display: inline-block;
 	padding:7px;
 	background-color:#292929;
 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
 }

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}