﻿

/* -----------CATEGORIAS DE PRODUCTOS------------ -- */

			#MZone .ZoneActiveArea  .Content .CategoryList{width:711px; background:#EDEDED; border:1px solid #CCC}
			#MZone .ZoneActiveArea .Content .CategoryList ul{list-style:none; margin:10px 0; padding:0; width:100%; display:table; padding-bottom:10px}
			#MZone .ZoneActiveArea .Content .CategoryList ul li{margin-left:6px; margin-right:20px;width:144px;float:left; margin-bottom:20px}
			
			#MZone .ZoneActiveArea .Content .CategoryList ul li a{display:block;text-decoration:none;text-align:center; background:#F7F7F7}
			
			#MZone .ZoneActiveArea .Content .CategoryList ul li a img{margin:0; margin:13px 17px 12px 17px; border:1px solid #CCC}
			
			#MZone .ZoneActiveArea .Content .CategoryList ul li a span{font-size:12px;color:#165B1F; font-weight:bold; float:left; margin-top:7px}
			
			#MZone .ZoneActiveArea .Content .CategoryList ul li a:hover span {font-size:12px;color:#FF6C00; font-weight:bold}
			
			
			#MZone .ZoneActiveArea .Content .CategoryList ul li .SubCategory{ list-style:none; display:block; float:left; margin-top:5px}
			#MZone .ZoneActiveArea .Content .CategoryList ul li .SubCategory li { margin:0;width:135px; margin-bottom:3px; padding:0; border-bottom:1px dotted #CECECE; padding-bottom:3px }
			#MZone .ZoneActiveArea .Content .CategoryList ul li .SubCategory li a {width:140px; text-align:left; float:left; color:#333; font-size:11px; margin-left:5px;background:none }
			#MZone .ZoneActiveArea .Content .CategoryList ul li .SubCategory li a:hover {color:#FF6C00}
	
			/* Centrado Imágenes Vertical y Horizontal - Christian Navarro */
			 #MZone .ZoneActiveArea .Content .CategoryList .wraptocenterbrandlist {display: table-cell; text-align: center; 
			  vertical-align: middle; width: 144px; height: 144px; margin:0 auto;}
			 #MZone .ZoneActiveArea .Content .CategoryList .wraptocenterbrandlist * {vertical-align: middle;}
			 
			
			/* CATEGORÍAS DE PRODUCTOS REDES SOCIALES */
			
			#MZone .ZoneActiveArea  .Content .RedesSociales{width:711px; background:#EDEDED; border:1px solid #CCC}
			#MZone .ZoneActiveArea .Content .RedesSociales ul{list-style:none; margin:10px 0; padding:0; width:100%; display:table; padding-bottom:10px}
			#MZone .ZoneActiveArea .Content .RedesSociales ul li{margin-left:52px; margin-right:20px;width:154px;float:left; margin-bottom:20px}
			
			#MZone .ZoneActiveArea .Content .RedesSociales ul li a{display:block;text-decoration:none;text-align:center; background:#F7F7F7}
				
			#MZone .ZoneActiveArea .Content .RedesSociales ul li a img{margin:0; margin:13px 17px 12px 17px; border:1px solid #CCC}
					

			#MZone .ZoneActiveArea .Content .RedesSociales ul li a span{font-size:12px;color:#165B1F; font-weight:bold; float:left; margin-top:7px}
					
			#MZone .ZoneActiveArea .Content .RedesSociales ul li a:hover span {font-size:12px;color:#FF6C00; font-weight:bold}
					
			
			/* Centrado Imágenes Redes Sociales - Christian Navarro */
			#MZone .ZoneActiveArea .Content .RedesSociales .wraptocentersocialnet {display: table-cell; text-align: center; 
			 vertical-align: middle; width: 144px; height: 144px; margin:0 auto;}
			#MZone .ZoneActiveArea .Content .RedesSociales .wraptocentersocialnet * {vertical-align: middle;}
			
			/* CATEGORÍAS DE PRODUCTOS SECCIONES ESPECIALES - Christian Navarro */
			
			#MZone .ZoneActiveArea  .Content .SeccionEspecial{width:711px; background:#EDEDED; border:1px solid #CCC}
			#MZone .ZoneActiveArea .Content .SeccionEspecial ul{list-style:none; margin:20px 0; padding:0; width:100%; display:table; padding-bottom:0px}
			#MZone .ZoneActiveArea .Content .SeccionEspecial ul li{margin-left:30px; margin-right:0px;width:310px;float:left; margin-bottom:22px}
			
			#MZone .ZoneActiveArea .Content .SeccionEspecial ul li a{display:block;text-decoration:none;text-align:center; background:#F7F7F7}
				
			#MZone .ZoneActiveArea .Content .SeccionEspecial ul li a img{margin:0; margin:13px 17px 12px 17px; border:1px solid #CCC}
					

			#MZone .ZoneActiveArea .Content .SeccionEspecial ul li a span{font-size:14px;color:#165B1F; font-weight:bold; float:center; margin-top:7px}
					
			#MZone .ZoneActiveArea .Content .SeccionEspecial ul li a:hover span {font-size:14px;color:#FF6C00; font-weight:bold}
					
			
			/* Centrado Imágenes Secciones Especiales - Christian Navarro */
			#MZone .ZoneActiveArea .Content .SeccionEspecial .wraptocenterseccionespecial {display: table-cell; text-align: center; 
			 vertical-align: middle; width: 282px; height: 282px; margin:0 auto;}
			#MZone .ZoneActiveArea .Content .SeccionEspecial .wraptocenterseccionespecial * {vertical-align: middle;}
			
			
			/* CATEGORÍAS DE PRODUCTOS SECCIÓN ALLEGROSHOW - Christian Navarro */
			
			#MZone .ZoneActiveArea  .Content .SeccionAllegroShow{width:711px; background:#EDEDED; border:1px solid #CCC}
			#MZone .ZoneActiveArea .Content .SeccionAllegroShow ul{list-style:none; margin:20px 0; padding:0; width:100%; display:table; padding-bottom:0px}
			#MZone .ZoneActiveArea .Content .SeccionAllegroShow ul li{margin-left:30px; margin-right:0px;width:310px;float:left; margin-bottom:22px}
			
			#MZone .ZoneActiveArea .Content .SeccionAllegroShow ul li a{display:block;text-decoration:none;text-align:center; background:#F7F7F7}
				
			#MZone .ZoneActiveArea .Content .SeccionAllegroShow ul li a img{margin:0; margin:13px 17px 12px 17px; border:1px solid #CCC}
					

			#MZone .ZoneActiveArea .Content .SeccionAllegroShow ul li a span{font-size:14px;color:#165B1F; font-weight:bold; float:center; margin-top:7px}
					
			#MZone .ZoneActiveArea .Content .SeccionAllegroShow ul li a:hover span {font-size:14px;color:#FF6C00; font-weight:bold}
					
			
			/* Centrado Imágenes Sección AllegroShow - Christian Navarro */
			#MZone .ZoneActiveArea .Content .SeccionEspecial .wraptocenterseccionallegroshow {display: table-cell; text-align: center; 
			 vertical-align: middle; width: 282px; height: 282px; margin:0 auto;}
			#MZone .ZoneActiveArea .Content .SeccionEspecial .wraptocenterseccionallegroshow * {vertical-align: middle;}
			
	
/* -----------PRODUCT LIST-------------*/
	
						
			#MZone .ZoneActiveArea .ProductList ul{ width:720px; list-style:none; margin:0; margin-top:0px; padding:0}
			
				#MZone .ZoneActiveArea .ProductList li{ width:146px; height:228px; float:left; border-top:1px solid #D3D3D3; border-right:1px solid #D3D3D3;
				padding:7px 16px}/* W180 H202 */ 	
				#MZone .ZoneActiveArea .ProductList li a{ display:block;width:146px; height:188px;text-decoration:none }
				#MZone .ZoneActiveArea .ProductList li a img{ margin-left:0px;}
				
				/* Nombre Producto */ 	
				#MZone .ZoneActiveArea .ProductList li a p{ width:146px; height:90px;text-align:center; font-size:11px;
				font-weight:bold;overflow:hidden; margin:0 auto; margin-top:5px;color: #2B2B2B!important}
				
				#MZone .ZoneActiveArea .ProductList li a:hover img {filter: alpha(opacity=80); opacity: .8 }
				
				#MZone .ZoneActiveArea .ProductList li a:hover p{  color: #999999 }
				
				/* Bs */ 	
				#MZone .ZoneActiveArea .ProductList li a span{ display:block; font-weight:bold; text-align:center;
				list-style-type:0;width:146px;margin:0 auto; margin-top:7px; color:#545C5A	}
				#MZone .ZoneActiveArea .ProductList li a span em{ font-style:normal; font-size:14px; color:#FF8000 }
				/* Ref */ 	
			    #MZone .ZoneActiveArea .ProductList li a p .Ref{ margin:0;font-size:10px; display:block; color: #4F7F55; text-align:center}
						
				/* Centrado Imágenes Vertical y Horizontal - Christian Navarro */
			    #MZone .ZoneActiveArea .Content .ProductList .wraptocenter {display: table-cell; text-align: center; 
			    vertical-align: middle; width: 110px; height: 110px; margin:0 auto;}
			    #MZone .ZoneActiveArea .Content .ProductList .wraptocenter * {vertical-align: middle;}		
				
				#MZone .ZoneActiveArea .ProductList .wraptocenter {display: table-cell; text-align: center; 
			    vertical-align: middle; width: 110px; height: 110px; margin:0 auto;}
			    #MZone .ZoneActiveArea .ProductList .wraptocenter * {vertical-align: middle;}	
				
/* -----------DETALLE DEL PRODUCTO----------- -- */

					
			/* Detalle */
			#MZone .ZoneActiveArea .Content .ProductDetail { width:720px;margin:0px auto; height:390px; clear:both; margin-bottom:10px}
			/* Imagen del producto  */ 
			#MZone .ZoneActiveArea .Content .ProductDetail img{ /*float:left;*/ margin:0 } 
			
			/* Centrado Imágenes Vertical y Horizontal del Productdetail - Christian Navarro */
			    #MZone .ZoneActiveArea .Content .ProductDetail .wraptocenter {display: table-cell; text-align: center; 
			    vertical-align: middle; width: 350px; height: 350px; margin:0 auto;}
			    #MZone .ZoneActiveArea .Content .ProductDetail .wraptocenter * {vertical-align: middle;}
			
			/* Info */ 
			#MZone .ZoneActiveArea .Content .ProductDetail .Info{ float:right; width:350px}
			 #MZone .ZoneActiveArea .Content .ProductDetail .Photo{ width:350px; border:1px solid #E4E4E4; text-align:center; overflow:hidden}
			/* Descripcion */
			#MZone .ZoneActiveArea .Content .ProductDetail .Info  p{ font-size:1.1em; margin:0; padding:4px 0; border-bottom:1px dotted #484848;
			color: #484848 }
			/*Lista info */
			#MZone .ZoneActiveArea .ProductDetail .Info  dl { margin: 7px 0;  padding:0; font-size:1.1em; margin-bottom:15px; font-weight:bold  }
			#MZone .ZoneActiveArea .ProductDetail .Info  dl dt { margin:6px 0; font-size:15px}
			#MZone .ZoneActiveArea .ProductDetail .Info  dl dt em{ font-weight:bold; font-style:normal; color: #027D58}
			#MZone .ZoneActiveArea .ProductDetail .Info  dl dt .Price{ font-weight:bold;font-size:1.2em; color: #FF8000}
			#MZone .ZoneActiveArea .ProductDetail .Info  a{ display:block}
			
			
			/*Boton anadir y agotado */
			#MZone .ZoneActiveArea .ProductDetail .Info  .AddShoppingCard,#MZone .ZoneActiveArea .ProductDetail .Info  .NonStock { width:100%; height:49px; text-align:center}
			#MZone .ZoneActiveArea .ProductDetail .Info  .AddShoppingCard img, #MZone .ZoneActiveArea .ProductDetail .Info  .NonStock img{ float:none; margin:0; border:0}
		   
			/*Info */
			#MZone .ZoneActiveArea .ProductDetail .Info .TextBox{ background: url(../Picfiles/Bg_TextBox.gif) bottom repeat-x; padding:11px; border:1px solid #91B88B; margin-top:25px }
			#MZone .ZoneActiveArea .ProductDetail .Info .TextBox  a{font-weight:bold; font-style:normal;font-size:1.2em; color: #FF8000; display:inline; text-decoration:none}
			#MZone .ZoneActiveArea .ProductDetail .Info .TextBox  a:hover{ color: #FA650C}
		
		/*Caracterisiticas del producto  */ 
		#MZone .ZoneActiveArea .ProductFeatures  { margin:20px 0}
		
		#MZone .ZoneActiveArea .ProductFeatures  h5{ display:table}
		#MZone .ZoneActiveArea .ProductFeatures  h5 img{ margin:0; padding:0; border:none}
		
		#MZone .ZoneActiveArea .ProductFeatures  p{ width:100%; margin-top:30px; margin-bottom:10px; font-size:13px }
		#MZone .ZoneActiveArea .ProductFeatures  p span{margin-top:30px }
		#MZone .ZoneActiveArea .ProductFeatures  ul{margin-left:30px; list-style:disc; margin-bottom:20px}
		#MZone .ZoneActiveArea .ProductFeatures  ul li{margin:3px 0}
		
		
		/*Productos Recomendeados */ 
		#MZone .ZoneActiveArea .ProductList .ReferenceList{width:100%; margin-left:10px}
		
		#MZone .ZoneActiveArea .ProductList .ReferenceList li { border:1px solid #D3D3D3; margin:5px}
		