﻿/*
Alpha PNG support for IE
------------------------------
Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará.
O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo.
\*/
* html img/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="blank.gif").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}

*{padding:0; margin:0;border:0;}

body 
{
    width:100%;
    margin: center;
    font-family:Arial, Verdana, MS Sans Serif; 
	font-size: 12px;
	color: #000;
}

/*--- iframe ---*/

#pageiframe1
{
    width:900px;
    height:490px;
    top:0px;
    left:0px;
    position:relative;
}

/*--- END iframe ---*/

/*--- HOME ---*/

#mainprodutos
{
    width:236px;
    height:360px;
    position:absolute;
    top:5px;
    left:0px;  
}



.produtos { width:235px; height:73px; background-image:url(../img/bgprodutos.jpg); background-repeat:repeat-x; margin-top:2px; border-style:solid; border-color:#e6e6e6; border:1px}

.imgprodutos { width:87px; height:63px; background-image:url(../img/bgimgprodutos.png); background-repeat:repeat-x; margin:5px; border-style:solid; border-color:#e6e6e6; border:1px;}

#linkprodutos
{
  	height:63px;
	width: 87px;
}

#linkprodutos a:link, #linkprodutos a:active, #linkprodutos a:visited 
{
	background-image: url(../img/plus.png);
	background-repeat: no-repeat;
	background-position:top right;
	height:63px;
	width: 87px;
	display: block;
    text-align:center;
    
}

#linkprodutos a:focus, #linkprodutos a:hover
{
    background-image: url(../img/plusy.png);
	background-repeat: no-repeat;
	background-position:top right;
}
#txtprodutos { width:110px;height:auto; margin:5px 0px 0px 110px; position:absolute;}
.texto { font-family:Arial, Verdana, MS Sans Serif; font-size: 11px; color: #000;}
.titulo { font-family:Arial, Verdana, MS Sans Serif; font-size: 12px; color: #3a64c9; font-weight:bold;}


#meio
{
    width: 430px;
    height: 488px;
    position: relative;
    top: 0px;
    left: 237px;
    background-image: url('../img/bgmeio.png');
    background-repeat: repeat-x;
    border-top: none;
    padding: 10px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 1px;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 1px;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 1px;
}

.txtmeio
{
    width:222px;
    height:auto;
}

.txtmeioo
{
    width:196px;
    height:auto;
    top:10px;
    left:252px;
    position:absolute;
}
