<?php
    require_once "lib.php";
    // $lib = new lib("http://localhost:8080/gits/fertimicro2/webservice/index.php");
	// $lib = new lib("http://pitaya-organicos.com/fertimicro2/webservice/index.php");
	$lib = new lib("http://fertimicro.com/webservice/index.php");
	$uri_ajust = "";
?>
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="es-MX"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<!--[if IE]>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
	<![endif]-->

	<title>FERTIMICRO</title>
	<?php require_once "includes/head.php"; ?>
    <style>
    #menu li > a{
        color:rgb(14, 95, 162);
    }
    .sub-menu li  a{
        color:rgb(255,255,255) !important;
    },

    #menu li a:hover{
        color: rgb(134, 188, 35);
    }
    </style>
</head>

<body class="page page-template-default home8">	

<div id="main-wrapper">
	<div id="main" class="ajaxable layout-wide">
		<header id="header">
            <?php require_once "includes/header.php";?>
        </header>
		<!-- END HEADER -->


	

	<section id="content" class="no-sidebar-page">
	    <div id="content-wrap" class="page-builder">
	        <section id="page-content">
	            <div class="clearfix">
	                
<?php
	$data = "pet=productos&act=cat&data=".$_GET["p"];
	$productos= $lib->webservice_get($data);
	foreach ($productos as $producto) {
	echo '
		<style>
		#pdesc, #pdesc + ul li{color: '.$producto->color.' !important;}
    </style>
	';
?>
	                <!-- Tabs -->
	                <div class="be-section clearfix" data-headerscheme="background--dark" style="background-color: #ffffff;">
	                    <div class="be-section-pad clearfix" style="padding-top:0px;padding-bottom:0px;">
						

							<div class="be-button-wrap align-block block-right"><a class="be-shortcode mediumbtn be-button rounded" style="border-style: solid; border-width:0px; border-color: #3a3a3a;background-color: inherit; color: #0a0a0a; cursor:pointer;" data-animation="fadeIn" data-bg-color="inherit" data-hover-bg-color="inherit" data-color="#0a0a0a" data-hover-color="#0a0a0a" data-border-color="#3a3a3a" data-hover-border-color="#3a3a3a" onClick="window.close();"><i class="fa fa-reply"></i> REGRESAR</a></div>
									<?php
									if($producto->categoria == 'NUTRIENTES'){
									?>
										<!-- <div class="be-button-wrap align-block block-right"><i class="fa fa-reply"></i><a class="be-shortcode mediumbtn be-button rounded" href="nutrientes.php" style="border-style: solid; border-width:0px; border-color: #3a3a3a;background-color: inherit; color: #0a0a0a;" data-animation="fadeIn" data-bg-color="inherit" data-hover-bg-color="inherit" data-color="#0a0a0a" data-hover-color="#0a0a0a" data-border-color="#3a3a3a" data-hover-border-color="#3a3a3a">Regresar a NUTRIENTES</a></div> -->
									<?php
									}else{
									?>
										<!-- <div class="be-button-wrap align-block block-right"><i class="fa fa-reply"></i><a class="be-shortcode mediumbtn be-button rounded" href="division-organica.php" style="border-style: solid; border-width:0px; border-color: #3a3a3a;background-color: inherit; color: #0a0a0a;" data-animation="fadeIn" data-bg-color="inherit" data-hover-bg-color="inherit" data-color="#0a0a0a" data-hover-color="#0a0a0a" data-border-color="#3a3a3a" data-hover-border-color="#3a3a3a">Regresar a DIVISION ORGANICA</a></div> -->
									<?php
									}
									?>
	                        <div class="be-row be-wrap clearfix">



	                            <div class="one-third column-block  " style="position:static;">
								
	                                <div class="be-text-block be-animate " data-animation="fadeInLeft">
									
	                                    <p>
	                                        <!-- <a href="#"><img class="alignnone size-full wp-image-2090" src="pics-productos/<?php echo $producto->id_producto;?>.jpg" alt="macbook-namo" height="603" width="1049"></a> -->
	                                        <img class="alignnone size-full wp-image-2090" src="pics/logos/<?php echo $producto->logo_producto;?>" alt="[<?php echo $producto->producto;?>]" height="603" width="1049" style="width:auto; height:auto;">
											<h5>PRESENTACIÓN</h5>
											
											<ul>
											<?php
												$color = 'style="color:'.$producto->color.' !important"';
												$presentaciones = explode(",",$producto->presentacion);
												foreach ($presentaciones as $presentacion) {
													echo '<li '.$color.'>'.$presentacion.'</li>';
												}
											?>
											</ul>
	                                    </p>
	                                </div>
	                            </div>
	                            <div class="two-third column-block   " style="">
                                    <h5><span style="letter-spacing: 3px;">
                                        <?php echo $producto->producto;?>
                                    </span></h5>
									</h6>
									
	                                <p id="pdesc">
                                        <?php echo $producto->descripcion;?>
                                    </p>
<br /><br />
	<div class="be-row be-wrap clearfix">

	<?php
		if($producto->categoria != 'NUTRIENTES'){
			if(isset($producto->certificados)){
				$certificados = explode(",",$producto->certificados);
				foreach($certificados as $certificado){
					if($certificado == "omri"){$certificado = "OMRI.png";}
					if($certificado == "cofepris"){$certificado = "cofepris.png";}
					if($certificado == "ccof"){$certificado = "logo-ccof.jpg";}
					echo '
						<div class="one-fourth column-block  " style="">
							<div class="be-text-block be-animate " data-animation="fadeInLeft">
								<p>
									<a><img class="alignnone size-full wp-image-2090" src="certificados/'.$certificado.'" alt="" height="603" width="1049"></a>
								</p>
							</div>
						</div>
					
					';
				}
			}
	?>
	</div>						
                                        
	<?php        
		}
	?>												
										

<!-- <br /><br />
<h5>¿MÁS INFORMACIÓN?</h5>
                                    <ul class="custom-list">
	                                    <li class="custom-list-content"><i class="font-icon icon-star-empty " style="color:#0a0a0a;"></i><span class="custom-list-content-inner">Ficha Tecnica</span></li>
	                                    <li class="custom-list-content"><i class="font-icon icon-star-empty " style="color:#0a0a0a;"></i><span class="custom-list-content-inner">Hoja De Seguridad</span></li>
	                                    <li class="custom-list-content"><i class="font-icon icon-star-empty " style="color:#0a0a0a;"></i><span class="custom-list-content-inner">Certidicados</span></li>
	                                    
	                                </ul>
	                                <div class="be-button-wrap align-block block-left"><a class="be-shortcode mediumbtn be-button rounded" href="contactanos.php" style="border-style: solid; border-width:1px; border-color: #3a3a3a;background-color: inherit; color: #0a0a0a;" data-animation="fadeIn" data-bg-color="inherit" data-hover-bg-color="inherit" data-color="#0a0a0a" data-hover-color="#0a0a0a" data-border-color="#3a3a3a" data-hover-border-color="#3a3a3a">¡Contactanos!</a></div> -->
								</div>
	                        </div>
                            
                            
	                    </div>
	                </div>
<?php        
	}
?>
					<!-- Our Team -->
	            

	                

	                <!-- <div class="be-section be-bg-overlay   clearfix" data-headerscheme="background--dark" style="background:#e8e8e8 url(upload/picjumbo.com_IMG_4340.jpg) no-repeat fixed center center;" id="section4">
	                    <div class="be-section-pad clearfix" style="padding-top:75px;padding-bottom:75px;">
	                        <div class="section-overlay" style="background: #000000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;"></div>
	                        <div class="be-row be-wrap clearfix">
	                            <div class="one-col column-block clearfix  " style="">
	                                <div class="icon-shortcode block-center"><a href="#" class="icon-shortcode  " data-animation="fadeIn"><i class="font-icon icon-quote large plain" style="color:#26cda4;" data-color="#26cda4" data-hover-color="#26cda4"></i></a></div>
	                                <div class="testimonials_wrap " data-animation="fadeIn">
	                                    <div class="flexslider testimonial-flex-slider">
	                                        <ul class="clearfix slides">
	                                            <li class="testimonial_slide slide clearfix"><span style="color: #999999;">It's simplicity is both appealing and user-friendly - definitely recommend for photographers, graphic designers and agencies</span>
	                                                <h6 class="testimonial-author" style="color:#ffffff;">Mike Dekker</h6></li>
	                                            <li class="testimonial_slide slide clearfix"><span style="color: #999999;">Easy to install, easy to use, high customizable. Great communication and with the developer/designer. One of the best html theme.</span>
	                                                <h6 class="testimonial-author" style="color:#ffffff;">Jane</h6></li>
	                                            <li class="testimonial_slide slide clearfix"><span style="color: #999999;">Beautiful theme, developed with am exquisite taste and style! Very versatile Portfolio / Gallery section - which I was looking for since ages. Really, really useful and incredibly simple to handle via the Page Builder. Awesome!</span>
	                                                <h6 class="testimonial-author" style="color:#ffffff;">Buisy Baby</h6></li>
	                                        </ul>
	                                    </div>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
                    </div> -->
                   
	            </div>
	            <!--  End Page Content -->
	        </section>
	    </div>
	</section>

	

		<footer id="footer">
            <?php require_once "includes/footer.php";?>
        </footer>
		<div class="gallery-slider-wrap">
			<div class="gallery-slider-content">
			</div>
			<div class="gallery-slider-controls">
				<div class="bubblingG loader">
					<span id="bubblingG_1"></span>
					<span id="bubblingG_2"></span>
					<span id="bubblingG_3"></span>
				</div>
			</div>
		</div>
	</div>
	
	<a href="#" id="back-to-top"><i class="font-icon icon-up-open-big"></i></a>
</div>

			<script type='text/javascript' src='js/jquery.themepunch.tools.min.js'></script>
			<script type='text/javascript' src='js/jquery.themepunch.revolution.min.js'></script>


			<script type='text/javascript' src='js/comment-reply.min.js'></script>
			<script type='text/javascript' src='js/jquery.form.min.js'></script>
			<script type='text/javascript' src='js/scripts.js'></script>
			<script type='text/javascript' src='js/frontend/add-to-cart.min.js'></script>
			<script type='text/javascript' src='js/jquery-blockui/jquery.blockUI.min.js'></script>
			<script type='text/javascript' src='js/frontend/woocommerce.min.js'></script>
			<script type='text/javascript' src='js/jquery-cookie/jquery.cookie.min.js'></script>
			<script type='text/javascript' src='js/frontend/cart-fragments.min.js'></script>
			<script type='text/javascript' src='js/plugins.js'></script>
			<script type='text/javascript' src='js/woocommerce.js'></script>
			<script type='text/javascript' src='js/be-slider.js'></script>
			<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
			<script type='text/javascript' src='js/gmap3.min.js'></script>
			<script type='text/javascript' src='js/jquery-ui-1.8.22.custom.min.js'></script>
			<script type='text/javascript' src='js/script.js'></script>
			<script type='text/javascript' src='js/chosen/chosen.jquery.min.js'></script>
			<script type='text/javascript' src='js/frontend/chosen-frontend.min.js'></script>

</body>
</html>