/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------------- CASSERISSIMO -----------------------------------------*/
/*-------------------------------- por Ignacio Ricci y Juan Rossi -------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/

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

/*- Estilos Generales ------------------------------------------------------*/

		
		body {font:76% Georgia, Times, serif; background:url(../images/bodyBg.gif) repeat 0 0;}
		
			/*- Labels accesibles -*/
			.accesible {position:absolute; display:block; height:1px; width:1px; overflow:hidden; top:0; left:-9999px;}
				
			/*- Ancho y centrado del contenido -*/
			#header, #menu, .content, #footer {width:720px; margin:0 auto;}
			
			/*- Headings -*/
			h1, h2, h3, h4 {display:block; font-weight:normal;}
			
			/*- Clear floats -*/
			#header, #menu ul, .title h3, .productInfo ul, .btnHolder, .productInfo h4, #revision .productInfo, form p, .productBuy, #testimonies h4, .productList, .productList h5, #gallery ul, .adminItemList li
			{overflow:hidden;}	
			.content, .productImage, .btnHolder, .title, form p, .productList {clear:both;}
			
			/*- Override Tipografia: Arial -*/
			#menu li h2 a, .productInfo ul li, .cancelBack, .continue em, #revision .productInfo h4 a, #footer p, .infoContent p, .infoContent li,
			.infoContent form input, .infoContent form textarea, .infoContent form .error, .totalPrize em, #orderProductList, .fieldHint, #testimonies h4 em 
			{font-family:Arial, Helvetica, sans-serif;}
			
			/*- Override Tipografia: Courier (para precios) -*/
			.prodPrizeTitle, .totalPrize strong, .productList em {font:bold 1em 'Courier New', Courier, monospace; color:#C84D52;}		
		
		
/*- Fin de Estilos Generales -----------------------------------------------*/

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

/*- Bordes Redondeados -----------------------------------------------------*/


		.tlC,
		.trC,
		.blC,
		.brC {display:block; width:8px; height:8px; position:absolute; z-index:1; background:url(../images/corners.gif) no-repeat 0 0;}
		
		.tlC {top:0; left:0; background-position:-18px 0;}
		.trC {top:0; right:0; background-position:-27px 0;}
		.blC {bottom:0; left:0; background-position:0 -9px;}
		.brC {bottom:0; right:0; background-position:-9px -9px;}
		
		.current .tlC,
		.content .tlC {background-position:0 0;}
		.current .trC,
		.content .trC {background-position:-9px 0;}
		
		
/*- Fin de Bordes Redondeados ----------------------------------------------*/	

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

/*- Paginas de contenido informativo / formularios -------------------------*/

		
		.content.infoContent {padding-bottom:60px;}
		
			/*- Titulos, listas, parrafos y links -*/
			.infoContent h4 {display:block; color:#6A644D; font-size:1.4em; margin:20px 0 20px 16px; padding-bottom:7px; border-bottom:1px solid #F0F0EE;}
			.infoContent p,
			.infoContent li {display:block; padding:0 120px 10px 35px; color:#666; line-height:150%;}
			.infoContent ul {padding:10px 0 0 35px;}
			.infoContent li {background:url(../images/icons/faqBulletgif.gif) no-repeat 0 15%; padding-left:15px;}
				.infoContent p a {color:#8C8E4A;}
				.infoContent p a:hover {color:#000;}		
			
			/*- Campos -*/
			.infoContent form input,
			.infoContent form textarea {border:1px solid #F4E8CD; background:#FFFAE2; font-size:1em; padding:5px; color:#6A644D;}
			.infoContent form input {width:350px;}
			.infoContent form textarea {width:600px; height:80px; overflow:auto;}
			.infoContent form input.error,
			.infoContent form textarea.error {border:1px solid #B3454A; font-weight:bold;}
			.infoContent form label.error {display:block; color:#B3454A; padding:3px 5px;}
			.infoContent form .hoverField {border-color:#900;}				
		
			/*- Ayuda de campos -*/
			.fieldHint {font-size:0.9em; color:#999; display:block; padding-top:2px;}
			
			/*- Botones -*/
			.infoContent form .btnHolder {text-align:right; padding-right:30px;}
				.infoContent form .btnHolder .continue {float:none;}
			

/*- Fin de Paginas de contenido informativo / formularios ------------------*/

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

/*- Botones ----------------------------------------------------------------*/


		.btnHolder {}	
			
			.continue {float:right; overflow:visible; text-align:center; text-decoration:none; color:#FFF; white-space:nowrap; cursor:pointer;}
				.btnHolder strong,
				.btnHolder em {display:block; text-transform:lowercase; background:url(../images/btns.png) no-repeat 100% 0;}
				.btnHolder strong {padding-left:20px; background-position:0 0; height:34px;}
				.btnHolder em {font-weight:bold; font-style:normal; font-size:1.1em; height:24px; padding:8px 20px 2px 0;}					
				/*- Boton en estado hover -*/
				.continue:hover strong {background-position:0 -35px;}
				.continue:hover em {background-position:100% -35px;}
				
			.cancelBack {float:left; font-size:1.1em; color:#999; padding-top:10px;}
			.cancelBack:hover {color:#333;}
				
				
/*- Fin de Botones ---------------------------------------------------------*/

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

/*- Lista de productos -----------------------------------------------------*/

		
		.productList ul {padding-left:15px; padding-top:25px;}
			.productList li {float:left; width:305px; padding:0; background:none; margin-bottom:30px;}
			
				.productList h5 {padding-bottom:5px; border-bottom:1px solid #E8E1D1;}
					.productList h5 em {font-size:1.2em; float:right;}
					.productList h5 strong {font:normal 1.2em Georgia, "Times New Roman", Times, serif; color:#5A0D1C; text-transform:uppercase; float:left; padding-right:20px;}
			
				.productList img {display:block; width:305px; height:157px; margin-top:8px;}
				.productList p {display:block; padding:5px 10px; background:#FEF8D5; border-left:1px solid #DFDCBD; border-bottom:1px solid #DFDCBD;}
			
			/*- Margenes JS -*/
			.productList-even {margin-right:30px;}
			

/*- Fin Lista de productos -------------------------------------------------*/
			
/*-----------------------------------------------------------------------------------------------*/	

/*- Logo -------------------------------------------------------------------*/


		#header {padding:40px 0 30px;}
			#header h1 {padding-left:20px; float:left;}
				#header h1 a {display:block; text-indent:-9999em; font-size:0; width:223px; height:82px; background:url(../images/logo.gif);}
				#contacto {color:#A9A497; float:right; background:url(../images/icons/mail.gif) no-repeat 0 53%; padding-left:20px;}
				
				
/*- Fin de Logo ------------------------------------------------------------*/

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

/*- Menu -------------------------------------------------------------------*/
		
	
		#menu ul {float:left; padding-left:15px;}
			#menu li {float:left; margin-left:5px;}
				#menu li h2 {position:relative;}
				#menu li a {display:block; text-decoration:none; color:#B68871; padding:10px 15px; background:#F2D9A8;}
				#menu li a:hover {color:#5A0D1C;}			
				/*- Seccion actual -*/
				#menu li.current a {font-weight:bold; color:#BBA46E; background:#FFF;}
					
		
/*- Fin de Menu ------------------------------------------------------------*/

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

/*- Contenido compartido ---------------------------------------------------*/

	
		.content {width:680px; padding:20px; background:#FFF; position:relative;}
		
			/*-----------------------------------------*/
			/*	Titulo de la seccion			       */
			/*-----------------------------------------*/
			.title {position:relative; padding-bottom:10px;}
				.title h3 {text-transform:uppercase; padding:12px 15px 10px; background:#FDDD8F; border:1px solid #EDCE88;}
					.title h3 strong {float:left; width:480px; font-size:1.4em; font-weight:normal; letter-spacing:0.2em; line-height:130%; color:#5A0D1C;}
					.title h3 em {float:right; width:165px; padding-top:2px; font-style:normal; font-size:1.1em; color:#9E906E; text-align:right;}								
				/*- Flechita indicadora -*/		
				.pointer {position:absolute; right:16px; bottom:-5px; z-index:1; width:32px; height:16px; background:url(../images/icons/pointer.png);}
				
			.fechasUl {padding-left:0 !important;}
			.fechasUl li {padding:10px 18px; border-bottom:1px solid #EEE;background:none;}
			/*-----------------------------------------*/
			/*	Imagen del producto				       */
			/*-----------------------------------------*/
			.productImage img {display:block;}
							
			/*-----------------------------------------*/
			/*	Contenido de la canasta			       */
			/*-----------------------------------------*/
			.productInfo {padding:15px 20px; background:#FEF8D5; border:1px solid #FEF3B7;}
				.productInfo h4 {font-size:1.4em; color:#6A644D; padding:10px 0; border-bottom:1px solid #DED8BA;}
					.productInfo h4 strong {float:left; font-weight:normal;}			
					.productInfo h4 .prodPrizeTitle {float:right; font-size:1em;}
					.productInfo ul li {line-height:140%; color:#666;}
					
					/*- Elementos dentro de la canasta -*/
					.productContent ul li {padding-left:13px; background:url(../images/icons/productContentsBullet.gif) no-repeat 0 51%;}
									
					/*- Adicionales de la canasta -*/		
					.productAditionals {background:#F6F0CC; margin:25px 0 15px 25px; border-top:1px solid #E7DFBB; border-bottom:1px solid #E7DFBB;}
						.productAditionals h5 {display:block; padding:10px 13px; font-weight:normal; font-size:1.1em; color:#9D9881; background:#F0E8C4;}
						.productAditionals ul {padding:10px 0 10px 8px;}


/*- Fin de Contenido compartido --------------------------------------------*/	

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

/*- HOME -------------------------------------------------------------------*/

		
		#index {padding-bottom:20px;}
			
			/*- Sobre casserissimo -*/
			#about {float:left; width:400px;}
				#about p {padding:0 15px 35px;}
				
			/*- Fechas de eventos -*/
			#topDates {float:right; width:260px;}
				#topDates h4 {color:#888942; border-color:#DBDCAC;}
				#topDates ul {padding-bottom:35px;}
					#topDates li {padding:0 0 5px 25px; line-height:normal; background-position:15px 6px;}
				
			/*- Promociones -*/
			#onSale h4 {border-bottom:4px solid #FDDD8F; margin:0; padding-left:15px; color:#C1801D; background:url(../images/icons/onsale.gif) no-repeat 640px 3px;}
			
			/*- Ver contenido o pedir -*/
			#onSale a {text-decoration:none; color:#9A8A5F;}
			#onSale a:hover {color:#333; text-decoration:underline;}
		

/*- FIN DE HOME ------------------------------------------------------------*/

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

/*- PRODUCTOS --------------------------------------------------------------*/


		#productList {width:720px; padding:20px 0;}
		
		
			/*- Precio del Producto -*/
			#productList .prodPrizeTitle {font-size:1.2em;}
		
			/*- Imagen de la canasta -*/
			#productList .productImage img {width:680px; height:350px;}
		
			/*- Contenido de la canasta -*/
			#productList .productContent ul {padding:5px 0 0 25px;}
				#productList .productContent ul li {float:left; width:272px; margin:15px 15px 0 0;}
				#productList .productAditionals ul li {float:left; margin:0 20px 5px 0;}
				
				
			/*-----------------------------------------*/
			/*	Comprar producto				       */
			/*-----------------------------------------*/		
			.productBuy {clear:both; padding:20px; margin:10px 20px; background:#FEF3B7;}
				/*- Precio total (con adicionales) -*/
				.totalPrize {float:left; width:230px; padding-left:28px;}
					.totalPrize em,
					.totalPrize strong {display:block;}
					.totalPrize em {text-transform:uppercase; font-size:0.8em; font-style:normal; color:#B1A47D;}
					.totalPrize strong {font-size:1.6em; padding-top:3px; color:#C84D52;}
				/*- Boton -*/
				#productList .btnHolder {float:right; width:380px;}				
		
			/*-----------------------------------------*/
			/*	Slider							       */
			/*-----------------------------------------*/
						
			/*- Estilos para el funcionamiento -*/
			#productList .productItem {width:720px; overflow:hidden;}		
				#productList .title,
				#productList .productImage,
				#productList .productInfo {width:680px; margin-left:20px;}
				#productList .productInfo {width:638px; border-top:0;}
							
			/*- Botones anterior y siguiente -*/
			#prevAndNextBtns a {display:block; width:37px; height:59px; font-size:0; text-indent:-9999em; 
			position:absolute; z-index:1; background-image:url(../images/icons/prevNextBtns.png);}
				#previous,
				#next {top:396px;}
				#previous {left:-37px; background-position:0 0;}
				#next {right:-37px; background-position:-38px 0;}
				/*- Estado hover -*/
				#previous:hover {background-position:0 -59px;}
				#next:hover {background-position:-38px -59px;}


/*- FIN DE PRODUCTOS -------------------------------------------------------*/

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

/*- REVISION ---------------------------------------------------------------*/

		
		#revision {}
		
			/*- Nombre del producto -*/
			#revision .productInfo h4 {margin-bottom:20px;}
				#revision .productInfo h4 select {float:right; margin-left:10px;}	
		
			/*- Imagen del producto -*/
			#revision .productImage {float:left; width:328px;}
				#revision .productImage img {width:328px; height:170px;}
			
			/*- Lista de contenidos -*/
			#revision .productContent {float:right; width:285px;}
				#revision .productContent ul li {margin-bottom:10px;}
				
			/*- Lista de adicionales -*/
			#revision .productAditionals {float:left; width:328px; margin:10px 0 15px;}
				#revision .productAditionals ul li {background:url(../images/icons/tick.gif) no-repeat 4px 51%; padding-left:25px; margin-bottom:5px;}
				
			/*- Boton -*/
			#revision form .btnHolder {padding-top:20px;}
			

/*- FIN DE REVISION --------------------------------------------------------*/

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

/*- GALERIA ----------------------------------------------------------------*/


		#gallery ul {padding-top:10px;}
			#gallery li {float:left; border:1px solid #B3B19A; padding:1px; margin:0 0 15px 15px;}
				#gallery li img {display:block; width:170px; height:157px; border:1px solid #DFDCBD;}
	

/*- FIN DE GALERIA ---------------------------------------------------------*/

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

/*- PEDIDO -----------------------------------------------------------------*/

		
		/*- Espaciado de titulos -*/
		#order form h4 {margin-top:40px;}
		#order form #firstSubTitle {margin-top:20px;}
		
		/*-----------------------------------------*/
		/*	Tabla con productos seleccionados      */
		/*-----------------------------------------*/
		#orderProductList {border:1px solid #DBDBDB; border-bottom:0; border-right:0; width:625px; margin-left:35px;}
			#orderProductList th,
			#orderProductList td {padding:7px 10px; border-bottom:1px solid #DBDBDB; border-right:1px solid #DBDBDB; vertical-align:top;}
			#orderProductList th {font-weight:bold; color:#333; background:#F3F3F3;}
			#orderProductList td {color:#666;}
				#orderProductList td span {color:#999; display:block;}
			/*- Tipos de celda -*/					
			#orderProductList .tProd {text-align:left;}
			#orderProductList .tAmount,
			#orderProductList .tPrize {text-align:center; width:30px;}	
				
		
/*- FIN DE PEDIDO ----------------------------------------------------------*/

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

/*- ENVIO DE PEDIDO --------------------------------------------------------*/

		
		#sentOrder h4 {color:#968E6D; border-bottom:0; padding-left:40px; padding-top:3px; margin-bottom:10px;}
			.msgOk {background:url(../images/icons/msg-ok.gif) no-repeat 0 0;}
			.msgWrong {background:url(../images/icons/msg-wrong.gif) no-repeat 0 0;}
			.msgBack {color:#999; margin-left:55px;}
			.msgBack:hover {color:#000;}


/*- fIN DE ENVIO DE PEDIDO -------------------------------------------------*/

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

/*- TESTIMONIOS ------------------------------------------------------------*/


		#testimonies h4 {padding-left:25px; padding-right:15px; background:url(../images/icons/quote.gif) no-repeat 0 2px;}
			#testimonies h4 strong {float:left; font-weight:normal;}
			#testimonies h4 em {float:right; font-style:normal; font-size:0.7em; color:#999; padding-top:2px}
			#testimonies p {padding-left:42px;}
		

/*- FIN DE TESTIMONIOS -----------------------------------------------------*/

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

/*- Footer -----------------------------------------------------------------*/
		
		
		#footer {text-align:center; padding:15px 0 60px; clear:both;}	
			#footer p,
			#footer p a {color:#A28E62;}		
				#footer p a {text-decoration:none;}
				#footer p a:hover {color:#333; text-decoration:underline;}
			
			
/*- Fin de Footer ----------------------------------------------------------*/

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

/*- IE6/IE7 Fixes ----------------------------------------------------------*/	


		/*- IE6 -*/
		* html .title h3,
		* html .title strong,
		* html form p,
		* html .productInfo,
		* html h4,
		* html #sliderContainer {height:1%;}
		* html .pointer {background-image:url(../images/ie6/pointer.gif); z-index:2;}	
		* html #prevAndNextBtns a {background-image:url(../images/ie6/prevNextBtns.gif);}
		* html .content .blC,
		* html .content .brC {bottom:-8px;}
		* html .tlC,
		* html .trC,
		* html .slider,
		* html #sliderContainer {overflow:hidden;}
		* html #menu .tlC,
		* html #menu .trC {top:2px;}
		* html #menu .tlC {left:-15px;}
		* html .continue {width:1%;}
		* html #contact p {margin-left:0;}
		* html #sliderContainer {position:relative;}
		* html #prevAndNextBtns a {height:56px; width:29px; overflow:hidden;}
		* html #previous {left:-29px;}
		* html #next {right:-29px;}
		* html #revision .pointer {bottom:auto; top:46px; right:45px;}
		
		/*- IE7 -*/
		*+ html #menu .tlC,
		*+ html #menu .trC {top:2px;}
		*+ html #order h4 {border:0;}
		*+ html #contact p {margin-left:0;}
		*+ html #sliderContainer {overflow:hidden; position:relative;}


/*- Fin de IE6/IE7 Fixes ---------------------------------------------------*/	

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------ FIN DE CASSERISSIMO --------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/