/*****************************************************************************************************************************	
                                                      VENETOAMERICA                      
*****************************************************************************************************************************/ 


/* Hs  -------------------------------------------------------------------------------------- */			
	/*Esta eitqueta contiene IMAGEN!.*/	
	h1{  margin:0; width:100%; background-image:url(../Picfiles/Bg_H1.jpg); text-align:right;  }
		h1 img{ border:0 }
	
	h2{ font-size:20px; text-indent:5px; margin: 10px 0 3px 0; color: #721B0C}/*Subcategoria*/	
	
		
	h4{ font-size:20px; margin:10px 0 5px 15px;color:#CAA755; font-weight:normal  }/*Pendiente para client.css.*/
		
	h4 a{ font-size:13px;padding-left:2px; text-decoration:none; color:#999999  }/**/	
	h4 a:hover{ color: #F24859  }/**/	
	
	/*Subcategoria, con link de mas info (verase: Include: CategoryNameBar)*/
	h5{ font-size:20px; text-indent:5px; margin: 10px 0 0 0; padding:0  ; height:35px ; vertical-align: bottom;
	color: #721B0C; display: block; }
	
	h5 a{ font-size:11px; font-weight:normal;padding:0 2px; text-decoration:none;
	color:#999999; display:block; text-align:right }/*enlace a info de la marca*/	
	h5 a:hover{ color: #F24859  }/**/	
/* ------------  */



/*ELEMENTOS DEL CONTENIDO (header, summary paragraph y otros) ------------------------------------------------- */	
	h3{ font-size:20px; text-indent:5px; margin: 10px 0 0 4px; color: #806320; font-weight:bold  }/*Titulos*/
	
	 p{ padding-left:5px; text-align:justify; margin:5px 0 0 4px;  }	/* color,font-size x default (ver html, body)!.*/
	 p em{color:#B08D37; margin-left:2px}	/* esto es el summary*/
	
	
	/* Enlaces dentro del contenido*/
	 p  a{color: #95762F; border-bottom: 1px dotted;text-decoration: none;}
	 p a:hover{	color: #970000;}
	
	
	
	/* Bullet List----esto solo se mostrara en el contenido*/
	   #ContentArea li{ list-style-image:url(../Picfiles/Bullet_List.gif); }/* */		
	
	/* Bullet List con enlance*/
	   #ContentArea li a{color:#B08D37; }
	   #ContentArea li a:hover{color:#910000;}

/* ------------  */


/*GATEGORY LIST ------------------------------------------------- */	

	dl{ margin_left:10px}/* Contenedor,(solo declaramos sangria)*/
	
	/* Declaro el bullet que muestra la lista, el margen de la izq...etc */
	dt {background-image: url(../Picfiles/Bullet_CategoryList.gif);
	background-repeat: no-repeat; margin-bottom:10px; text-indent:27px; margin-top:10px}	
	
	dt a{font-size:16px;color:#721B0C; border-bottom: 1px dotted #721B0C;
	text-decoration: none; font-weight:bold  }	/* Categoria*/
	dt a:hover{color: #D3A545}	/* */
	
	dd { padding-left:5px; margin:0; font-style:italic; margin-left:10px  }	/* Esto corresponde al Summary*/
/* ------------  */



/*  DIVIDERS --------------------------------- */

    /* Separadores entre parrafos, Hr: toma el ancho del contendor, y Hrsmall tiene margenes(vease:div.HrSmall) */
	div.Hr,div.HrSmall {height:22px;margin-left:auto;margin-right:auto;	background-attachment: scroll;
	background-image: url(../Picfiles/Divider_Parrafos.gif);background-position: center;margin-left:5px; margin-top:7px}
    div.Hr hr,div.HrSmall hr { display: none;}
	
	    /* Separador entre parrafos, + pequeño*/
	div.HrSmall { margin-left:80px; margin-right:80px}
    
	
	  /*Separador /subcategoria*/
	div.subcategory {height:20px;margin-left:auto;margin-right:auto;background-attachment: scroll;
	background-image: url(../Picfiles/Divider_Subtitulo.gif);background-position: right; margin-left:5px}
    div.subcategory hr { display: none;}
	
/* ------------  */	

	
	
/*  CONTACTSECTOR --------------------------------- */

     /*Declaramos , el ID del ID, sino , tomara la sentencia de: "#ContentArea dl" (vease *GATEGORY LIST, en este doc.*/  
	
	 #ContentArea  #ContactSector{  border:0;  }
	 
	 /*Titulo de la seccion..en este caso..Contactenos*/
	 #ContentArea  #ContactSector legend{ font-size:20px; text-indent:5px; margin: 10px 0 0 0; 
	 color: #721B0C; font-weight:bold  }
	 
	 /*Usamos display:block. para un salto de linea despues de cada label*/
	 #ContentArea #ContactSector  label{ width:250px; display:block; 
	 text-align:right; margin-right:auto; margin-left:auto; margin-bottom:5px; font-size:11px }
	 	
	  /*Se aplica un class al input del boton.*/
	 #ContentArea #ContactSector  .Btn{ border:0;display:block;  margin: 20px auto 20px auto; padding-left:10px}	 
	
/* ------------  */	

/*  MESSAGESECTOR --------------------------------- */

     /**/ 	
	 #Messange{ background-image:url(../Picfiles/Bg_Message.gif); background-repeat:no-repeat;  width:400px; height:68px;
	  border:1px solid  #FFFFFF; margin-left:auto; margin-right:auto; }
	  
	    /* se especifica "none" para el background o hereda de: Gategory List*/ 
	    #Messange dt{ text-align:center; font-size:15px; font-weight:bold; margin-top:22px; 
		background-image:none; margin-bottom:0; color:#B69755  }
		/* En el caso de los mensajes de error, enfatizamos con em*/ 
		#Messange dt em{ color: #9A2431;font-style: normal }
		
		/* se especifica font-family, en verdana..ya q el puntaje no es bueno en Georgia (q es el default)*/ 
	    #Messange dd{text-align:center;	font-size:10px;	font-weight: normal;font-style: normal; 
		font-family:Verdana, Arial, Helvetica, sans-serif;}
	 
	 	/* */ 
	    #Messange dd a{color: #95762F; border-bottom: 1px dotted;text-decoration: none;		  }
		#Messange dd a:hover{color: #970000; }
		 
	
/* ------------  */	


/*PRODCUTOS DEL GATEGORY LIST ------------------------------------------------- */	

	#ProductCategory{ display:block; ; margin:0; padding:0 ; }/* */
	
	#ProductCategory li{ float:left; background-image:url(../Picfiles/Bg_CategoryList.gif); background-repeat:no-repeat; 
	width:177px; height:233px;margin:5px 5px 0 5px; text-align:center; list-style:none  }
	
	#ProductCategory li img{ margin:5px auto 20px auto; display:block  }
	
	
	#ProductCategory li a{ margin:0 auto ;color:#C60E22;font-size:12px; font-weight:bold; text-decoration:none; display:block }
	#ProductCategory li a:hover{ color:#BD963C }
	
	
	
	
	
/* ------------  */


/*  PRODUCTLIST --------------------------------- */

     /**/ 	
	  #ContentArea #ProductList{ margin:0; padding:0px; list-style:none }
	  
	  #ContentArea #ProductList li{ float:left; display:block; width:264px; height:185px; 
	  background-image:url(../Picfiles/Bg_ProductList.jpg); background-repeat:no-repeat; list-style-image:none; 
	  margin:0 1px 15px 1px; padding:6px 6px 15px 6px;overflow:hidden;   }
	  	   
	  #ContentArea #ProductList li img{ float:left; margin-right:4px  }
	  
	    /*Del contenido del producto (nombre , descripcion
	  #ContentArea #ProductList #Product { width:165px; margin-left:99px;display:block} */
	  
	   /*Titulo*/ 
	  #ContentArea #ProductList #Product  dt{ text-indent:0px; height:38px; background-image:none; margin:0; overflow:hidden }
	  #ContentArea #ProductList #Product  dt a{ color:#C60E22;font-size:12px }
	  #ContentArea #ProductList #Product  dt a:hover{ color:#BD963C  }
	
	  /*Descripcion breve*/ 
	  #ContentArea #ProductList #Product  dd {height:70px; display:block; overflow:hidden;padding:0;  margin:0} 
	  #ContentArea #ProductList #Product  dd em{ font-size:11px; font-style: normal } 
	  
	  /*Precio*/ 
	  #ContentArea #ProductList  .Price{ color:#333333; font-size:12px; font-weight:bold; font-style: normal;padding:3px} 
	  #ContentArea #ProductList  .Price em{font-style: normal; color:#B41011;   }
	  

	 
	 
		 
	
/* ------------  */	

/*  PRODUCTDETAIL --------------------------------- */

     /**/ 	
	  #ContentArea #ProductDetail{ width:95%; margin-top:20px; margin-bottom:30px; height:300px; margin-left:auto; 
	  margin-right:auto; }
	  /*Foto del producto*/ 	
	  #ContentArea #ProductDetail img{ float:left; margin:0 0 0 10px;   }
	  
	  
	  
	  
	  /*Contenedor de la info del prodcuto*/
	  #ContentArea #ProductDetail .Price{ width:339px; float:right; padding-right:10px; }
	  /*Nombre del producto*/ 	 	
	  #ContentArea #ProductDetail .Price em{ font-size:20px; color:#C60E22; font-weight:bold; } 
	  /*Breve descripcion*/ 	 	
	  #ContentArea #ProductDetail .Price span{ height:95px; font-style:italic; display:block; 
	  font-size:13px; color: #8D702C; line-height:15px; margin-top:5px; white-space:4px} 
	  /*Precio*/ 			
	  #ContentArea #ProductDetail .Price div{ background-image:url(../Picfiles/Bg_PriceDetail.jpg); 
	  background-repeat:no-repeat ;  height:64px; text-align:center; padding-top:25px; color:#B41011;font-weight:bold;  }
	   /*Palabra->Precio*/ 
	  #ContentArea #ProductDetail .Price div em{ color:#333333; font-weight:bold; font-size:12px; margin-right:3px}
	   /*nota: no incluye iva*/ 
	  #ContentArea #ProductDetail .Price .note{ font-size:9px; font-weight:normal; text-align:center; color:#999999}
	 
	 	  /*Boton de comprar*/ 	
	  #ContentArea #ProductDetail .Price .img{ margin-left:95px; border:0 }/**/
	  
	   /*Caracteristicas generales y Maridaje*/ 	
	  #ContentArea .InfoDetail{ width:559px; margin:10px 0 0 9px; margin-left:auto;  margin-right:auto;  }/**/
	  
	  
		 
	
/* ------------  */	



/*  MARIDAJE --------------------------------- */

     /**/ 	
	  #ContentArea #MaridajeList{ margin:0; padding:0px; list-style:none  }
	  
	  #ContentArea #MaridajeList li{ float:left; display:block; width:264px; height:185px; 
	  background-image: url(../Picfiles/Bg_MaridajeList.jpg); background-repeat:no-repeat; list-style-image:none; 
	  margin:0 2px 15px 2px; padding:6px 6px 15px 6px  }
	  	   
	  #ContentArea #MaridajeList li img{ float:left; margin-right:4px  }
	  
	    /*Del contenido del producto (nombre , descripcion*/ 
	  #ContentArea #MaridajeList #Maridaje { margin:0}
	  
	   /*Titulo*/ 
	  #ContentArea #MaridajeList #Maridaje  dt{ background-image:none; font-size:15px; padding-top:15px ;
	  text-indent:35px }
	  #ContentArea #MaridajeList #Maridaje  dt a{ color:#C60E22 }
	  #ContentArea #MaridajeList #Maridaje  dt a:hover{ color:#BD963C  }

	  /*Descripcion breve*/ 
	  #ContentArea #MaridajeList #Maridaje dd {height:60px; display:block; overflow:hidden; padding:0; margin:0;} 
	  #ContentArea #MaridajeList #Maridaje  dd em{ font-size:10px; line-height:12px; font-style: normal } 
	  
	   /*Otros*/ 
	  #ContentArea #MaridajeList  div{ margin-top:15px; padding:0; text-align:center; display:block} 
	 #ContentArea #MaridajeList   .Btn{ margin-left:130px  }
	 #ContentArea    .imgborder{ border:1px solid  #C6BCAD  }
	 
	  

	 
	 
		 
	
/* ------------  */	



/*  ------DEL PROCESO DE COMPRA!! --------------------------------- */

     /*Orden de compra, datos de envio (order.asp)*/ 	
	   #Address{ width:50%; margin:auto; margin-right:auto; padding:0;  }
	   
	   #Address li{ list-style:none; padding:0 4px; margin:0; font-weight:bold; font-size:11px;
	   color: #524738; margin-bottom:3px;  background-image: url(../Picfiles/Bullet_Address.gif); 
	   background-repeat:no-repeat;  text-indent:10px; display:block; }
	   #Address li em{ font-style:normal; color: #887755}
	  
	  
	  /*Lista de formas de pago (order.asp)*/ 	
	   #FormPayment{ list-style:none;text-align:center; font-size:11px   }
	   
	   #FormPayment li{ display:inline;  }
	
	 /*Lista de direcciones creadas (shipping.asp)*/ 	
	 #AddressList{ margin:0; padding:0px;list-style:none; height:100%; font-size:11px;  }
	 
	  #AddressList li{ float:left; display:block; width:320px; height:207px; 
	  background-image:url(../Picfiles/Bg_AddressList.jpg); background-repeat:no-repeat; margin:4px;
	  padding:12px; color: #887755 ; font-weight:bold;   }
	  
	  #AddressList li em{ font-style:normal;color: #524738  }
	  
	  #MiddleZone #AddressList li a{color:#95762F;text-decoration: none; font-size:11px;
	  font-weight:normal;  }
	  #MiddleZone #AddressList li a:hover{color:#970000 }
	
/* ------------  */