@media (min-width: 1920px)  {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}


		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:535px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:535px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:1135px;
			top:-116px;	
			z-index:101;		
					}
					
					
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:90px;
			top:13px;
						}
						
						#facebook{
			position:relative;
		    left:103px;
			top:13px;
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}
						
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:590px;
			         top:483px;
					 z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
					 position:relative;
		             left:-8px;
			         top:52px;
					 width:1920px;
					 height:180px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:1920px;
								position:relative;
								left:-8px;
								top:350px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:800px;
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:235px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:155px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:195px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:255px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:200px;
											left:305px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:450px;
												top:280px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:-265px;
												top:485px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:981px;
														
														}
													
													/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1920px;
								position:relative;
								left:-8px;
								top:300px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:455px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-2px;
											width:1920px;
											height:17px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:330px;
												
												
												}
													
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1920px;
														height:428px;
														position:relative;
														left:-8px;
														top:350px;
														z-index:-1;
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-25px;
															left:0px;
															width:1920px;
					                                        height:56px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:570px;
															left:573px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2663px;
								left:450px;
								z-index:4;
								
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2663px;
								left:1266px;
								z-index:4;
								
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:300px;
									height:630px;
									width:1920px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:652px;
			top:-185px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}

						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:650px;
							z-index:-4;
							
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-160px;
							left:445px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-193px;
							left:356px;
								
								}
							
							/*Parrafo de distribuciones en el área de contacto*/
							
							#distribucion{
								
								position:relative;
								top:-180px;
								left:578px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:750px;
							z-index:-4;
							
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-487px;
							left:435px;
							
								}


/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-458px;
							left:783px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
								
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
								
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;	
									
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;
										
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;	
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1920px;
										font-family: 'Cabin Condensed', sans-serif;	
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:285px;
										
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											
											position:relative;
										    left:780px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-37px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													
											position:relative;
										    left:0px;
										    top:-100px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1920px;
	height:593px;
	
	}
	
	#wows1_2{
		
	width:1920px;
	height:593px;
	
	}
	
	#wows1_3{
		
	width:1920px;
	height:593px;
	
	}
	
	#wows1_4{
	width:1920px;
	height:593px;
	}
	
	#wows1_5{
	width:1920px;
	height:593px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1920px;
	height:593px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}
#wowslider-container1 .ws_images ul li{
	width:1920px;
	height:593px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1920px;
	height:593px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container1 img{
	
	max-width: none !important;
	
}


#wowslider-container1  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container1  .ws_bullets div{
	
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 

	padding: 9px; 
	
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:25px;
	
}

#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:350px;
	top:2127px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container2{ }
#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	
	width:100%;
	display:block;
	color:transparent;
	
}
#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container2  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container2  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container2  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}

#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}
#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:1161px;
	top:2127px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}
#wowslider-container3 .ws_imagesss ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container3  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container3  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container3  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
	
}

#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container3  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}
#wowslider-container3  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container3 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family:'Francois One', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
	
}

.close {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family:'Francois One', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-120px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}

.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}

.closee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family:'Francois One', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
	
}

.closeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family:'Francois One', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
	
    background: #000;
    color:#ffffff;
	
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family:'Francois One', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
	
}

.closeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
	
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family:'Francois One', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
	
}

.closeeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
	
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family:'Francois One', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:405px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}

.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: 0px; }


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}

#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:230px;
	left:125px;
	
}

#slider .slide{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prev, .next{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 474px;
	left:1056px;
	
}

.prev{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prev:hover{
	
    background-position: 0 -56px;
}

.next{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:100;
}

.next:hover{
	
    background-position: 0 -56px;
	
}

#mage{
	
	width:829px;
	height:442px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:350px;
	top:200px;
	z-index:4;
	
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
	
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}

#sliderr .slidee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevv, .nextt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 284px;
	left:1056px;
	
}

.prevv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevv:hover{
	
    background-position: 0 -56px;
	
}

.nextt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nextt:hover{
	
    background-position: 0 -56px;
	
}

#magee{
	
	width:990px;
	height:565px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:330px;
		top:120px;
		z-index:10;
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
		
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:47px;
	
}

#sliderrr .slideee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvv, .nexttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
}

.prevvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nexttt:hover{
	
    background-position: 0 -56px;
	
}

#mageee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:370px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}

#sliderrrr .slideeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvv, .nextttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvv:hover{
	
    background-position: 0 -56px;
	
}

.nextttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}
.nextttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:325px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:47px;
	
}

#sliderrrrr .slideeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvv, .nexttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}
.prevvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nexttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeee{
	
	width:990px;
	height:600px
	
	
	}
	
	
#titlechiles{
		
		position:relative;
		left:310px;
		top:65px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
}

#sliderrrrrr .slideeeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvvv, .nextttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
}

.prevvvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nextttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nextttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeeee{
	
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		
		position:relative;
		left:320px;
		top:90px;
		
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
		
    width: 990px;
    height: 620px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:80px;
	left:197px;
	
}
#sliderrrrrrr .slideeeeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvvvv, .nexttttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevvvvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
	
}

.nexttttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeeeee{
	
	width:716px;
	height:548px;
	
}

#titlemaletines{
		
		position:relative;
		left:745px;
		top:0px;
		
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}
  
	
	}

@media (min-width: 1685px) and (max-width: 1919px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}

#todo{position:relative; margin:0 auto 0 auto; width:1650px;}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:400px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
					
			position:relative;
		    left:400px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
					
			position:relative;
		    left:1036px;
			top:-116px;	
			z-index:101;	
				
					}
					
					
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
						
			position:relative;
		    left:90px;
			top:13px;
			
						}
						
						#facebook{
							
			position:relative;
		    left:103px;
			top:13px;
			
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}

						
					
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:460px;
			         top:393px;
						z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:0px;
			         top:-6px;
					 width:1650px;
					 height:155px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
									
								height:840px;
								width:1650px;
								position:relative;
								left:-8px;
								top:250px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:665px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:100px;
											
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:20px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:60px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:120px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:200px;
											left:170px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:315px;
												top:280px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:-400px;
												top:485px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														
														height:941px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1650px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:335px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-2px;
											width:1650px;
											height:15px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												
												position:relative;
												top:170px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1650px;
														height:368px;
														position:relative;
														left:-8px;
														top:250px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-51px;
															left:0px;
															width:1650px;
					                                        height:56px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:570px;
															left:435px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2453px;
								left:375px;
								z-index:4;
								
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2453px;
								left:1081px;
								z-index:4;
								
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:150px;
									height:630px;
									width:1650px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:652px;
			top:-185px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:515px;
							z-index:-4;
							
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-160px;
							left:307px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-193px;
							left:220px;
								
								}
							
							/*Parrafo de distribuciones en el área de contacto*/
							
							#distribucion{
								
								position:relative;
								top:-180px;
								left:440px;
								
								}

							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:615px;
							z-index:-4;
							
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-487px;
							left:297px;
							
								}


/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-458px;
							left:645px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
								
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;
									
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;	
									
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;
										
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;	
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1650px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:135px;
										
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											
											position:relative;
										    left:645px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-37px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													
											position:relative;
										    left:0px;
										    top:-138px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1650px;
	height:510px;
	
	}
	
	#wows1_2{
		
	width:1650px;
	height:510px;
	
	}
	
	#wows1_3{
		
	width:1650px;
	height:510px;
	
	}
	
	#wows1_4{
	width:1650px;
	height:510px;
	}
	
	#wows1_5{
	width:1650px;
	height:510px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1650px;
	height:510px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1650px;
	height:510px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1650px;
	height:510px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container1 img{
	
	max-width: none !important;
	
}


#wowslider-container1  .ws_bullets {
	 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container1  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container1  .ws_bullets { 

	padding: 9px; 
	
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:25px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0;
	 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}
#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:280px;
	top:1927px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container2{ }
#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}
#wowslider-container2 .ws_imagess ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	
	width:100%;
	display:block;
	color:transparent;
	
}
#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container2  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container2  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:981px;
	top:1927px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
	
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}
#wowslider-container3 .ws_imagesss ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container3  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container3  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container3  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}

#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container3  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}
#wowslider-container3  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container3 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
	
}
.close {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-110px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}

.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}

.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}

.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}

.closeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
	
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
	
}
.closeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
	
    background: #000;
    color:#ffffff;
	
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}

.closeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
	
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}

.closeeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
	
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
	
}

.closeeeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:250px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: 0px; }




/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
	
}

#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:220px;
	left:123px;
	
}

#slider .slide{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prev, .next{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 464px;
	left:1056px;
	
}

.prev{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prev:hover{
	
    background-position: 0 -56px;
	
}

.next{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:100;
}
.next:hover{
	
    background-position: 0 -56px;
	
}

#mage{
	
	width:829px;
	height:442px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:350px;
	top:170px;
	z-index:4;
	
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
	
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}
#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}
#sliderr .slidee{
	
    width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevv, .nextt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}

.prevv:hover{
	
    background-position: 0 -56px;
	
}

.nextt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}
.nextt:hover{
	
    background-position: 0 -56px;
	
}

#magee{
	
	width:990px;
	height:565px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:330px;
		top:110px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
		
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:47px;
	
}

#sliderrr .slideee{
	
    width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvv, .nexttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
}

.prevvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nexttt:hover{
	
    background-position: 0 -56px;
	
}

#mageee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:370px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}

#sliderrrr .slideeee{
	
    width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvv, .nextttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}

.prevvvv:hover{
	
    background-position: 0 -56px;
	
}

.nextttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nextttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:325px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}
#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:47px;
	
}
#sliderrrrr .slideeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvv, .nexttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nexttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:310px;
		top:65px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}

#sliderrrrrr .slideeeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
}

.prevvvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nextttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nextttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeeee{
	
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		
		position:relative;
		left:320px;
		top:90px;
		
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
		
    width: 990px;
    height: 630px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:80px;
	left:196px;
	
}

#sliderrrrrrr .slideeeeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvvvv, .nexttttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}


.prevvvvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
	
}

.nexttttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeeeee{
	
	width:716px;
	height:548px;
	
}

#titlemaletines{
		
		position:relative;
		left:610px;
		top:0px;
		
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}

  
	
	}

@media (min-width: 1650px) and (max-width: 1684px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}


		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:400px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
					
			position:relative;
		    left:400px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
					
			position:relative;
		    left:1036px;
			top:-116px;	
			z-index:101;	
				
					}
					
					
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
						
			position:relative;
		    left:90px;
			top:13px;
			
						}
						
						#facebook{
							
			position:relative;
		    left:103px;
			top:13px;
			
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}



						
					
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:460px;
			         top:393px;
						z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-6px;
					 width:1650px;
					 height:155px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
									
								height:840px;
								width:1650px;
								position:relative;
								left:-8px;
								top:250px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:665px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:100px;
											
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:20px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:60px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:120px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:200px;
											left:170px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:315px;
												top:280px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:-400px;
												top:485px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														
														height:941px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1650px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:335px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-2px;
											width:1650px;
											height:15px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												
												position:relative;
												top:170px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1650px;
														height:368px;
														position:relative;
														left:-8px;
														top:250px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-51px;
															left:0px;
															width:1650px;
					                                        height:56px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:570px;
															left:435px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2453px;
								left:375px;
								z-index:4;
								
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2453px;
								left:1081px;
								z-index:4;
								
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:150px;
									height:630px;
									width:1650px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:652px;
			top:-185px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:515px;
							z-index:-4;
							
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-160px;
							left:307px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-193px;
							left:220px;
								
								}
							
							/*Parrafo de distribuciones en el área de contacto*/
							
							#distribucion{
								
								position:relative;
								top:-180px;
								left:440px;
								
								}

							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:615px;
							z-index:-4;
							
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-487px;
							left:297px;
							
								}


/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-458px;
							left:645px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
								
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;
									
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;	
									
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;
										
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;	
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1650px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:135px;
										
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											
											position:relative;
										    left:645px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-37px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													
											position:relative;
										    left:0px;
										    top:-138px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1650px;
	height:510px;
	
	}
	
	#wows1_2{
		
	width:1650px;
	height:510px;
	
	}
	
	#wows1_3{
		
	width:1650px;
	height:510px;
	
	}
	
	#wows1_4{
	width:1650px;
	height:510px;
	}
	
	#wows1_5{
	width:1650px;
	height:510px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1650px;
	height:510px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1650px;
	height:510px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1650px;
	height:510px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container1 img{
	
	max-width: none !important;
	
}


#wowslider-container1  .ws_bullets {
	 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container1  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container1  .ws_bullets { 

	padding: 9px; 
	
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:25px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0;
	 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}
#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:280px;
	top:1927px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container2{ }
#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}
#wowslider-container2 .ws_imagess ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	
	width:100%;
	display:block;
	color:transparent;
	
}
#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container2  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container2  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:981px;
	top:1927px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
	
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}
#wowslider-container3 .ws_imagesss ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container3  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container3  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container3  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}

#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container3  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}
#wowslider-container3  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container3 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
	
}
.close {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-110px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}

.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}

.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}

.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}

.closeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
	
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
	
}
.closeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
	
    background: #000;
    color:#ffffff;
	
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}

.closeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
	
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}

.closeeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
	
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:270px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}

.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
	
}

.closeeeeeee {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:250px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:250px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: 0px; }




/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
	
}

#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:220px;
	left:123px;
	
}

#slider .slide{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prev, .next{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 464px;
	left:1056px;
	
}

.prev{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prev:hover{
	
    background-position: 0 -56px;
	
}

.next{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:100;
}
.next:hover{
	
    background-position: 0 -56px;
	
}

#mage{
	
	width:829px;
	height:442px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:350px;
	top:170px;
	z-index:4;
	
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
	
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}
#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}
#sliderr .slidee{
	
    width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevv, .nextt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}

.prevv:hover{
	
    background-position: 0 -56px;
	
}

.nextt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}
.nextt:hover{
	
    background-position: 0 -56px;
	
}

#magee{
	
	width:990px;
	height:565px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:330px;
		top:110px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
		
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:47px;
	
}

#sliderrr .slideee{
	
    width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvv, .nexttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
}

.prevvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nexttt:hover{
	
    background-position: 0 -56px;
	
}

#mageee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:370px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}

#sliderrrr .slideeee{
	
    width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvv, .nextttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}

.prevvvv:hover{
	
    background-position: 0 -56px;
	
}

.nextttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nextttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:325px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}
#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:47px;
	
}
#sliderrrrr .slideeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvv, .nexttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}

.prevvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nexttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeee{
	
	width:990px;
	height:600px
	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:310px;
		top:65px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
		
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
	
}

#sliderrrrrr .slideeeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
}

.prevvvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nextttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	
}

.nextttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeeee{
	
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		
		position:relative;
		left:320px;
		top:90px;
		
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
		
    width: 990px;
    height: 630px;
    position: relative;
    top:0px;
	left:0px;
	
}

#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:80px;
	left:196px;
	
}

#sliderrrrrrr .slideeeeeee{
	
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}

.prevvvvvvv, .nexttttttt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}


.prevvvvvvv{
	
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}

.prevvvvvvv:hover{
	
    background-position: 0 -56px;
	
}

.nexttttttt{
	
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
	
}

.nexttttttt:hover{
	
    background-position: 0 -56px;
	
}

#mageeeeeee{
	
	width:716px;
	height:548px;
	
}

#titlemaletines{
		
		position:relative;
		left:610px;
		top:0px;
		
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}

  
	
	}


@media (min-width: 1399px) and (max-width: 1649px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}
	
#todo{position:relative; margin:0 auto 0 auto; width:1383px;}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:250px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
					
			position:relative;
		    left:250px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
					
			position:relative;
		    left:890px;
			top:-116px;	
			z-index:101;
					
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
						
			position:relative;
		    left:90px;
			top:13px;
			
						}
						
						#facebook{
							
			position:relative;
		    left:103px;
			top:13px;
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:320px;
			         top:323px;
					 z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:0px;
			         top:-77px;
					 width:1366px;
					 height:128px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
									
								height:840px;
								width:1366px;
								position:relative;
								left:-8px;
								top:250px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:515px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:-50px;
											
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-130px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-90px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:-30px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:200px;
											left:20px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:165px;
												top:280px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:470px;
												top:330px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														
														height:901px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1366px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:195px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-2px;
											width:1366px;
											height:13px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												
												position:relative;
												top:170px;
												
												
												}
									
									
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1366px;
														height:305px;
														position:relative;
														left:-8px;
														top:250px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-51px;
															left:0px;
															width:1366px;
					                                        height:56px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:565px;
															left:295px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2387px;
								left:300px;
								z-index:4;
								
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2387px;
								left:871px;
								z-index:4;
								
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:150px;
									height:630px;
									width:1366px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:652px;
			top:-195px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:365px;
							z-index:-4;
							
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-170px;
							left:167px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-203px;
							left:80px;
								
								}
							
							/*Parrafo de distribuciones en el área de contacto*/
							
							#distribucion{
								
								position:relative;
								top:-190px;
								left:300px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:465px;
							z-index:-4;
							
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-497px;
							left:155px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-468px;
							left:505px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
								
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;
									
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;	
									
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;	
									
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;		
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1366px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:135px;
										
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											
											position:relative;
										    left:500px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-37px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													
											position:relative;
										    left:0px;
										    top:-74px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1366px;
	height:422px;
	
	}
	
	#wows1_2{
		
	width:1366px;
	height:422px;
	
	}
	
	#wows1_3{
		
	width:1366px;
	height:422px;
	
	}
	
	#wows1_4{
		
	width:1366px;
	height:422px;
	
	}
	
	#wows1_5{
		
	width:1366px;
	height:422px;
	
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1366px;
	height:422px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}

#wowslider-container1 .ws_images ul li{
	
	width:1366px;
	height:422px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1366px;
	height:422px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	
	width:100%;
	display:block;
	color:transparent;
	
}
#wowslider-container1 img{
	
	max-width: none !important;
	
}


#wowslider-container1  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container1  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container1  .ws_bullets { 

	padding: 9px; 
	
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:200px;
	top:1857px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
	
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container2{ }
#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}

#wowslider-container2 .ws_imagess ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container2  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container2  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container2  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}

#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:771px;
	top:1857px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}

#wowslider-container3 .ws_imagesss ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container3  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container3  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container3  .ws_bullets { 

	padding: 9px;
	 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
	
}

#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container3  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container3  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container3 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmask:target .movedown{  
     
    margin:10% auto;
	
}

.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
	
}

.close {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-40px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: 0px; }


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:127px;
}
#slider .slide{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 424px;
	left:1056px;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width:829px;
	height:442px
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:350px;
	top:160px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:40px;
	left:47px;
}
#sliderr .slidee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	width:990px;
	height:600px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:320px;
		top:40px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:47px;
}
#sliderrr .slideee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:395px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
}
#sliderrrr .slideeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:325px;
		top:50px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:47px;
}
#sliderrrrr .slideeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	width:990px;
	height:600px
	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:310px;
		top:45px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
}
#sliderrrrrr .slideeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top:394px;
	left:1056px;
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:320px;
		top:90px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 990px;
    height: 616px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:187px;
}
#sliderrrrrrr .slideeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}



.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
	width:716px;
	height:548px;
	
}

#titlemaletines{
		
		position:relative;
		left:460px;
		top:0px;
		
		}
		
		
		/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}

 
	
	}



@media (min-width: 1366px) and (max-width: 1398px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}
	

		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:250px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
					
			position:relative;
		    left:250px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
					
			position:relative;
		    left:890px;
			top:-116px;	
			z-index:101;
					
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
						
			position:relative;
		    left:90px;
			top:13px;
			
						}
						
						#facebook{
							
			position:relative;
		    left:103px;
			top:13px;
						}

						#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:320px;
			         top:323px;
					 z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-77px;
					 width:1366px;
					 height:128px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
									
								height:840px;
								width:1366px;
								position:relative;
								left:-8px;
								top:250px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:515px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:-50px;
											
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-130px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-90px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:-30px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:200px;
											left:20px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:165px;
												top:280px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:470px;
												top:330px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														
														height:901px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1366px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:195px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-2px;
											width:1366px;
											height:13px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												
												position:relative;
												top:170px;
												
												
												}
									
									
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1366px;
														height:305px;
														position:relative;
														left:-8px;
														top:250px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-51px;
															left:0px;
															width:1366px;
					                                        height:56px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:565px;
															left:295px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2387px;
								left:300px;
								z-index:4;
								
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2387px;
								left:871px;
								z-index:4;
								
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:150px;
									height:630px;
									width:1366px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:652px;
			top:-195px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

						#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}

						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:365px;
							z-index:-4;
							
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-170px;
							left:167px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-203px;
							left:80px;
								
								}
							
							/*Parrafo de distribuciones en el área de contacto*/
							
							#distribucion{
								
								position:relative;
								top:-190px;
								left:300px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:465px;
							z-index:-4;
							
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-497px;
							left:155px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-468px;
							left:505px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
								
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;
									
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;	
									
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;	
									
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;		
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1366px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:135px;
										
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											
											position:relative;
										    left:500px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-37px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													
											position:relative;
										    left:0px;
										    top:-74px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1366px;
	height:422px;
	
	}
	
	#wows1_2{
		
	width:1366px;
	height:422px;
	
	}
	
	#wows1_3{
		
	width:1366px;
	height:422px;
	
	}
	
	#wows1_4{
		
	width:1366px;
	height:422px;
	
	}
	
	#wows1_5{
		
	width:1366px;
	height:422px;
	
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1366px;
	height:422px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}

#wowslider-container1 .ws_images ul li{
	
	width:1366px;
	height:422px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1366px;
	height:422px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	
	width:100%;
	display:block;
	color:transparent;
	
}
#wowslider-container1 img{
	
	max-width: none !important;
	
}


#wowslider-container1  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container1  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container1  .ws_bullets { 

	padding: 9px; 
	
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:200px;
	top:1857px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
	
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows2_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container2{ }
#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}

#wowslider-container2 .ws_imagess ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container2  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container2  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container2  .ws_bullets { 

	padding: 9px; 
	
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}

#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container1  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container1  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container1 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
	
}

#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:771px;
	top:1857px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_3{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_4{
		
	width:342px;
	height:491px;
	
	}
	
	#wows3_5{
		
	width:342px;
	height:491px;
	
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
	
}

#wowslider-container3 .ws_imagesss ul li{
	
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	
	width:100%;
	display:block;
	color:transparent;
	
}

#wowslider-container2 img{
	
	max-width: none !important;
	
}


#wowslider-container3  .ws_bullets { 

	font-size: 0px; 
	float: left;
	position:absolute;
	
}

#wowslider-container3  .ws_bullets div{
	
	position:relative;
	float:left;
	
}

#wowslider-container3  .ws_bullets { 

	padding: 9px;
	 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
	
}

#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}

#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
	
    background-position: 50% 50% !important;
	
}

#wowslider-container3  .ws_bullets {
	
    bottom: 0px;
	left:50%;
	
}

#wowslider-container3  .ws_bullets div{
	
	left:-50%;
	
}

#wowslider-container3 .ws_bulframe div {
	
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}

#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}

.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}

.modalmask:target .movedown{  
     
    margin:10% auto;
	
}

.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
	
}

.close {
	
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
	
    background: #000;
    color:#ffffff;
	
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
	
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-40px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:120px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: 0px; }



/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:127px;
}
#slider .slide{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 424px;
	left:1056px;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width:829px;
	height:442px
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:350px;
	top:160px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:40px;
	left:47px;
}
#sliderr .slidee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	width:990px;
	height:600px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:320px;
		top:40px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:47px;
}
#sliderrr .slideee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:395px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
}
#sliderrrr .slideeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:325px;
		top:50px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:47px;
}
#sliderrrrr .slideeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	width:990px;
	height:600px
	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:310px;
		top:45px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:47px;
}
#sliderrrrrr .slideeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top:394px;
	left:1056px;
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:320px;
		top:90px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 990px;
    height: 616px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:187px;
}
#sliderrrrrrr .slideeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
}



.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
	width:716px;
	height:548px;
	
}

#titlemaletines{
		
		position:relative;
		left:460px;
		top:0px;
		
		}
		
		
		/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}

 
	
	}



@media (min-width: 1058px) and (max-width: 1365px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}

#todo{position:relative; margin:0 auto 0 auto; width:1041px;}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:79px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:79px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:679px;
			top:-116px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:90px;
			top:13px;
						}
						
						#facebook{
			position:relative;
		    left:103px;
			top:13px;
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}
						
			
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:129px;
			         top:263px;
						z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
					 position:relative;
		             left:0px;
			         top:-163px;
					 width:1024px;
					 height:96px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:1024px;
								position:relative;
								left:-8px;
								top:250px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:344px;
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:-221px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-301px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-261px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:-201px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:138px;
											left:831px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:0px;
												top:220px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:305px;
												top:270px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:911px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1024px;
								position:relative;
								left:-8px;
								top:70px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:35px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-5px;
											width:1024px;
											height:9px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:150px;
												
												
												}
														
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1024px;
														height:228px;
														position:relative;
														left:-8px;
														top:250px;
														z-index:-1;
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-38px;
															left:0px;
															width:1024px;
					                                        height:42px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:565px;
															left:145px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2292px;
								left:200px;
								z-index:4;
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2292px;
								left:645px;
								z-index:4;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:100px;
									height:630px;
									width:1024px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:628px;
			top:-195px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
					
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:194px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-170px;
							left:17px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-203px;
							left:-70px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-190px;
								left:130px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:294px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-497px;
							left:10px;
							
								}


/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-468px;
							left:355px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;		
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1024px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:85px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:354px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-115px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:10px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1024px;
	height:316px;
	
	}
	
	#wows1_2{
	width:1024px;
	height:316px;
	}
	
	#wows1_3{
	width:1024px;
	height:316px;
	}
	
	#wows1_4{
	width:1024px;
	height:316px;
	}
	
	#wows1_5{
	width:1024px;
	height:316px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1024px;
	height:316px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1024px;
	height:316px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1024px;
	height:316px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}
#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:100px;
	top:1772px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
	width:342px;
	height:491px;
	}
	
	#wows2_3{
	width:342px;
	height:491px;
	}
	
	#wows2_4{
	width:342px;
	height:491px;
	}
	
	#wows2_5{
	width:342px;
	height:491px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:541px;
	top:1772px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
	width:342px;
	height:491px;
	}
	
	#wows3_3{
	width:342px;
	height:491px;
	}
	
	#wows3_4{
	width:342px;
	height:491px;
	}
	
	#wows3_5{
	width:342px;
	height:491px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-110px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-30px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: -308px; }



/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:200px;
	left:90px;
}
#slider .slide{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 464px;
	left:1056px;
	z-index:5;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width:829px;
	height:442px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:310px;
	top:170px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderr .slidee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	z-index:100;
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	width:990px;
	height:565px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:320px;
		top:110px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:7px;
}
#sliderrr .slideee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	 
	z-index:100;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:980;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:370px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrr .slideeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:310px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrrr .slideeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	width:990px;
	height:565px
	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:310px;
		top:65px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 354px;
	left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:320px;
		top:90px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 990px;
    height: 620px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:160px;
}
#sliderrrrrrr .slideeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
	z-index:100
}
.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
	width:716px;
	height:548px;
	
}


#titlemaletines{
		
		position:relative;
		left:290px;
		top:0px;
		
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 990;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}  
	
	}

@media (min-width: 1024px) and (max-width: 1057px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}


		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:79px;
			top:10px;
			z-index:100;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}


					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:79px;
			top:10px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:679px;
			top:-116px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:90px;
			top:13px;
						}
						
						#facebook{
			position:relative;
		    left:103px;
			top:13px;
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}

						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:129px;
			         top:263px;
						z-index:105;	
							
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
					 position:relative;
		             left:-8px;
			         top:-163px;
					 width:1024px;
					 height:96px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:1024px;
								position:relative;
								left:-8px;
								top:250px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:344px;
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:-221px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-301px;
												
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-261px;
												
												}
												
												#cuatroooo{
												
											position:relative;
											top:200px;
											left:-201px;
												
												}
												
												#cuatrooooo{
												
											position:relative;
											top:138px;
											left:831px;
												
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:0px;
												top:220px;
												
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:305px;
												top:270px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:911px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1359px;
								width:1024px;
								position:relative;
								left:-8px;
								top:70px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:35px;
										top:80px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:-5px;
											width:1024px;
											height:9px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:150px;
												
												
												}
														
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:1024px;
														height:228px;
														position:relative;
														left:-8px;
														top:250px;
														z-index:-1;
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-38px;
															left:0px;
															width:1024px;
					                                        height:42px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:565px;
															left:145px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:2292px;
								left:200px;
								z-index:4;
								}
								
								#vertodasdos{
								
								position:absolute;
								top:2292px;
								left:645px;
								z-index:4;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:100px;
									height:630px;
									width:1024px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:628px;
			top:-195px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
					
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:194px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-170px;
							left:17px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-203px;
							left:-70px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-190px;
								left:130px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:294px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
								
							position:relative;
							top:-497px;
							left:10px;
							
								}


/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-468px;
							left:355px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:350px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:350px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:350px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:350px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;		
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:1024px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:85px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:354px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-115px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:10px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:1024px;
	height:316px;
	
	}
	
	#wows1_2{
	width:1024px;
	height:316px;
	}
	
	#wows1_3{
	width:1024px;
	height:316px;
	}
	
	#wows1_4{
	width:1024px;
	height:316px;
	}
	
	#wows1_5{
	width:1024px;
	height:316px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:1024px;
	height:316px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1024px;
	height:316px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:1024px;
	height:316px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}
#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:100px;
	top:1772px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows2_2{
	width:342px;
	height:491px;
	}
	
	#wows2_3{
	width:342px;
	height:491px;
	}
	
	#wows2_4{
	width:342px;
	height:491px;
	}
	
	#wows2_5{
	width:342px;
	height:491px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:541px;
	top:1772px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:342px;
	height:491px;
	
	}
	
	#wows3_2{
	width:342px;
	height:491px;
	}
	
	#wows3_3{
	width:342px;
	height:491px;
	}
	
	#wows3_4{
	width:342px;
	height:491px;
	}
	
	#wows3_5{
	width:342px;
	height:491px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:342px;
	height:491px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:342px;
	height:491px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:342px;
	height:491px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-110px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-50px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-30px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-20px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: -342px; }


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:200px;
	left:90px;
}
#slider .slide{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 464px;
	left:1056px;
	z-index:5;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width:829px;
	height:442px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:310px;
	top:170px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderr .slidee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	z-index:100;
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	width:990px;
	height:565px
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:320px;
		top:110px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 990px;
    height: 650px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:50px;
	left:7px;
}
#sliderrr .slideee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	 
	z-index:100;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:980;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width:990px;
	height:600px
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
		left:370px;
		top:60px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrr .slideeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	width:990px;
	height:600px
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:310px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrrr .slideeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	width:990px;
	height:565px
	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:310px;
		top:65px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 990px;
    height: 600px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 354px;
	left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
	width:990px;
	height:550px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:320px;
		top:90px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 990px;
    height: 620px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 990px;
    height: 600px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:70px;
	left:160px;
}
#sliderrrrrrr .slideeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 244px;
	left:1056px;
	
	z-index:100
}
.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:980;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
	width:716px;
	height:548px;
	
}


#titlemaletines{
		
		position:relative;
		left:290px;
		top:0px;
		
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:993px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:993px;
	height:602px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 990;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:993px;
	height:602px;
	
}  
	
	}
	
	
	
	
	@media (min-width: 810px) and (max-width: 1023px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}

#todo{position:relative; margin:0 auto 0 auto; width:768px;}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:10px;
			z-index:100;
			width:120px;
			height:67px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-60px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:520px;
			top:-86px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:90px;
			top:13px;
						}
						
						#facebook{
			position:relative;
		    left:103px;
			top:13px;
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:133px;
			         top:168px;
					 z-index:105;	
					 width:476px;
					 height:159px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
					 position:relative;
		             left:0px;
			         top:-129px;
					 width:768px;
					 height:72px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:768px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:230px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:-277px;
											width:168px;
										    height:49px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-311px;
											width:122px;
										    height:47px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-287px;
											width:122px;
										    height:47px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:150px;
											left:471px;
											width:117px;
										    height:46px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:150px;
											left:499px;
											width:117px;
										    height:46px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:0px;
												top:225px;
												width:750px;
												height:159px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:185px;
												top:315px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:761px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1059px;
								width:768px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:1px;
										top:55px;
										width:750px;
										height:942px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:768px;
											height:7px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:70px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:768px;
														height:171px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-21px;
															left:0px;
															width:768px;
					                                        height:31px;
															z-index:100;
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:985px;
															left:5px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:1987px;
								left:120px;
								z-index:4;
								}
								
								#vertodasdos{
								
								position:absolute;
								top:1987px;
								left:472px;
								z-index:4;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1030px;
									width:768px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:448px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:154px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-150px;
							left:77px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-183px;
							left:-15px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-110px;
								left:89px;
								
								}
								
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:188px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
								position:relative;
							top:-487px;
							left:72px;
							width:300px;
							height:80px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-858px;
							left:418px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:230px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:230px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:230px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:230px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;	
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:768px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:8px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:216px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-40px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:768px;
	height:237px;
	
	}
	
	#wows1_2{
	width:768px;
	height:237px;
	}
	
	#wows1_3{
	width:768px;
	height:237px;
	}
	
	#wows1_4{
	width:768px;
	height:237px;
	}
	
	#wows1_5{
	width:768px;
	height:237px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:768px;
	height:237px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:768px;
	height:237px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:768px;
	height:237px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}
#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:50px;
	top:1547px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:292px;
	height:419px;
	
	}
	
	#wows2_2{
	width:292px;
	height:419px;
	}
	
	#wows2_3{
	width:292px;
	height:419px;
	}
	
	#wows2_4{
	width:292px;
	height:419px;
	}
	
	#wows2_5{
	width:292px;
	height:419px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:292px;
	height:419px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:292px;
	height:419px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:292px;
	height:419px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:391px;
	top:1547px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:292px;
	height:419px;
	
	}
	
	#wows3_2{
	width:292px;
	height:419px;
	}
	
	#wows3_3{
	width:292px;
	height:419px;
	}
	
	#wows3_4{
	width:292px;
	height:419px;
	}
	
	#wows3_5{
	width:292px;
	height:419px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:292px;
	height:419px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:292px;
	height:419px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:292px;
	height:419px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-40px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: -556px; }



/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#slider .slide{
     width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 424px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	 width: 730px;
    height: 386px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:180px;
	top:160px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
   width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
      width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 720px;
    height: 436px;
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:170px;
		top:150px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
     width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrr .slideee{
     width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 394px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:710;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 720px;
    height: 436px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:230px;
	top:160px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 720px;
    height: 436px;
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:170px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 720px;
height: 436px;	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:168px;
		top:145px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 314px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 720px;
    height: 436px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:160px;
		top:70px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:130px;
	left:97px;
}
#sliderrrrrrr .slideeeeeee{
    width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 550px;
    height: 421px;
	
}

#titlemaletines{
		
		position:relative;
		left:154px;
		top:20px;
		
		}
  
/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:730px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:730px;
	height:443px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width:730px;
	height:443px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 730;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:730px;
	height:443px;
	
}    
  
	
	}

	@media (min-width: 768px) and (max-width: 809px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
	}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:10px;
			z-index:100;
			width:120px;
			height:67px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}


					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-60px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:507px;
			top:-50px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:90px;
			top:13px;
						}
						
						#facebook{
			position:relative;
		    left:103px;
			top:13px;
						}

#instagram{
							
			position:relative;
		    left:110px;
			top:13px;
						}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:133px;
			         top:168px;
					 z-index:105;	
					 width:476px;
					 height:159px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
					 position:relative;
		             left:-8px;
			         top:-129px;
					 width:768px;
					 height:72px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:768px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:230px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:200px;
											left:-277px;
											width:168px;
										    height:49px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-311px;
											width:122px;
										    height:47px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-287px;
											width:122px;
										    height:47px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:150px;
											left:471px;
											width:117px;
										    height:46px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:150px;
											left:499px;
											width:117px;
										    height:46px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:0px;
												top:225px;
												width:750px;
												height:159px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:185px;
												top:315px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:761px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:1059px;
								width:768px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:1px;
										top:55px;
										width:750px;
										height:942px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:768px;
											height:7px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:70px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:768px;
														height:171px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-21px;
															left:0px;
															width:768px;
					                                        height:31px;
															z-index:100;
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:985px;
															left:5px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:1987px;
								left:120px;
								z-index:4;
								}
								
								#vertodasdos{
								
								position:absolute;
								top:1987px;
								left:472px;
								z-index:4;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1030px;
									width:768px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:448px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:154px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-150px;
							left:77px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-183px;
							left:-15px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-110px;
								left:89px;
								
								}
								
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:188px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
								position:relative;
							top:-487px;
							left:72px;
							width:300px;
							height:80px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-858px;
							left:418px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:230px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:230px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:230px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:230px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;	
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:768px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:8px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:216px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-40px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:768px;
	height:237px;
	
	}
	
	#wows1_2{
	width:768px;
	height:237px;
	}
	
	#wows1_3{
	width:768px;
	height:237px;
	}
	
	#wows1_4{
	width:768px;
	height:237px;
	}
	
	#wows1_5{
	width:768px;
	height:237px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:768px;
	height:237px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:768px;
	height:237px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:768px;
	height:237px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}
#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:50px;
	top:1547px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:292px;
	height:419px;
	
	}
	
	#wows2_2{
	width:292px;
	height:419px;
	}
	
	#wows2_3{
	width:292px;
	height:419px;
	}
	
	#wows2_4{
	width:292px;
	height:419px;
	}
	
	#wows2_5{
	width:292px;
	height:419px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:292px;
	height:419px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:292px;
	height:419px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:292px;
	height:419px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:391px;
	top:1547px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:292px;
	height:419px;
	
	}
	
	#wows3_2{
	width:292px;
	height:419px;
	}
	
	#wows3_3{
	width:292px;
	height:419px;
	}
	
	#wows3_4{
	width:292px;
	height:419px;
	}
	
	#wows3_5{
	width:292px;
	height:419px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:292px;
	height:419px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:292px;
	height:419px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:292px;
	height:419px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-40px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: -598px; }

/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#slider .slide{
     width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 424px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	 width: 730px;
    height: 386px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:180px;
	top:160px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
   width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
      width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 720px;
    height: 436px;
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:170px;
		top:150px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
     width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrr .slideee{
     width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 394px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:710;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 720px;
    height: 436px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:230px;
	top:160px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 720px;
    height: 436px;
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:170px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 720px;
height: 436px;	
	
	}
	
	#titlechiles{
		
		position:relative;
		left:168px;
		top:145px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 314px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 720px;
    height: 436px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:160px;
		top:70px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 720px;
    height: 566px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 720px;
    height: 436px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:130px;
	left:97px;
}
#sliderrrrrrr .slideeeeeee{
    width: 720px;
    height: 436px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:710;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 550px;
    height: 421px;
	
}

#titlemaletines{
		
		position:relative;
		left:154px;
		top:20px;
		
		}
  
/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:730px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:730px;
	height:443px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:57px;
}
#sliderrrrrrrr .slideeeeeeee{
     width:730px;
	height:443px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 730;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:730px;
	height:443px;
	
}    
  
	
	}
	
	@media (min-width: 640px) and (max-width: 767px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		overflow-x:hidden;
	
		
	}
	
	body{
		
		position:relative;
		left:32px;
		
		}

#todo{position:relative; margin:0 auto 0 auto; width:640px;}
		
		
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:0px;
			z-index:100;
			width:80px;
			height:45px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:200px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-100px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:440px;
			top:-83px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:0px;
			top:68px;
						}
						
						#facebook{
			position:relative;
		    left:13px;
			top:68px;
						}

#instagram{
							
			position:relative;
		    left:20px;
			top:68px;
						}
						
						/*Frase siguenos en el área de inicio*/
						
						#soloentresveinte{position:relative; top:16px; left:9px;}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:55px;
			         top:148px;
					 z-index:105;	
					 width:371px;
					 height:124px;	
					 width:481px;
					 height:161px;
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-138px;
					 width:600px;
					 height:56px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:600px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:160px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:148px;
											left:218px;
											width:168px;
										    height:49px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-323px;
											width:122px;
										    height:47px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-339px;
											width:122px;
										    height:47px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:147px;
											left:199px;
											width:117px;
										    height:46px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:147px;
											left:196px;
											width:117px;
										    height:46px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:10px;
												top:225px;
												width:580px;
												height:123px;
												}
												
			/*este se usa solo en esta resolución para mover el contenido de la sección rosa de productos*/
		
		#mueveprod{
			
			position:relative;
			left:15px;
			
			}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:95px;
												top:322px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:661px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:859px;
								width:600px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:8px;
										top:55px;
										width:580px;
										height:728px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:600px;
											height:5px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:70px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:600px;
														height:134px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-21px;
															left:0px;
															width:600px;
					                                        height:25px;
															z-index:100;
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:985px;
															left:-85px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:1794px;
								left:95px;
								z-index:4;
								}
								
								#vertodasdos{
								
								position:absolute;
								top:1794px;
								left:367px;
								z-index:4;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1030px;
									width:600px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:163px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:124px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-150px;
							left:27px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-183px;
							left:-60px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-110px;
								left:39px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:115px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
								position:relative;
							top:-887px;
							left:325px;
							width:300px;
							height:80px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-858px;
							left:338px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:160px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:160px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:160px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:160px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:600px;
										font-family: 'Cabin Condensed', sans-serif;
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:124px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-5px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:-8px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:600px;
	height:185px;
	
	}
	
	#wows1_2{
	width:600px;
	height:185px;
	}
	
	#wows1_3{
	width:600px;
	height:185px;
	}
	
	#wows1_4{
	width:600px;
	height:185px;
	}
	
	#wows1_5{
	width:600px;
	height:185px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:600px;
	height:185px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:600px;
	height:185px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:600px;
	height:185px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:60%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:40px;
	top:1400px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:252px;
	height:362px;
	
	}
	
	#wows2_2{
	width:252px;
	height:362px;
	}
	
	#wows2_3{
	width:252px;
	height:362px;
	}
	
	#wows2_4{
	width:252px;
	height:362px;
	}
	
	#wows2_5{
	width:252px;
	height:362px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:252px;
	height:362px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:252px;
	height:362px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:252px;
	height:362px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:311px;
	top:1400px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:252px;
	height:362px;
	
	}
	
	#wows3_2{
	width:252px;
	height:362px;
	}
	
	#wows3_3{
	width:252px;
	height:362px;
	}
	
	#wows3_4{
	width:252px;
	height:362px;
	}
	
	#wows3_5{
	width:252px;
	height:362px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:252px;
	height:362px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:252px;
	height:362px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:252px;
	height:362px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-210px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-210px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-220px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-170px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-210px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-185px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-155px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-60px;
			    top:-120px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: -656px; }


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
   width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:220px;
	left:62px;
}
#slider .slide{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 421px;
    height: 225px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:130px;
	top:210px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
     width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 520px;
    height: 315px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:121px;
		top:210px;
		z-index:100;
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:60px;
}
#sliderrr .slideee{
     width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 394px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:510;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 413px;
    height: 250px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:230px;
	top:220px;
	width:304px;
	height:79px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 520px;
    height: 315px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:110px;
		top:165px;
			z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:170px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 520px;
height: 315px;
	
	}
	
	
#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:119px;
		top:205px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:37px;
}
#sliderrrrrr .slideeeeee{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 310px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 470px;
    height: 285px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:140px;
		top:180px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
   width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:144px;
	left:95px;
}
#sliderrrrrrr .slideeeeeee{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 353px;
    height: 270px;
	
}

#titlemaletines{
		
		position:relative;
		left:167px;
		top:-3px;
		width:195px;
		height:58px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:570px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:570px;
	height:346px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:36px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:570px;
	height:346px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 324px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}

.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 560;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:570px;
	height:346px;
	
} 
  
	
	}
	
		@media (min-width: 600px) and (max-width: 639px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		overflow-x:hidden;
	
		
	}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:0px;
			z-index:100;
			width:80px;
			height:45px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:200px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-100px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:430px;
			top:-83px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:0px;
			top:53px;
						}
						
						#facebook{
			position:relative;
		    left:13px;
			top:53px;
						}


#instagram{
							
			position:relative;
		    left:20px;
			top:53px;
						}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:55px;
			         top:148px;
					 z-index:105;	
					 width:461px;
					 height:154px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-138px;
					 width:600px;
					 height:56px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:600px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:150px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:148px;
											left:210px;
											width:168px;
										    height:49px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-331px;
											width:122px;
										    height:47px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-347px;
											width:122px;
										    height:47px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:147px;
											left:191px;
											width:117px;
										    height:46px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:147px;
											left:188px;
											width:117px;
										    height:46px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:2px;
												top:225px;
												width:580px;
												height:123px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:95px;
												top:315px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:661px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:859px;
								width:600px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:0px;
										top:55px;
										width:580px;
										height:728px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:600px;
											height:5px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:70px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:600px;
														height:134px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-21px;
															left:0px;
															width:600px;
					                                        height:25px;
															z-index:100;
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:985px;
															left:-85px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:absolute;
								top:1794px;
								left:95px;
								z-index:4;
								}
								
								#vertodasdos{
								
								position:absolute;
								top:1794px;
								left:367px;
								z-index:4;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1030px;
									width:600px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:163px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}


#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}

						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:124px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-150px;
							left:27px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-183px;
							left:-60px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-110px;
								left:39px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:115px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
								position:relative;
							top:-887px;
							left:325px;
							width:300px;
							height:80px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-858px;
							left:338px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:160px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:160px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:160px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:160px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:600px;
										font-family: 'Cabin Condensed', sans-serif;
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:124px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-5px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:600px;
	height:185px;
	
	}
	
	#wows1_2{
	width:600px;
	height:185px;
	}
	
	#wows1_3{
	width:600px;
	height:185px;
	}
	
	#wows1_4{
	width:600px;
	height:185px;
	}
	
	#wows1_5{
	width:600px;
	height:185px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:600px;
	height:185px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:600px;
	height:185px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:600px;
	height:185px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:60%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:40px;
	top:1400px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:252px;
	height:362px;
	
	}
	
	#wows2_2{
	width:252px;
	height:362px;
	}
	
	#wows2_3{
	width:252px;
	height:362px;
	}
	
	#wows2_4{
	width:252px;
	height:362px;
	}
	
	#wows2_5{
	width:252px;
	height:362px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:252px;
	height:362px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:252px;
	height:362px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:252px;
	height:362px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:311px;
	top:1400px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:252px;
	height:362px;
	
	}
	
	#wows3_2{
	width:252px;
	height:362px;
	}
	
	#wows3_3{
	width:252px;
	height:362px;
	}
	
	#wows3_4{
	width:252px;
	height:362px;
	}
	
	#wows3_5{
	width:252px;
	height:362px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:252px;
	height:362px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:252px;
	height:362px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:252px;
	height:362px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-60px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:10px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;

    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: 0px; left: -676px; }


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:220px;
	left:7px;
}
#slider .slide{
    width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:545;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	 width: 560px;
     height: 298px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:90px;
	top:170px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
     width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:545;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 560px;
     height: 339px;
	
	
	}
	
	#titledulces{
		
		position:relative;
		left:90px;
		top:150px;
		
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
     width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrr .slideee{
     width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 394px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:545;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 560px;
     height: 339px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:150px;
	top:155px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:545;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 560px;
     height: 339px;
	
	
	}
	
	#titlecarne{
		
		position:relative;
		left:90px;
		top:60px;
		
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:545;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 560px;
height: 339px;
	
	}
	
	#titlechiles{
		
		position:relative;
		left:83px;
		top:145px;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
   width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 324px;
    left:1048px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:545;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 560px;
     height: 339px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:80px;
		top:70px;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 560px;
    height: 603px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 560px;
    height: 339px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:90px;
	left:80px;
}
#sliderrrrrrr .slideeeeeee{
    width: 560px;
    height: 339px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 314px;
    left:1056px;
    z-index:50;
}
.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:545;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 423px;
    height: 324px;
	
}


#titlemaletines{
		
		position:relative;
		left:80px;
		top:40px;
		
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:570px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:570px;
	height:346px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:36px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:570px;
	height:346px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 324px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 560;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:570px;
	height:346px;
	
} 
  
	
	}
	
	
	@media (min-width: 568px) and (max-width: 599px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}


		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:0px;
			z-index:100;
			width:80px;
			height:45px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:200px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:300px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-100px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:410px;
			top:-83px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:-7px;
			top:51px;
						}
						
						#facebook{
			position:relative;
		    left:6px;
			top:51px;
						}

	#instagram{
			position:relative;
		    left:13px;
			top:51px;
						}
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:95px;
			         top:138px;
					 z-index:105;	
					 width:357px;
					 height:119px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-110px;
					 width:568px;
					 height:53px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:568px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:134px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:148px;
											left:200px;
											width:168px;
										    height:49px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-326px;
											width:122px;
										    height:47px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:200px;
											left:-357px;
											width:122px;
										    height:47px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:147px;
											left:181px;
											width:117px;
										    height:46px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:147px;
											left:150px;
											width:117px;
										    height:46px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:2px;
												top:225px;
												width:550px;
												height:123px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:95px;
												top:315px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:641px;
														
														}
														
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:779px;
								width:568px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:46px;
										width:540px;
										height:678px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:568px;
											height:5px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
														
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:568px;
														height:127px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-21px;
															left:0px;
															width:568px;
					                                        height:23px;
															z-index:100;
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:985px;
															left:-102px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:495px;
								left:86px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:495px;
								left:246px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1010px;
									width:568px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:413px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}
						

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-80px;
							left:124px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-138px;
							left:17px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-170px;
							left:-69px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-110px;
								left:-273px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-80px;
							left:90px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
								position:relative;
							top:-877px;
							left:283px;
							width:300px;
							height:80px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-870px;
							left:298px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:220px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:220px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:220px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:220px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;	
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:568px;
										font-family: 'Cabin Condensed', sans-serif;	
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:108px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-28px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:568px;
	height:175px;
	
	}
	
	#wows1_2{
	width:568px;
	height:175px;
	}
	
	#wows1_3{
	width:568px;
	height:175px;
	}
	
	#wows1_4{
	width:568px;
	height:175px;
	}
	
	#wows1_5{
	width:568px;
	height:175px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:568px;
	height:175px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:568px;
	height:175px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:568px;
	height:175px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:69%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:24px;
	top:1390px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:252px;
	height:362px;
	
	}
	
	#wows2_2{
	width:252px;
	height:362px;
	}
	
	#wows2_3{
	width:252px;
	height:362px;
	}
	
	#wows2_4{
	width:252px;
	height:362px;
	}
	
	#wows2_5{
	width:252px;
	height:362px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:252px;
	height:362px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:252px;
	height:362px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:252px;
	height:362px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:295px;
	top:1390px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:252px;
	height:362px;
	
	}
	
	#wows3_2{
	width:252px;
	height:362px;
	}
	
	#wows3_3{
	width:252px;
	height:362px;
	}
	
	#wows3_4{
	width:252px;
	height:362px;
	}
	
	#wows3_5{
	width:252px;
	height:362px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:252px;
	height:362px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:252px;
	height:362px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:252px;
	height:362px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-210px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-210px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-220px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-170px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
   font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-210px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-185px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-155px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-60px;
			    top:-120px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -506px; width:1552px; height:480px;}

#imafran img{width:1552px; height:480px;}

/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
   width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:220px;
	left:62px;
}
#slider .slide{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 374px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 421px;
    height: 225px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:130px;
	top:210px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
     width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 520px;
    height: 315px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:121px;
		top:210px;
		z-index:100;
		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:60px;
}
#sliderrr .slideee{
     width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 394px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:510;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 413px;
    height: 250px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:230px;
	top:220px;
	width:304px;
	height:79px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 520px;
    height: 315px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:110px;
		top:165px;
			z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:170px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 394px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 520px;
height: 315px;
	
	}
	
	
#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:119px;
		top:205px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:37px;
}
#sliderrrrrr .slideeeeee{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 310px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 470px;
    height: 285px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:140px;
		top:180px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 520px;
    height: 605px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
   width: 520px;
    height: 315px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:144px;
	left:95px;
}
#sliderrrrrrr .slideeeeeee{
    width: 520px;
    height: 315px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:510;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 353px;
    height: 270px;
	
}

#titlemaletines{
		
		position:relative;
		left:167px;
		top:-3px;
		width:195px;
		height:58px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:570px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:570px;
	height:346px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:36px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:570px;
	height:346px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 324px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 560;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:570px;
	height:346px;
	
} 
  
	
	}
	
	
	@media (min-width: 521px) and (max-width: 567px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}

#todo{position:relative; margin: 0 auto 0 auto; width:480px;}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:0px;
			z-index:100;
			width:80px;
			height:45px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:14px;
		    position:relative;
		    left:195px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:14px;
		    position:relative;
		    left:215px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:14px;
		    position:relative;
		    left:235px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:14px;
		    position:relative;
		    left:255px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:14px;
		    position:relative;
		    left:275px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:14px;
		    position:relative;
		    left:295px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-100px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:356px;
			top:-51px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:10px;
			top:39px;
			width:37px;
			height:33px;
						}
						
						#facebook{
			position:relative;
		    left:23px;
			top:39px;
			width:23px;
			height:33px;
						}

						#instagram{
			position:relative;
		    left:30px;
			top:39px;
			width:23px;
			height:33px;
						}
					
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:15px;
			         top:124px;
					 z-index:105;	
					 width:415px;
					 height:138px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:0px;
			         top:-128px;
					 width:480px;
					 height:38px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:480px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:84px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:158px;
											left:71px;
											width:134px;
										    height:39px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-324px;
											width:96px;
										    height:37px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:158px;
											left:81px;
											width:96px;
										    height:37px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:157px;
											left:56px;
											width:92px;
										    height:36px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:157px;
											left:43px;
											width:92px;
										    height:36px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:2px;
												top:225px;
												width:460px;
												height:103px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:25px;
												top:315px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:601px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:649px;
								width:480px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:40px;
										width:450px;
										height:565px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:480px;
											height:4px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:480px;
														height:107px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-16px;
															left:0px;
															width:480px;
					                                        height:20px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:995px;
															left:-152px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:460px;
								left:51px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:460px;
								left:176px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1020px;
									width:480px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:413px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-85px;
							left:154px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-138px;
							left:-10px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-170px;
							left:-97px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-160px;
								left:5px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-85px;
							left:170px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
							position:relative;
							top:-557px;
							left:235px;
							width:270px;
							height:72px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-940px;
							left:250px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:195px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:195px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:195px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:195px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;		
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:480px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:57px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-5px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:480px;
	height:148px;
	
	}
	
	#wows1_2{
	width:480px;
	height:148px;
	}
	
	#wows1_3{
	width:480px;
	height:148px;
	}
	
	#wows1_4{
	width:480px;
	height:148px;
	}
	
	#wows1_5{
	width:480px;
	height:148px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:480px;
	height:148px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:480px;
	height:148px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:480px;
	height:148px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:69%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:4px;
	top:1330px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:222px;
	height:319px;
	
	}
	
	#wows2_2{
	width:222px;
	height:319px;
	}
	
	#wows2_3{
	width:222px;
	height:319px;
	}
	
	#wows2_4{
	width:222px;
	height:319px;
	}
	
	#wows2_5{
	width:222px;
	height:319px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:222px;
	height:319px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:222px;
	height:319px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:222px;
	height:319px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:235px;
	top:1330px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:222px;
	height:319px;
	
	}
	
	#wows3_2{
	width:222px;
	height:319px;
	}
	
	#wows3_3{
	width:222px;
	height:319px;
	}
	
	#wows3_4{
	width:222px;
	height:319px;
	}
	
	#wows3_5{
	width:222px;
	height:319px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:222px;
	height:319px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:222px;
	height:319px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:222px;
	height:319px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-160px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-155px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -536px; width:1552px; height:480px;}

#imafran img{width:1552px; height:480px;}



/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
   width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
   width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:33px;
}
#slider .slide{
   width: 445px;
    height: 270px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 334px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 383px;
    height: 204px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:80px;
	top:190px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
     width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 435px;
    height: 264px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:80px;
		top:180px;
		z-index:100;

		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#sliderrr .slideee{
     width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 324px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:424;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 435px;
    height: 264px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:145px;
	top:190px;;
	width:304px;
	height:79px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 435px;
    height: 264px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:77px;
		top:165px;
			z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 435px;
height: 264px;
	
	}
	
	#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:78px;
		top:175px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:135px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 435px;
    height: 264px;
    float: left;

	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 274px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 435px;
    height: 264px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:100px;
		top:155px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:75px;
}
#sliderrrrrrr .slideeeeeee{
    width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 312px;
    height: 239px;
	
}


#titlemaletines{
		
		position:relative;
		left:88px;
		top:0px;
		width:266px;
		height:79px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:450px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:450px;
	height:273px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:43px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:450px;
	height:273px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 284px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 450;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:450px;
	height:273px;
	
} 
  
	
	}
	
	
	@media (min-width: 480px) and (max-width: 520px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}


		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:0px;
			top:0px;
			z-index:100;
			width:80px;
			height:45px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:13px;
		    position:relative;
		    left:195px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:13px;
		    position:relative;
		    left:215px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:13px;
		    position:relative;
		    left:235px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:13px;
		    position:relative;
		    left:255px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:13px;
		    position:relative;
		    left:275px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}


					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:13px;
		    position:relative;
		    left:295px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-100px;
			top:40px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:326px;
			top:-56px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		        left:10px;
			top:39px;
			width:37px;
			height:33px;
						}
						
						#facebook{
			position:relative;
		        left:23px;
			top:39px;
			width:23px;
			height:33px;
						}

						#instagram{
			position:relative;
		        left:30px;
			top:39px;
			width:23px;
			height:33px;
						}
					
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:15px;
			         top:124px;
					 z-index:105;	
					 width:415px;
					 height:138px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-138px;
					 width:480px;
					 height:38px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:480px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:84px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:158px;
											left:71px;
											width:134px;
										    height:39px;
											}
											
											#cuatroo{
												
											position:relative;
											top:200px;
											left:-324px;
											width:96px;
										    height:37px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:158px;
											left:81px;
											width:96px;
										    height:37px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:157px;
											left:56px;
											width:92px;
										    height:36px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:157px;
											left:43px;
											width:92px;
										    height:36px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:2px;
												top:225px;
												width:460px;
												height:103px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:25px;
												top:315px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:601px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:649px;
								width:480px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:40px;
										width:450px;
										height:565px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:480px;
											height:4px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:480px;
														height:107px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-16px;
															left:0px;
															width:480px;
					                                        height:20px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:995px;
															left:-152px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:18px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:460px;
								left:51px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:460px;
								left:176px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1020px;
									width:480px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:406px;
			top:-375px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

						#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-85px;
							left:154px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-138px;
							left:-10px;
							
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-170px;
							left:-97px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-160px;
								left:5px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-85px;
							left:170px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
							position:relative;
							top:-557px;
							left:235px;
							width:270px;
							height:72px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-940px;
							left:250px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:195px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:195px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:195px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:195px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;		
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:480px;
										font-family: 'Cabin Condensed', sans-serif;		
										/*background:#f1ede7;*/
										background:#996666;
										font-size:15px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:57px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-367px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-97px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:-5px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-2px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:480px;
	height:148px;
	
	}
	
	#wows1_2{
	width:480px;
	height:148px;
	}
	
	#wows1_3{
	width:480px;
	height:148px;
	}
	
	#wows1_4{
	width:480px;
	height:148px;
	}
	
	#wows1_5{
	width:480px;
	height:148px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:480px;
	height:148px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:480px;
	height:148px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:480px;
	height:148px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:69%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:4px;
	top:1330px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:222px;
	height:319px;
	
	}
	
	#wows2_2{
	width:222px;
	height:319px;
	}
	
	#wows2_3{
	width:222px;
	height:319px;
	}
	
	#wows2_4{
	width:222px;
	height:319px;
	}
	
	#wows2_5{
	width:222px;
	height:319px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:222px;
	height:319px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:222px;
	height:319px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:222px;
	height:319px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:235px;
	top:1330px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:222px;
	height:319px;
	
	}
	
	#wows3_2{
	width:222px;
	height:319px;
	}
	
	#wows3_3{
	width:222px;
	height:319px;
	}
	
	#wows3_4{
	width:222px;
	height:319px;
	}
	
	#wows3_5{
	width:222px;
	height:319px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:222px;
	height:319px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:222px;
	height:319px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:222px;
	height:319px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;		
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-160px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-10px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-10px;
			    top:-155px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-50px;
			    top:-90px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}



/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -546px; width:1552px; height:480px;}

#imafran img{width:1552px; height:480px;}


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
   width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#slider {
   
   width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:33px;
}
#slider .slide{
   width: 445px;
    height: 270px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 334px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 383px;
    height: 204px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:80px;
	top:190px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
     width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
     width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	 width: 435px;
    height: 264px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:80px;
		top:180px;
		z-index:100;

		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#sliderrr .slideee{
     width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 324px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:424;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 435px;
    height: 264px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:145px;
	top:190px;;
	width:304px;
	height:79px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 435px;
    height: 264px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:77px;
		top:165px;
			z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 435px;
height: 264px;
	
	}
	
	#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:78px;
		top:175px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:135px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 435px;
    height: 264px;
    float: left;

	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 274px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 435px;
    height: 264px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:100px;
		top:155px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 435px;
    height: 505px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 435px;
    height: 264px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:75px;
}
#sliderrrrrrr .slideeeeeee{
    width: 435px;
    height: 264px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:424;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 312px;
    height: 239px;
	
}


#titlemaletines{
		
		position:relative;
		left:88px;
		top:0px;
		width:266px;
		height:79px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:450px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:450px;
	height:273px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:43px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:450px;
	height:273px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 284px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 450;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:450px;
	height:273px;
	
} 
  
	
	}
	
	
	@media (min-width: 411px) and (max-width: 479px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}

#todo{position:relative; margin:0 auto 0 auto; width:384px;}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:-7px;
			top:0px;
			z-index:100;
			width:50px;
			height:28px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:195px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:277px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-140px;
			top:50px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:291px;
			top:-37px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:10px;
			top:29px;
			width:26px;
			height:23px;
						}
						
						#facebook{
			position:relative;
		    left:15px;
			top:29px;
			width:16px;
			height:23px;
						}

						#instagram{
			position:relative;
		    left:20px;
			top:29px;
			width:16px;
			height:23px;
						}
						
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:0px;
			         top:116px;
					 z-index:105;	
					 width:350px;
					 height:117px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:0px;
			         top:-112px;
					 width:384px;
					 height:30px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:384px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:26px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;

											top:176px;
											left:-24px;
											width:107px;
										    height:31px;
											}
											
											#cuatroo{
												
											position:relative;
											top:175px;
											left:-3px;
											width:75px;
										    height:29px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:175px;
											left:-14px;
											width:75px;
										    height:29px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:174px;
											left:-39px;
											width:72px;
										    height:28px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:142px;
											left:298px;
											width:72px;
										    height:28px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:4px;
												top:225px;
												width:360px;
												height:82px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:0px;
												top:330px;
												width:365px;
												height:140px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:541px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:528px;
								width:384px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:40px;
										width:354px;
										height:444px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:384px;
											height:3px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:384px;
														height:86px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-10px;
															left:0px;
															width:384px;
					                                        height:16px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:995px;
															left:-185px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:425px;
								left:31px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:425px;
								left:106px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1020px;
									width:384px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:283px;
			top:-200px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}


						#instagramm{
							
			position:relative;
		    left:29px;
			top:15px;
			
						}

						
					
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-85px;
							left:120px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-211px;
							left:0px;
							width:216px;
							height:343px;
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-235px;
							left:-72px;
							width:41px;
							height:151px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-190px;
								left:90px;
								width:200px;
								height:358px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-85px;
							left:85px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
							position:relative;
							top:-552px;
							left:200px;
							width:200px;
							height:54px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-900px;
							left:210px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:140px;
								height:40px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:140px;
								height:40px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:140px;
								height:40px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:140px;
								height:100px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:384px;
										font-family: 'Cabin Condensed', sans-serif;	
										/*background:#f1ede7;*/
										background:#996666;
										font-size:13px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:28px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-120px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-117px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:13px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-29px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:384px;
	height:118px;
	
	}
	
	#wows1_2{
	width:384px;
	height:118px;
	}
	
	#wows1_3{
	width:384px;
	height:118px;
	}
	
	#wows1_4{
	width:384px;
	height:118px;
	}
	
	#wows1_5{
	width:384px;
	height:118px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:384px;
	height:118px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:384px;
	height:118px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:384px;
	height:118px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:61%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:-2px;
	top:1260px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:190px;
	height:273px;
	
	}
	
	#wows2_2{
	width:190px;
	height:273px;
	}
	
	#wows2_3{
	width:190px;
	height:273px;
	}
	
	#wows2_4{
	width:190px;
	height:273px;
	}
	
	#wows2_5{
	width:190px;
	height:273px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:190px;
	height:273px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:190px;
	height:273px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:190px;
	height:273px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:183px;
	top:1260px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:190px;
	height:273px;
	
	}
	
	#wows3_2{
	width:190px;
	height:273px;
	}
	
	#wows3_3{
	width:190px;
	height:273px;
	}
	
	#wows3_4{
	width:190px;
	height:273px;
	}
	
	#wows3_5{
	width:190px;
	height:273px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:190px;
	height:273px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:190px;
	height:273px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:190px;
	height:273px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-23px;
			    top:-105px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-55px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -546px; width:1552px; height:480px;}

#imafran img{width:1552px; height:480px;}
/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -546px; width:1552px; height:480px;}

#imafran img{width:1552px; height:480px;}


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
	
}

#slider {
   
   width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:44px;
}
#slider .slide{
  width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 278px;
    height: 148px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:40px;
	top:190px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	
	width: 360px;
    height: 212px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:32px;
		top:180px;
		z-index:100;

		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#sliderrr .slideee{
     width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 294px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:337;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 360px;
    height: 212px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:130px;
	top:190px;
	width:230px;
	height:59px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 360px;
    height: 212px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:47px;
		top:140px;
		z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 360px;
height: 212px;
	
	}
	
	#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:28px;
		top:170px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 360px;
    height: 212px;
    float: left;

	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 46px;
    width: 46px;
    position: absolute;
    top: 344px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 360px;
    height: 212px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:60px;
		top:90px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:44px;
}
#sliderrrrrrr .slideeeeeee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}
.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 277px;
    height: 212px;
	
}

#titlemaletines{
		
		position:relative;
		left:40px;
		top:70px;
		width:266px;
		height:79px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:450px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:450px;
	height:273px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:43px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:450px;
	height:273px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 224px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 360;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:354px;
	height:215px;
	
} 
  
	
	}	
	
	
	@media (min-width: 384px) and (max-width: 410px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}

		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:-7px;
			top:0px;
			z-index:100;
			width:50px;
			height:28px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:195px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:210px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:230px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:247px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-140px;
			top:50px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:291px;
			top:-37px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:-30px;
			top:29px;
			width:26px;
			height:23px;
						}
						
						#facebook{
			position:relative;
		    left:-25px;
			top:29px;
			width:16px;
			height:23px;
						}

						#instagram{
			position:relative;
		    left:-20px;
			top:29px;
			width:16px;
			height:23px;
						}
						
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:0px;
			         top:116px;
					 z-index:105;	
					 width:350px;
					 height:117px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-115px;
					 width:384px;
					 height:30px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:384px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:26px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;

											top:176px;
											left:-24px;
											width:107px;
										    height:31px;
											}
											
											#cuatroo{
												
											position:relative;
											top:175px;
											left:-3px;
											width:75px;
										    height:29px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:175px;
											left:-14px;
											width:75px;
										    height:29px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:174px;
											left:-39px;
											width:72px;
										    height:28px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:142px;
											left:298px;
											width:72px;
										    height:28px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:4px;
												top:225px;
												width:360px;
												height:82px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:0px;
												top:330px;
												width:365px;
												height:140px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:541px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:528px;
								width:384px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:40px;
										width:354px;
										height:444px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:384px;
											height:3px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:384px;
														height:86px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-10px;
															left:0px;
															width:384px;
					                                        height:16px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:995px;
															left:-185px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:425px;
								left:31px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:425px;
								left:106px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1020px;
									width:384px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:283px;
			top:-200px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

						#instagramm{
							
			position:relative;
		    left:28px;
			top:15px;
			
						}

						
					
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-85px;
							left:120px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-211px;
							left:0px;
							width:216px;
							height:343px;
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-235px;
							left:-72px;
							width:41px;
							height:151px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-190px;
								left:90px;
								width:200px;
								height:358px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-85px;
							left:85px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
							position:relative;
							top:-552px;
							left:200px;
							width:200px;
							height:54px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-900px;
							left:210px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:140px;
								height:40px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:140px;
								height:40px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:140px;
								height:40px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:140px;
								height:100px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:384px;
										font-family: 'Cabin Condensed', sans-serif;	
										/*background:#f1ede7;*/
										background:#996666;
										font-size:13px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:28px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-120px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-117px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:13px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-29px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:384px;
	height:118px;
	
	}
	
	#wows1_2{
	width:384px;
	height:118px;
	}
	
	#wows1_3{
	width:384px;
	height:118px;
	}
	
	#wows1_4{
	width:384px;
	height:118px;
	}
	
	#wows1_5{
	width:384px;
	height:118px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:384px;
	height:118px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:384px;
	height:118px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:384px;
	height:118px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:61%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:-2px;
	top:1260px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:190px;
	height:273px;
	
	}
	
	#wows2_2{
	width:190px;
	height:273px;
	}
	
	#wows2_3{
	width:190px;
	height:273px;
	}
	
	#wows2_4{
	width:190px;
	height:273px;
	}
	
	#wows2_5{
	width:190px;
	height:273px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:190px;
	height:273px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:190px;
	height:273px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:190px;
	height:273px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:183px;
	top:1260px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:190px;
	height:273px;
	
	}
	
	#wows3_2{
	width:190px;
	height:273px;
	}
	
	#wows3_3{
	width:190px;
	height:273px;
	}
	
	#wows3_4{
	width:190px;
	height:273px;
	}
	
	#wows3_5{
	width:190px;
	height:273px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:190px;
	height:273px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:190px;
	height:273px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:190px;
	height:273px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-23px;
			    top:-105px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-55px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -446px; width:1352px; height:412px;}

#imafran img{width:1252px; height:382px;}


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
	
}

#slider {
   
   width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:44px;
}
#slider .slide{
  width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 278px;
    height: 148px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:40px;
	top:190px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	
	width: 360px;
    height: 212px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:32px;
		top:180px;
		z-index:100;

		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#sliderrr .slideee{
     width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 294px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:337;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 360px;
    height: 212px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:130px;
	top:190px;
	width:230px;
	height:59px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 360px;
    height: 212px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:47px;
		top:140px;
		z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 360px;
height: 212px;
	
	}
	
	#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:28px;
		top:170px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 360px;
    height: 212px;
    float: left;

	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 46px;
    width: 46px;
    position: absolute;
    top: 344px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 360px;
    height: 212px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:60px;
		top:90px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:44px;
}
#sliderrrrrrr .slideeeeeee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}
.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 277px;
    height: 212px;
	
}

#titlemaletines{
		
		position:relative;
		left:40px;
		top:70px;
		width:266px;
		height:79px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:450px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:450px;
	height:273px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:43px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:450px;
	height:273px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 224px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 360;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:354px;
	height:215px;
	
} 
  
	
	}
	
	@media (min-width: 370px) and (max-width: 383px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}
		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:-7px;
			top:0px;
			z-index:100;
			width:50px;
			height:28px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:195px;
			top:-80px;
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:210px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:230px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-140px;
			top:50px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:291px;
			top:-37px;	
			z-index:101;		
					}
					
			
					
					/*Estás secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:-30px;
			top:29px;
			width:26px;
			height:23px;
						}
						
						#facebook{
			position:relative;
		    left:-25px;
			top:29px;
			width:16px;
			height:23px;
						}
					
						#instagram{
			position:relative;
		    left:-20px;
			top:29px;
			width:16px;
			height:23px;
						}	
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:0px;
			         top:116px;
					 z-index:105;	
					 width:335px;
					 height:112px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-109px;
					 width:384px;
					 height:30px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:840px;
								width:384px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:26px;
										width:316px;
										height:60px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;

											top:176px;
											left:-24px;
											width:107px;
										    height:31px;
											}
											
											#cuatroo{
												
											position:relative;
											top:175px;
											left:-3px;
											width:75px;
										    height:29px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:175px;
											left:-14px;
											width:75px;
										    height:29px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:174px;
											left:-39px;
											width:72px;
										    height:28px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:142px;
											left:298px;
											width:72px;
										    height:28px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:4px;
												top:225px;
												width:360px;
												height:82px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:0px;
												top:330px;
												width:365px;
												height:140px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:541px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:528px;
								width:384px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:40px;
										width:354px;
										height:444px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:384px;
											height:3px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:384px;
														height:86px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-10px;
															left:0px;
															width:384px;
					                                        height:16px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:995px;
															left:-185px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:16px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:425px;
								left:31px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:425px;
								left:106px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1020px;
									width:384px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:283px;
			top:-200px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}

						
					
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-85px;
							left:120px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-211px;
							left:0px;
							width:216px;
							height:343px;
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-235px;
							left:-72px;
							width:41px;
							height:151px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:-190px;
								left:90px;
								width:200px;
								height:358px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-85px;
							left:85px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
							position:relative;
							top:-552px;
							left:200px;
							width:200px;
							height:54px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-900px;
							left:210px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:140px;
								height:40px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:140px;
								height:40px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:140px;
								height:40px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:140px;
								height:100px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:384px;
										font-family: 'Cabin Condensed', sans-serif;	
										/*background:#f1ede7;*/
										background:#996666;
										font-size:13px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:10px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:28px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-120px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-117px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:13px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-29px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:384px;
	height:118px;
	
	}
	
	#wows1_2{
	width:384px;
	height:118px;
	}
	
	#wows1_3{
	width:384px;
	height:118px;
	}
	
	#wows1_4{
	width:384px;
	height:118px;
	}
	
	#wows1_5{
	width:384px;
	height:118px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:384px;
	height:118px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:384px;
	height:118px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:384px;
	height:118px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:61%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrowsss.fw.png);
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:-2px;
	top:1260px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:190px;
	height:273px;
	
	}
	
	#wows2_2{
	width:190px;
	height:273px;
	}
	
	#wows2_3{
	width:190px;
	height:273px;
	}
	
	#wows2_4{
	width:190px;
	height:273px;
	}
	
	#wows2_5{
	width:190px;
	height:273px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:190px;
	height:273px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:190px;
	height:273px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:190px;
	height:273px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:183px;
	top:1260px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:190px;
	height:273px;
	
	}
	
	#wows3_2{
	width:190px;
	height:273px;
	}
	
	#wows3_3{
	width:190px;
	height:273px;
	}
	
	#wows3_4{
	width:190px;
	height:273px;
	}
	
	#wows3_5{
	width:190px;
	height:273px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:190px;
	height:273px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:190px;
	height:273px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:190px;
	height:273px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-23px;
			    top:-105px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-55px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -476px; width:1352px; height:412px;}

#imafran img{width:1252px; height:382px;}


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
	
}

#slider {
   
   width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:44px;
}
#slider .slide{
  width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	width: 278px;
    height: 148px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:40px;
	top:190px;
	width:304px;
	height:79px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderr .slidee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	
	width: 360px;
    height: 212px;
	
	
	}
	
	#titledulces{
		
		width:304px;
	    height:79px;
		position:relative;
		left:32px;
		top:180px;
		z-index:100;

		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:7px;
}
#sliderrr .slideee{
     width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 294px;
	left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:337;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 360px;
    height: 212px;
	
	
	}
	
	#titleartes{
		
		width:294px;
		height:80px;
		position:relative;
	left:130px;
	top:190px;
	width:230px;
	height:59px;
		z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrr .slideeee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	left:1040px;
	
	z-index:100
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 360px;
    height: 212px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:47px;
		top:140px;
		z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrr .slideeeee{
    
	width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 360px;
height: 212px;
	
	}
	
	#titlechiles{
	
		width:304px;
	    height:79px;
		position:relative;
		left:28px;
		top:170px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:7px;
}
#sliderrrrrr .slideeeeee{
    width: 360px;
    height: 212px;
    float: left;

	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 46px;
    width: 46px;
    position: absolute;
    top: 344px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 360px;
    height: 212px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:60px;
		top:90px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
   width: 350px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrr {
   
    width: 360px;
    height: 212px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:44px;
}
#sliderrrrrrr .slideeeeeee{
    width: 360px;
    height: 212px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 294px;
    left:1056px;
    z-index:50;
}
.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:337;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 277px;
    height: 212px;
	
}

#titlemaletines{
		
		position:relative;
		left:40px;
		top:70px;
		width:266px;
		height:79px;
		z-index:400;
		}

/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:450px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:450px;
	height:273px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:43px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:450px;
	height:273px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 224px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 360;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:354px;
	height:215px;
	
} 
  
	
	}
	
	
	
	@media (min-width: 320px) and (max-width: 369px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
	overflow-x:hidden;
		
	}


		
		/*Logotipo de flor de capomo que esta en el menú de encabezado*/
		
		#logoflor{
			
			position:relative;
			left:-7px;
			top:27px;
			z-index:100;
			width:50px;
			height:28px;
			
			}
				
				/*Desde inicio hasta contacto, construyen y posicionan los botones de menú*/
				
				#inicio{
			
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:195px;
			top:-80px;
			
					}
					
					#inicio:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#product{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#product:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arreglo{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:210px;
			top:-80px;
			
					}
					
					#arreglo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotros{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:220px;
			top:-80px;
			
					}
					
					#nosotros:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactoo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#FFFFFF;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:230px;
			top:-80px;
			
					}
					
					#contactoo:hover{
			
			color:#ddd13e;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}

					#franquicias{
						
			font-family: 'Cabin Condensed', sans-serif;
			color:#FFFFFF;
			z-index:400;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#franquicias:hover{
			
			color:#ddd13e;
			z-index:400;	
			/*text-decoration:underline;*/
			
				}
				
				/*Está parte, posiciona todos los botones del menú de encabezado*/
				
				#uno{
			position:relative;
		    left:-190px;
			top:45px;	
					
					}
					
					/*Está parte, posiciona todos los botones de redes sociales de encabezado*/
				
				#dos{
			position:relative;
		    left:241px;
			top:-38px;	
			z-index:101;		
					}
					
					/*Variable extra que solo se usa en está resolución para redimensionar la palabra siguenos en redes sociales*/
					
					#soloentresveinte{
						
						width:40px;
						height:10px;
						
						}
			
					
					/*Estas secciones, posiciona de manera individual cada red social*/
					
					#twitter{
			position:relative;
		    left:-7px;
			top:22px;
			width:20px;
			height:18px;
						}
						
						#facebook{
			position:relative;
		    left:-2px;
			top:22px;
			width:13px;
			height:18px;
						}

#instagram{
			position:relative;
		    left:3px;
			top:22px;
			width:13px;
			height:18px;
						}
						
						
						
						/*Está parte, posiciona el parrafo de bienvenidos, situado debajo del slider de menú*/
						
						#bienvenidos{
			
			         position:relative;
		             left:-5px;
			         top:108px;
					 z-index:105;	
					 width:295px;
					 height:99px;	
							}
							
							/*Está parte, posiciona la barra ondulada de bienvenidos, situado debajo del slider de menú*/
							
							#bienvenidoss{
								
					 position:relative;
		             left:-8px;
			         top:-113px;
					 width:320px;
					 height:25px;
					 z-index:105;
								
								}
								
								/*Área de productos*/
								
								#tres{
								height:600px;
								width:320px;
								position:relative;
								left:-8px;
								top:150px;
								background-color:#F1EDE7;	
								z-index:190;	
									}
									
									#productoss{
										
										position:relative;
										top:50px;
										left:6px;
										width:290px;
										height:55px;
										
										}
										
										/*Botones del área de productos*/
										
										#cuatro{
											
											position:relative;
											top:116px;
											left:-24px;
											width:90px;
										    height:26px;
											}
											
											#cuatroo{
												
											position:relative;
											top:115px;
											left:-3px;
											width:62px;
										    height:24px;	
												}
											
											#cuatrooo{
												
											position:relative;
											top:115px;
											left:-14px;
											width:62px;
										    height:24px;	
												}
												
												#cuatroooo{
												
											position:relative;
											top:114px;
											left:-34px;
											width:59px;
										    height:23px;	
												}
												
												#cuatrooooo{
												
											position:relative;
											top:87px;
											left:247px;
											width:59px;
										    height:23px;	
												}
											
											/*Imagenes de los productos*/
											
											#losproductos{
												
												position:relative;
												left:2px;
												top:140px;
												width:300px;
												height:68px;
												}
												
												/*Imagen con frase "más que una tradición"*/
												
												#tradicion{
													
												position:relative;
												left:1px;
												top:210px;
												width:300px;
												height:115px;
													
													}
													
													/*Área blanca de arreglos sonorenses*/
													
													#cinco{
														height:451px;
														
														}
														
														/*Área de nosotros*/
								
								#cincoymedio{
									
								height:438px;
								width:320px;
								position:relative;
								left:-8px;
								top:20px;
								background-color:#F1EDE7;	
								z-index:190;
									
									}
									
									/*Imagen con contenido del área de nosotros*/
									
									#nosmisvis{
										
										position:relative;
										left:5px;
										top:40px;
										width:290px;
										height:364px;
										
										}
										
										/*Barra ondulada que está arriba del área de nosotros*/
										
										#bienvenosotros{
											
											position:relative;
											left:0px;
											top:0px;
											width:320px;
											height:3px;
											
											}
											
											/*Posiciona el botón de nosotros de menú y contacto en el área de nosotros*/
											
											#vosotrossssss{
												position:relative;
												top:60px;
												
												
												}
														
													
													/*Banner cafe con frase "Arreglos sonorenses"*/
													
													#bannerarreglos{
														
														width:320px;
														height:72px;
														position:relative;
														left:-8px;
														top:150px;
														z-index:-1;
														
														}
														
														/*Barra de contactos (la ondulada)*/
														
														#barracontactos{
															
															position:relative;
															top:-10px;
															left:0px;
															width:320px;
					                                        height:13px;
															
															}
															
						/*Esta parte mueve todos los botones de menú que están el área de contacto*/
															
															
															#siete{
																
															position:relative;
															top:1315px;
															left:-185px;
															color:#fac98e;	
																
																}
																
																
																
	                    /*Desde inicio hasta contacto, construyen y posicionan los botones de menú en contacto*/
				
				#inicioo{
			
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:200px;
			top:-80px;
			
					}
					
					#inicioo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#productt{
					
			font-family: 'Cabin Condensed', sans-serif;		
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:221px;
			top:-80px;
			
					}
					
					#productt:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
				
				#arregloss{
					
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:240px;
			top:-80px;
			
					}
					
					#arregloss:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#nosotross{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:260px;
			top:-80px;
			
					}
					
					#nosotross:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
					
					#contactooo{
						
			font-family: 'Cabin Condensed', sans-serif;	
			color:#fac98e;
			z-index:100;	
			text-decoration:none;
			font-size:12px;
		    position:relative;
		    left:280px;
			top:-80px;
			
					}
					
					#contactooo:hover{
			
			color:#ffffff;
			z-index:100;	
			/*text-decoration:underline;*/
			
				}
																
																
														
							/*Está parte, acomoda los botones de ver todas de las canastas y maletines*/
							
							
							#vertodasuno{
								
								position:relative;
								top:365px;
								left:11px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								#vertodasdos{
								
								position:relative;
								top:365px;
								left:49px;
								z-index:4;
								width:109px;
								height:26px;
								}
								
								/*Área de contactos*/
								
								#seis{
									
									position:relative;
									left:-8px;
									top:25px;
									height:1320px;
									width:320px;
									background-color:#663a2a;
									
									}
									
									/*Está parte, posiciona todos los botones de redes sociales de contacto*/
				
				#ocho{
					
			position:relative;
		    left:258px;
			top:-185px;	
			z-index:101;		
			
					}
					
					/*Estás secciones, posiciona de manera individual cada red social (en contacto)*/
					
					#twitterr{
						
			position:relative;
		    left:12px;
			top:15px;
			
						}
						
						#facebookk{
							
			position:relative;
		    left:24px;
			top:15px;
			
						}

	#instagramm{
							
			position:relative;
		    left:30px;
			top:15px;
			
						}
						
				
						
						/*Barrita de contacto la de la izquierda*/
						
						#barrita{
							
							position:relative;
							top:-85px;
							left:120px;
							z-index:-4;
							}
							
							/*Parrafo de sucursales en el área de contacto*/
						
						#sucursales{
							
							position:relative;
							top:-221px;
							left:50px;
							width:216px;
							height:343px;
							}
							
							/*Foto de sucursales con enlace a fotos en grande*/
							
							#fotossucursales{
								
							position:relative;
							top:-245px;
							left:-22px;
							width:41px;
							height:151px;
								
								}

/*Parrafo de distribuciones en el área de contacto*/							

							#distribucion{
								
								position:relative;
								top:145px;
								left:60px;
								width:200px;
								height:358px;
								
								}
							
							/*Barrita de contacto la de la derecha*/
						
						#barritaa{
							
							position:relative;
							top:-85px;
							left:93px;
							z-index:-4;
							}
							
							/*Frase de contáctanos en el área de contactos*/
							
							#contactanos{
							
							position:relative;
							top:-212px;
							left:71px;
							width:200px;
							height:54px;
							
								}
								
								/*Formulario de contacto*/
							
							form{
								
							position:relative;
							top:-560px;
							left:71px;
							
								}
								
								#nombre{
									
								background:#996666;
								width:160px;
								height:50px;	
								color:#ffffff;
								position:relative;
								top:0px;
								left:0px;	
									}
								
								#correo{
									
								background:#996666;
								width:160px;
								height:50px;
				                color:#ffffff;
								position:relative;
								top:5px;
								left:0px;	
									}
								
								#asunto{
									
								background:#996666;
								width:160px;
								height:50px;
								color:#ffffff;
								position:relative;
								top:10px;
								left:0px;		
									}
									
									#mensaje{
									
								background:#996666;
								width:160px;
								height:110px;
								color:#ffffff;
								position:relative;
								top:15px;
								left:0px;		
									}
								
								.boton{
									
		position:relative;
		left:0px;
		top:20px;
		font-size:14px;
		width:60px;
        color:#000;
        background: #ffffff;
        border:0px;
		border-radius:4px;
		font-family: 'Cabin Condensed', sans-serif;
									
									}
									
									/*Pie de página*/
									
									#pie{
										
										height:90px;
										width:320px;
										font-family: 'Cabin Condensed', sans-serif;	
										/*background:#f1ede7;*/
										background:#996666;
										font-size:11px;
										font-weight:10;
										z-index:440;
										position:relative;
										left:-8px;
										top:14px;
										}
										
										/*Contenido del pie de página*/
										
										#copyright{
											position:relative;
										    left:23px;
										    top:38px;
											/*color:#666;*/
											color:#ffffff;
											}
											

											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de inicio*/
											
											#inicioooooo{
											
											position:relative;
										    left:0px;
										    top:-120px;
												
												}
												
											/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de productos*/
												
												#productossssss{
													
											position:relative;
										    left:0px;
										    top:-117px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de nosotros*/
												
												#nosotrossssss{
													

											position:relative;
										    left:0px;
										    top:27px;
													
													}
													
										/*Está parte, posiciona la parte a donde te llevara el oprimir el boton de contacto*/
													
													#contactoooooo{
														
														position:relative;
										                left:0px;
										                top:-29px;
														
														}
		
			/* Estás variables son para el slider situado en la parte superior de la página */
	

#wowslider-container1 { 

	zoom: 0; 
	position: absolute;
	left:0px;
	top:-4px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	
}

#wows1_1{
	
	width:320px;
	height:98px;
	
	}
	
	#wows1_2{
	width:320px;
	height:98px;
	}
	
	#wows1_3{
	width:320px;
	height:98px;
	}
	
	#wows1_4{
	width:320px;
	height:98px;
	}
	
	#wows1_5{
	width:320px;
	height:98px;
	}

* html #wowslider-container1{ }
#wowslider-container1 .ws_images ul{
	
	position:relative;
	width:320px;
	height:98px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:320px;
	height:98px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	position: relative;
	left:0;
	top:0;
	width:320px;
	height:98px;
	overflow:hidden;
	
}

#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}


#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}

/*Bolitas del slider */



/*Flechas del slider*/

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:65%;
	/*height: 44px;
	width: 28px;*/
	z-index:99;
	/*background-image:url(../arrowsss.fw.png);*/
	
}

#wowslider-container1 a.ws_next{
	
	background-position: 100% 0;
	right:22px;
	background-image:url(../flechader.fw.png);
	height: 31px;
	width: 20px;
	
}
#wowslider-container1 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
	background-image:url(../flechaizq.fw.png);
	height: 31px;
	width: 20px;
}

 
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	



/* Estás variables son para el slider de la izquierda, situada en la parte de arreglos sonorenses */
	

#wowslider-container2 { 

	zoom: 0; 
	position: absolute;
	left:-2px;
	top:990px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows2_1{
	
	width:145px;
	height:208px;
	
	}
	
	#wows2_2{
	width:145px;
	height:208px;
	}
	
	#wows2_3{
	width:145px;
	height:208px;
	}
	
	#wows2_4{
	width:145px;
	height:208px;
	}
	
	#wows2_5{
	width:145px;
	height:208px;
	}

* html #wowslider-container2{ }

#wowslider-container2 .ws_imagess ul{
	
	position:relative;
	width:145px;
	height:208px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_imagess ul li{
	width:145px;
	height:208px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_imagess{
	
	position: relative;
	left:0;
	top:0;
	width:145px;
	height:208px;
	overflow:hidden;
	
}

#wowslider-container2 .ws_imagess a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container2  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container2 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container2 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev, #wowslider-container2:active a.ws_next, #wowslider-container2:active a.ws_prev{display:block}


#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
	
	
	
	
	
	/* Estás variables son para el slider de la derecha, situada en la parte de arreglos sonorenses */
	

#wowslider-container3 { 

	zoom: 0; 
	position: absolute;
	left:153px;
	top:990px; 
	margin:0px auto 0px;
	border:0px solid rgba(255, 255, 255, 0.4);
	text-align:left; /*Aquí mover height y width para redimensionar imagenes para el responsive */
	z-index:209;
}

#wows3_1{
	
	width:145px;
	height:208px;
	
	}
	
	#wows3_2{
	width:145px;
	height:208px;
	}
	
	#wows3_3{
	width:145px;
	height:208px;
	}
	
	#wows3_4{
	width:145px;
	height:208px;
	}
	
	#wows3_5{
	width:145px;
	height:208px;
	}

* html #wowslider-container3{ }
#wowslider-container3 .ws_imagesss ul{
	
	position:relative;
	width:145px;
	height:208px;
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container3 .ws_imagesss ul li{
	width:145px;
	height:208px;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container3 .ws_imagesss{
	
	position: relative;
	left:0;
	top:0;
	width:145px;
	height:208px;
	overflow:hidden;
	
}

#wowslider-container3 .ws_imagesss a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}


#wowslider-container3  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	
}
#wowslider-container3  .ws_bullets div{
	position:relative;
	float:left;
}

#wowslider-container3  .ws_bullets { 
	padding: 9px; 
}



#wowslider-container3 a.ws_next, #wowslider-container3 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	height: 43px;
	width: 38px;
	z-index:99;
	background-image:url(../arrows.png);
	
}
#wowslider-container3 a.ws_next{
	
	background-position: 100% 0;
	right:5px;
	
}
#wowslider-container3 a.ws_prev {
	
	left:5px;
	background-position: 0 0; 
}

 
* html #wowslider-container3 a.ws_next,* html #wowslider-container3 a.ws_prev{display:block}
#wowslider-container3:hover a.ws_next, #wowslider-container3:hover a.ws_prev, #wowslider-container3:active a.ws_next, #wowslider-container3:active a.ws_prev{display:block}


#wowslider-container3 .ws_pause:hover, #wowslider-container3 .ws_play:hover {
    background-position: 50% 50% !important;
}

#wowslider-container3  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container3  .ws_bullets div{
	left:-50%;
}

#wowslider-container3 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:137px;
	background-color:#FFF;
	
}
#wowslider-container3  .ws_bullets .ws_bulframe{
	
	display:none;
	bottom:26px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border:3px solid rgba(255, 255, 255, 0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	


/*Menú coyotas*/

.modalmask {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layer{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmask:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalbox{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmask:target .movedown{  
     
    margin:10% auto;
	
}
.modalmask:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmask:target .resize{

    width:400px;
    height:200px;
}
.close {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.close:hover {
    background: #000;
    color:#ffffff;
}


/*Menú dulces*/

.modalmaskk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskk:target {
	
    opacity:1;
    pointer-events: auto;
	
}

.modalboxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskk:target .movedownn{  
     
    margin:10% auto;
	
}
.modalmaskk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskk:target .resize{

    width:400px;
    height:200px;
}
.closee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú Artesanías*/

.modalmaskkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-180px;
				overflow-x:hidden;
				
				}
				
.modalmaskkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkk:target .movedownnn{  
     
    margin:10% auto;
	
}
.modalmaskkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkk:target .resize{

    width:400px;
    height:200px;
}
.closeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú carnes*/

.modalmaskkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:-110px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkk:target .movedownnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú chiles*/

.modalmaskkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
                left:-18px;
			    top:-150px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkk:target .movedownnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeee:hover {
    background: #000;
    color:#ffffff;
}
	
	
	/*Menú Canastas*/

.modalmaskkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkk:target .movedownnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeee:hover {
    background: #000;
    color:#ffffff;
}

/*Menú maletines*/

.modalmaskkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-18px;
			    top:0px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkk:target .movedownnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeee:hover {
    background: #000;
    color:#ffffff;
}



/*Menú sucursales*/

.modalmaskkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:-61px;
			    top:-70px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkk:target .movedownnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}


/*Menú franquicias*/

.modalmaskkkkkkkkk {
	
    position: fixed;
    font-family: 'Cabin Condensed', sans-serif;	
    top: 0px;
    left: 0px;
	color:#000;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

#layerrrrrrrrr{
				
				/*width:960px;
				height:568px;*/
				position:relative;
			    left:400px;
			    top:-80px;
				overflow-x:hidden;
				
				}
				
.modalmaskkkkkkkkk:target {
	
    opacity:1;
    pointer-events: auto;
	
}
.modalboxxxxxxxxx{
	
    width: 2030px;
	height:1024px;
    position: relative;
	top: -208px;
    padding: 5px 20px 13px 20px;
    background:url(../negro.fw.png) 50% 0 fixed;
	background-size: cover;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedownnnnnnnnn {
	
    margin: 0 auto;
	
}
.rotate {
	
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
	
}

.resize {
	
    margin: 10% auto;
    width:0;
    height:0;
 
}
.modalmaskkkkkkkkk:target .movedownnnnnnnnn{  
     
    margin:10% auto;
	
}
.modalmaskkkkkkkkk:target .rotate{   
  
    transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
	
}
 
.modalmaskkkkkkkkk:target .resize{

    width:400px;
    height:200px;
}
.closeeeeeeeee {
    background:#999;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
	z-index:4;
 
}
 
.closeeeeeeeee:hover {
    background: #000;
    color:#ffffff;
}

#imafran{position:absolute; top: -70px; left: -446px; width:1352px; height:412px;}

#imafran img{width:1152px; height:351px;}


/*Estás variables, diseñan y posicionan las imagenes que están contenidas dentro de la pantalla blanca que se despliega al dar clic sobre algún producto*/

/*Imagenes del botón coyotas*/

.sliderContainer{
	
    width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
	
}

#slider {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:32px;
}

#slider .slide{
    width: 300px;
    height: 177px;
    float: left;
	position:relative;
	
}

.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 288px;
	left:1056px;
	z-index:50;
}
.prev{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prev:hover{
    background-position: 0 -56px;
}
.next{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:273;
	z-index:100;
}
.next:hover{
    background-position: 0 -56px;
}

#mage{
	
	width: 240px;
    height: 128px;
	
	
	}
	
	#titlecoyotas{
	
	position:relative;
	left:20px;
	top:180px;
	width:274px;
	height:71px;
	z-index:4;
	}

/*Imagenes del botón dulces*/


.sliderContainerr{
     width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderr {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:4px;
}
#sliderr .slidee{
    width: 300px;
    height: 177px;
    float: left;
	position:relative;
	
}
.prevv, .nextt{
	
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 288px;
	left:1056px;
	z-index:50;
	
}
.prevv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
	
}
.prevv:hover{
    background-position: 0 -56px;
}
.nextt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:273;
	z-index:100;
	
}
.nextt:hover{
    background-position: 0 -56px;
}

#magee{
	
	width: 300px;
    height: 177px;
	
	
	}
	
	#titledulces{
		
		width:274px;
	    height:71px;
		position:relative;
		left:12px;
		top:180px;
		z-index:100;

		}
	
	/*Imagenes del botón artesanías*/
	
	.sliderContainerrr{
    width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrr {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:180px;
	left:4px;
}
#sliderrr .slideee{
    width: 300px;
    height: 177px;
    float: left;
	position:relative;
	
}
.prevvv, .nexttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
   top: 288px;
    left:1056px;
	z-index:50;
}
.prevvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvv:hover{
    background-position: 0 -56px;
}
.nexttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    right: 0;
	 left:273;
	z-index:100
}
.nexttt:hover{
    background-position: 0 -56px;
}

#mageee{
	width: 300px;
    height: 177px;
	
	
	}
	
	#titleartes{
		
    position:relative;
	left:100px;
	top:180px;
	width:200px;
	height:51px;
	z-index:4;
		
		}
	
	/*Imagenes del botón carnes*/
	
	.sliderContainerrrr{
    width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrr {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:4px;
}
#sliderrrr .slideeee{
    width: 300px;
    height: 177px;
    float: left;
	position:relative;
	
}
.prevvvv, .nextttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 288px;
	left:1056px;
	z-index:100;
	
}
.prevvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: -60;
	
}
.prevvvv:hover{
    background-position: 0 -56px;
}
.nextttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:273;
	z-index:100
}
.nextttt:hover{
    background-position: 0 -56px;
}

#mageeee{
	
	width: 300px;
    height: 177px;
	
	
	}
	
	#titlecarne{
		
		width:294px;
		height:80px;
		position:relative;
		left:5px;
		top:140px;
		z-index:4;
		}
	
	/*Imagenes del botón chiles*/
	
	.sliderContainerrrrr{
    width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrr {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:4px;
}
#sliderrrrr .slideeeee{
    
	width: 300px;
    height: 177px;
    float: left;
	position:relative;
	
}
.prevvvvv, .nexttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 288px;
	
	z-index:100
}
.prevvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvv:hover{
    background-position: 0 -56px;
}
.nexttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:273;
	z-index:100
}
.nexttttt:hover{
    background-position: 0 -56px;
}

#mageeeee{
	
width: 300px;
height: 177px;
	
	}
	
	#titlechiles{
	
		width:294px;
		height:80px;
		position:relative;
		left:6px;
		top:170px;
		z-index:100;
		
		}
	
	/*Estás variables diseñan y acomodan la información de los botones de arreglos sonorenses*/
	
	/*Imagenes del botón canastas*/
	
	.sliderContainerrrrrr{
    width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrr {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:4px;
}
#sliderrrrrr .slideeeeee{
    width: 300px;
    height: 177px;
    float: left;

	position:relative;
	
}
.prevvvvvv, .nextttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 308px;
    left:1056px;
	
	z-index:100
}
.prevvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:273;
	z-index:100
}
.nextttttt:hover{
    background-position: 0 -56px;
}

#mageeeeee{
    width: 300px;
    height: 177px;
	
	
	}
	
	#titlecanastas{
		position:relative;
		left:20px;
		top:60px;
		width:266px;
		height:79px;
		z-index:400;
		}
	
	/*Imagenes del botón maletin*/
	
	.sliderContainerrrrrrr{
    width: 300px;
    height: 455px;
    position: relative;
    top:0px;
	left:0px;
}

#sliderrrrrrr {
   
    width: 300px;
    height: 177px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:150px;
	left:36px;
}
#sliderrrrrrr .slideeeeeee{
    width: 300px;
    height: 177px;
    float: left;
	position:relative;
	
}
.prevvvvvvv, .nexttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 268px;
    left:1056px;
    z-index:50;
}


.prevvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 0;
	
}
.prevvvvvvv:hover{
    background-position: 0 -56px;
}
.nexttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left:273;
	z-index:100
}
.nexttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeee{
    width: 231px;
    height: 177px;
	
}

#titlemaletines{
		
		position:relative;
		left:0px;
		top:70px;
		width:266px;
		height:79px;
		z-index:400;
		}
		
/*Imagenes del botón de fotos de sucursales*/
	
	.sliderContainerrrrrrrr{
    width:300px;
	height:602px;
    position: relative;
    top:0px;
	left:0px;
}
#sliderrrrrrrr {
   
    width:300px;
	height:182px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:100px;
	left:43px;
}
#sliderrrrrrrr .slideeeeeeee{
    width:450px;
	height:273px;
    float: left;
	position:relative;
	
}
.prevvvvvvvv, .nextttttttt{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 204px;
	left:1056px;
}



.prevvvvvvvv{
    background: url('../flecha%20izquierda.png') no-repeat;
    background-position: 0 0;
    left: 50;
	z-index:1;
	
}
.prevvvvvvvv:hover{
    background-position: 0 -56px;
}
.nextttttttt{
    background: url('../flecha%20derecha.png') no-repeat;
    background-position: 0 0;
    left: 304;
	z-index:400;
}
.nextttttttt:hover{
    background-position: 0 -56px;
}

#mageeeeeeee{
	width:300px;
	height:182px;
	
} 		
		
  
	
	}