/* Hoja de estilos General de 

******TIENDA ONLINE GRUPO FAUSTINO*****

AUTOR: Alberto Martinez
 Empresa:Arista 
  
--------INDICE DE CONTENIDOS-----------
Generales
			body
			enlaces
			encabezados
Estructura
			cabecera
				Menu
			cuerpo
				listado de ofertas
				buscador										
			pie

*/



/*Generales------------------------------*/
		body{
		background:#c4ae96 url(../img/all/bg-body-interior.jpg) repeat-x; 
		font-family: Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:11px;
		margin:0px 0px 0px 0px ;
		text-align:center;
		}
		a:link, a:visited{
		color:#91141b;
		text-decoration:none;}
		
		a:hover{
		text-decoration:underline;}
		
		encabezados{}
		.oculto{
		display:none;}
		
		input[type=button], input[type=submit], a{
			cursor:pointer;
		}
		
		input[type=button]{
		background-color:#B30101;
		border:0;
		color:#FFFFFF;
		}
		
		
h1.index, h2.index{
height:5px;
overflow:hidden;
position:absolute;}
table, a img{
border:0px;}

/*fin de Generales------------------------------*/

/*layout----------------------------------------*/

#contenedor{
width:936px;
margin:0px auto 0px auto ;
position:relative;
text-align:left;
}

/*fin de layout---------------------------------*/


/* COL_IZQ ------------------ */

		#barra-izq{
		width:178px;
		float:left;
		background:transparent url(../img/all/bg-menu.jpg) no-repeat 1px 0px;
		height:547px;
		text-align:left;}
		
			#barra-izq #banner{
			float:left;
			margin-top:10px;
			}

		/*MENU------------------------------------------*/
	
			#barra-izq #menu-principal{
			margin-top:126px;}
				#barra-izq #menu-principal ul{
				list-style:none;
				text-align:right;
				padding:0px;
				margin:40px 0px 15px 0px!important;
				margin:2px 0px 15px 0px ;}
				
				*:first-child+html #barra-izq #menu-principal ul{
				margin:0px 0px 15px 0px!important;}
				
					#barra-izq #menu-principal ul li{
					padding:3px;}
						#barra-izq #menu-principal ul li a:link, #barra-izq #menu-principal ul li a:visited{
						color:#FFFFFF;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:12px;
						padding-right:5px;
						}
						
						/*#barra-izq #menu-principal ul li.current{
						background:transparent url(../img/all/bg-current.jpg) repeat-y right;}*/					
						
						#barra-izq #menu-principal ul li .losmasvendidos{
						padding-left:11px;
						background-image:url(../img/all/icono-exclamacion.gif);
						background-repeat:no-repeat;
						}
			
			
			#barra-izq #menu{
			width:177px;
			margin-top:132px;
			margin-bottom:0px;
			}
			
									
							
	/*------------------fin de menu------------*/

		/*Buscador------------------------------*/
	
			#barra-izq #buscador{
			border:2px solid #FFFFFF;
			padding:0px;
			background-color:#6f493c;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FFFFFF;
			margin-bottom:10px;}
			
					#barra-izq #buscador span.buscador{
					display:block;
					border:0px;
					margin:0px 0px 10px 0px ;
					background:#b30102 url(../img/all/lupa.gif) no-repeat right top;
					padding:5px 0px 5px 10px ;
					font-family:Georgia, "Times New Roman", Times, serif;
					color:#FFFFFF;
					font-size:16px;
					font-weight:normal;}
					
					#barra-izq #mini_buscador form{
					margin:0px ;
					padding:0px;}
					
					#barra-izq #buscador form p{
					margin: 0px 0px 7px 10px ;
					text-align:left;}
					
					#buscador select{
					width:146px;
					height:17px;
					font-size:11px;
					}
					
					#buscador input{
					width:144px;
					height:13px;
					font-size:11px;
					}
							
					#buscador input.btn-buscar{
					background:transparent url(../img/all/btn-buscar.jpg) no-repeat left top;
					width:94px;
					height:25px;
					color:#FFFFFF;
					font-size:12px;
					font-weight:bold;
					border:0px;
					padding:0px 0px 5px 0px ;
					cursor:pointer;}
	
	/*------------------Fin de Buscador------------*/
			
		/*cesta----------------------------------------*/
			
		body #barra-izq #cesta{
		width:177px;
		margin-top:0px!important;
		margin-top:0px;}
						
			#cesta{
			background:transparent url(../img/all/bg-cesta.jpg) no-repeat left top;
			height:120px;
			margin-top:48px!important;
			margin-top:24px;}
			
			*:first-child+html #cesta{
			margin-top:24px!important;}
			
				#cesta span#cesta-tit{
					font-weight:bold;
				margin:0px 10px;
				display:block;
				color:#841d1a;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:14px;
				border-bottom:1px solid #FFFFFF;
				text-align:center;
				padding-top:10px;}
			
				#cesta p{
				margin:5px;
				padding-left:80px;}
				
				#cesta a{
				margin:15px 5px 5px 20px ;
				background-color:#990000;
				color:#FFFFFF;
				padding:2px 4px 2px 4px;}
				/*
				.iva{
				float:left;
				clear:both;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px;
					color:#FFFFFF;}
					.iva span{
					font-size:12px;
					font-weight:bold;}
					*/
					.iva-tabla{
					color:#FFFFFF;
					width:700px;
					float:left;
					clear:both;
					font-family:Georgia, "Times New Roman", Times, serif;}

					.iva-tabla td.iva-numero p.iva{
					float:left;
					padding-right:15px;
					text-align:left;
					font-size:16px;
					padding-top:0px;}
					.iva-tabla td.desglose p.iva{
					float:right;
					font-weight:bold;
					font-size:12px;
					padding-right:10px;
					padding-top:0px;}
					.iva-tabla td.eliva p.iva{
					font-weight:bold;
					float:right;
					font-size:12px;
					padding-top:0px;}
				
/*------------------fin de cesta------------*/
	
		/*registro------------------------------*/
		
		#barra-izq #usuario{
		width:177px;
		overflow:hidden;
		height:190px;
		background:transparent url(../img/all/bg-usuario-tienda.jpg) no-repeat left top;}
		
			#usuario{
			background:transparent url(../img/all/bg-login.jpg) no-repeat left top;
			height:150px;
			margin-top:10px;}
			
					
					#usuario span#usuario-tit{
					display:block;
					font-weight:bold;
					margin:0px auto;
					color:#000;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:14px;
					width:120px;
					text-align:center;
					padding-top:10px;
					padding-bottom:5px;}
					
					#usuario #usuario-tit.nombre_usuario{
					text-align:center;
					}
						body #usuario h3 span{
						font-size:12px;
						font-weight:normal;}
					
					#usuario form{
					margin:0px;
					padding:0px;}
					
					#usuario label{
					float:left;
					width:60px;}
					
					#usuario input{
					float:left;
					height:13px;
					width:140px;
					margin-bottom:5px;
					font-size:11px;}
					
					#usuario p{
					margin:0px;
					padding-left:15px;
					float:left;
					clear:both;
					}
					
					
					#usuario p.loginlaces{
					padding:0px 0px 10px 0px ;
					float:left;
					line-height:13px;
					margin:0;
					margin-top:10px;
					font-weight:bold;
					
					
					}
					#contenedor #cuerpo #barra-izq #usuario p.loginlaces a{
					width:150px;
					display:block;
					padding:2px;
					height:12px;
					margin:0px;
					}
					
					
					#usuario p.dentro{
					margin:0px;
					padding-left:15px;
					float:left;
					clear:both;
					height:30px;
					}
					
							#usuario p.dentro input{
							height:19px;
							}	
							#usuario_log, #pass_log{
							height:12px;
							font-size:10px;
							line-height:10px;
							padding:0px;
							border:0px;
							display:block;
							float:left;
							width:80px;}
							
							#usuario .entrar{
							margin:2px 5px 5px 80px ;
							background-color:#990000;
							color:#FFFFFF;
							width:60px;
							height:18px;
							font-size:11px;
							padding:0px 4px 2px 4px;
							border:0px;}
				
		
				
					
							#usuario form p input.dentro-usuario{
							margin:0px 0px 5px 0px ;
							color:#b30102;
							font-weight:bold;
							background-color:transparent;
							font-size:11px;
							font-family:Georgia, "Times New Roman", Times, serif;
							padding:3px 0px 2px 4px;
							width:135px;
							border:0px;
							float:left;
							text-align:left;
							}
							#usuario form p img{
							float:left;
							}
	
	/*------------------fin de registro------------*/

/* CABECERA ----------------- */

		/*cabecera----------------------------*/
		
		#cabecera{
		float:left;
		height:105px;
		width:750px;
		clear:both;
		background:transparent url(../img/all/bg-cabecera.jpg) no-repeat left top;}
		
		#cabecera #logo{
		float:left;
		width:200px;
		}
		#cabecera #logo img{
		border:0px;
		}
		
		/*fin cabecera-------------------------*/
		
		/*novedad------------------------------*/
	
		#novedad {
		position:absolute;
		top:0px;
		right:0px;
		text-align:left;
		height:96px;
		width:480px;}
			#novedad img.rotulo{
			border:0px;
			margin:0px 0px 0px 3px ;
			height:96px;
			width:30px;
			float:left;}
			
			#novedad .novedad-recuadro{
			position:absolute;
			top:0px;
			right:0px;
			width:445px;
			height:96px;
			margin:0px;}
			#novedad .novedad-recuadro div{
			float:left;
			padding:5px;
			width:435px;
			height:88px;	
			background-color:#dca510;/**/}
			#novedad .novedad-recuadro span#destacado{
			font-weight:bold;}
			
			#novedad .novedad-recuadro div img{
			float:left;}
			#novedad .novedad-recuadro div span{
			float:left;
			display:block;
			text-align:left;
			padding-left:10px;
			width:320px;}
			#cuerpo #novedad .novedad-recuadro div h3{
			text-align:left;
			float:left;
			width:300px;
			font-size:14px;
			margin:0px;
			padding:0px 0px 0px 10px ;}
			#novedad .novedad-recuadro div a{
			float:left;
			padding:0px 0px 0px 10px ;
			background-color:transparent;
			width:200px;
			font-weight:bold;}
			
			
	
	/*-----------fin de novedad------------*/

/* CUERPO / barra-der ------------------- */

		#cuerpo{
		background:transparent url(../img/all/bg-cuerpo.jpg) no-repeat right top;
		float:left;
		position:relative;}
	
		#barra-der{
		float:right;
		width:758px;
		text-align:left;}	
				
		/*tienda-----------------------*/
		
		#barra-der #tienda{
		padding:0px;
		background:#b89e82 url(../img/all/bg-li.jpg) repeat-x ;
		float:left;
		clear:both;
		border:2px solid #ffffff;
		border-top:0px;
		padding-bottom:20px;
		min-height:650px;
		height:auto!important;
		height:650px;}
		
		#barra-der #tienda h2{
		width:732px;
		clear:both;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:22px;
		color:#000000;
		padding:10px 10px 10px 10px ;
		margin:0px;}
		
			#barra-der #tienda #menu{
			float:left;
			width:754px;
			border-top:2px solid #FFFFFF;
			position:relative;
			background-color:#6f493c;}
					
				#barra-der #tienda #menu ul{
				margin:0px;
				padding:0px;}
					
					#barra-der #tienda #menu ul li{
					display:inline;
					float:left;}
					
						#barra-der #tienda #menu ul li a{
						color:#FFFFFF;
						padding:5px 7px 7px 12px ;
						display:block;
						font-family:Georgia, "Times New Roman", Times, serif;}
						
						body #barra-der #tienda #menu ul li.selected{
						color:#6633CC;
						background-color:#b30102;
						}
							
						#barra-der #tienda #menu ul li.selected a{
						color:#ffffff;
						font-weight:normal !important;
						}
				
				
		/*migas------------------migas----------------------------*/	
					#migas{
					border-bottom:1px solid #FFFFFF;
					margin:10px!important;
					margin:5px;
					color:#000000;
					padding-bottom:5px;
					float:left;
					width:730px;
					
					}
						#migas span, #migas ul{
						display:block;
						float:left;
						padding:0px 0px 0px 5px ;
						margin:0px;}
						
						#migas ul li{
						display:inline;
						}
						#migas a{
						color:#FFFFFF;
						text-decoration:underline;
						
						}
		
		/*------------------fin de migas----------------------------*/				
		
		/*vistas-----------------*/
		#vistas{
		width:720px;
		padding:5px;
		margin-left:13px;
		float:left;
		background-image:url(../img/all/bg-vistas.jpg);
		background-repeat:no-repeat;
		}

		

			#vistas a{
			color:#000000;}
	
			#vistas strong{
				color:#990000;}
				
				/*paginacion-----------------*/
		#paginacion{
		width:720px;
		padding:5px;
		margin-left:13px;
		float:left;
		background-image:url(../img/all/bg-vistas.jpg);
		background-repeat:no-repeat;
		}

		
			#paginacion a{
			color:#000000;}
	
			#paginacion strong{
				color:#990000;}
		
		/*categorias----------------------------categorias-----------------------------------*/
				
		body #categorias{
						margin:0px;
						color:#000000;
						float:left;
						width:730px;
						z-index:1;
						position:relative;
						background:#b89e82 url(../img/all/bg-categorias.gif) no-repeat 550px 4px;
						
						}
							body #categorias ul{
							display:block;
							background:transparent url(../img/all/bg-ulcategorias.gif) no-repeat right bottom;
							float:left;
							padding:0px 0px 0px 13px ;
							margin:0px 0px 0px 0px ;
							height:65px;
							width:690px;
							overflow:hidden;}
							
							#categorias ul li{
							display:block;
							float:left;
							margin:0px;
							padding:0px;
							
							}
							#categorias ul li span{
							display:none;
							
							}
									
									#categorias ul li.tintos a{
									height:66px;
									width:129px;
									background:transparent url(../img/all/bg-tinto.jpg) no-repeat left top;
									}
										#categorias ul li.tintos-selected a{
										height:66px;
										width:129px;
										background:transparent url(../img/all/bg-tinto-selected.jpg) no-repeat left top;
										}
										#categorias ul li.tintos a:hover{
										background:transparent url(../img/all/bg-tinto-hover.jpg) no-repeat left top;
										}
									#categorias ul li.rosados a{
									height:66px;
									width:135px;
									background:transparent url(../img/all/bg-rosado.jpg) no-repeat left top;}
									#categorias ul li.rosados-selected a{
									height:66px;
									width:135px;
									background:transparent url(../img/all/bg-rosado-selected.jpg) no-repeat left top;}
										#categorias ul li.rosados a:hover{
										background:transparent url(../img/all/bg-rosado-hover.jpg) no-repeat left top;}
										
									#categorias ul li.blancos a{
									height:66px;
									width:138px;
									background:transparent url(../img/all/bg-blanco.jpg) no-repeat left top;
									}
									#categorias ul li.blancos-selected a{
									height:66px;
									width:138px;
									background:transparent url(../img/all/bg-blanco-selected.jpg) no-repeat left top;
									}
										#categorias ul li.blancos a:hover{
										height:66px;
										width:138px;
										background:transparent url(../img/all/bg-blanco-hover.jpg) no-repeat left top;
										}
									#categorias ul li.cavas a{
									height:66px;
									width:137px;
									background:transparent url(../img/all/bg-cava.jpg) no-repeat left top;
									}
									#categorias ul li.cavas-selected a{
									height:66px;
									width:137px;
									background:transparent url(../img/all/bg-cava-selected.jpg) no-repeat left top;
									}
										#categorias ul li.cavas a:hover{
										height:66px;
										width:137px;
										background:transparent url(../img/all/bg-cava-hover.jpg) no-repeat left top;
										}
										
									#categorias ul li.mixdeproducto a{
									height:66px;
									width:137px;
									background:transparent url(../img/all/bg-mix.jpg) no-repeat left top;
									}
									#categorias ul li.mixdeproducto-selected a{
									height:66px;
									width:137px;
									background:transparent url(../img/all/bg-mix-selected.jpg) no-repeat left top;
									}
										#categorias ul li.mixdeproducto a:hover{
										height:66px;
										width:137px;
										background:transparent url(../img/all/bg-mix-hover.jpg) no-repeat left top;
										}
									
									
							#categorias a{
							display:block;
							float:none;
							height:66px;
							}
				
					


/* PIE ---------------------- */

		/*pie-----------------------*/
		
		#pie #minimenu, #pie #minimenu p, #pie #minimenu ul{
		float:left;
		color:#FFFFFF;
		font-family:Georgia, "Times New Roman", Times, serif;}
		#pie {
		width:936px;
		height:150px;
		clear:both;
		margin:0 auto;}
			
			#pie p{
			margin:0px;
			padding:10px 0px 0px 10px ;}
		
			
			
		
			#pie #minimenu{
			text-align:left;}
			
				#pie #minimenu ul{
				list-style:none;
				margin:0px;
				padding:10px;}
				#pie #minimenu ul li{
				display:inline;
				padding-left:10px;
				padding-right:10px;
				border-left:1px solid #FFFFFF;}
				
				
				#pie #minimenu ul li a{
				color:#FFFFFF;}
				#pie a img{
				border:0px;}
			
		/*-----------fin de pie------------*/
			
		/*buscador-----------------------------------*/
		
			
		
		
				#tienda #paginado{
				padding: 0 5px 0 5px;
				width:712px;
				color:#fff;
				text-align:center;
				margin-left:13px;
				font-weight:bold;
				background-color:#4D3920;
				float:left;}
				
				
				
				#tienda #paginado span{
				padding-top:4px;
				margin-left:275px;
				float:left;
				}
				
				#tienda #paginado a.anterior{
				float:left;
				width:30px;}
				#tienda #paginado a.siguiente{
				float:right;
				width:30px;
				margin-right:80px;}
				
				#tienda #paginado a.anterior img, #tienda #paginado a.siguiente img{
				border:0;
				}
				
				
				
				
				
				.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 86px!important;
			top:-3px;
			text-indent: -9000em;
		}
		
		*:first-child+html .stripNavL, *:first-child+html  .stripNavR { /* The left and right arrows */
			
			top: -3px!important;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 130px;
		}
		
		.stripNavL {
			left: 0;
			z-index:2;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("../img/all/btn-anterior.jpg") no-repeat left;
			margin-left:20px;
		}
		
		.stripNavR {
			background: url("../img/all/btn-siguiente.jpg") no-repeat left;
			margin-right:6px;
		}