/* hacks varios, adivinen para q browser… */

html, body, #contenedor 
{
     min-height: 100%; /* alto minimo FF y Safari */
     width: 100%;
     height: 100%; /* alto minimo para IE Windows */
     margin: 0;
     padding: 0;
}

html>body #contenedor {
     height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */



body{
	background-color:#3C3D3D;	
	

} 

*  {
     margin: 0;
    padding: 0;
}

 .frame{
scrollbar-face-color: #3C3D3D;
SCROLLBAR-HIGHLIGHT-COLOR: #B4DBF5;
scrollbar-3dlight-color: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
scrollbar-track-color: #646363;
SCROLLBAR-DARKSHADOW-COLOR: #F1F1F1;
scrollbar-arrow-color: #FFFFFF;
width:358px;
height:350px;
}


#centrar_horizontal
{
	width:100%;
	height:20%;

	
	}
#contenedor{
	width:100%;
	text-align:center;

	

	background-color:#3C3D3D;
}

	#pagina{
		width:760px;
		height:460px;
		background-color:#3C3D3D;
		padding-left:10px;
		padding-top:10px;
		margin:0 auto; /* centra el contenedor */
		
		border:1 solid #8A8989;
			
	}
	
	*html#pagina{
		width:770px;
		height:460px;
		background-color:#3C3D3D;
		padding-left:10px;
		padding-top:10px;
		margin:0 auto; /* centra el contenedor */
		
		border:1 solid #8A8989;
			
	}
	
	#pagina_inicio{
		width:780px;
		height:380px;
		background-color:#3C3D3D;
	
		margin:0 auto; /* centra el contenedor */
		border:1 solid #8A8989;
		padding:0 0 0 0 ;
			
	}
	
	*html #pagina_inicio{
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			
				}
	
	/* --- MENU LATERAL ----*/
	
		#menu{
			width:90px;
			height:360px;
			float:left;	
			/*margin-right:10px;*/
			text-align:left;
			
			
			
		}
			
			#logo{
				width:80px;
				height:90px;
							
			}
			#identidad{
				width:80px;
				height:90px;
				
					
			}	
			#elaboracion{
				width:80px;
				height:90px;
				
			}	
			#catalogo{
				width:80px;
				height:90px;
			}	
			#contacto{
				width:80px;
				height:90px;
				
				}	
				
				
		/* ---  FIN MENU LATERAL ----*/
			
			
			
		#menu_texto{
		
			width:455px;
		
			}
		
			
					
		#tit-texto{
			width:360px;
			height:450px;
			float:left;	
			margin-bottom:0px;	
			
			}
			
				
								
			
				#titulo{					
					float:left;
					/*background-image:url(../images/tit/identidad.gif);*/
					background-repeat:no-repeat;
					width:360px;
					height:90px;				
					padding-left:13px;
					text-align: left;
					padding-top:50px;
					
					
				}	
				
			*html #titulo{
			
				
				padding-top:50px;
				
				}
				
				#texto{
					float:left;			
					font-family:Verdana;
					font-size:10px;	
					background-color:#646363;
					width:341px;
					height:340px;
					
					text-align:justify;
					color:White;
					line-height:18px;
					padding-left:13px;
					padding-right:13px;
					padding-top:13px;
					margin-top:-50px;
				
					
				}
				
				*html #texto
							{
				
					padding-left:13px;
					padding-right:13px;
					padding-top:16px;
					margin-top:0px;
					width:352px;
					height:350px;
				
				
				}
				
				#texto_scroll
				{
					font-family:Verdana;
					font-size:10px;
					background-color:#646363;
					line-height:18px;
					color:#FFFFFF;
					margin-right:2;
					}
				*html #texto_scroll
				{
					font-family:Verdana;
					font-size:10px;
					background-color:#646363;
					line-height:18px;
					color:#FFFFFF;
					margin-right:19px;
				}
				/*.margen
				{
					padding-left:13px;
					padding-right:13px;
					padding-top:13px;
					border:1 solid red;
					
					}*/
				
				#texto_materiales{
					float:left;			
					font-family:Verdana;
					font-size:10px;	
					background-color:#646363;
					width:358px;
					height:350px;
					text-align:justify;
					color:White;
					line-height:16px;
					margin-top:-50px;
					
				
				}	
				
				*html #texto_materiales
							{
				
					
					margin-top:0px;
				
				
				}
								
								
				#texto_trampa{
					float:left;			
					font-family:Verdana;
					font-size:10px;	
					background-color:#646363;
					width:367px;
					height:350px;
					text-align:justify;
					color:White;
					line-height:16px;
					margin-top:-50px;
					padding-bottom:0px;
					
				
				}	
				
				*html #texto_trampa
							{
									
					margin-top:0px;
					margin-bottom:0px;
					width:352px;
					padding-bottom:0px;
				}
				
				
				#flecha_arriba
				{
					left:27em;
					width:165px;
					position:relative;
					top:-173px;
					height:0px;
					text-align:center;
				}	
				*html #flecha_arriba
							{
					left:27em;
					width:135px;
					position:relative;
					top:-173px;
					height:0px;
					text-align:center;				
				
				}
				#flecha_abajo
				{
					
					left:27em;
					width:165px;
					position:relative;
					top:-120px;
					height:0px;
					text-align:center;
				
				}	
				
				*html #flecha_abajo
							{
					left:27em;
					width:135px;
					position:relative;
					top:-133px;
					height:0px;
					text-align:center;
				
				
				}
				
				#space
				{
					position:relative;
					top:0px;
					left:0px;
					height:13px;
				}
				
				*html #space
				{
					position:relative;
					top:0px;
					left:0px;
					height:13px;
					}
				
				/* --- CATÁLOGO ----*/
				
				
				
				#galeria{
					float:left;			
					background-color:#646363;
					width:655px;
					height:337px;
					/*padding-left:13px;
					padding-right:13px;*/
					padding-top:13px;
					background-image: url(../images/catalogo/mohair_inf.gif);
					background-repeat:no-repeat;
					background-position:100% 100% ;
					margin-top:-50px;
					
				}	
				
				*html #galeria{
							
						margin-top:0px;
						height:350px;
						}
				
				
				
				#catalgo
				{
					width:655px;
					height:270px;
					
					
					}
				
					#ant_galeria
					{
						width:20px;
						height:270px;
						float:left;
						padding-top:135px;
					
						
						}
						
					#img_galeria
					{
						width:615px;
						height:270px;
						float:left;
						
						background-color:#ffffff;
						
						}
						
						.fila_img
						{
							width:615px;
							height:135px;
																				
							}
					
							
								.img_1
								{
									float:left;
									width:205px;
									height:135px;
									
									
									}
								.img_2
								{
									float:left;
									width:205px;
									height:135px;
									
									}
								.img_3
								{
									float:right;
									width:205px;
									height:135px;
									
									
									}
						
					#sig_galeria
					{
						width:20px;
						height:270px;
						float:right;
						padding-top:135px;
						
				
						}
				
				#divMessage
				{
					position:relative;
					top:1em;
					width:300px;
					left:0px;
					text-align:left;
				}
				
				*html #divMessage
				{
					position:relative;
					top:1em;
					width:300px;
					left:-150px;
					text-align:left;
				}
				
				
				/* ---  FIN CATÁLOGO ----*/
				
				
				
				
				
				
				/*****  ficha PRODUCTO *******/
				
				
				
				#producto
					{
					float:left;			
					font-family:Verdana;
					font-size:10px;	
					background-color:#646363;
					width:367px;
					height:337px;
					/*padding-left:13px;*/
					/*padding-right:13px;*/
					padding-top:13px;
					/*text-align:center;*/
					color:White;
					line-height:16px;
					background-image:url(../images/producto/logo_mohair.gif);
					background-position:bottom right;
					background-repeat:no-repeat;
					margin-top:-50px;
					
					}
					
				
				*html #producto{
							
						margin-top:0px;
						height:270px;
						width:352px;
						}
					
					#sup_producto
					{
						width:279px;
						height:330px;
						float:left;
							
						
						}
					*html #sup_producto
					{
						width:279px;
						height:330px;
						float:left;
							
						
						}
						
						
						#anterior{
							float:left;
							width:44px;
							height:337px;
							padding-top:70px;
						
						
						}
						*html #anterior{
							float:left;
							width:36px;
							height:337px;
							padding-top:70px;
						
						}
						
						#img_producto
								{
									width:275px;
									height:160px;
									border:1 solid #3C3D3D;
									}
					
						#siguiente
						{
							float:right;
							width:43px;
							height:337px;
							padding-top:70px;
						
							
							}
						
					*html #siguiente
						{
							float:right;
							width:36px;
							height:337px;
							padding-top:70px;
							margin-left:0px;
						
							
							}
							
							#ficha_producto
							{
								width:275px;
								height:165px;
								text-align:left;
								
								
							
							}
							.producto
							{
								
								border:none;
								font-family:Verdana;
								font-size:10px;
								color:#FFFFFF;
								text-align:left;
								
								
								
								
								}
				
				
							.select
							{
								background-color:#FFFFFF;
								border:none;
								font-family:Verdana;
								font-size:10px;
								color:#3C3D3D;
								height:15px;
								
								
								}
								
								
								
							.producto_bold
							{
								font:bold 10px verdana, helvetica, arial;
								color:#FFFFFF;
								}
				/* ---  FIN ficha PRODUCTO ----*/
				
				/* --- FORMULARIO de COMPRA ----*/
				
				#fondo_fcompra
				{
					float:left;			
					font-family:Verdana;
					font-size:10px;	
					background-color:#646363;
					width:333px;
					height:337px;
					padding-left:19px;
					padding-right:13px;
					padding-top:13px;
					text-align:justify;
					color:White;
					line-height:16px;
					margin-top:-50px;
				
									
					}
					
					
				*html #fondo_fcompra
				{
					margin-top:0px;
					height:350px;
					width:334px;
					height:350px;
					padding-left:13px;
					padding-right:13px;
					
					}
					
				.form_compra{
					background-color:#FFFFFF;
					color:#000000;
					border:none;
					width:242px;
					height:15px;
					float:right;
					font-family:Verdana;
					font-size:10px;	
				
				
					}
					
					
				#direccion_c{
					background-color:#FFFFFF;
					color:#000000;
					border:none;
					width:242px;
					height:35px;
					float:right;
					
					
					
				}
				.bold
				{
					font:bold 10px verdana;
					color:#FFFFFF;
					
					
					}
				.bold_n
				{
					font:bold 10px verdana;
					color:#000000;
					line-height:17px;
					
					
					}
				
				.txt_gris
				{
					font-family:Verdana;
					font-size:10px;
					color:3C3D3D;
					}
					
					
				
				
				
				
				#boton_enviar
				{
					background-color:#3C3D3D;
					color:#FFFFFF;
					font-family:Verdana;
					font-size:10px;	
					border:1 solid #8B8989;
					width:50px;
					height:20px;
					text-align:center;
					float:right;	
				
					}
				/* --- FIN de FORMULARIO de COMPRA ----*/
				
				
					/* --- FORMULARIO  contacto----*/
					
					
				#formulario{
					float:left;			
					font-family:Verdana;
					font-size:10px;	
					background-color:#646363;
					width:360px;
					height:360px;
					padding-left:13px;
					padding-right:13px;
					padding-top:13px;
					text-align:justify;
					color:White;
					line-height:16px;
						
					
				
					
				}	
				
				
				
				
				
				#fondo_contacto{
					float:left;			
					width:585px;
					height:356px;
					padding-left:75px;
					margin-top:-50px;
					text-align:justify;
					
					
					
				}	
				
				*html #fondo_contacto{
				
					margin-top:0px;
					padding-left:75px;
					width:590px;
					}
				
					#texto_contacto{
						width:130px;
						height:120px;
						float:left;
						background-color:#FFFFFF;
						border:5px solid #8B8989;
						color:#000000;
						font-family:Verdana;
						font-size:10px;
						text-align:center;
						line-height:16px;
						padding-left:3px;
						padding-top: 10px;
						}
						
					*html #texto_contacto{
					
						width:140px;
						height:140px;
						border:5px solid #8B8989;
						background-color:#FFFFFF;
						padding-top: 10px;
						}
						
					.txt_con{
						
						width:140px;
						height:140px;
						color:#000000;
						font-family:Verdana;
						font-size:10px;
						text-align:justify;
						line-height:16px;
						padding-left:10px;
						padding-top:220px;
						
						}
						#texto_formulario
						{
							
							float:left;			
							font-family:Verdana;
							font-size:10px;	
							width:343px;
							height:340px;
							color:White;
							line-height:18px;
							margin-top:-50px;
							
				
					
					}
				
				*html #texto_formulario
							{
				
					
					margin-top:0px;
					width:358px;
					height:350px;
				
				
				}
					
					
						
					#form_cont{
						width:325px;
						height:310px;
						
						border:5px solid #8B8989;
						text-align:center;
						margin-left:0px;
						padding: 15px 15px 15px 15px;
						/*padding-top:5;*/
						
					
						}
						
					*html #form_cont{
					
						width:350px;
						height:350px;
						margin-left:-5px;
						padding:0 0 0 0 ;
					
						
						}
						p
						{
							color:#FFFFFF;
							font-family:Verdana;
							font-size:10px;
							}
							
						.txt{
							color:#FFFFFF;
							font-family:Verdana;
							font-size:10px;
							text-align:justify;	
						
								
								}
							
						label{
							font:bold 10px verdana, helvetica, arial;
							color:#FFFFFF;
						
							
							}
							
						input.txt{
							background-color:#FFFFFF;
							color:#000000;
							border:none;
							width:170px;
							height:15px;
							float:right;
							}
							
							
						textarea{
							background-color:#FFFFFF;
							color:#000000;
							font-family:Verdana;
							font-size:10px;	
							border:none;
							width:170px;
							height:65px;
							float:right;
							
							}
							
							
						#lopd{
							background-color:#FFFFFF;
							color:#000000;
							font-family:Verdana;
							font-size:10px;	
							border:none;
							width:312px;
							height:50px;
							}
							
						#btn_enviar{
						
							background-color:#8B8989;
							color:#ffffff;
							font-family:Verdana;
							font-size:10px;	
							border:none;
							width:50px;
							height:20px;
							text-align:center;
							float:right;	
							
						}
						
						/* ---  FIN FORMULARIO  contacto----*/
						
						
						/******  FOTOS	CONTACTO *****/
			
			#cont_2{
			
				height:140px;
				width:295px;
				background-image:url(../images/contacto/cont_02.jpg);
				background-repeat:no-repeat;
				background-position:145px;		
				margin-bottom:10px;
				text-align:left;
				padding-left:5px;
				
				
				}
			#cont_3{
			
				height:140px;
				width:295px;
				
				
			}
		
			/******  FIN FOTOS	CONTACTO *****/
			
			/********   MENU INDEX *********/
			
			#menu_index{
				
				width:770px;
				height:390px;
			

				}	
					
				
				#logo_cc{
					width:250px;
					height:380px;
					background-image:url(../images/menu_index/logo.jpg);
					background-repeat:no-repeat;
					background-position: 0px 130px ;
					float:left;
					margin-right:10px;	
					
				}
				
				* html #logo_cc
				{
					margin-right:10px;	
					}
				
				#m_identidad
				{
					width:130px;
					height:380px;
					float:left;
						
					}
				
						#id
						{
							padding-top:130px;
							width:130px;
							height:120px;
							text-align:left;	
							
						}
						
						
						
						#sub_identidad{
								width:130px;
								height:130px;
								background-image:url(../images/menu_index/sub_identidad.jpg);
								background-repeat:no-repeat;
								background-position: 0px 10px;
								
								
								
						}
				#m_elaboracion
				{
					width:130px;
					height:250px;
					float:left;
					
					
					}
					
					
						#sub_elaboracion{
								width:130;
								height:120px;
								background-image:url(../images/menu_index/sub_elaboracion.jpg);
								background-repeat:no-repeat;
								}
					
						#el{
							width:130px;
							height:120px;
							text-align:left;
							float:left;
							padding-top:10px;
							
								
						}
						
						
						
				#m_catalogo
				{
					width:130px;
					height:380px;
					float:left;
					padding-top:130px;
				
					
					}
				
						#cat{
							width:130px;
							height:120px;
							text-align:left;
						
							
								
						}
						
						#sub_catalogo{
								width:130px;
								height:130px;
								background-image:url(../images/menu_index/sub_catalogo.jpg);
								background-repeat:no-repeat;
								background-position:0px 10px;
								
								
								}
								
								
				#m_contacto
				{
					width:120px;
					height:380px;
					float:right;
				
					
					}
					
				#morela
						{
							width:120px;
						}
				
						#cont{
							width:120px;
							height:120px;
							text-align:right;	
							padding-top:10px;
								
						}
						
				
				
				
					
						
						
						
					
							
						
				/* ---   FIN MENU INDEX ----*/
				
		#fotos{
			width:292px;
			height:450px;
			float:right;
		    
			
			/*margin-left:10px;
			
			
			margin-right:10px;*/
						
		}
			#foto_1
			{
				
				height:140px;
				text-align:left;
				margin-bottom:10px;
				
				}
				
			/** html #foto_1
			{
				margin-bottom:-10px;
				
				}*/
				
			#foto_2{
			
				height:140px;
				width:295px;
				background-image:url(../images/catalogo/img_mohair.jpg);
				background-repeat:no-repeat;
				background-position:145px;		
				margin-bottom:10px;
				text-align:left;
				padding-left:5px;
				
				
			
				}
				
				
				.subm_id
				{
					width:140px;
					height:46px;
					text-align:left;
					padding-top:10px;
					
					
					}
					
					
				*html .subm_id
				{
					padding-top:20px;
					
					}
				
			
				
				
				
			#foto_3{
			
				height:140px;
				background-image:url(../images/foto_03.jpg);
				background-repeat:no-repeat;
				}
				
		/* ---   fotos formulario+producto ----*/
		
			#img_1
			{
				
				height:140px;
				text-align:left;
				
				
			
				margin-bottom:10px;
				
				
				}
			#img_2{
			
				height:140px;
				width:295px;
				background-image:url(../images/catalogo/img_mohair.jpg);
				background-repeat:no-repeat;
				background-position:145px;		
				margin-bottom:10px;
				text-align:left;
				padding-left:5px;
				
				
				
				}
				
			#img_3{
			
				height:140px;
				background-image:url(../images/catalogo/img_suproducto.jpg);
				background-repeat:no-repeat;
			}
			
			
			
			
			
		/* ---  fin fotos formulario+producto ----*/
		
		
		
		/* ---   FOTOS	ELABORACION ----*/
			#ela_2{
			
				height:140px;
				width:295px;
				background-image:url(../images/elaboracion/ela_aguja.jpg);
				background-repeat:no-repeat;
				background-position:145px;		
				margin-bottom:10px;
				text-align:left;
				padding-left:5px;
				
				
				
				
				}
				
			#ela_3{
			
				height:140px;
				background-image:url(../images/elaboracion/ela_ovejas.jpg);
				background-repeat:no-repeat;
			}
				
		/* ---  FIN FOTOS	ELABORACION ----*/
		
			
		
		/* ---   FOTOS	formulario producto ----*/
			#img_5
			{
				height:140px;
				width:295px;
				background-image:url(../images/catalogo/img_perchas.jpg);
				background-repeat:no-repeat;
				background-position:145px;		
				margin-bottom:10px;
				text-align:left;
				padding-left:5px;
			
				}
		
		
			#img_4{
				
					height:140px;
					background-image:url(../images/catalogo/img_cat03.jpg);
					background-repeat:no-repeat;
				}
		/* ---  fin FOTOS	formulario producto ----*/
		
		.lopd	{
			background:#646363;
			height:160px;
			width:350px;
			}
			
		.centrar{
			text-align:center;
			padding-bottom:10px;
			padding-top:10px;
			padding-left:10px;
			padding-right:10px;
				
		
			}
		
		
		/* ---  LINKS----*/
		
		
				a.gris:link {font-family:Verdana; font-size:10px; font-weight:bold; color:#8A8989; text-decoration: none;}
				a.gris:visited {font-family:Verdana; font-size:10px; font-weight:bold; color:#8A8989; text-decoration: none;}
				a.gris:hover {font-family:Verdana; font-size:10px; font-weight:bold; color:#ffffff; text-decoration: none;}
				a.gris:active {font-family:Verdana; font-size:10px;font-weight:bold; color:#8A8989; text-decoration: none;}
				
				a.link_gris:link {font-family:Verdana; font-size:10px; font-weight:normal; color:#3C3D3D; text-decoration: none; text-align:center;}
				a.link_gris:visited {font-family:Verdana; font-size:10px; font-weight:normal; color:#3C3D3D; text-decoration: none; text-align:center;}
				a.link_gris:hover {font-family:Verdana; font-size:10px; font-weight:bold; color:#ffffff; text-decoration: none; text-align:center;}
				a.link_gris:active {font-family:Verdana; font-size:10px;font-weight:bold; color:#3C3D3D; text-decoration: none; text-align:center;}
						
					
				a.link_blanco:link {font-family:Verdana; font-size:10px; font-weight:bold; color:#ffffff; text-decoration: none;}
				a.link_blanco:visited {font-family:Verdana; font-size:10px; font-weight:bold; color:#ffffff; text-decoration: none;}
				a.link_blanco:hover {font-family:Verdana; font-size:10px; font-weight:bold; color:#3C3D3D; text-decoration: none;}
				a.link_blanco:active {font-family:Verdana; font-size:10px;font-weight:bold; color:#3C3D3D; text-decoration: none;}
				
				a.tres_e:link {font-size:9px; color:#868585; text-decoration: none;}
				a.tres_e:visited {font-size:9px; color:#868585; text-decoration: none;}
				a.tres_e:hover {font-size:9px; color:#ffffff; text-decoration: none;}
				a.tres_e:active {font-size:9px; color:#868585; text-decoration: none;}
				
	
	
		/* ---   FIN LINKS----*/
			
			
			
		/* ---  PIE PÁGINA ----*/
		
		
		#pie{
			
			
			height:10px;
			width:768px;
			font-family:Verdana;
			font-size:9px;
			color:#868585;
			margin:0 auto;  /*centra el contenedor */
			
			padding:0 0 0 0;
			
			
			
		}
		
		*html#pie
		{
			height:10px;
			width:768px;
			font-family:Verdana;
			font-size:9px;
			color:#868585;
			margin:0 auto;
		
			padding:0 0 0 0;
			
			
			}
		
					/*#footer {
							position: absolute;
							bottom: 0;
							width: 80%;
							margin-left: 10%;
							font-size: 11px;
							font-weight: bolder;
							color: #C00;
							text-align: center;
					}*/


			
			
					 
					
				#tres_e{
					
					
					/*height:10px;*/
					width:630px;
					text-align:left;
					float:left;
				}
					
					
						
					
				#copy{
					
					/*height:10px;*/
					
					float:right;
					text-align:right;
		
					
					}
				/* ---   FIN PIE PÁGINA ----*/