<!--
                                                             `@@#                                                                                                                        
                                                            :@@@@@                                                                                                                       
                                                           #@@` @@@.                                                                                                                     
                                                          @@@    +@@;                                                                                                                    
                                                        .@@#      ,@@#                                                                                                                   
                                                       ;@@:        `@@@                                                                                                                  
                                                      #@@`    @@,    @@@.                                                                                                                
                                                     @@@     @@@@'    +@@;                                                                                                               
                                                   .@@+    :@@@@@@@    :@@#                                                                                                              
                                                  '@@:    +@@.@@ @@@    `@@@                                                                                                             
                                                 @@@`    @@@  @@  '@@,    @@@.                                                                                                           
                                               `@@@    `@@#   @@   .@@'    +@@'                                                                                                          
                                               @@#     @@'    @@'    @@@    :@@                                                                                                          
                                               @@@'    @@@  ,@@@@@    #@@    +@                                                                                                          
                                               @@@@@    #@@'@@; @@@    ;@@.  +@                                                                                                          
                                               @@ @@@`   :@@@.   '@@,   .@@' +@                                                                                                          
                                               @@  #@@,   `@@@  `@@@@+    @@#+@                                                                                                          
                                               @@   ;@@+    @@@,@@' @@@    #@@@                                                                                                          
                                               @@    .@@@    +@@@,   #@@    ;@@                                                                                                          
                                               #@@`    @@@`   :@    ;@@;    #@@                                                                                                          
                                                ;@@:    #@@:       #@@`    @@@                                                                                                           
                                                 .@@#    :@@+     @@@    .@@#                                                                                                            
                                                   @@@    `@@@  .@@+    ;@@'                                                                                                             
                                                    #@@.    @@@;@@:    #@@,                                                                                                              
                                                     :@@;    +@@@     @@@                                                                                                                
                                                      `@@#    @@    .@@#                                                                                                                 
                                                        @@@   @@   '@@'                                                                                                                  
                                                         +@@. @@  #@@.                                                                                                                   
                                                          :@@'@@ @@@                                                                                                                     
                                                           `@@@@@@#                                                                                                                      
                                                             @@@@;                                                                                                                       
                                                              '@.                                                                                                                        
                                           #@'                                                                                                                                           
                                          `@@@                                                                                                                                           
                                          `@@@                                                                                                                                           
     ;@@@@,     '#`     #+     ,@@@@'    .:@@@,.    ;@@@@'     `#: .@@@;  ,@@@:            ,@@@@+       '@@@@'     .#, ,@@@:  ,@@@,                                                      
   `@@@@@@@@   ,@@@    #@@;   #@@@@@@@;  @@@@@@@` `@@@@@@@@:   @@@:@@@@@@'@@@@@@          @@@@@@@@,   ,@@@@@@@@,   @@@'@@@@@#+@@@@@#                                                     
   @@@@#@@@@'  :@@@    @@@+  :@@@@#@@@@  @@@@@@@  @@@@@@@@@@   @@@@@@@@@@@@@@@@@.        #@@@@@@@@@  `@@@@@@@@@@`  @@@@@@@@@@@@@@@@@:                                                    
   @@@   `@@,  :@@@    @@@+  @@@;   #@@   `@@@    @@@    @@@`  @@@@` ,@@@@` `@@@'       `@@@@  .@@@: @@@@    @@@@  @@@@  :@@@@  .@@@#                                                    
   @@@:        :@@@    @@@+  @@@@`        `@@@    .'     @@@`  @@@:   @@@'   #@@+       '@@@    .@@` @@@,    ,@@@  @@@.   @@@:   @@@#                                                    
   @@@@@@@,    :@@@    @@@+  +@@@@@@;`    `@@@      .;@@@@@@`  @@@.   @@@:   #@@+       #@@@        .@@@      @@@. @@@`   @@@,   @@@#                                                    
   ,@@@@@@@@:  :@@@    @@@+   @@@@@@@@@   `@@@    ,@@@@@@@@@`  @@@.   @@@:   #@@+       @@@@        ,@@@      @@@, @@@`   @@@,   @@@#                                                    
     ;@@@@@@@` :@@@    @@@+    .#@@@@@@#  `@@@   `@@@@+, @@@`  @@@.   @@@:   #@@+       #@@@        ,@@@      @@@, @@@`   @@@,   @@@#                                                    
        .#@@@' :@@@    @@@+        :@@@@  `@@@   ;@@@    @@@`  @@@.   @@@:   #@@+       #@@@    :@@ `@@@`    `@@@` @@@`   @@@,   @@@#                                                    
   @@'    @@@' :@@@   `@@@+  #@@    `@@@  `@@@   +@@+   .@@@`  @@@.   @@@:   #@@+       :@@@;  .@@@: @@@+    +@@@  @@@`   @@@,   @@@#                                                    
   @@@#..'@@@. .@@@@+@@@@@+  @@@@:..@@@@  `@@@++ ;@@@,`;@@@@`  @@@.   @@@:   #@@+   @,   @@@@@@@@@@` '@@@+``+@@@'  @@@`   @@@,   @@@#                                                    
   @@@@@@@@@@   @@@@@@@+@@'  :@@@@@@@@@`   @@@@@: @@@@@@@@@@`  @@@.   @@@:   #@@'  @@@.  ,@@@@@@@@#   @@@@@@@@@@   @@@`   @@@.   @@@#                                                    
    +@@@@@@'     @@@@@ ,@@`   .@@@@@@@`    ,@@@@  ,@@@@@ #@@`  '@@    ;@@    .@@`  ,@#    ,@@@@@@'     +@@@@@@+    #@@    +@@    :@@,                                                    
                                                                                                                                                                                         
                                                                                                                                                                                         
                                                                                                                                                                                         
                                        ` ````.`.`..`..````                                                                                                                              
                              ``,,::;;';;;;;;;';;;';;;;;;;;;;:;;;:::::...``                                                                                                              
                       `.;;''''';;''';;'';;;'';'''';;'''';;;;;;;;;;;;:;;::;;::::::`..`                                                                                                   
                 `.,;'''''''''''''';''';';';''''''''''''''';;;;;;;;;;;;:;;;;;;;;::;;;::::::,..`                                                                                          
          ,:;;''''''''''''''''''''''''''''''''''''''';'''''''''';''::;;;;;;;;;:;;;;;;;;;;;;;:::;:::.``                                                                                   
`  `..,;'''''''''''''''''''''''''''''''''''''''''''''''''''''''''';;;;;;';:;;;;;;..,::;;;;:;;;;;;:;;;:;:::`                                                                              
'''''''''''''''''''''''''''''''''''''''''''''''''''';';'''''';;;;'''';';';;;;;;;:;;;;;;,,.;;;;;';;;;;;::::::.``,:,.`                                                                     
'''''''''''''''+'''''''''''''''''''' ';'''''''''''''''';'';;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;::;::,,`,;;;;:;;;;;::;;;;:::,`                                                               
''''''''++'''''''''''''''''''''''''   ''''''''''''';'';;;;;;;;;;;;;;;;;;;;::;;;;;;;;;;;;;;;;;:;;;;;;;;;;;;;;;;::::;;;;:;:;;:;`,``                                                        
'''+++'+''''''''''''''''''''''''''', ;'''''';''''';''''''';'';;;;';';;;;;;;;;;;;;;;:;;;;;;;;;;;;;;;;:;;;;;;;;;;;;::,`.,,:;;;;::`` ``,`                                                   
++'+'''''''''''''''''''''''''''''''` .'''''''''''''''';''''';';';;''';''';;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:;;:;;;;..:  `..,.`` `.  ```                                              
'''++'''''''''''''''''''''''''''''', :''''';';'''''''''''';'';;;;;;;;;;;;;;;;;;';;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;::;;;;;;:.`     ```                                                  
''+++'''''''+''''''''''''''''''''''   ''''''''''''''''';;;;;;;;;';;;;;;;;;;;';;;;;;;;;;;;;;;;;;;;;;;;;;;:;;;:;;;;;;;;;;;;;;;;:;;;;::.                                                    
''++'''''''''''''''''''''''''''''',   ;'''''''''''''';;;';'''';;;';;;;;;;;;;;;;;;;;;;::;;;;;;;;;;;;;;:;;;;;;;;;;;;:;;;;;;;;;;;;:;;;;;                                                    
+++++++''+'''''+''''+++++++++++;   .,`   '''''''';;'';;;;;'';;;;;;;;;;;;;;;;;;;;;;;:;;;;;;;;;;:;;:;;;;;;::;:;;::;;;;;;;;:;:::;;:;';;;,.                                                  
'''''''+++#################### `# ;+#+, + `++''''';;;;;;;;;;;;;;;;:::;;;;:;;;;::;;;:;;;;;;;:;;;;;;;;;;::;:;;;;;;:::;;;;;;;;;;;:;:;;;:                                                    
############################# ;# .+####`.+.`+++++++++++++''''';;;;;;';;;;;;;:;;;;:;;;;;::;;::::;;;::;;;;;;;;;;;;;;::;;;;:;:;;;:;;;;;::,,                                                 
############################`,#; ##+##++ ++`.+++++++++++++++++++++''';;;;;;;;;;;;;;;:;;:::::` `` `  `.,::::::;;;;;;;;;;;;;;;;;;;:,`                                                      
###########################+ ##`.####+#+`.+' ''+'';;;:;;;;;;;;;;;;'::;';;;::,,:::::::::::::;:;::;;:::.,`     `.,,,:;;;;;;;;;;;;;:,`                                                      
###########################,.## ;++'''''. ;; .;';:;;;;;;..,::;;;;:;;;;;;;;;;:;:::`     ```..,,,:::;;;;;;;:;;:```      ...`.,,::;::.`` ``                                                 
########################+++ ,'' :''';;;;.`''` ;';;;;;;;;;;;;;;,,.;;;;;';;;;;;::::::.``,:,.`          `..,,,:::::;;:::``                                                                  
##################+++''''''.`'; ,;;;;;;;``;; .;;;;;;;;;;;;;;;;;;;;;::;::,,`,;;;;:;;;;;::;;;;:::,`              ```.,:::::::,.`                                                           
''''''++++++'''''''''''''';; ;;` ;;;;;;; ,;; :;;;::;;;;;;;;;;;;;;;;;:;;;;;;;;;;;;;;;;::::;:;;;;:;;:;`,``                                                                                 
'''''+''''''''''''';''''';''`.'; ;'';;;, ;'`.;;;;;;;;;;;;;:;;;;;;;;;;;;;;;;:;;;;;;;;;;;;::,`.,,:;;;;::`` ``,`                                                                            
''''''''''''''''''''''''''''' ,'. ';';' :'` ;'';;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:;;:;;;;..:  `..,.`` `.  ```                                                                       
'''''''''''''''''';';'''''''''  ;`,';;`.: `;;;;;;;;;;;';;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;::;;;;;;:.`     ```                                                                           
'''''''''''''''''''''''''''''';:   ..`   ;;;;;;;;;;';;;;;;;;;;;;;;;;;;;;;;;;;;;:;;;:;;;;;;;;;;;;;;;;:;;;;::.                                                                             
+#++++++'++''''''''''''''''';';'''     ;';;;;;;;;;;;;;;;;;;;::;;;;;;;;;;;;;;:;;;;;;;;;;;;:;;;;;;;;;;;;:;;;;;                                                                             
############+++##+++++'';''';;;;;',   :;;;;;;;;;;;;;;;:;;;:;;;;;;;;;;:;;:;;;;;;::;;;;::;;;;;;;;:;:::;;:;;;;;,.                                                                           
########++###+#++++++++++++++'+''';` .;;;:::;;;;:;;;;::;:;:;;;;;;;:;;;;;;;;;;::;:;;;;;;:::;;;;;;;;:;;:;:;;;:                                                                             
################+++++#+++++++++++++` ,+++''';;;;;;;:;;;;:;;;;;::;;::::;;;::;;;;;;;;;;;;;;::;;;;:;:;;;:;;;;;::,,                                                                          
##############+###++++#++++++++++++: '+++++++++';;;;;;;;;;;:;::::::` ``    `.,::::::;;;;;;;;;;;;;;;;;;;:,`                                                                               
############+++++++'';''';;:..`..:,, :;;'';;'';';;''',::::::::::::;:;::;;:::.,`     `.,,,:;:;;;;;;;;;;;:,`                                                                               
######+++'';;;'';'';;';;;;;;;;;;:;;: ;:;::::;;;;::;;::;::,:::;:``...,,:::;;;;;;;:;;:```      ...`.,,:::::.`` ``                                                                          
++'''';;;;;;;;;;;;;;;;;;;;;;;;;;;;;: ;;;::;;;::;;:;;;;:;;;;;;;:;:::::.,     `..,,,:::::;;:::``                                                                                           
'''';;;;;;;'';;;;;;;;;;;;;;;;;;;;;;: ;::;;:;;;;;;;;;;;;;;,.,,::;;:;;;;;:` .``         ``..,:::::::,.`                                                                                    
'''';''';;;;';''';;;;;;;;;;;;;;:;;;; ;;;;;;;;;;;;:;;;;;;;:;;;;;:,``.::;;:: ``  ````                                                                                                      
'''''';;;;;;;;;';';;;;;;;;';;;;;;;;; ;;;:;;;;;;::;;;:;;;;;;;;;;;;;:::`    `...`                                                                                                          
++++++++';;;;;;;;;;;;;;;';;;;;;;;;;;`;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:,..`                                                                                                            
+#+++++++++++';;;;;;;';;;;;;;;;;;;;;`;;;;;;;;;;;;;;;:;;:;;;;;;;;;;;;;;;;;;;;;;:`                                                                                                         
++++++++++++++++';;;';;';;;;;;;;:;;;`;;;;;;;;;;:;;;;;;;;;;;;;:;;;;;;;:;;;;:;;;;:                                                                                                         
+++++'''++++++++++++++++++'';;::;:;;,;;:;;;;;;;;;;;;;;::;;:;;:;;;;;;;:;;;;;;;;::,.`                                                                                                      
++++++++++++++++++++++++++++++++++;;;:::;;;;;;:;;;:;:;:;:;;;::;;:;;;;:;;;;:;;;;:`                                                                                                        
+++++++++++++++++++++'''''++++++++'';;:;;;:::::::;:;;;;;;;;;;;;;;;::;;;;;;;;;;;:,:,                                                                                                      
++++++++++++++++++++++++++++;;;;;+''';::,,.``.`  ``.,:::;;::::;;;;;;;;;;;;:,                                                                                                             
;;;;:;;;;;;;;;;;;;;;;;;;;;''''';;;:::::;;;;;;:::;;,..``   ``,,:::;:::;;;;;;:`..`                                                                                                         
;;;;;;;;;;;;;;;;;;;;;;;:;;;;;;;;;;;;;::....,,::;:::;;;;:,,,````       `.,:,.....`                                                                                                        
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:;;         ``..,,:;:;:::,,.``                                                                                                                    
;;:;;;:;;;;:;;;;;;::;;;;;;;;;:;::;;;;;;;;;:                  ``.,,..,,,`                                                                                                                 
;;;:;;;;:;;::;;;;;;:::;:;;;;;;;;:;::;;;;;,`.                                                                                                                                             
+:;;;;;:;;;;;;;;;;;;;;;::;;;::;:;;;:;;;;;;:.`                                                                                                                                            
''';;,:;;;;:;::;;;;;;;;;;;;;;:;;:;;;:;:;,,. .                                                                                                                                            
+++++''';;;;:;::,,,::::;;;;;;;;;;;;;;:`                                                                                                                                                  
++'++'++++++++++'';;`,```.,,:,:,::;:;::` ````                                                                                                                                            
;;;;;;;;;;;:;'''+++++':,.,.,``     `.   ```                                                                                                                                              
;;;;;;:;;:;;;;..:``.,;;;;;::;:::..`                                                                                                                                                      
';;;;;;;;;;::;;;;;;:.`     .`` ```                                                                                                                                                       
+++++'';;;;;;;;;;;;;:;;;;::.                                                                                                                                                             
++++++';;;;'';;;;;;;;;:;;;;;                                                                                                                                                             
;';;;;''';;;'';;':::;;:;';;;,.                                                                                                                                                           
++++'';:::;;;;;;;;;;;:;:;;;:                                                                                                                                                             
++++++++++'';;;:;:;;;:;;;;;::,,                                                                                                                                                          
++++++++++++';;;;;;;;;;:,`                                                                                                                                                               
;;:;;''''++++';;;;;;;;;:,`                                                                                                                                                               
++++';;;;;;;....`.,,:::::.`` ``                                                                                                                                                          
'''+++'++++';;:`                                                                                                                                                                         
;;;;;;;;;:,:::::::,.`                                                                                                                                                                    
;;;;;;;::.`                                                                                                                                                                              
.`.,::;::,.`` `                                                                                                                                                                          
                                                                                                                                                                                         
:::,.                                                                                                                                                                                    
::,.                                                                                                  
***************************
***** SITE BY SUSTAM.COM
***  DESIGN, 1er versión: Fernando
***  FRONTEND: Luis RP.
***  BACKEND: Araceli A.
***************************
-->

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Detalles | Explosion Caps</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <meta name="author" content="Sustam">
        <meta name="copyright" content="">
        <meta name="creator" content="">
        <meta name="distribution" content="global">
        <meta name="rating" content="general">
        <meta name="robots" content="all">
        <meta name="revisit-after" content="14 days">


        <link rel="shortcut icon" href="/img/favicon/favicon.png">
        <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon.png">

        <!-- Dublin Core -->
        <meta name="DC.title" content="">
        <meta name="DC.subject" content="">
        <meta name="DC.creator" content="">

        <!-- CSS -->
         <link rel='stylesheet' href='/css/styles.css?v=0.1'/>        
        <!-- Modals Bootstrap-->
         <link rel='stylesheet' href='/css/bootstrap-modals.css?v=0.1'/> 

        <!-- Modernizr -->
        <script type='text/javascript' src='/js/vendor/modernizr-2.6.2.min.js?v=0.1'></script>
        <!-- Jquery ver -->
        <script type='text/javascript' src='/js/jquery.min_1.9.1.js?v=0.1'></script>    </head>
    <body>

        <!--[if lt IE 7]>
            <p class="chromeframe">Tu navegador es <strong>Obsoleto</strong>. Por favor <a href="http://browsehappy.com/">actualizalo</a> o <a href="https://www.google.com/chrome/browser/">instala Google Chrome</a> para mejorar tu experiencia.</p>
        <![endif]-->

        <!--[if lt IE 8]>
            <p class="chromeframe">Tu navegador es <strong>Obsoleto</strong>. Por favor <a href="http://browsehappy.com/">actualizalo</a> o <a href="https://www.google.com/chrome/browser/">instala Google Chrome</a> para mejorar tu experiencia.</p>
        <![endif]-->

        <!-- PAGE CONTENT -->
                <div class="header" id="bqheader">

	<!-- ***************** Flotante ***************** -->
	<!-- Encuesta -->
	<div class="win-ft he-winft win-encuesta">
		<div class="he_ftcen">
			<div class="tt_gral1">
				<span>ENCUESTA</span>
			</div>
			<div class="he_wfwhite">
				
				<div class="page-scroll"><a class="btn_ft-close bt_close-ft" title="Cerrar" href="#bqheader"></a></div>

				<form class="varios-form" action="/contacto/encuesta_send" method="post">
					<h5>Te agradecemos el tiempo que dedicarás a contestar este breve cuestionario, ya que con ello tendremos las herramientas para poder hacer mejoras y correciones en las áreas debiles de la empresa.</h5>
					<br>
					<br>
					<label>*Nombre Completo</label><br>
					<input class="input-100" type="text" name="encuesta[nombre]" required>
					<br>
					<label>*Razón social a la que se te factura</label><br>
					<input class="input-100" type="text" name="encuesta[razonsocial]" required>
					<br>
					<label>*Nombre de la persona que te atiende</label><br>
					<input class="input-100" type="text" name="encuesta[personaqatiende]" required>
					<br>
					<label>¿La persona que te contesta el teléfono es amable y te saluda?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="amb1" type="radio" name="encuesta[amable]" value="Siempre" required>
					    <label class="labelradio" for="amb1">Siempre</label>
					    <input class="inputradiosty" id="amb2" type="radio" name="encuesta[amable]" value="Ocasionalmente" required>
					    <label class="labelradio" for="amb2">Ocasionalmente</label>
					    <input class="inputradiosty" id="amb3" type="radio" name="encuesta[amable]" value="Nunca" required>
					    <label class="labelradio" for="amb3">Nunca</label>
					</div>
					<br>

					<label>¿Hay una confirmación rápida en la recepción de tus correos?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="conf1" type="radio" name="encuesta[confir]" value="Siempre" required>
					    <label class="labelradio" for="conf1">Siempre</label>
					    <input class="inputradiosty" id="conf2" type="radio" name="encuesta[confir]" value="Ocasionalmente" required>
					    <label class="labelradio" for="conf2">Ocasionalmente</label>
					    <input class="inputradiosty" id="conf3" type="radio" name="encuesta[confir]" value="Nunca" required>
					    <label class="labelradio" for="conf3">Nunca</label>
					</div>
					<br>

					<label>¿Se te indica rápidamente la fecha de entrega de tu pedido?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="fech1" type="radio" name="encuesta[fecha]" value="Siempre" required>
					    <label class="labelradio" for="fech1">Siempre</label>
					    <input class="inputradiosty" id="fech2" type="radio" name="encuesta[fecha]" value="Ocasionalmente" required>
					    <label class="labelradio" for="fech2">Ocasionalmente</label>
					    <input class="inputradiosty" id="fech3" type="radio" name="encuesta[fecha]" value="Nunca" required>
					    <label class="labelradio" for="fech3">Nunca</label>
					</div>
					<br>

					<label>¿Se te manda en un periodo máximo de 48hrs la ficha técnica, especificaciones y montaje de cómo quedara tu pedido?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="max1" type="radio" name="encuesta[max]" value="Siempre" required>
					    <label class="labelradio" for="max1">Siempre</label>
					    <input class="inputradiosty" id="max2" type="radio" name="encuesta[max]" value="Ocasionalmente" required>
					    <label class="labelradio" for="max2">Ocasionalmente</label>
					    <input class="inputradiosty" id="max3" type="radio" name="encuesta[max]" value="Nunca" required>
					    <label class="labelradio" for="max3">Nunca</label>
					</div>
					<br>

					<label>Si hay correcciones al pedido ¿se te manda el archivo modificado máximo 24hrs después de que diste indicaciones?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="corr1" type="radio" name="encuesta[corr]" value="Siempre" required>
					    <label class="labelradio" for="corr1">Siempre</label>
					    <input class="inputradiosty" id="corr2" type="radio" name="encuesta[corr]" value="Ocasionalmente" required>
					    <label class="labelradio" for="corr2">Ocasionalmente</label>
					    <input class="inputradiosty" id="corr3" type="radio" name="encuesta[corr]" value="Nunca" required>
					    <label class="labelradio" for="corr3">Nunca</label>
					</div>
					<br>

					<label>¿Se te entrega el pedido en la fecha acordada?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="entrega1" type="radio" name="encuesta[entrega]" value="Siempre" required>
					    <label class="labelradio" for="entrega1">Siempre</label>
					    <input class="inputradiosty" id="entrega2" type="radio" name="encuesta[entrega]" value="Ocasionalmente" required>
					    <label class="labelradio" for="entrega2">Ocasionalmente</label>
					    <input class="inputradiosty" id="entrega3" type="radio" name="encuesta[entrega]" value="Nunca" required>
					    <label class="labelradio" for="entrega3">Nunca</label>
					</div>
					<br>

					<label>¿El pedido se entrega con las especificaciones acordadas y en buenas condiciones?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="especif1" type="radio" name="encuesta[especif]" value="Siempre" required>
					    <label class="labelradio" for="especif1">Siempre</label>
					    <input class="inputradiosty" id="especif2" type="radio" name="encuesta[especif]" value="Ocasionalmente" required>
					    <label class="labelradio" for="especif2">Ocasionalmente</label>
					    <input class="inputradiosty" id="especif3" type="radio" name="encuesta[especif]" value="Nunca" required>
					    <label class="labelradio" for="especif3">Nunca</label>
					</div>
					<br>

					<label>En general, ¿Qué tan seguido se estropean prendas de tu pedido?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="estro1" type="radio" name="encuesta[estro]" value="Nunca" required>
					    <label class="labelradio" for="estro1">Nunca</label>
					    <input class="inputradiosty" id="estro2" type="radio" name="encuesta[estro]" value="1 a 3" required>
					    <label class="labelradio" for="estro2">1 a 3</label>
					    <input class="inputradiosty" id="estro3" type="radio" name="encuesta[estro]" value="4 a 6" required>
					    <label class="labelradio" for="estro3">4 a 6</label>
					    <input class="inputradiosty" id="estro4" type="radio" name="encuesta[estro]" value="7 a 10" required>
					    <label class="labelradio" for="estro4">7 a 10</label>
					    <input class="inputradiosty" id="estro5" type="radio" name="encuesta[estro]" value="Más de 10" required>
					    <label class="labelradio" for="estro5">Más de 10</label>
					</div>
					<br>

					<label>Si hay algun percance, ¿se soluciona de alguna manera el problema?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="percan1" type="radio" name="encuesta[percan]" value="Siempre" required>
					    <label class="labelradio" for="percan1">Siempre</label>
					    <input class="inputradiosty" id="percan2" type="radio" name="encuesta[percan]" value="Ocasionalmente" required>
					    <label class="labelradio" for="percan2">Ocasionalmente</label>
					    <input class="inputradiosty" id="percan3" type="radio" name="encuesta[percan]" value="Nunca" required>
					    <label class="labelradio" for="percan3">Nunca</label>
					</div>
					<br>

					<label>¿El pedido se entrega en buen empaque o en su defecto en el empaque original en el que fue traido?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="buenem1" type="radio" name="encuesta[buenem]" value="Siempre" required>
					    <label class="labelradio" for="buenem1">Siempre</label>
					    <input class="inputradiosty" id="buenem2" type="radio" name="encuesta[buenem]" value="Ocasionalmente" required>
					    <label class="labelradio" for="buenem2">Ocasionalmente</label>
					    <input class="inputradiosty" id="buenem3" type="radio" name="encuesta[buenem]" value="Nunca" required>
					    <label class="labelradio" for="buenem3">Nunca</label>
					</div>
					<br>

					<label>¿El pedido se entrega sin manchas, hilos colgando, pedazos de pellón en el interior, y en el caso de gorras, EXPLOSION, con cartón de refuerzo a dentro de la gorra?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="pstado1" type="radio" name="encuesta[pstado]" value="Siempre" required>
					    <label class="labelradio" for="pstado1">Siempre</label>
					    <input class="inputradiosty" id="pstado2" type="radio" name="encuesta[pstado]" value="Ocasionalmente" required>
					    <label class="labelradio" for="pstado2">Ocasionalmente</label>
					    <input class="inputradiosty" id="pstado3" type="radio" name="encuesta[pstado]" value="Nunca" required>
					    <label class="labelradio" for="pstado3">Nunca</label>
					</div>
					<br>

					<label>¿El pedido se entrega con el total de piezas originales?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="ttpzas1" type="radio" name="encuesta[ttpzas]" value="Siempre" required>
					    <label class="labelradio" for="ttpzas1">Siempre</label>
					    <input class="inputradiosty" id="ttpzas2" type="radio" name="encuesta[ttpzas]" value="Ocasionalmente" required>
					    <label class="labelradio" for="ttpzas2">Ocasionalmente</label>
					    <input class="inputradiosty" id="ttpzas3" type="radio" name="encuesta[ttpzas]" value="Nunca" required>
					    <label class="labelradio" for="ttpzas3">Nunca</label>
					</div>
					<br>

					<label>Las personas que te entregan en planta ¿te cuentan la mercancía al entregar?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="merca1" type="radio" name="encuesta[merca]" value="Siempre" required>
					    <label class="labelradio" for="merca1">Siempre</label>
					    <input class="inputradiosty" id="merca2" type="radio" name="encuesta[merca]" value="Ocasionalmente" required>
					    <label class="labelradio" for="merca2">Ocasionalmente</label>
					    <input class="inputradiosty" id="merca3" type="radio" name="encuesta[merca]" value="Nunca" required>
					    <label class="labelradio" for="merca3">Nunca</label>
					</div>
					<br>

					<label>Cuando se entrega tu pedido en domicilio ¿el repartidor es amable?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="repart1" type="radio" name="encuesta[repart]" value="Siempre" required>
					    <label class="labelradio" for="repart1">Siempre</label>
					    <input class="inputradiosty" id="repart2" type="radio" name="encuesta[repart]" value="Ocasionalmente" required>
					    <label class="labelradio" for="repart2">Ocasionalmente</label>
					    <input class="inputradiosty" id="repart3" type="radio" name="encuesta[repart]" value="Nunca" required>
					    <label class="labelradio" for="repart3">Nunca</label>
					</div>
					<br>

					<label>En ese mismo caso, ¿el repartidor te pide revisar tu pedido?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="rprev1" type="radio" name="encuesta[rprev]" value="Siempre" required>
					    <label class="labelradio" for="rprev1">Siempre</label>
					    <input class="inputradiosty" id="rprev2" type="radio" name="encuesta[rprev]" value="Ocasionalmente" required>
					    <label class="labelradio" for="rprev2">Ocasionalmente</label>
					    <input class="inputradiosty" id="rprev3" type="radio" name="encuesta[rprev]" value="Nunca" required>
					    <label class="labelradio" for="rprev3">Nunca</label>
					</div>
					<br>

					<label>¿Te ayuda a acomodar el pedido si así se lo pides?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="acomodar1" type="radio" name="encuesta[acomodar]" value="Siempre" required>
					    <label class="labelradio" for="acomodar1">Siempre</label>
					    <input class="inputradiosty" id="acomodar2" type="radio" name="encuesta[acomodar]" value="Ocasionalmente" required>
					    <label class="labelradio" for="acomodar2">Ocasionalmente</label>
					    <input class="inputradiosty" id="acomodar3" type="radio" name="encuesta[acomodar]" value="Nunca" required>
					    <label class="labelradio" for="acomodar3">Nunca</label>
					</div>
					<br>

					<label>¿Te han hecho falta gorras en la entrega?</label> 
					<div class="radio">
					    <input class="inputradiosty" id="falta1" type="radio" name="encuesta[falta]" value="Siempre" required>
					    <label class="labelradio" for="falta1">Siempre</label>
					    <input class="inputradiosty" id="falta2" type="radio" name="encuesta[falta]" value="Ocasionalmente" required> 
					    <label class="labelradio" for="falta2">Ocasionalmente</label>
					    <input class="inputradiosty" id="falta3" type="radio" name="encuesta[falta]" value="Nunca" required>
					    <label class="labelradio" for="falta3">Nunca</label>
					</div>
					<br>
					<label for="textareaencuesta">Sugerencias y comentarios</label><br>
					<textarea class="textencuesta" id="textareaencuesta" name="encuesta[comentarios]"></textarea><br>
					<br>
					<input class="btn_incuenta btn_full_green" value="Enviar" type="submit">
				</form>
			</div>
		</div> 
	</div>

	<!-- Crear Cuenta -->
	<div class="win-ft he-winft win-cr_cuenta">
		<div class="he_ftcen">
			<div class="tt_gral1">
				<span>CREAR UNA CUENTA</span>
			</div>
			<div class="he_wfwhite">
				
				<div class="page-scroll"><a class="btn_ft-close bt_close-ft" title="Cerrar" href="#bqheader"></a></div>

				<form method="post" action="/clientes/registrar" id="registrar-form">
					<h3>información personal</h3>
					<br>
					<label>*Nombre Completo</label><br>
					<input class="input-100" type="text" name="usuarios[nombre]" required>
					<br>
					<label>*Correo Electrónico</label><br>
					<input class="input-100" type="email" name="usuarios[email]" required>
					<br>
					<input id="hecheck" type="checkbox" name="usuarios[boletin]" value="1">
					<label class="laslim" for="hecheck"><span></span>Suscribirse al Boletín</label><br>
					<br>
					<h3>Información PARA INGRESAR</h3>
					<br>
					<div class="hecols50">
						<label>*Contraseña</label>
						<input class="input-50" type="password" name="usuarios[password]" required>
						<br>
						<br>
						<input type="checkbox" id="term" name="usuarios[terminos_y_condiciones]" value="1" required>
						<label class="laslim" for="term"><span></span>Acepto los términos y condiciones</label>
					</div>
					<div class="hecols50" style="padding-left: 15px;">
						<label>*Confirmar contraseña</label>
						<input class="input-50" type="password" name="usuarios[copassw]" required>
						<br>
						<br>
						<input class="btn_crcuenta btn_full_green" type="submit" value="Crear cuenta">
					</div>
				</form>
			</div>
		</div> 
	</div>

	<!-- Iniciar Sesión -->
	<div class="win-ft he-winft win-in_cuenta">
		<div class="he_ftcen">
			<div class="tt_gral1">
				<span>INGRESAR O CREAR UNA CUENTA</span>
			</div>
			<div class="he_wfwhite">
				<div class="page-scroll"><a class="btn_ft-close bt_close-ft" title="Cerrar" href="#bqheader"></a></div>

				<div class="hecols50 hincol1">
					<form method="post" action="/clientes/login" id="login-form">
						<h3>CLIENTES REGISTRADOS</h3>
						<br>
						<p>Si usted tiene una cuenta con nosotros, 
						conéctate con dirección de correo electrónico. </p>
						<br>
						<br>
						<label>* Dirección de correo electrónico</label>
						<input class="input-40" type="email" name="correo" required>
						<br>
						<label>* Contraseña</label>
						<input class="input-40" type="password" name="pass" required>
						<br>
						<a class="alink" href="#">¿Olvidaste tu contraseña?</a><br>
						<input class="btn_incuenta btn_full_green" type="submit" value="Iniciar Sesión">
					</form>
				</div>
				<div class="hecols50 hincol2">
					<h3>CLIENTES NUEVOS</h3>
					<br>
					<p>Al crear una cuenta en nuestra tienda, usted 
					será capaz de realizar el proceso de compra 
					más rápidamente, almacenar varias direcciones 
					de envío, ver y rastrear sus pedidos en su cuenta 
					y más.</p>
					<br>
					<br>
					<a class="btn_full_green btn_goreg">Registrarse</a>
				</div>
			</div>
		</div> 
	</div>
	<!-- ***************** Flotante ***************** -->

	<!-- Header -->
	<div class="he_cen">
		<a class="down-pdf" target="_blank" href="/home/render/16">
			<img src="/img/all/pdf-down.png"><br>Catálogo
		</a>
		
		<div class="logo"><a href="/home"><img src="/img/all/explosion_caps.png"></a></div>
		
		<!--<a class="he_socials hebtn_twt" href=""></a>
		<a class="he_socials hebtn_fb" href=""></a>-->

		<div class="he_acceso">
			<a id="a_encuesta" class="win-op-in_cuenta">encuesta</a>
					<!--
		     DESACTIVADO TEMPORALMENTE
			<a id="a_log" class="win-op-in_cuenta">Iniciar sesión</a> / 
			<a class="win-op-cr_cuenta">Crear perfil</a>
						<span class="hlin"></span>
			<a class="he_micarrito" href="/carrito">Mi carrito</a>
			<span class="hball"></span>
			<span class="hmoney">$ 0.00</span>
			<span class="hpzas">( 0 pzas )</span>
        -->
		</div>
		<div class="he_menu">
			<a href="/home">INICIO</a>
			<a href="/gorras">GORRAS</a>
			<a href="/gorras/bordados">BORDADOS</a>
			<a href="/promociones">PROMOCIONES</a>
			<a href="/empresa">EMPRESA</a>
			<a href="/distribuidores">DISTRIBUIDORES</a>
		<!--	<a href="/vista360">MI GORRA <span class="v360">vista 360º</span></a> -->
			<a href="/contacto">CONTACTO</a>
		</div>
		<div class="he_form">
			<form method="get" action="/gorras/busqueda">
				<input type="text" name="busqueda" placeholder="Busca tu gorra">
				<input type="submit" value="BUSCAR">
			</form>
		</div>
	</div>
</div>        <!-- Procesando -->
<div class="winproceso winftproceso">
	<div class="box_proce">
		<div class="loader">
			<div class="dot dot1"></div>
			<div class="dot dot2"></div>
			<div class="dot dot3"></div>
			<div class="dot dot4"></div>
		</div>
		<img class="img1" src="/img/all/pl.png">
		<p>Espere por favor</p>
	</div>
</div>

<!-- Listo -->
<div class="winproceso winftprocesofin">
	<div class="box_proce">
		<img class="img1" src="/img/all/pl.png">
		<a class="btn_closeproce">x</a>
		<br>
		<p style="margin-top: 12px;">Email enviado exitosamente</p>
	</div>
</div>

<!-- Ventana Promocion -->
<div class="winproceso winpromo">
	<a class="btn_closeproce">x</a>
	<img src="/img/promociones/promociones_bkg.jpg">
</div>        
        <style type="text/css" >
	.content_producto_anadido {
		background-color: #f6f6f6;
		position: fixed;
		width: 240px;
		height: 150px;
		border: solid;
		border-color: #6e8d0d;
		color: #6e8d0d;
		font-size: 14px;
		padding: 15px;
		z-index: 300;
		bottom: 20px;
		right: 20px;
	}
	
	.piezas_detalle{
		padding-right: 15px;
		line-height: 70px;
		color: #fff;
		margin-left: 6px;
  		font-family: PTSansBold,Arial;
  		font-size: 18px;
	}
	
	.car_cnt_piezas{
		text-align: center;
		height: 40px;
  		width: 100px;
  		font-size: larger;
	}
	
	.talla_select{
		/*background: rgba(125, 152, 35, 0.7) !important; */
		background: rgba(125, 152, 35, 0.52) !important;;
	}
    
    /* TEMPORALMENTE DESHABILITA EL PRECIO */
    .gd_precio, .agregar_carrito_p {
        display: none;
    }

   .tama{
		width: 129px;
   }
</style>

<div class="body" id="gdetalle">
	<div class="gdet_bq1">
		<div class="gdet_cen">
			<div class="gdet_inf">
				<div class="gdet1_wr">
					<div class="gdet_img">
												<div class="gdclip"></div>
						<div class="carruselzoom" id="owl-detallezoom">
														<div class='bqgorras'>
								<div class="vista">Vista principal</div>
								<span class='img_box'>
									<a href="/img/render/7325" data-lightbox="vistas-gll" >
										<img src='/img/render/7325?v=0.1' id="imgdbig" />									</a>
								</span>
								<a class="down-img" title="Descargar foto" href="/img/render/7325" download>
									<img src="/img/all/img-down.png">
								</a>
							</div>
														<div class='bqgorras'>
								<div class="vista">Vista Frente</div>
								<span class='img_box'>
									<a href="/img/render/7324" data-lightbox="vistas-gll" >
										<img src='/img/render/7324?v=0.1' id="imgdbig" />									</a>
								</span>
								<a class="down-img" title="Descargar foto" href="/img/render/7324" download>
									<img src="/img/all/img-down.png">
								</a>
							</div>
														<div class='bqgorras'>
								<div class="vista">Vista Perfil</div>
								<span class='img_box'>
									<a href="/img/render/7325" data-lightbox="vistas-gll" >
										<img src='/img/render/7325?v=0.1' id="imgdbig" />									</a>
								</span>
								<a class="down-img" title="Descargar foto" href="/img/render/7325" download>
									<img src="/img/all/img-down.png">
								</a>
							</div>
														<div class='bqgorras'>
								<div class="vista">Vista Costado</div>
								<span class='img_box'>
									<a href="/img/render/7326" data-lightbox="vistas-gll" >
										<img src='/img/render/7326?v=0.1' id="imgdbig" />									</a>
								</span>
								<a class="down-img" title="Descargar foto" href="/img/render/7326" download>
									<img src="/img/all/img-down.png">
								</a>
							</div>
														<div class='bqgorras'>
								<div class="vista">Vista Trasero</div>
								<span class='img_box'>
									<a href="/img/render/4660" data-lightbox="vistas-gll" >
										<img src='/img/render/4660?v=0.1' id="imgdbig" />									</a>
								</span>
								<a class="down-img" title="Descargar foto" href="/img/render/4660" download>
									<img src="/img/all/img-down.png">
								</a>
							</div>
													</div>
					</div>

					<!-- Lista de IMG colores -->
					<!--
					<div class="cajacolores">
						<div class="carruselc" id="owl-detalles">
														<a class="items" gorra="15" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/15/BALA_AMARILLO_MANGO">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="52" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/52/BALA_CAFÉ">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="54" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/54/BALA_GRIS_CLARO">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="55" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/55/BALA_KAKY">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="57" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/57/BALA_NEGRO">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="58" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/58/BALA_AZUL_REY">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="59" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/59/BALA_ROJO">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="60" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/60/BALA_VERDE_BANDERA">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="61" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/61/BALA_VERDE_MILITAR">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="62" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/62/BALA_VINO">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="287" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto, trasero con malla y broche de plástico." href="/gorras/detalle/287/BALA_GRIS_OBSCURO">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
														<a class="items" gorra="773" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/773/BALA_ROJO_CEREZA">
								<img src='/img/render2/?v=0.1'  /> 
							</a>
													</div>
					</div>
					-->
				</div>
				<div class="gdet_derecha">
										<div class="gdet1_gimg">
						<div class="gd_tt"><a class="gd_btnclose" href="/gorras" title="Regresar"></a>
							BALA AZUL MARINO						</div>
																		<div class="gd_cod"><span>COD.</span> EGBAL-323232</div>
																		<div class="gd_colores" style="display: none;">
							<div class="gd_cwr">
								<div class="gdc1" style="display: none;">
									<div class="gimg_thum">
									<!--	<img id="imgthumb" src="/img/gorras/detalle/gorra.jpg">  -->
									<img src='/img/render/7325?v=0.1' id="imgthumb" /> 
						
									</div>
																		<span class="ctt">COLORES</span><br>
									<span class="cnme"></span>
									
									
									<div class="g_showlist"></div>
									<div class="g_hidelist"></div>
																		
									<!-- Lista de IMG colores -->
									<div class="gdc1_list">								
										
																				<a href="/gorras/detalle/15/BALA_AMARILLO_MANGO">
									
											<div gorra="15" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs0">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/52/BALA_CAFÉ">
									
											<div gorra="52" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs1">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/54/BALA_GRIS_CLARO">
									
											<div gorra="54" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs2">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/55/BALA_KAKY">
									
											<div gorra="55" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs3">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/57/BALA_NEGRO">
									
											<div gorra="57" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs4">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/58/BALA_AZUL_REY">
									
											<div gorra="58" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs5">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/59/BALA_ROJO">
									
											<div gorra="59" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs6">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/60/BALA_VERDE_BANDERA">
									
											<div gorra="60" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs7">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/61/BALA_VERDE_MILITAR">
									
											<div gorra="61" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs8">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/62/BALA_VINO">
									
											<div gorra="62" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs9">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/287/BALA_GRIS_OBSCURO">
									
											<div gorra="287" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto, trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs10">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																				<a href="/gorras/detalle/773/BALA_ROJO_CEREZA">
									
											<div gorra="773" descripcion="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." class="gdc1_bqs" id="gdc1_bqs11">
											<img src='/img/render2/?v=0.1'  /> 
										</div>
										</a>
																			</div>
								</div>
								<div class="gdcdescrip">
									<h6>Descripción</h6>
									<p>Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico.</p>
								</div>
								<div class="gdc2">
																	</div>
								
							</div>
						</div>
					</div>
										<div class="infotabla">
						<p><span>CORTE: </span>ALTO </p>
						<p><span>FRENTE: </span>RIGIDO </p>
						<p><span>NUMERO DE PANELES: </span>6</p>
						<p><span>GAJOS FRONTALES: </span>HORIZONTALES AL TONO DE LA GORRA</p>
						<p><span>GAJOS LATERALES: </span>HORIZONTALES AL TONO DE LA GORRA</p>
						<p><span>GAJOS TRASEROS: </span>HORIZONTALES AL TONO DE LA GORRA</p>
						<p><span>COMPOSICION: </span>65%ALGODON, 35% POLIESTER</p>
						<p><span>COSTURAS: </span>AL TONO </p>
						<p><span>OJILLOS: </span>OJILLOS BORDADOS AL TONO</p>
						<p><span>BOTON: </span>AL TONO </p>
						<p><span>VISERA: </span>CURVA PREFORMADA Y AL TONO</p>
						<p><span>SANDWICH: </span>NINGUNO</p>
						<p><span>BROCHE: </span> PLASTICO, SNAP</p>
						<br>
						<br>
						<!--INVENTARIO -->
						<p><span>EXISTENCIA ACTUAL: </span> 0</p>
						<br><br>
						<p>NOTA*Las existencias descritas solo son indicativas y pueden variar de un momento a otro<br>*Puede existir cierta variación entre el tono de la imagen y la gorra en físico</p>
						<p></p>

					</div>
					<!--
					<div class="tt_bq">MODELOS RELACIONADOS</div>
					<div class="mod_relacionados">
						<div class="mr_carrusel owl-relacionados">
														<a class="mr_items" href="">
								<img src="/img/gorras/detalle/84.png">
							</a>
														<a class="mr_items" href="">
								<img src="/img/gorras/detalle/84.png">
							</a>
														<a class="mr_items" href="">
								<img src="/img/gorras/detalle/84.png">
							</a>
														<a class="mr_items" href="">
								<img src="/img/gorras/detalle/84.png">
							</a>
														<a class="mr_items" href="">
								<img src="/img/gorras/detalle/84.png">
							</a>
														<a class="mr_items" href="">
								<img src="/img/gorras/detalle/84.png">
							</a>
													</div>
					</div>
					-->
				</div>
				<!-- Colores disponibles -->
				<div class="bq_100">
					<div class="ttle"><span>COLORES DISPONIBLES</span></div>
					<div class="sli_coldis">
						<div class="carrusel_colores owl-coldispo">
														<a class="cd_items" gorra="15" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/15/BALA_AMARILLO_MANGO">
								<img src='/img/render/7322?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="52" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/52/BALA_CAFÉ">
								<img src='/img/render/7306?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="54" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/54/BALA_GRIS_CLARO">
								<img src='/img/render/7316?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="55" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/55/BALA_KAKY">
								<img src='/img/render/7320?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="57" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/57/BALA_NEGRO">
								<img src='/img/render/7327?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="58" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/58/BALA_AZUL_REY">
								<img src='/img/render/7331?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="59" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/59/BALA_ROJO">
								<img src='/img/render/7337?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="60" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/60/BALA_VERDE_BANDERA">
								<img src='/img/render/7340?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="61" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/61/BALA_VERDE_MILITAR">
								<img src='/img/render/9961?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="62" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/62/BALA_VINO">
								<img src='/img/render/7348?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="287" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto, trasero con malla y broche de plástico." href="/gorras/detalle/287/BALA_GRIS_OBSCURO">
								<img src='/img/render/7314?v=0.1'  /> 
															</a>
														<a class="cd_items" gorra="773" title="Gorra 65% poliéster y 35% malla, frente rígido con corte alto,  trasero con malla y broche de plástico." href="/gorras/detalle/773/BALA_ROJO_CEREZA">
								<img src='/img/render/7335?v=0.1'  /> 
															</a>
													</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="content_producto_anadido" style="display:none;">Producto añadido al carrito. </div>

<script type="text/javascript">
	$(".agregar_carrito_p").on('click', function(e) {
			e.preventDefault();
			var talla_pr= $(".talla_producto").val();
			var cant=$(".car_cnt_piezas").val();
			if(talla_pr==""){
				alert("Selecciona la talla antes de agregar al carrito")
			}
			else{
			$.ajax({
				type: "POST",
				url : $(this).attr('href'),
				data: {talla: talla_pr, cantidad: cant },
				success : function(respuesta) {
					console.log(respuesta.cant);
					console.log(respuesta.precio);
					x = $('.hmoney');
					x.text("");
					x.append('$ '+respuesta.precio);
					x = $('.hpzas');
					x.text("");
					x.append(" ( "+respuesta.cant+" pzas)");
					$(".content_producto_anadido").css('display', 'block');
			setTimeout(function() {
				$(".content_producto_anadido").fadeOut(500);
			}, 850)
				}
			});
			
			
		}

			
		});
		
		$(".no_existen").hide();
	
</script>




<!-- Lightbox -->
<link rel="stylesheet" href="/plugins/lightbox/css/lightbox.css">
<script src="/plugins/lightbox/js/lightbox-plus-jquery.min.js"></script>

<!-- Zoom -->
<style>
	.lb-outerContainer{
		width: 90%!important;
		height: 90% !important;
	} 
	.lb-container{
		width: 90%!important;
		height: 90% !important;
	}
	.lb-image{
		width: 60%!important;
		height:60%!important; 
		margin-left: 20%;
	}
	.zoom {
		display:inline-block;
		position: relative;
	}
	
	/* magnifying glass icon */
	.zoom:after {
		content:'';
		display:block; 
		width:33px; 
		height:33px; 
		position:absolute; 
		top:100;
		right:100;
		/*background:url(icon.png);*/
	}

	.zoom img {
		display: block;
	}

	.zoom img::selection { background-color: transparent; }
</style>

<script type='text/javascript' src='/js/jquery.zoom.js?v=0.1'></script><script>
	$(document).ready(function(){
		$('.zoomdetalle').zoom({
			magnify : 2
		});
	});
</script>

<!-- NanoScroller -->
<link rel="stylesheet" href="/js/nanoscroller/css/nanoscroller.css">
<link rel="stylesheet" href="/js/nanoscroller/css/nanostyle.css">
<script type="text/javascript" src="/js/nanoscroller/js/jquery.nanoscroller.js"></script>
<script type="text/javascript" src="/js/nanoscroller/js/main.js"></script>
<!-- Nano -->
        <div class="footer">
	<div class="fo_cen">
		<img class="fopl" src="/img/all/pl.png">
		<div class="fo_cols fo-c1">
			<h3>SUSCRIBETE A NUESTRO BOLETÍN</h3>
			<div class="fo_email">
				<form  id="form_boletin" method="post" action="/newsletter/suscribir">
					<input type="email" name="email" placeholder="Ingresa tu email" required>
					<input type="submit" value="">
				</form>
			</div>
			<h3 style="margin-top: 7px;">DIRECCIÓN</h3>
<p>
    Av. 8 de Julio No. 890,<br>
    Col. Moderna, Guadalajara, Jalisco, <br>
    México. CP 44190
</p>
<h4>Teléfonos.<br>
<span>(01-33) 1201-0132 - (01-33) 1201-0133<br>
(01-33) 1204-0327 - (01-33) 1204-0328<br>
(01-33) 1816-9961 - (01-33) 2015-3098</span></h4>		</div>
		<style type="text/css">
			.fo-c2{padding-top: 0px !important;}
		</style>
		<div class="fo_cols fo-c2">
			<h3>MENÚ</h3>
			<!--<a class="fo_bsoc fo_btntwt" href="#"></a>
			<a class="fo_bsoc fo_btnfb" href="#"></a>-->
			<!-- NOTA Remover  el boton de "empresa, gorrar, bordados" que esta debajo -->
			<a class="fpolitic" href="/">Inicio</a><br>
			<a class="fpolitic" href="/gorras">Gorras</a><br>
			<a class="fpolitic" href="/bordados">Bordados</a><br>
			<a class="fpolitic" href="/promociones">Promociones</a><br>
			<a class="fpolitic" href="/empresa">Empresa</a><br>
			<a class="fpolitic" href="/distribuidores">Distribuidores</a><br>
			<a class="fpolitic" href="/contacto">Contacto</a><br>
			<!--<a class="fpolitic" href="/politicas">Políticas de la empresa</a>-->
			<br>
			<hr>
			<p>EXPLOSION CAPS 2024 <br>
			TODOS LOS DERECHOS RESERVADOS</p>
		</div>
		<div class="fo_cols fo-c3">
			<img src="/img/all/fo_logo.png">
		</div>
	</div>
</div>
        <!-- PAGE CONTENT -->

        <!-- JQUERY -->
        <script type='text/javascript' src='/js/polyfills.js?v=0.1'></script>        <script type='text/javascript' src='/js/plugins.js?v=0.1'></script>        <script type='text/javascript' src='/js/main.js?v=0.1'></script>
            <!-- Owl Carousel -->
    <script>
    $(document).ready(function() {
    
    // Carrusel Index Vinos bq4 
    var owl = $("#owl-demo");
        owl.owlCarousel({

		items : 1,
		itemsDesktopSmall : [900,1], 
		itemsMobile : false, // itemsMobile disabled - inherit from itemsTablet option
		autoPlay: false,
		pagination: true,
		nav: false,
		navText: ["",""],
		loop: false,
        mouseDrag: true
    });

    var owl = $("#owl-promo");
        owl.owlCarousel({
        animateIn: 'pulse',
        items : 1,
        /*autoPlay: false,*/
        pagination: true,
        nav: false,
        /*navText: ["",""],*/
        loop: false,
        mouseDrag: true
    });

    var owl = $("#owl-v360");
        owl.owlCarousel({
        items : 1,
        /*autoPlay: false,*/
        pagination: false,
        nav: true,
        navText: ["",""],
        loop: false,
        mouseDrag: true
    });

    $(".owl_gorras").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 4000,
        smartSpeed: 1000,
        nav: false,
        navText: [" "," "],
        dots: true,
        loop: false, //Nota: si solo hay 1 elemento, cambiar esto a false
        mouseDrag: true
    });

    var owl = $("#owl-detallezoom");
        owl.owlCarousel({
        items : 1,
        /*autoPlay: false,*/
        pagination: true,
        nav: true,
        navText: [" "," "],
        loop: false,
        dots: false,
        mouseDrag: false
    });

    var owl = $("#owl-detalles");
        owl.owlCarousel({
        items : 5,
        /*autoPlay: false,*/
        pagination: false,
        nav: true,
        navText: ["",""],
        loop: false,
        mouseDrag: true
    });

    $(".owl-coldispo").owlCarousel({
        items : 6,
        autoplay: false,
        autoplayTimeout: 5000,
        smartSpeed: 900,
        autoplayHoverPause: true,
        nav: true,
        navText: ["",""],
        dots: false,
        loop: true, //Nota: si solo hay 1 elemento, cambiar esto a false
        responsive : {
            // breakpoint from 0 up
            0 : {
                items : 6
            }
        },
        mouseDrag: true
    });

    $(".owl-relacionados").owlCarousel({
        items : 3,
        autoplay: false,
        autoplayTimeout: 5000,
        smartSpeed: 900,
        autoplayHoverPause: true,
        nav: true,
        navText: ["",""],
        dots: false,
        loop: true, //Nota: si solo hay 1 elemento, cambiar esto a false
        responsive : {
            // breakpoint from 0 up
            0 : {
                items : 3
            }
        },
        mouseDrag: true
    });
         
    // Custom Navigation Events
	$(".next").click(function(){
	owl.trigger('owl.next');
	})
	$(".prev").click(function(){
	owl.trigger('owl.prev');
	})
	$(".play").click(function(){
	owl.trigger('owl.play',1000); //owl.play event accept autoPlay speed as second parameter
	})
	$(".stop").click(function(){
	owl.trigger('owl.stop');
	})        
	});
    </script>

    <link href="/js/owl_carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
	<link href="/js/owl_carousel/owl-carousel/owl.theme.css" rel="stylesheet">
    <link href="/js/owl_carousel/owl-carousel/animate.css" rel="stylesheet">

	<script src="/js/owl_carousel/owl-carousel/owl.carousel.js"></script>
    <!-- Owl Carousel END -->

    <!-- Anclas suaves -->  
    <script type='text/javascript' src='/js/jquery.easing.1.3.min.js?v=0.1'></script>    <script type="text/javascript">
    // Remove the class from the image
    $('.preload-img').on('load', function(){
        $(this).removeClass('preload-img');
    });
    $('.page-scroll a').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
        event.preventDefault();
        });
    </script>
    <!-- Anclas END --> 

    <!-- Gorras - Grid Loading -->
        <!--<link rel="stylesheet" type="text/css" href="/js/blog_grid_load/css/component.css" />

    <script src="/js/blog_grid_load/js/masonry.pkgd.min.js"></script>
    <script src="/js/blog_grid_load/js/imagesloaded.pkgd.min.js"></script>
    <script src="/js/blog_grid_load/js/classie.js"></script>
    <script src="/js/blog_grid_load/js/colorfinder-1.1.js"></script>
    <script src="/js/blog_grid_load/js/gridScrollFx.js"></script>
    <script>
        new GridScrollFx( document.getElementById( 'bloggrid' ), {
            viewportFactor : 0.5
        } );
    </script>
    -->
    <!-- Gorras -->


    


    <!-- Others -->

    <script>
    // Loading fullwin HOME
    $(window).load(function() {
        $( ".hlo_lo" ).fadeOut("slow"); //Oculta Logo
        $( ".hlo_btnlisto" ).slideDown("slow"); // Muestra boton "Su mision"
        var barwidth = $( ".h_barra" ).width();
        //alert(barwidth);
        $( ".h_barra" ).removeClass("hbarwidth"); // Quitar CSS que anima acho de barra
        $( ".h_barra" ).css("width",barwidth);
        $( ".h_barra" ).animate({
            width: "100%"
            }, 900 );

        
    });

    // Load and Ready
    $( "#hlobtnlisto" ).click(function() {
        $( ".h_loading" ).slideUp(800); //Quitar Win Cargando
        // Agregar CSS Index 1
        $( ".h2fl_avion1" ).addClass("h2av1_ani"); // Avion 1 Movimiento
        $( "#hav1" ).addClass("h2av1_i_ani"); // Avion 1 Tamaño
        $( ".h2fl_avion2" ).addClass("h2av2_ani"); // Avion 1 Movimiento
        $( "#hav2" ).addClass("h2av2_i_ani"); // Avion 1 Tamaño

        // Agregar CSS Index 2
        $( "#avi1" ).addClass("avimg1"); //Agregar css animado a aviones
        $( "#avi2" ).addClass("avimg2");
        $( "#avi3" ).addClass("avimg3");
        
        $.ajax({
        	url: '/home/quitar_home',
        	type: 'post',
        	success: function(e){
        		if(typeof e.response != undefined && e.reponse == true){
        			console.log("OK");
        		}
        	}
        });
        
    }); 

    // Abrir lightbox Hove Table
    $( ".ststars" ).click(function() {
        var h2flwin = $(this).attr("value");
        $( ".h2_bwr" ).fadeIn("slow");
        $( ".h2_black" ).fadeIn("slow");
        $( "."+h2flwin ).fadeIn("slow");
    }); 

    // Cerrar lightbox Home Table
    $( ".h2bclose" ).click(function() {
        $( ".h2_black" ).fadeOut("slow"); //Ocultar fondo oscuro
        $( ".h2_bwr" ).fadeOut("slow"); //Quitar contenedor flotante
        $( ".h2b_btns" ).fadeOut("slow") // Ocultar todas botones flotantes
    }); 
    </script>

    <script>
    // OP Win Logearse
    $( ".win-op-in_cuenta" ).click(function() {
        $( ".win-encuesta" ).slideDown("slow");
    }); 

    // OP Win crear cuenta
    $( ".win-op-cr_cuenta" ).click(function() {
        $( ".win-cr_cuenta" ).slideDown("slow");
    });  

    // OP Win Logearse
    $( ".win-op-in_cuenta" ).click(function() {
        $( ".win-in_cuenta" ).slideDown("slow");
    });  

    // Cerrar Win Login & Abrir Win Registro & Win Encuesta
    $( ".btn_goreg" ).click(function() {
        $( ".win-cr_cuenta" ).fadeIn("slow");
    });
    

    // Cerrar ventanas flotantes
    $( ".bt_close-ft" ).click(function() {
        $( ".win-ft" ).slideUp("slow");
    });

    // Cerrar ventana de "Enviando y Listo" //
    $( ".btn_closeproce" ).click(function() {
        $( ".winproceso" ).fadeOut("slow");
        $( ".win-ft" ).slideUp("slow");
    }); 

    // GORRAS DETALLE 
    // == OP ListaGorras
    $( ".g_showlist" ).click(function() {
        $( ".gdc1_list" ).slideDown("slow");
        $( ".g_showlist" ).slideUp(650,function() {
            $( ".g_hidelist" ).slideDown(650);
            });
    }); 

    // == Cerrar ListaGorras
    $( ".g_hidelist" ).click(function() {
        $( ".gdc1_list" ).slideUp("slow");
        $( ".g_hidelist" ).slideUp(650,function() {
            $( ".g_showlist" ).slideDown(650);
            });
    }); 

    // Cambiar imagenes de thums
    $( ".gdc1_bqs" ).click(function() {
        var idbq= $(this).children("img").attr("src");
       /* $(".cnme").text($(this).attr("descripcion"));*/
        $(".agregar_carrito_p").attr("href",'/carrito/agregar_producto'+'/'+$(this).attr("gorra"));
        $( "#imgthumb" ).attr("src",idbq);
        $( "#imgdbig" ).attr("src",idbq);
    });
    
    //Agregar el valor de la talla  a input oculto
     $( ".btn_talla_producto" ).click(function() {
        var idbq= $(this).attr("talla");
        var cant= $(this).attr("cantidad");
        $(".car_cnt_piezas").attr("max", cant);
        if(cant>0){
        	$(".exiten_piezas").show();
        	$(".no_existen").hide();
        	$(".car_cnt_piezas").val(1);
        }
        else{
        	$(".exiten_piezas").hide();
        	$(".no_existen").show();
        }
        $(".talla_producto").val(idbq);
     /*  $(this).css({'background':'red'});*/
		var padre= $(this).parent();
		$(padre).children(".btn_talla_producto").removeClass('talla_select');
		$(this).addClass('talla_select');
    });
    
    
    </script>

        <!-- SELECTIVIZR -->
        <!--[if (gte IE 6)&(lte IE 8)]>
        	<script type='text/javascript' src='/js/polyfills/selectivizr-min.js?v=0.1'></script>        <![endif]-->

        <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-64771001-1', 'auto');
  ga('send', 'pageview');

</script>

    </body>
</html>