﻿/*
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:65px; 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:130px;height:auto; margin:5px 0px 0px 100px; 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{
	margin:0;
	padding:0;
    width:222px;
    height:auto;
	/*border:1px dashed red;*/
}

.txtmeioo
{
    width:196px;
    height:auto;
    top:10px;
    left:252px;
    position:absolute;
}

/* Envia News */
div.envia_news{
	margin:0;
	margin-top:2px;
	padding:0;
	width:235px;
	height:115px;
	background:url(../img/bg_newsletter.png) no-repeat;
}
	div.envia_news p{
	margin:0 0 2px 0;
	padding:60px 0 0 4px;
	font-size:8pt;
	color:#666;
	}
	div.envia_news input[type=text].input{
	margin:0;
	margin-left:4px;
	padding:2.5px 0 2px 2px;
	border:1px solid #666;
	border-right:none;
	width:170px;
	height:auto;
	font-size:8pt;
	float:left;
	}
	div.envia_news input[type=image].input{
	margin:0;
	padding:0;
	width:51px;
	height:20px;
	float:left;
	}
	br.clear{clear:both;}
	
div#meio #item{
	margin:0 0 10px 0;
	padding:0;
	/*border:1px dashed red;*/
	width:210px;
}
	div#meio #item h3{
	margin:0 0 5px 0;
	color:#3a64c9;
	font-size:9pt;
	}
	div#meio #item p{
	margin:0;
	color:#000;
	font-size:8pt;
	}
	div#meio #item hr{
	margin:0;
	margin-top:10px;
	width:100%;
	border-bottom:1px solid #333;
	}

.float_left{float:left}
.float_right{float:right}
