@charset "iso-8859-1";

@import url("menuhover.css");
@import url("shadowbox.css");
@import url("formularios.css");
@import url("paginacao.css");
@import url("fontface.css");
@import url("jquery-bubble-popup-v3.css");



/**--GERAL--**/

body { background: url(../imagens/bg-topo.jpg) top center no-repeat #F7F7F7; margin: 0px; padding: 0px; font-family: Myriad, Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0px; text-align: justify }

	
/**--CLASSES FORMAT--**/

.format {display: block; overflow: hidden; text-indent: -9999px; margin: 0}
.button{margin:auto auto;text-align:center;width:120px;height:100px;color:#FFFFFF;cursor:pointer;}
.bts { margin: 0; width: auto; height: auto; border: 0; float: left}

/**--FORMATAÇÃO DA PÁGINA--**/
	
#topo {
	background: none;
	width: 100%;
	margin: 0 auto;
	height: 94px;
    }
	
    #topo .container { width: 1000px; height: 94px; margin: 0 auto; position: relative}

#conteudo {
	width: 100%;
	margin: auto;
	height: auto;
	padding: 0px;
	vertical-align: top;
	}
    #conteudo .container { width: 1000px; height: auto; margin: 0 auto; padding: 0px; position: relative; display: block}
	
	#conteudo .container .esquerda { width: 288px; height: auto; margin: 0 auto; padding: 0px; position: relative; float: left}
	#conteudo .container .direita { width: 712px; height: auto; margin: 0 auto; padding: 0px; position: relative; float: left}
	#conteudo .container .direita h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 32px; text-align: left; color: #000; margin: 0 0 8px 6px; letter-spacing: -1px; font-weight: normal}
	
	#conteudo .container .internas { background: #FFF; width: 692px; height: auto; margin: 0 auto; padding: 10px; position: relative; float: left;  -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);}
	#conteudo .container .internas h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 32px; text-align: left; color: #000; margin: 0 0 8px 6px; letter-spacing: -1px; font-weight: normal}
	
	.cxprodutos { width: 30%; height: auto; margin: 0 14px 20px 14px; padding: 0px; float: left; display: table; background: #FFF; border: 1px solid #B3C5CF; }
	
	#conteudo .container .esquerda .logo {
	position: absolute;
	width: auto;
	height: auto;
	margin: 0 auto;
	float:left;
	left: 12px;
	top: 3px;
	z-index: 1;
}

    
	#conteudo .container .esquerda .menu {
	position: absolute;
	width: auto;
	height: auto;
	margin: 0 auto;
	float:left;
	left: 37px;
	top: 134px;
	z-index: 2;
}
     
	
   
#rodape{
	font-size: 11px;
	background: url(../imagens/bg-rodape.jpg) top center no-repeat;
	margin: 0 auto;
	width: 100%;
	height: 140px;
	clear: both;
    }
    #rodape .container {position: relative; width: 1000px; height: 140px; margin: 0 auto; padding: 0px ;}
	
	
	      #rodape a:link    {text-decoration: none; color: #9FF;}
          #rodape a:visited {text-decoration: none; color: #9FF;}
          #rodape a:hover   {text-decoration: none; color: #333;}
          #rodape a:active  {text-decoration: none; color: #666;}