<?php
require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;
include('gestor/connect.php');

$query = "SELECT * from recursos where lcase(recurso_nombre) = '" . str_replace('-',' ',$_GET['recurso']) . "'";
$resultAux2 = mysqli_query($mysql_access, $query);
if ($row2 = mysqli_fetch_array($resultAux2)) {	
	$RecursoID = $row2['recurso_id'];
	$RecursoNombre = $row2['recurso_nombre'];
	$RecursoCategoria = $row2['recurso_categoria'];
}

$query = "SELECT * from categorias where categoria_id = '" . $RecursoCategoria . "'";
$resultAux2 = mysqli_query($mysql_access, $query);
if ($row2 = mysqli_fetch_array($resultAux2)) {	
	$CategoriaID = $row2['categoria_id'];
	$CategoriaNombre = $row2['categoria_nombre'];
	$CategoriaTexto = $row2['categoria_texto'];
}
?>
<!doctype html>
<html>
<head>
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9TK3NL1PVN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9TK3NL1PVN'); </script>
<!-- Google Tag Manager -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-TNMJNTJW');</script>

<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TNMJNTJW"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gulf Agro Argentina - Recursos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="DESCRIPTION" CONTENT="Contamos con sitios de suministro en todo el país. Accedé al mapa y consultá por el más cercano.">
<META NAME="keywords" CONTENT="">
<meta name="msapplication-TileColor" content="#FFFFFF">
<link rel="apple-touch-icon" sizes="180x180" href="im/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="im/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="im/favicon-16x16.png">
<link rel="manifest" href="im/site.webmanifest">
<link rel="mask-icon" href="im/safari-pinned-tab.svg" color="#FFFFFF">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="theme-color" content="#002776">
<style>
@font-face {
	font-family: 'HelveticaNeueLTPro-Bd';
	src: url('fonts/HelveticaNeueLTPro-Bd.eot');
	src: local('?'), url('fonts/HelveticaNeueLTPro-Bd.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTPro-Roman';
	src: url('fonts/HelveticaNeueLTPro-Roman.eot');
	src: local('?'), url('fonts/HelveticaNeueLTPro-Roman.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {width: 100%; max-width: 100%; height: 100%; margin:auto; border:0; padding:0; background-color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; opacity: 0;}
div,li {position:relative; font-family: 'HelveticaNeueLTPro-Roman', sans-serif; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;transition: all 0.3s}
a,img{border: 0px; padding: 0; margin: 0; font-family: 'HelveticaNeueLTPro-Roman', sans-serif;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;transition: all 0.3s}
strong{font-family: 'HelveticaNeueLTPro-Bd', sans-serif;}
a{border: 0px; padding: 0; margin: 0; text-decoration: none;transition: all 0.3s}
p{border: 0px;}

header{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 120px; z-index: 999;}
header .inner{display: table; width: calc(100% - 80px); max-width: 1085px; margin: 0 auto;}
header .inner .gulf{display: block; float: left; margin: 0;}
header .inner .main-menu{display: block; float: left; margin: 35px 0 0 50px; list-style: none; padding: 0}
header .inner .main-menu li{display: block; float: left; font-size: 16px; color: #002776; padding-right: 40px; line-height: 36px}
header .inner .main-menu li a{color: #002776; font-weight: bold;}
header .inner .main-menu li a:hover{opacity: 0.5}
header .inner .main-menu li:hover ul{display: block}

header .inner .right-menu{display: block; float: right; margin: 35px 0 0 0; list-style: none; padding: 0}
header .inner .right-menu li{display: block; float: left; font-size: 14px; color: #FFF; padding: 0 14px; line-height: 36px; border-right: 1px solid #002776}
header .inner .right-menu li a{color: #002776; font-family: 'HelveticaNeueLTPro-Bd', sans-serif;}
header .inner .right-menu li a:hover{opacity: 0.5}
.naranja{color: #FF6319!important}
header .inner .right-menu li .idioma{font-size: 16px; padding: 0 6px 4px 6px; margin: 0 4px;}
header .inner .right-menu li .seleccionado{border-bottom: 2px solid #002776}
header .inner .right-menu .noborder{border: 0}

header .inner .main-menu li ul{display: none; float: none; position: absolute; width: 240px; top: 36px; left: calc(50% - 20px); transform: translateX(-50%); list-style: none; padding: 0; margin: 0;}
header .inner .main-menu li ul li{display: block; float: none; list-style: none; padding: 0; margin: 0; text-align: center; line-height: 54px; border-bottom: 1px solid #90B0F9; background-color: rgba(0,39,118,0.8);}
header .inner .main-menu li ul li a{font-weight: normal;color: #FFF}
header .inner .main-menu li ul .arrow{position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}

.mobile_menu {background-color: rgba(22,42,73,0.89);margin-top:120px;}
.mobile_menu{display: block; list-style: none; padding: 0}
.mobile_menu li{display: block; font-size: 16px !important; color: #FFF; line-height: 16px;border-bottom:1px solid #fff !important;}
.mobile_menu li a{color: #FFF; font-weight: bold;font-size: 16px !important; color: #FFF; line-height: 16px;border-bottom: 1px solid #fff;}
.mobile_menu li:hover ul{display: block}
.mobile_menu li a.naranja{color: #FF6319}

.sm_menu_outer {
background-color:transparent !important;
}

#sm_menu_ham {
background-color:#002776 !important;
padding:22px 25px !important;
border-radius:5px;
}

#sm_menu_ham span:nth-child(1), #sm_menu_ham span:nth-child(2), #sm_menu_ham span:nth-child(3), #sm_menu_ham span:nth-child(4) {
margin-left:10px;
margin-top:10px;
	
}

.borde_base_slider_naranja{display: block; width: 100%; height: 25px; background-color: #FF6319;}

#encabezado{display: block; width: 100%; height: 374px; padding-top: 185px; background-image: url('img/banner_suministros.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
#encabezado .contenido{display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.6); padding: 30px 0}
#encabezado .inner{display: table; width: calc(100% - 40px); max-width: 1230px; margin: 0 auto;}
#encabezado .inner h1{font-size: 72px; font-weight: 400; color: #FFF; margin: 0; padding: 0}
#encabezado .inner h2{font-size: 27px; font-weight: 400; color: #FFF; margin: 0; padding: 0}

#slider{display: block; width: 100%; height: 350px; background-color: #CCC;}
.slide-inicio{display: block; width: 100%; height: 350px;}
#slider .slide{display: block; width: 100%; height: 350px; }
#slider .slide .tx_inner{display: table; position: absolute; width: 1100px; bottom: 0px; left: 0; background-color: rgba(0, 39, 118,0.6); padding: 40px 120px;}
#slider .slide .tx_inner .tx{display: block; float: left; line-height: 72px; color: #FFF;}
#slider .slide .tx_inner .tx strong{font-family: 'HelveticaNeueLTPro-Bd', sans-serif;}
#slider .slide .tx_inner .tx h1{font-weight: normal;display: block; float: left; font-size: 60px; line-height: 60px; color: #FFF;margin-top:0px;margin-bottom:0px;}
#slider .slide .tx_inner .tx h2{font-weight: normal;display: block; float: left; font-size: 24px; line-height: 24px; color: #FFF;margin-top:0px;margin-bottom:0px;}


#slider .slide .tx_inner_mobile{display: table; position: absolute; width: 100%; bottom: 0px; left: 0; background-color: rgba(0, 39, 118,0.6); padding: 40px 40px;}
#slider .slide .tx_inner_mobile .tx{display: block; float: left; line-height: 72px; color: #FFF;}
#slider .slide .tx_inner_mobile .tx_mobile strong{font-family: 'HelveticaNeueLTPro-Bd', sans-serif;}
#slider .slide .tx_inner_mobile .tx_mobile h1{font-weight: normal;display: block; float: left; font-size: 42px; line-height: 42px; color: #FFF;margin-top:0px;margin-bottom:0px;}
#slider .slide .tx_inner_mobile .tx_mobile h2{font-weight: normal;display: block; float: left; font-size: 20px; line-height: 20px; color: #FFF;margin-top:0px;margin-bottom:0px;}


#modulo2{display: block; width: 100%; height: 130px; background-color: #EEEEEE;}
#modulo2 .inner{display: table; width: calc(100% - 40px); max-width: 980px; margin: 0 auto;}
#modulo2 .inner .btn{display: table; width: calc(33.33% - 14px); height: 95px; margin-top: 20px; border-radius: 8px; padding: 20px 0 0 112px; background-repeat: no-repeat;}
#modulo2 .inner .btn:hover{opacity: 0.5}
#modulo2 .inner .btn .tx{display: block; position: absolute; width: 60%; top: 50%; right: 35px; transform: translateY(-50%); font-size: 24px; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; color: #FFF; line-height: 22px; text-align: center;}
#modulo2 .inner .btn1{float: left; background-image: url('im/inicio_btn1.png'); background-position: 34px center; background-color: #002776}
#modulo2 .inner .btn2{position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-image: url('im/inicio_btn2.png'); background-position: 38px center; padding: 29px 0 0 102px; background-color: #FF6319}
#modulo2 .inner .btn3{float: right; background-image: url('im/inicio_btn3.png'); background-position: 30px center; background-color: #8FD7FF}

#modulo3{display: block; width: 100%; padding: 20px 0; background-color: #F5F5F5}
#modulo3 .banners{display: block; width: 100%; max-width: 1300px; margin: 20px auto 50px auto;}
#modulo3 .banners img{display: block; width: 100%;}
#modulo3 .inner{display: table; width: calc(100% - 40px); max-width: 1098px; margin: 20px auto 0 auto; font-size: 18px; color: #002776; text-align: justify;}

#modulo4{display: table; width: 100%; background-color: #F5F5F5}
#modulo4 .inner{display: table; width: calc(100% - 40px); max-width: 999px; margin: 10px auto 40px auto;}
#modulo4 .inner .btn{display: table; font-size: 14px; font-weight: bold; color: #FFF; background-color: #002776; padding: 7px 18px; border-radius: 4px; margin-top: 20px}
#modulo4 .inner .btn:hover{opacity: 0.6}

.modulo-listado{display: block; width: calc(100% - 40px); max-width: 999px; margin: 0 auto 40px auto;}
.modulo-listado .row-listado{display: inline-block; width: 100%; margin: 0 0 10px 0;}
.modulo-listado .row-listado .titulo-listado{display: block; width: 100%; height: 83px; background-color: #002776; padding: 30px 90px 0 40px; font-size: 16px; color: #FFF; cursor: pointer;}

#modulo5{display: block; width: 100%; padding: 60px 0; background-color: #002776; background-image: url('im/bg_pie.png'); background-position: right top; background-repeat: no-repeat;}
#modulo5 .inner{display: table; width: calc(100% - 80px); max-width: 1170px; margin: 0 auto;}
#modulo5 .inner .titulo{display: table; margin: 0 auto; font-size: 26px; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; color: #FFF; line-height: 26px; text-align: center;}
#modulo5 .inner .col{display: inline-block; float: left;  width:  33.33%; margin-top: 50px; font-size: 14px; color: #FFF; line-height: 20px}
#modulo5 .inner .col2{float: left;  width:  33.33%; text-align: center;}
#modulo5 .inner .col3{float: left; width: 33.33%; text-align: right;}
#modulo5 .inner .col3 a {color:white;}
#modulo5 .inner .col .tit{font-size: 18px; color: #FFF; line-height: 18px; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; margin-bottom: 6px}

#modulo5 .inner .col_mobile{display: inline-block; float: left;  width:  100%; margin-top: 50px; font-size: 14px; color: #FFF; line-height: 20px}
#modulo5 .inner .col_mobile .tit{font-size: 18px; color: #FFF; line-height: 18px; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; margin-bottom: 6px}
#modulo5 .inner .col_mobile a {color:white;}

#modulo_tipo{display: table; width: 100%;}
#modulo_tipo .inner{display: table; width: calc(100% - 40px); max-width: 1078px; margin: 40px auto 40px auto;}
#modulo_tipo .inner h3{font-size: 72px; font-weight: 400; color: #002776; margin: 0; padding: 0; text-align: center;}
#modulo_tipo .inner .listado{display: table; width: 100%; margin: 40px 0 0 0}

  			<?php
			if(!$detect->isMobile() && !$detect->isTablet() ){
			?> 			
#modulo_tipo .inner .listado .imagen{display: table; float: left; width: calc(33.33% - 26px); margin: 15px 10px; background-color: #FFF; padding: 30px; cursor: pointer}
#modulo_tipo .inner .listado .formulario{display: table; float: left; width: calc(66.66% - 26px); margin: 15px 10px; border: 1px solid #ACACAC; border-radius: 25px; background-color: #FFF; padding: 30px; cursor: pointer}
#modulo_tipo .inner .listado .formulario .titulo{display: table; width: 100%;  font-size: 21px; font-weight: 700; color: #002776; text-align: left;}
  			<?php
			}
			else
			{
			?> 
#modulo_tipo .inner .listado .imagen{display: table; width: 75%; margin: 0 auto; margin-bottom:20px;border: 1px solid #ACACAC; border-radius: 9px; background-color: #FFF; padding: 80px 30px 30px 30px; cursor: pointer}
#modulo_tipo .inner .listado .formulario{display: table; width: 75%; margin: 0 auto; margin-bottom:20px;border: 1px solid #ACACAC; border-radius: 9px; background-color: #FFF; padding: 80px 30px 30px 30px; cursor: pointer}
#modulo_tipo .inner .listado .formulario .titulo{display: table; width: 100%;  font-size: 21px; font-weight: 700; color: #002776; text-align: left;}
  			<?php
			}
			?> 

#modulo_tipo .inner .listado .modulo:hover{opacity: 0.6}
#modulo_tipo .inner .listado .modulo img{display: table; margin: 0 auto}
#modulo_tipo .inner .listado .modulo .categoria{display: table; width: 100%; font-size: 16px; font-weight: 400; color: #002776; text-align: left;}
#modulo_tipo .inner .listado .modulo .titulo{display: table; width: 100%;  font-size: 21px; font-weight: 700; color: #002776; min-height:60px; text-align: left;}
#modulo_tipo .inner .listado .modulo p{display: table; width: 100%; margin: 15px 0 0 0; font-size: 14px; font-weight: 400; color: #707070; text-align: center;}
#modulo_tipo .inner .listado .modulo .btn{display: table; width: 155px; margin: 15px auto 0 auto; font-size: 12px; font-weight: 700; color: #FF6319; padding-left: 28px; line-height: 22px; background-image: url('im/btn-mas4.png'); background-position: left center; background-repeat: no-repeat;}

#modulo_tipo .inner .listado{display: table; width: calc(100% - 80px); max-width: 1160px; margin: 20px auto 0 auto;}
#modulo_tipo .inner .listado h1{display: table; width: 100%; font-size: 58px; margin: 0; font-weight: 400; color: #002776; text-align: center;}
#modulo_tipo .inner .listado .formulario{display: table; background-color: #F2F2F2; }
#modulo_tipo .inner .listado .imagen .titulo{display: table; width: 100%; color: #002776; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; font-size: 30px; margin: 0 0 30px 0}
#modulo_tipo .inner .listado .formulario .titulo{display: table; width: 100%; color: #002776; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; font-size: 30px; margin: 0 0 30px 0}
#modulo_tipo .inner .listado .formulario .row{display: table; width: 100%; margin: 0 0 14px 0; font-size: 16px; color: #343434;}
#modulo_tipo .inner .listado .formulario .row .col1{display: table; float: left; width: calc(50% - 50px);}
#modulo_tipo .inner .listado .formulario .row .col2{display: table; float: right; width: calc(50% - 50px);}
#modulo_tipo .inner .listado .formulario .row .required{display: table; float: left; font-size: 16px; color: #9C9C9C; font-style: italic; margin: 14px 0 0 20px}
#modulo_tipo .inner .listado .formulario .row input[type=text]{display: table; width: 100%; height: 39px; margin: 8px 0 0 0; font-size: 14px; color: #343434; border: 1px solid #BCBCBC; border-radius: 6px; background-color: #FFF;}
#modulo_tipo .inner .listado .formulario .row input[type=submit]{display: table; float: left; width: 105px; height: 34px; cursor: pointer; margin: 8px 0 0 0; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; font-size: 18px; color: #FFF; border: 0; border-radius: 8px; background-color: #FF6319;}
#modulo_tipo .inner .listado .formulario .row textarea{display: table; width: 100%; height: 170px; margin: 8px 0 0 0; font-size: 14px; color: #343434; border: 1px solid #BCBCBC; border-radius: 6px; background-color: #FFF;}
#modulo_tipo .inner .listado .formulario .row .botonEnviar{display: table; float: left; width: 205px; height: 34px; cursor: pointer; margin: 8px 0 0 0; font-family: 'HelveticaNeueLTPro-Bd', sans-serif; font-size: 18px; color: #FFF; border: 0; border-radius: 8px; background-color: #FF6319;}


#bg_popup{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 9999}
#bg_popup .inner{position: absolute;; width: 100%; height: 100%; top: 0; left: 0; overflow-y: scroll;}
#bg_popup .popup{display: table; width: calc(100% - 40px); max-width: 1250px; margin: 80px auto; background-color: #FFF; padding: 100px 70px 80px 50px}
#bg_popup .popup .btn-cerrar{position: absolute; top: 36px; right: 36px; cursor: pointer;}
#bg_popup .popup .col1{display: block; float: left; width: calc(50% - 20px);}
#bg_popup .popup .col1 .titulo{display: block; font-size: 50px; font-weight: 700; color: #002776}
#bg_popup .popup .col1 .subtitulo{display: inline-block; font-size: 30px; line-height: 30px; font-weight: 700; color: #FFF; background-color: #FF6319; padding: 15px; margin-top: 15px}
#bg_popup .popup .col1 .imagen{display: block; margin: 45px 0 30px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 85px 0;}
#bg_popup .popup .col1 .imagen img{display: block; margin: 0 auto;}
#bg_popup .popup .col1 .base{display: table; width: 100%; margin: 0;}
#bg_popup .popup .col1 .base .col_izq{display: block; float: left; width: calc(100% - 160px);}
#bg_popup .popup .col1 .base .col_izq .tx1{font-size: 18px; font-weight: 700; color: #002776}
#bg_popup .popup .col1 .base .col_izq .tx2{font-size: 14px; font-weight: 700; color: #343434; margin-top: 20px}
#bg_popup .popup .col1 .base .col_izq .tx2 span{color: #FF6319}
#bg_popup .popup .col1 .base .col_der{display: block; float: right; width: 160px; text-align: right;}
#bg_popup .popup .col1 .base .col_der .tx1{font-size: 14px; font-weight: 700; color: #9C9C9C}
#bg_popup .popup .col1 .base .col_der .iconos{display: block; width: 100%; margin-top: 10px}
#bg_popup .popup .col1 .base .col_der .iconos .ico{display: block; float: right; margin-left: 8px}
#bg_popup .popup .col2{display: block; float: right; width: calc(50% - 20px); padding: 80px 45px; background-color: #F5F5F5}
#bg_popup .popup .col2 .titulo{display: block; font-size: 24px; font-weight: 700; color: #002776}
#bg_popup .popup .col2 .descripcion{display: block; font-size: 14px; color: #002776; margin-top: 25px}
#bg_popup .popup .col2 .btn_row{display: table; width: 100%; margin: 50px 0 0 0;}
#bg_popup .popup .col2 .btn_consulta{display: table; width: calc(50% - 15px); height: 60px; float: left; background-color: #FF6319; border-radius: 5px; font-size: 18px; text-align: center; font-weight: 700; color: #FFF; line-height: 60px; cursor: pointer;}
#bg_popup .popup .col2 .btn_consulta:hover{opacity: 0.6}
#bg_popup .popup .col2 .btn_cotiza{display: table; width: calc(50% - 15px); height: 60px; float: right; background-color: #002776; border-radius: 5px; font-size: 18px; text-align: center; font-weight: 700; color: #FFF; line-height: 60px; cursor: pointer;}
#bg_popup .popup .col2 .btn_cotiza:hover{opacity: 0.6}

.boton-naranja{ padding:10px;font-weight:bold;font-size: 14px; width:50%;color: #fff; background: #fd671a; border-radius:25px; border:0px solid #fff; text-align: center;}
.boton-azul{ padding:10px;font-weight:bold;font-size: 14px; width:20%;margin:5px;color: #002776; float:center;background: transparent; border-radius:25px; border:1px solid #002776; text-align: center;}

#error {color:red;}
</style>
</head>
<body>
	<header>
		<div class="inner">
			<a href="index.php"><img src="im/gulf_logo.svg" alt="" class="gulf"></a>
  			<?php
			if(!$detect->isMobile() && !$detect->isTablet() ){
			?> 			
			<ul class="main-menu">
				<li><a href="nosotros.php">Nosotros</a></li>
				<li>
					<a href="#">Productos</a>
					<ul>
						<li><a href="proteccion-para-cultivos.php">Protección para cultivos</a></li>
						<img src="im/submenu-arrow.png" alt="" class="arrow">
					</ul>
				</li>
								<li><a href="recursos.php">Recursos</a></li>

				<li><a href="#">Distribuidores Gulf Agro</a>
					<ul>
						<li><a href="sitios-de-suministro.php">Sitios de suministro</a></li>
						<li><a href="convertirte-en-distribuidor.php">Convertite en distribuidor</a></li>
						<img src="im/submenu-arrow.png" alt="" class="arrow">
					</ul>				
				</li>
			</ul>
			<ul class="right-menu">
				<li><a href="contacto.php">Contacto</a></li>
				<li><a href="http://www.gulfoillatam.com/" target="_blank" class="menublancosombra">gulfoillatam.com</a></li>
				<li class="noborder"><a href="#" class="idioma seleccionado">ES</a> <a href="#" class="idioma">EN</a></li>
			</ul>
  			<?php
			}
			?> 	
		</div>
	</header>



	<div id="slider" style="background-position: top; background-repeat: no-repeat; background-size: cover;background-image: url('banners/banner_suministro.png?t=<?php echo time()?>');">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="slide swiper-slide">
  			<?php
			if(!$detect->isMobile() && !$detect->isTablet() ){
			?> 				
			<div class="tx_inner">
						<div class="tx">
						<h1><?php echo $CategoriaNombre?>s</h1><br>
						<h2><?php echo $CategoriaTexto?></h2>

</div>
					</div>
  			<?php
			}
			else
			{
			?> 				
			<div class="tx_inner_mobile">
						<div class="tx_mobile"><h1><?php echo $CategoriaNombre?>s</h1>
						<h2><?php echo $CategoriaTexto?></h2></div>
					</div>
			<?php
			}
			?> 	

				</div>
			</div>
		</div>
		<div class="sombra"></div>
	</div>

	<div id="modulo_tipo">
		<div class="inner">
			
			<div class="listado">
				<div class="imagen">
				<span class="titulo"><?php echo $CategoriaNombre?><br><?php echo $RecursoNombre?></span>
				<img src="img/recursos/<?php echo $RecursoID?>.jpg?t=<?php echo time()?>" style="max-width:100%;" alt="">
				</div>
				<div class="formulario">
  			<?php
			if(!$detect->isMobile() && !$detect->isTablet() ){
			?> 			
			<div class="titulo">Descargar <?php echo $CategoriaNombre?></div>
				<form id="formDatos" action="recursos-enviar.php" method="POST">
				<div class="row">
					<div class="col1">
						Nombre *
						<input type="text" name="Nombre" id="Nombre">
					</div>
					<div class="col2">
						Empresa
						<input type="text" name="Empresa" id="Empresa">
					</div>
				</div>
				<div class="row">
					Correo Electrónico *
						<input type="text" name="Email" id="Email">
						<input type="hidden" name="Recurso" id="Recurso" value="<?php echo $RecursoID?>">
						
				</div>
				<div class="row">
				<div id="error" class="form-error"></div>
					<input type="button" class="botonEnviar" onClick="javascript:return Enviar();" value="Descargar">
					<div class="required">(*) Campos Obligatorios</div>
				</div>
				</form>  			<?php
			}
			else
			{
			?> 
				<form id="formDatos" action="contacto-enviar.php" method="POST">
				<div class="row">
					<div class="col"><br>
						Nombre *
						<input type="text" name="Nombre" id="Nombre">
					</div>
					<div class="col"><br>
						Empresa *
						<input type="text" name="Empresa" id="Empresa">
					</div>
					<div class="col"><br>
						Correo electrónico*
						<input type="text" name="Email" id="Email">
						<input type="hidden" name="Recurso" id="Recurso" value="<?php echo $RecursoID?>">
					</div>
				<div id="error" class="form-error"></div>
					<input type="button" class="botonEnviar" onClick="javascript:return Enviar();" value="Descargar">
					<div class="required">(*) Campos Obligatorios</div>
				</div>
				</form>  			<?php
			}
			?> 					
				</div>
			</div>

		</div>
		</div>
	</div>



	<div id="modulo5">
		<div class="inner">
  			<?php
			if(!$detect->isMobile() && !$detect->isTablet() ){
			?> 				
			<div class="titulo">¿Alguna pregunta? No dudes en consultarnos.</div>
			<div class="col">
				<div class="tit">Gulf Agro</div>
				Belisario Roldán 2601, B1739EEY<br>
				La Reja, Provincia de Buenos Aires<br>
				Argentina
			</div>
			<div class="col col2">
				<div class="tit">Información de contacto</div>
				ventas@gulfoil.com.ar<br>
				0237-463-3331<br>
				0237-462-5743 / 2336 / 7746 / 3848<br>
				0237-3582 / 4143 / 4203
			</div>
			<div class="col col3">
				<div class="tit">Términos del sitio</div>
				<a href="politicas-de-privacidad.php">Políticas de privacidad</a>
			</div>
  			<?php
			}
			else
			{
			?> 				
			<div class="titulo">¿Alguna pregunta?<br>No dudes en consultarnos.</div>
			<div class="col_mobile">
				<div class="tit">Gulf Agro</div>
				Belisario Roldán 2601, B1739EEY<br>
				La Reja, Provincia de Buenos Aires<br>
				Argentina
				<br><br>
				<div class="tit">Información de contacto</div>
				ventas@gulfoil.com.ar<br>
				0237-463-3331<br>
				0237-462-5743 / 2336 / 7746 / 3848<br>
				0237-3582 / 4143 / 4203
				<br><br>
				<div class="tit">Términos del sitio</div>
				<a href="politicas-de-privacidad.php">Políticas de privacidad</a>
			</div>
			<?php
			}
			?> 			
		</div>
	</div>

	<div id="footer">
		<div class="inner">
			<img src="im/footer-gulf.svg" alt="" class="gulf">
			<a href="https://www.instagram.com/gulfoilargentina/" target="_blank"><img src="im/footer-instagram.svg" alt="" class="instagram"></a>
			<a href="https://www.facebook.com/GulfOilArgentina/" target="_blank"><img src="im/footer-facebook.svg" alt="" class="facebook"></a>
			<a href="https://www.linkedin.com/company/gulfoilargentina/?viewAsMember=true" target="_blank"><img src="im/footer-linkedin.svg" alt="" class="linkedin"></a>
			<a href="http://www.gulfoillatam.com/" class="gulflatam" target="_blank">gulfoillatam.com</a>
		</div>
	</div>

	<div id="bg_popup">
		<div class="inner">
			<div class="popup">
				<img src="im/popup-cerrar.png" alt="" class="btn-cerrar" onClick="closePopUp()">
				<div class="col1">
					<div class="titulo">Diesel 500</div>
					<div class="subtitulo">Diesel</div>
					<div class="imagen">
						<img src="im/tipo_img.png" alt="">
					</div>
					<div class="base">
						<div class="col_izq">
							<div class="tx1">DETALLES DEL PRODUCTO</div>
							<div class="tx2">
								TIPO DE MOTOR: <span>Diesel</span><br>
								MODELO: <span>Infinia Diesel</span>
							</div>
						</div>
						<div class="col_der">
							<div class="tx1">Fichas de Producto</div>
							<div class="iconos">
								<a href="#"><img src="im/descarga_2_en.png" alt="" class="ico"></a>
								<a href="#"><img src="im/descarga_2_es.png" alt="" class="ico"></a>
								<a href="#"><img src="im/descarga_1_en.png" alt="" class="ico"></a>
								<a href="#"><img src="im/descarga_1_es.png" alt="" class="ico"></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col2">
					<div class="titulo">Descripción del Producto</div>
					<div class="descripcion">
						<p>Nombre Producto is a 32.5% aqueous urea solution, recommended in the exhaust gas pollution removal process using SCR technology</p>
						<p>Nombre Producto is a 32.5% aqueous urea solution, recommended in the exhaust gas pollution removal process using SCR technology</p>
						<p>Nombre Producto is a 32.5% aqueous urea solution, recommended in the exhaust gas pollution removal process using SCR technology</p>
						<p>Nombre Producto is a 32.5% aqueous urea solution, recommended in the exhaust gas pollution removal process using SCR technology</p>
						<p>Nombre Producto is a 32.5% aqueous urea solution, recommended in the exhaust gas pollution removal process using SCR technology</p>
						<p>Nombre Producto is a 32.5% aqueous urea solution, recommended in the exhaust gas pollution removal process using SCR technology</p>
					</div>
					<div class="btn_row">
						<a href="#" class="btn_consulta">CONSULTA</a>
						<a href="#" class="btn_cotiza">COTIZA</a>
					</div>
				</div>
			</div>
		</div>
	</div>

		    <ul class="mobile_menu">
			<li><a href="nosotros.php">Nosotros</a></li>
			<li><a href="javascript:void();" class="naranja">Productos</a></li>
			<li><a href="proteccion-para-cultivos.php">Protección para cultivos</a></li>
			<li><a href="recursos.php">Recursos</a></li>
			<li><a href="javascript:void();" class="naranja">Distribuidores Gulf Agro</a></li>
			<li><a href="sitios-de-suministro.php">Sitios de suministro</a></li>
			<li><a href="convertirte-en-distribuidor.php">Convertite en distribuidor</a></li>
			<li><a href="contacto.php">Contacto</a></li>
		</ul>
		
</body>
<script src="includes/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css">
<link rel="stylesheet" href="includes/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.min.js"></script>
    <link rel="stylesheet" href="mobile-menu/styles/jquery-simple-mobilemenu-accordion.css">
    <script src="mobile-menu/jquery-simple-mobilemenu.js"></script>

<script>
	$(document).ready(function(){
		$('body').delay(100).animate({"opacity": 1});

		swiper = new Swiper('.slide-inicio', {
			autoplay: {delay: 5000,},
	    direction: 'horizontal',
			speed: 1500,
			loop: true,
			keyboardControl: true,
			mousewheelControl: true,
			mousewheelForceToAxis: true,
			watchSlidesVisibility: true,
	    });
		
		        $(".mobile_menu").simpleMobileMenu({
            onMenuLoad: function(menu) {
                console.log(menu)
                console.log("menu loaded")
            },
            onMenuToggle: function(menu, opened) {
                console.log(opened)
            },
            "menuStyle": "slide"
        });	

	});

	function abreListado(id){
		var estadoListado = $('#listado'+id).css('display');
		if(estadoListado == 'none'){
			$('#listado'+id).fadeIn(0);
			$('.modulo'+id+' .btn-mas').addClass('btn-menos');
		}else{
			$('#listado'+id).fadeOut(0);
			$('.modulo'+id+' .btn-mas').removeClass('btn-menos');
		}
	}
	function abreRowListado(id,row){
		var estadoRow = $('#listado'+id+'-row'+row).css('display');
		if(estadoRow == 'none'){
			$('#listado'+id+'-row'+row).fadeIn(0);
			$('#listado'+id+'-btn'+row).addClass('btn-cierra');
		}else{
			$('#listado'+id+'-row'+row).fadeOut(0);
			$('#listado'+id+'-btn'+row).removeClass('btn-cierra');
		}
	}
	function openPopUp(){
		$('#bg_popup').fadeIn(200);
	}
	function closePopUp(){
		$('#bg_popup').fadeOut(200);
	}
</script>

<script type="text/javascript">

function Enviar() {
	if (document.getElementById('Nombre').value == '') {
		document.getElementById('error').innerHTML = 'Por favor, ingrese Nombre';
		return (false);
	}

	if (document.getElementById('Empresa').value == '') {
		document.getElementById('error').innerHTML = 'Por favor, ingrese Empresa';
		return (false);
	}

	if (document.getElementById('Email').value == '') {
		document.getElementById('error').innerHTML = 'Por favor, ingrese Correo Electrónico';
		return (false);
	}
	

	document.getElementById('formDatos').submit();
	
}

</script>	
</html>
