<?php
	$api = new Apiwhmcs();
	$api->api_db_conect(APIHOST, APIUSER, APIPASS, APIDATABASE);
?>


 <?php
 
 
switch ($_SESSION['currency']) {
    case '':
		$currency = 2;
        break;
    case 'usd':
		$currency = 1;
        break;
    case 'gbp':
		$currency = 7;
        break;
    case 'mxn':
		$currency = 2;
        break;
    case 'eur':
		$currency = 3;
        break;
    case 'cop':
		$currency = 9;
        break;
    case 'ars':
		$currency = 10;
        break;
    case 'pen':
		$currency = 11;
        break;
    case 'uyu':
		$currency = 12;
        break;
    case 'clp':
		$currency = 13;
        break;
    case 'vef':
		$currency = 14;
        break;} 
 
			$query = "SELECT 
					  tblpricing.currency,
					  tblpricing.relid,
					  tblpricing.semiannually,
					  tblpricing.annually,
					  tblpricing.monthly,
					  tblproducts.order, 
					  tblpricing.`type`,
					  tblproducts.id,
					  tblproducts.`type`,
					  tblproducts.gid,
					  tblproducts.name,
					  tblproducts.hidden,
					  tblproducts.configoption1,
					  tblproducts.configoption2,
					  tblproducts.configoption3,
					  tblproducts.configoption4,
					  tblproducts.configoption5,
					  tblproducts.configoption6,
					  tblproducts.configoption7,
					  tblproducts.configoption8,
					  tblproducts.configoption9,
					  tblproducts.configoption10,
					  tblproducts.configoption11,
					  tblproducts.configoption12,
					  tblproducts.configoption13,
					  tblproducts.configoption14,
					  tblproducts.configoption15,
					  tblproducts.configoption16,
					  tblproducts.configoption17,
					  tblproducts.configoption18,
					  tblproducts.configoption19,
					  tblproducts.configoption20,
					  tblproducts.configoption21,
					  tblproducts.configoption22,
					  tblproducts.configoption23,
					  tblproducts.configoption24,
					  tblcurrencies.prefix,
					  tblcurrencies.suffix
					FROM
					 tblpricing
					 RIGHT OUTER JOIN tblproducts ON (tblpricing.relid=tblproducts.id)
					 INNER JOIN tblcurrencies ON (tblcurrencies.id=tblpricing.currency)
					WHERE
					  (tblpricing.currency = '".$currency."') AND 
					  (tblpricing.`type` = 'product') AND 
					  (tblproducts.`gid` = '1') AND
					  (tblproducts.hidden = '') AND 
					  (tblproducts.`type` = 'hostingaccount')
					ORDER BY
						  tblproducts.order ASC";
		
			$planes_hosting = $api->ApiDB->QueryToArray($query);
	
?>

<style>
.sharedhosting_cont{
	width:100%;
	margin:auto;
	height:auto;
	overflow:hidden;
	background:#f7f9fa;
	
	}
	
td{	
border-right:3px solid #fff !important;
}
	
td.caracteristica{
	margin:0 !important;
	width:220px !important;
	padding:1px !important;
	text-align:right;
	background:#929fb3;
	color:#FFF !important;
	font-size:12px !important;
	vertical-align:middle;
	}
	
td.plan img.planpic{
		width:107px;
		height:90px;
		margin-left:-53px;
		margin-top:-40px;
		z-index:0 !important;
		position:absolute;
		opacity:0.8;
	}

td.plan{
	padding:5px 2px !important;
	text-align:center;
	width:auto;
	font-size:12px !important;
	border-bottom:1px solid #e1e4e5;
	vertical-align:middle;
	background:url('{$TEMPLATE_URL}/img/layer_5_bg.png');
	}

	
p.titplan{
	font-weight:bold;
	position:relative;
	z-index:100;
	color:#269cd7 !important;
	font-size:16px !important; 
	font-family:'Titillium Web' !important;
}

	
strong.info{
	font-size:12px !important;
	}
	
.rowh{
	background:#e1e4e5 !important;}

.tdh{
	background:url('{$TEMPLATE_URL}/img/layer_6_bg.png') !important;}

td.data{
	}

.price{
	margin:0px;}

strong.monthly{
	color:#ff4107 !important;
	font-size:14px !important;
	font-weight:normal;

}
strong.annually{
	color:#ff4107 !important;
	font-size:20px !important;
	font-weight:normal;
}

	.linkitem{
		overflow:hidden;
		width:auto;
		margin:auto;
		text-align:right;
		border:0px solid #0FF;
		text-decoration:none;
		}
	
	.linkitem h3{
		border-radius:7px;
		border:2px solid #FFF;
		background:#86be50;
		width:100%;
		overflow:hidden;
		padding:10px 0;
		font-size:14px !important;
		color:#FFF !important;
		text-align:center;
		text-decoration:none !important;}

	.linkitem h3:hover{
		background:#ff933b !important;
		width:100%;
		overflow:hidden;
		padding:10px 0;
		font-size:14px !important;
		color:#FFF !important;
		text-align:center;
		text-decoration:none !important;}

	.linkitem{
		color:#FFF !important;
		text-decoration:none !important;}
	
	.linkitem:hover{
		color:#FFF !important;
		text-decoration:underline !important;}


	.linkitem h3 img{
		position:relative;
		float:right;
		right:10px;
		top:2px;
		}
	
	
	.linkitem2{
		overflow:hidden;
		width:auto;
		margin:auto;
		text-align:right;
		border:0px solid #0FF;
		text-decoration:none;
		}
	
	.linkitem2 h6{
		border-radius:7px;
		border:2px solid #FFF;
		background:#4e6b7a;
		width:100%;
		overflow:hidden;
		padding:10px 0;
		font-size:14px !important;
		color:#FFF !important;
		text-align:center;
		text-decoration:none !important;}

	.linkitem2 h6:hover{
		background:#ff933b !important;
		width:100%;
		overflow:hidden;
		padding:10px 0;
		font-size:14px !important;
		color:#FFF !important;
		text-align:center;
		text-decoration:none !important;}

	.linkitem2{
		color:#FFF !important;
		text-decoration:none !important;}
	
	.linkitem2:hover{
		color:#FFF !important;
		text-decoration:underline !important;}
</style>

<div class="sharedhosting_cont">
    <table style="width:100%;">
    <thead>
        <tr class="rowplan">
            <td class="data plan">&nbsp;</td>
            <td class="data plan" style="height:127px;"><h3><img class="planpic" id="planpic1" src="{$TEMPLATE_URL}/img/plan_dominio.png" /></h3></td>
          <td class="data plan"><h3><img class="planpic" id="planpic2" src="{$TEMPLATE_URL}/img/plan_trendy.png" /></h3></td>    
          <td class="data plan"><h3><img class="planpic" id="planpic3" src="{$TEMPLATE_URL}/img/plan_starter.png" /></h3></td>    
          <td class="data plan"><h3><img class="planpic" id="planpic4" src="{$TEMPLATE_URL}/img/plan_basic.png" /></h3></td>
          <td class="data plan"><h3><img class="planpic" id="planpic5" src="{$TEMPLATE_URL}/img/plan_empresarial.png" alt="" /></h3></td>
          <td class="data plan"><h3><img class="planpic" id="planpic6" src="{$TEMPLATE_URL}/img/plan_corporativo.png" alt="" /></h3></td>
          <td class="data plan"><h3><img class="planpic" id="planpic7" src="{$TEMPLATE_URL}/img/plan_premium.png" alt="" /></h3></td>
        </tr>
    </thead>    
      
        <tr class="rowplan">
          <td class="data caracteristica">Plan:</td>
          <td class="data plan"> <p class="titplan">Dominio<p></td>
          <td class="data plan"> <p class="titplan">Trendy<p></td>
          <td class="data plan"> <p class="titplan">Starter<p></td>
          <td class="data plan"> <p class="titplan">Basico<p></td>
          <td class="data plan"> <p class="titplan">Empresarial<p></td>
          <td class="data plan"> <p class="titplan">Corporativo<p></td>
          <td class="data plan"> <p class="titplan">Premium<p></td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">Espacio en Disco:</td>
            <td class="data plan"><strong class="info"><?=substr($planes_hosting[0]['configoption3'], 0, -3)?></strong> GB</td>
          <td class="data plan"><strong class="info"><?=substr($planes_hosting[1]['configoption3'], 0, -3)?></strong> GB</td>    
            <td class="data plan"><strong class="info"><?=substr($planes_hosting[2]['configoption3'], 0, -3)?></strong> GB</td>    
            <td class="data plan"><strong class="info"><?=substr($planes_hosting[3]['configoption3'], 0, -3)?></strong> GB</td>
            <td class="data plan"><strong class="info"><?=substr($planes_hosting[4]['configoption3'], 0, -3)?></strong> GB</td>
            <td class="data plan"><strong class="info"><?=substr($planes_hosting[5]['configoption3'], 0, -3)?></strong> GB</td>
            <td class="data plan"><strong class="info"><?=substr($planes_hosting[6]['configoption3'], 0, -3)?></strong> GB</td>
        </tr>
        <tr class="rowplan">
          <td class="data caracteristica">Transferencia:</td>
          <td class="data plan">Ilimitada</td>
          <td class="data plan">Ilimitada</td>
          <td class="data plan">Ilimitada</td>
          <td class="data plan">Ilimitada</td>
          <td class="data plan">Ilimitada</td>
          <td class="data plan">Ilimitada</td>
          <td class="data plan">Ilimitada</td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">Tiempo en Línea:</td>
            <td class="data plan">99.9%</td>
          <td class="data plan">99.9%</td>    
            <td class="data plan">99.9%</td>    
            <td class="data plan">99.9%</td>
            <td class="data plan">100%</td>
            <td class="data plan">100%</td>
            <td class="data plan">100%</td>
        </tr>
        <tr class="rowplan">
          <td class="data caracteristica">Dominios a Alojar:</td>
          <td class="data plan">1</td>
          <td class="data plan">1</td>
          <td class="data plan">3</td>
          <td class="data plan">5</td>
          <td class="data plan">1</td>
          <td class="data plan">3</td>
          <td class="data plan">5</td>
        </tr>
        <tr class="rowplan">
          <td class="data caracteristica">Correos x Hora (Max.):</td>
          <td class="data plan">100</td>
          <td class="data plan">300</td>
          <td class="data plan">500</td>
          <td class="data plan">500</td>
          <td class="data plan">1500</td>
          <td class="data plan">3000</td>
          <td class="data plan">Ilimitados</td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">Dominio sin Costo! * :</td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>
          <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>    
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>    
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" alt="" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" alt="" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" alt="" /></td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">IP Dedicada ** :</td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>
          <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>    
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>    
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">Certificado SSL ** :</td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>
          <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>    
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>    
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/no.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>
            <td class="data plan"><img src="{$TEMPLATE_URL}/img/checkmark.gif" /></td>
        </tr>
        <tr class="rowplan">
          <td class="data plan">&nbsp;</td>
          <td class="data plan"><a class="linkitem2 planpic1"  href="{$SITE_URL}/hosting/compartido/plan-hosting-x-dominio" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
          <td class="data plan"><a class="linkitem2 planpic2"  href="{$SITE_URL}/hosting/compartido/plan-hosting-trendy" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
          <td class="data plan"><a class="linkitem2 planpic3"  href="{$SITE_URL}/hosting/compartido/plan-hosting-starter" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
          <td class="data plan"><a class="linkitem2 planpic4"  href="{$SITE_URL}/hosting/compartido/plan-hosting-basico" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
          <td class="data plan"><a class="linkitem2 planpic5"  href="{$SITE_URL}/hosting/empresarial/plan-hosting-empresarial" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
          <td class="data plan"><a class="linkitem2 planpic6"  href="{$SITE_URL}/hosting/empresarial/plan-hosting-corporativo" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
          <td class="data plan"><a class="linkitem2 planpic7"  href="{$SITE_URL}/hosting/empresarial/plan-hosting-premium" target="_self" title="Contratar Plan Hosting">
            <h6 class="configurar">+ Info </h6>
          </a></td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">Costo por Mes:</td>
            <td class="data plan"><h5 class="price">
              <strong class="monthly">
                Sin Costo!
              </strong>
            </h5></td>
          <td class="data plan"><h5 class="price"><?=$planes_hosting[1]['prefix']?> <strong class="monthly"><?=$planes_hosting[1]['monthly']?></strong> <?=$planes_hosting[1]['suffix']?></h5></td>    
          <td class="data plan"><h5 class="price"><?=$planes_hosting[2]['prefix']?> <strong class="monthly"><?=$planes_hosting[2]['monthly']?></strong> <?=$planes_hosting[2]['suffix']?></h5></td>    
          <td class="data plan"><h5 class="price"><?=$planes_hosting[3]['prefix']?> <strong class="monthly"><?=$planes_hosting[3]['monthly']?></strong> <?=$planes_hosting[3]['suffix']?></h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[4]['prefix']?>
            <strong class="monthly">
              <?=$planes_hosting[4]['monthly']?>
            </strong>
            <?=$planes_hosting[4]['suffix']?>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[5]['prefix']?>
            <strong class="monthly">
              <?=$planes_hosting[5]['monthly']?>
            </strong>
            <?=$planes_hosting[5]['suffix']?>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[6]['prefix']?>
            <strong class="monthly">
              <?=$planes_hosting[6]['monthly']?>
            </strong>
            <?=$planes_hosting[6]['suffix']?>
          </h5></td>
       </tr>
        <tr class="rowplan">
          <td class="data caracteristica">Costo por 6 Mes:</td>
          <td class="data plan"><h5 class="price"> <strong class="monthly"> Sin Costo! </strong> </h5></td>
          <td class="data plan"><h5 class="price">
            <strong class="monthly">
              No Aplica
            </strong>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <strong class="monthly">
              No Aplica
            </strong>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <strong class="monthly">
              No Aplica
            </strong>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[4]['prefix']?>
            <strong class="monthly">
              <?=$planes_hosting[4]['semiannually']?>
            </strong>
            <?=$planes_hosting[4]['suffix']?>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[5]['prefix']?>
            <strong class="monthly">
              <?=$planes_hosting[5]['semiannually']?>
            </strong>
            <?=$planes_hosting[5]['suffix']?>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[6]['prefix']?>
            <strong class="monthly">
              <?=$planes_hosting[6]['semiannually']?>
            </strong>
            <?=$planes_hosting[6]['suffix']?>
          </h5></td>
        </tr>
        <tr class="rowplan">
            <td class="data caracteristica">Costo por Año:</td>
            <td class="data plan"><h5 class="price">
              
              <strong class="annually">
                Sin Costo!
              </strong>
            </h5></td>
          <td class="data plan"><h5 class="price"><?=$planes_hosting[1]['prefix']?> <strong class="annually"><?=$planes_hosting[1]['annually']?></strong> <?=$planes_hosting[1]['suffix']?></h5></td>    
          <td class="data plan"><h5 class="price"><?=$planes_hosting[2]['prefix']?> <strong class="annually"><?=$planes_hosting[2]['annually']?></strong> <?=$planes_hosting[2]['suffix']?></h5></td>    
          <td class="data plan"><h5 class="price"><?=$planes_hosting[3]['prefix']?> <strong class="annually"><?=$planes_hosting[3]['annually']?></strong> <?=$planes_hosting[3]['suffix']?></h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[4]['prefix']?>
            <strong class="annually">
              <?=$planes_hosting[4]['annually']?>
            </strong>
            <?=$planes_hosting[4]['suffix']?>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[5]['prefix']?>
            <strong class="annually">
              <?=$planes_hosting[5]['annually']?>
            </strong>
            <?=$planes_hosting[5]['suffix']?>
          </h5></td>
          <td class="data plan"><h5 class="price">
            <?=$planes_hosting[6]['prefix']?>
            <strong class="annually">
              <?=$planes_hosting[6]['annually']?>
            </strong>
            <?=$planes_hosting[6]['suffix']?>
          </h5></td>
       </tr>
       
        <tr class="rowplan">
            <td class="data plan">&nbsp;</td>
            <td class="data plan"><a class="linkitem planpic1"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[0]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet&amp;sld=escribetudominio&tld=.com" target="_self" title="Contratar Plan Hosting">
              <h3 class="configurar">Contratar! <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3>
            </a></td>
          <td class="data plan"><a class="linkitem planpic2"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[1]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet" target="_self" title="Contratar Plan Hosting"><h3 class="configurar">Contratar! <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3></a>             </td>    
          <td class="data plan"><a class="linkitem planpic3"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[2]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet" target="_self" title="Contratar Plan Hosting"><h3 class="configurar">Contratar!  <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3></a>             </td>    
          <td class="data plan"><a class="linkitem planpic4"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[3]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet" target="_self" title="Contratar Plan Hosting"><h3 class="configurar">Contratar! <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3></a>             </td>
          <td class="data plan"><a class="linkitem planpic5"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[4]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet" target="_self" title="Contratar Plan Hosting">
            <h3 class="configurar">Contratar! <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3>
          </a></td>
          <td class="data plan"><a class="linkitem planpic6"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[5]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet" target="_self" title="Contratar Plan Hosting">
            <h3 class="configurar">Contratar! <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3>
          </a></td>
          <td class="data plan"><a class="linkitem planpic7"  href="https://www.afterfuture.net/clientes/cart.php?a=add&amp;pid=<?=$planes_hosting[6]['id']?>&amp;currency=<?=$currency?>&amp;systpl=afnet" target="_self" title="Contratar Plan Hosting">
            <h3 class="configurar">Contratar! <img style="position:relative; margin-top:-5px;"src="{$TEMPLATE_URL}/img/icon_buy.png" /></h3>
          </a></td>
       </tr>
    </table>

</div>

<div class="col-md-12" style="background:url('{$TEMPLATE_URL}/img/layer_2_bg.png')">
	<h6 style="color:#FFF !important; padding:5px 20px;">
    	* Registro de Dominio sin costo aplica exclusivamente en contratación Anual.<br />
        ** Activación de IP Dedicada y Certificados SSL aplican únicamente en contratación Anual.
    </h6>
</div>
{literal}
<script>
$('.planpic').hover(
			function(){
					$(this).animate({
								width:"177px",
								height:"154px",
								marginLeft:"-90px",
								marginTop:"-80px",
								opacity: 1
							}, 200)
							
				},
			
			function(){
					$(this).animate({
								width:"107px",
								height:"90px",
								marginLeft:"-53px",
								marginTop:"-40px",
								opacity:0.8
							}, 200)
				}
		);	


$('.linkitem').hover(
			function(){
					var classe = $(this).attr('class');
						classe = classe.split('linkitem ');
						classe = '#'+classe[1];
						
					$(classe).animate({
								width:"177px",
								height:"154px",
								marginLeft:"-90px",
								marginTop:"-80px",
								opacity: 1
							}, 150)
							
				},
			
			function(){
					$('.planpic').animate({
								width:"107px",
								height:"90px",
								marginLeft:"-53px",
								marginTop:"-40px",
								opacity:0.8
							}, 150)
				}
		);	
$('.linkitem2').hover(
			function(){
					var classe = $(this).attr('class');
						classe = classe.split('linkitem2 ');
						classe = '#'+classe[1];
						
					$(classe).animate({
								width:"177px",
								height:"154px",
								marginLeft:"-90px",
								marginTop:"-80px",
								opacity: 1
							}, 150)
							
				},
			
			function(){
					$('.planpic').animate({
								width:"107px",
								height:"90px",
								marginLeft:"-53px",
								marginTop:"-40px",
								opacity:0.8
							}, 150)
				}
		);	


	$(document).ready(function(){
		$('tr.rowplan').mouseover(function(){
				$(this).addClass('rowh');
				$(this).children('.caracteristica').addClass('tdh');

			});
		$('tr.rowplan').mouseout(function(){
				$(this).removeClass('rowh');
				$(this).children('.caracteristica').removeClass('tdh');
			});
		});
</script>
{/literal}
