@charset "iso-8859-1";
/* CSS Document */

body{ margin:0; padding:0; color:#5c5b5b; font-size:0.75em; text-align:left; font-family:Arial, Helvetica, sans-serif; background: url(../imgs/fondo.gif) repeat-x top left #b97601; }
*,p{ margin:0; padding:0;}
img{border:0}
ul{ list-style:none;}

#cabecera{ background:url(../imgs/cabecera.gif) no-repeat left bottom; width:776px; margin:auto; padding-top:62px; padding-bottom:4px; overflow:auto;}
	#cabecera div{ background:#1d1d1d url(../imgs/idiomasBordeLeft.gif) no-repeat left top; overflow:auto;  float:right;}
		#cabecera div ul{background: url(../imgs/idiomasBordeRight.gif) no-repeat top right; padding:5px 0 5px 0; overflow:auto; }
			#cabecera div ul li{ float:left; padding:2px 10px 3px 10px; border-right:1px solid #565656; display:inline}
				#cabecera div ul li a{ color:#fff; text-decoration:none;}
				#cabecera div ul li a:hover{ color:#f6a20a;}
				#cabecera div ul li#idioma1{}
				#cabecera div ul li#idioma2{}
				#cabecera div ul li#idioma3{ border:0;}
				#cabecera div ul li.idiomaACT a{ color:#f6a20a !important}

#contenedor{width:776px; margin:auto;  overflow:auto; background: url(../imgs/fondoContenedor.gif) top left repeat-y;}
	
	/******************************************* CODIGO PARA INDEX ***********************************************/
	#izquierdaIndex{width:240px; color:#fff; float:left; background:url(../imgs/eskinaSupIZ.gif) no-repeat top left #1d1d1d; margin-right:3px;}
		#izquierdaIndex #logo{ padding-top:31px; }
		#izquierdaIndex a{color:#fff; text-decoration:none;}
		#izquierdaIndex a:hover{ color:#f6a20a; text-decoration:none;}
		#izquierdaIndex ul{ list-style:none;margin-top:35px; margin-bottom:49px;}
			#izquierdaIndex ul li{ border-bottom:1px solid #484848; padding-bottom:5px; padding-top:8px; text-align:right; padding-right:35px;  }
				#izquierdaIndex ul li a{display:block; font-size:1.2em;}
				#izquierdaIndex ul li p{color:#8e6213; font-size:0.8em;}
				#izquierdaIndex ul li#menu1{ padding-top:0;}
				#izquierdaIndex ul li#menu4{ border:0; }
				
	#derechaIndex{ width:533px; float:right; background:url(../imgs/imagenDerechaIndex.jpg) no-repeat top left ;}
		#derechaIndex div#flash{ margin:0 0 0 0; padding:0 0 0 0; width:auto; }
		#derechaIndex div{width:140px; margin:20px 0 0px 23px; padding-left:10px; background:#1d1d1d url(../imgs/bordeIzH1.gif) no-repeat top left;  }
			#derechaIndex h1{font-size:1.1em;  background:url(../imgs/bordeDerH1.gif) no-repeat top right; color:#fff; padding-top:5px; margin-bottom:7px; padding-bottom:0px;}
			#derechaIndex p{ margin:0 23px 8px 23px;}	
	/******************************************* FIN CODIGO INDEX ***********************************************/
	#menuSuperior{position:relative;width:776px; height:0; }
		#menuSuperior div{position:absolute;   width:776px; z-index:100; }
			#menuSuperior div ul{background:#1d1d1d  !important;  float:right;}
				#menuSuperior div ul li{ float:left; padding:17px 20px 20px 20px; color:#fff; border-right:1px solid #565656;}
				#menuSuperior div ul li p{ color:#939393; font-size:0.8em}
				#menuSuperior div ul li a{  color:#fff; text-decoration:none; display:block; font-size:1.2em;}
				#menuSuperior div ul li a:hover{ color:#f6a20a;}
					#menuSuperior div ul li#menuSup1{ padding-left:0;}
					#menuSuperior div ul li#menuSup2{}
					#menuSuperior div ul li#menuSup3{}
					#menuSuperior div ul li#menuSup4{}
		
	#izquierda{width:243px;  float:left;background:url(../imgs/eskinaSupIZ.gif) no-repeat top left #1d1d1d; }
	 #izquierda p{ text-align:right; margin-right:35px; color:#acabab; margin-bottom:15px;}
		 #izquierda p.contacto{margin-top:140px; color:#fff; font-size:1.2em}
		 #izquierda p a{color:#f6a20a; text-decoration:underline}
		 #izquierda p a:hover{color:#f6a20a; text-decoration:none}
	 #izquierda a{color:#fff; text-decoration:none}
	 #izquierda a:hover{color:#f6a20a; text-decoration:none}
	 #izquierda #logo{ padding-top:10px; z-index:150; }
	 #izquierda #home{ position:absolute;}
	 	 #izquierda #home p{ position:absolute; bottom:13px;  left:80px;  color:#f6a20a; font-size:1.25em; }
			 #izquierda #home p a{ color:#f6a20a; font-weight:bold; text-decoration:none;}
			 #izquierda #home p a:hover{ color:#fff; text-decoration:none; }
	 #izquierda ul{ color:#fff; font-size:1.2em; margin-top:30px;}
		 #izquierda ul li{ border-bottom:1px solid #484848;  padding: 10px 35px 10px 30px; }
		 	#izquierda ul li a.noclicable{ color:#fff;}
		 	#izquierda ul li a.noclicable:hover{color:#fff;}
		 	#izquierda ul li a{ padding:0 0 0 15px; background:url(../imgs/flechaOFF.gif) no-repeat top left}
		 	#izquierda ul li a:hover{ background:url(../imgs/flechaON.gif) no-repeat top left}
			#izquierda ul li ul{font-size:1em; margin:0 0 0 15px;}
				 #izquierda ul li ul li{ border:0; padding:5px 0 1px 0 ; margin:0 0 0 0;  }
				  #izquierda ul li ul li a{background:url(../imgs/flechaMiniOFF.gif) no-repeat top left;display:block;}
				  #izquierda ul li ul li a:hover{background:url(../imgs/flechaMiniON.gif) no-repeat top left; }
	 
	#derecha{ width:533px; margin-top:66px;float:right; overflow:auto; padding-bottom:10px;}
		#derecha .tituloIndex{width:140px; margin:295px 0 15px 23px; padding-left:10px; background:#1d1d1d url(../imgs/bordeIzH1.gif) no-repeat top left;  }
			#derecha a{color:#f6a20a; text-decoration:underline}
			#derecha a:hover{color:#f6a20a; text-decoration:none}
			#derecha h1{font-size:1.1em; color:#1d1d1d; margin: 0 0 15px 25px; padding-top:5px; padding-bottom:6px; }
			#derecha p{ margin:0 23px 0 23px;}
			#cesta{text-align:right; margin:10px 25px 10px 25px; font-size:1.3em;}
			
			#columnaIZ{width:240px;  margin-left:25px;}
				#columnaIZ img{display:block; margin-bottom:20px;}
				
			#columnaDER{ width:240px; display: inline; float:right; margin-right:25px;}
			#estado{ border-bottom:1px solid #ececec; height:30px;  padding:15px 15px 15px 25px; margin:0; overflow:auto; font-size:1.2em}
				#estado li{ background:url(../imgs/fondoEstado.gif) right center no-repeat; float:left; padding-right:51px; margin:0;}
					#estado li#paso1{ }
					#estado li#paso2{ }
					#estado li#paso3{ padding: 0 0 0 0; background:none;}
					#estado li p{ background:#fce9c6; color:#db9009; float:left; padding: 7px 10px 7px 10px; margin:0;}
			
			#noproductos{margin:15px 0 15px 0}
			
			#botonesCesta{ height:60px; overflow:auto;}
			
	.contenidoTienda{ margin:0 15px 0 25px; padding-bottom:10px;}
		#tablaIZ1{ width:100%; color:#1d1d1d; margin-bottom:15px;}
			#tablaIZ1 tr.titulo td{ font-weight:bold; padding-bottom:3px;}
		ul#listImg{ margin:15px 25px 0px 15px; overflow:auto;}
			ul#listImg li{ float:left; margin-left:10px; display: inline;}
			
		#tablaPedido{ border-collapse:collapse; width:100%; margin-bottom:20px; margin-top:20px;}
		#tablaPedido td{padding:4px 10px 5px 4px; vertical-align:top; border-bottom:1px solid #cbcbcb; color:#5c5b5b; font-size:1em;}
			#tablaPedido td strong{color:#1d1d1d;}
			#tablaPedido td span{color:#f6a20a; font-weight:bold;}
			#tablaPedido tr.titulo td{font-weight:bold; color:#1d1d1d; vertical-align:middle }
			#tablaPedido tr.camposInferiores td{ text-align:right; border:0;} 
			#tablaPedido td.txtCent { text-align:center; } 
			#tablaPedido td.txtRight{text-align:right;}

		#confirmacion{ border-collapse:collapse; width:100%; margin-bottom:20px; margin-top:40px;}
		#confirmacion td{padding:4px 10px 5px 4px; vertical-align:top; border-bottom:1px solid #cbcbcb; color:#5c5b5b; font-size:1em;}
			#confirmacion td.tituloConfirmacion {width:130px;}

		#formulario{ width:100%; margin-bottom:15px; margin-top:25px;}
		#formulario td{ vertical-align:top;}
		#formulario td.tdIZ{width:120px;}
		#formulario td.textoForm{ padding-top:5px;}
		#formulario td input.formuTxt{ width:95%; color:#999999; font-size:0.9em; padding:4px 0 4px 5px;}
		#formulario td textarea{ width:95%; height:6em;color:#999999; font-size:1.2em;  padding:4px 0 4px 5px;}

		#botonesFormulario{ height:50px;}

	#contenidoInferior{color:#999999; border-top:1px solid #ececec; padding-top:7px; clear:both}
	
	input.campo{ border:1px solid #cbcbcb; width:80px; padding-top:4px; padding-bottom:4px; text-align:center; color:#999999;}
	input.boton{padding:4px 0 5px 0; cursor:pointer; display:block; margin:15px auto 0 auto; background:url(../imgs/botonTienda.gif) no-repeat; text-align:center; width:224px; border:0; color:#fff; font-size:1.1em; text-decoration:underline; }	
	
	#pie{width:777px; margin:auto; margin-top:5px; background:url(../imgs/pieSup.gif) top left no-repeat #e9a62e;}
		#pie p{background:url(../imgs/pieInf.gif) bottom left no-repeat; padding:10px 0 10px 0; color:#865b11; text-align:center;}
			#pie p a{color:#865b11; text-decoration:underline}
				#pie p a:hover{color:#865b11; text-decoration:none;}
				
		
	.error{ border:1px solid #971717; background-color:#e20909; padding:15px; margin-top:10px;}	
		.error p{ color:#fff;}
		
	.alinearIZ{float:left;}	
	.alinearDER{float:right;}
	
	#mapaGoogle{ width:480px; height:350px; margin-left:25px; margin-top:20px; margin-bottom:20px; border:1px solid #ccc;}
	#botonGmaps{ margin-top:20px;}
	
	.gastosEnvio { width:95%; color:#999999; font-size:1.2em;}
	
	#TituloPayPal{width:500px; font-size:16px; font-weight:bold; border:1px solid #fff; border-bottom:none; text-align:center; padding:10px; margin:auto; color:#fff; background:#000;}
	#CuerpoPaypal{width:500px;padding:50px 10px 160px 10px; margin:auto; border:1px solid #fff; color:#fff;  background: url(../imgs/logo.gif) no-repeat bottom left #1d1d1d;}
		#CuerpoPaypal input{ margin-left:15px;}
		
		
	.ERRORTRAD{ color:#fff;}