/*-----------------------------------------------------------------------------
PAGINA DE PRODUTOS - WWW.AGROFORN.COM.BR
autor:     Marcelo Cintra de Melo
email:     marcelo@webtask.com.br
website:   www.webtask.com.br
-----------------------------------------------------------------------------*/


/*mostra vitrine geral dos produtos e seus modelos*/
.grupoMaquinas {float:left; border:solid 1px #ccc; margin:23px 0px 0px 35px; padding:10px;
	 background:#F1F2F4;}
	.grupoMaquinas img {float:left; border:solid 1px #A1BBB3; clear:both }

	.maquinasInformacoes{ float:left; margin:0px; width:auto; padding:0px; margin-top:3px; width:305px; clear:both;}
	.maquinasTop, .maquinasModelos {float:left; background:#EBECEF; border:solid 1px #E5E7E6; padding:2px 4px; }
	.maquinasTop { width:293px; height:40px; margin-left:0px;}
		.maquinasTop h2 {font:Bold 21px "Trebuchet MS"; text-transform:uppercase; color:#606060;}
		.maquinasTop .grupoDescricao {font:normal 14px "Trebuchet MS"; color:#606060;}
	.maquinasModelos { float:left; height:32px; margin:3px 2px 0px 0px; width:0px; color:#606060;}
	.maquinasModelos a {color:#606060;}
	.maquinasModelos a:hover {text-decoration:underline;}
		.mod1 {width:291px;}
		.mod2 {width:140px;}
		.mod3 {width:89px;}
		.mod4 {width:64px;}

	.abreImagem{background:white; height: 160px; width: 210px; float: left; position: absolute; 
		top: 0px; left: 0px; z-index:2; opacity: 0.01; -moz-opacity: 0.01; filter: alpha(opacity=01);}
		.abreImagem:hover .lupaZoom {}
	.lupaZoom {float:left; width:29px; height:34px; background: url(../imagens/lupa2.png) no-repeat;
	position:absolute; top:10px; left:10px;}


/*medalhas*/
.posicionaMedalhas {float:left; position:relative; width:100%px; height:1px; z-index:100;}
.mostraMedalhas {float:left; position:absolute; top:-28px; left:1px; z-index:100;}
.mostraDet { width:24px; height:17px; position:absolute; top:21px; left:8px; z-index:100;
	background:url(../imagens/medalhaDet.png) no-repeat;  display:none;}

.medalha1 ,.medalha2 ,.medalha3 { float:left; height:18px; width:18px; cursor:help;}
.medalha1 {background:url(../imagens/medalha1.png) no-repeat;}
.medalha2 {background:url(../imagens/medalha2.png) no-repeat;}
.medalha3 {background:url(../imagens/medalha3.png) no-repeat;}

.medalhaTexto {font-size:12px; float:left; position:absolute; top:35px; left:5px; background:#A8AD91; 
	padding:3px; z-index:100; display:none;}
.acolheTexto { float:left; background:#fff; white-space: nowrap; padding:0px 10px 0px 10px;}

.medalha1:hover .medalhaTexto, .mostraMedalhas li:hover .mostraDet, 
.medalha2:hover .medalhaTexto,
.medalha3:hover .medalhaTexto {display:block;}


/*descricao e caracteristicas dos produtos*/
.blocoTexto { text-align:justify; margin-bottom:20px; color:#606060; position:relative; top:10px; z-index:1; width:320px;}
.blocoTexto p { margin-bottom:15px; text-indent:10px; }
.blocoTexto h3 , .blocoDescTec h3{ font:bold 14px Arial, Helvetica, sans-serif; color:#606060; margin-bottom:10px;}
	.video {float:right; width:210px; height:160px; background:#ccc; clear:both; margin:20px 0px 0px 20px;
		background: url(../imagens/vid.jpg) no-repeat;}
	.tituloVideo {padding-top:10px; position:relative; top:20px; color:#fff; left:10px;}
	/*apresenta fotos*/
	.apresentaFotos {float:right; width:210px; height:160px; background:#000; clear:both; margin:20px 0px 0px 20px;}
	.areaMostraImagem {float:left; width:210px; height:140px;}
	.areaClicavel {float:left; width:210px; background: url(../imagens/mostraImagemFundo.gif) no-repeat; height:20px;
		position:absolute; bottom:0px; left:0px;}
	.areaClicavelDir, .areaClicavelEsq {float:left; width:41px; height:20px;}
	.areaClicavelCentro {float:left; width:128px; height:18px; position:relative;}
	.imagemPausada {float:left; background: url(../imagens/imagemPausada.jpg) center center no-repeat; height:20px; 
		width:124px; position:absolute; top:1px; left:42px; display:none;}

	.areaClicavelDir:hover, .areaClicavelEsq:hover, .areaClicavelCentro:hover, 
	.imagemPausada:hover {background:white;opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); height:18px;}
	.blocoTexto img {border:solid 1px #E1E0E0;}

/*especificacoes tecnicas*/
table {color:#606060; float:left; width:100%; border-collapse:collapse; background:#F9F3E7; margin-top:50px;}
table td{border:solid 1px #E1E0E0; text-indent:10px;}
table tbody tr:hover{ color:#000; cursor:default;}
table thead td {background:#F3E7CE; font-weight:bold;}
.video {color:#fff;} .video a{color:#fff; text-decoration:underline;} .video a:hover {color:orange;}

/*lista de produtos do submenu da direita*/
ul.submenuDir {float:left; width:100%; margin-top:30px; }
ul.submenuDir li {float:left; cursor:pointer; margin-bottom:4px;}
ul.submenuDir li:hover a.submenuLinha{background:#D6D7D3;}
ul.submenuDir li a.submenuLinha{float:left; width:161px; background: url(../imagens/botaoFundoProdutos.png) repeat-x; 
	color:#606060; padding:7px; text-transform:uppercase;}
	
	/*menu da area selecionada ou ativa*/
	.ativoMenu { float:left; width:160px; font-size:11px; padding-left:13px;}
	.fundoAtivoMenu {background:#ccc url(../imagens/botaoFundoProdutos2.png) repeat-y;}
	.ativoMenu li.ativoMenuLinha {float:left;  padding:5px 0px 3px 5px; clear:both; white-space: nowrap;}
	.ativoMenu li.ativo { font-weight:bold;}
	.ativoMenu li.ativo:hover {cursor:default;}
	.ativoMenu li.ativoMenuLinha a {text-transform:uppercase; color:#606060;}
	.ativoMenu li.ativoMenuLinha a:hover {font-weight:bold;}