/*******************************
	General
*******************************/
html, body {
	margin:0;
	padding:0;
	background:#C8BCAE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	text-align:center;	/*para IE*/
}
p{margin:0 0 10px 0;}

/*******************************
	Capas
*******************************/
#contenedor{
	width:976px;
	margin:auto;		/*para FF*/
	text-align:left;	/*para IE*/
}
#cabecera{
	float:left;
	background:url(../imagenes/fondos/cabecera.jpg) repeat-x;
	width:100%;
	height:69px;
}
	#logo{
		float:left;
		background:url(../imagenes/fondos/logo.jpg) no-repeat;
		width:230px;
		height:55px;
		margin:7px 0 0 7px;
	}
	#menu_cabecera{
		float:right;
		margin:33px 20px 0 0;
	}
		#menu_cabecera a{
			color:#554434;
			text-decoration:none;
			font-size:14px;
			margin:0 5px;
		}
			#menu_cabecera a:hover{text-decoration:underline;}
	#buscador{
		float:right;
		margin:27px 0 0 0;
	}
		#txt_buscar{
			float:left;
			background:url(../imagenes/fondos/buscador.jpg) top right no-repeat;
			border:none;
			width:184px;
			height:25px;
			line-height:25px;
			padding:0 5px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
		}
		#parametrolocal{
			float:left;
			background:url(../imagenes/fondos/buscador.jpg) top right no-repeat;
			border:none;
			width:184px;
			height:25px;
			line-height:25px;
			padding:0 5px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
		}
		#btn_buscar{
			float:left;
			background:url(../imagenes/lupa.png) no-repeat;
			border:none;
			width:23px;
			height:23px;
			margin:0 10px;
			cursor:pointer;
		}
#menu{
	float:left;
	background:url(../imagenes/fondos/menu.jpg) repeat-x;
	width:946px;
	padding:0 0 0 30px;
}
#slider{
	float:left;
	width:976px;
	height:206px;
}
#cabeceras{
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	width:976px;
	height:206px;
}
	#cabeceras p{
		float:left;
		background:url(../imagenes/franja_img_scroll.png) no-repeat;
		width:956px;/*976px*/
		height:46px;
		line-height:46px;
		padding:0 10px;
		margin:160px 0 0 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		text-transform:uppercase;
		color:#FFFFFF;
	}

#contenido{
	float:left;
	background:#DBDBDB;
	width:100%;
	padding:17px 0 50px 0;
}
	#columna_izq{
		float:left;
		width:165px;
	}
		/*******************************
			Menú Subnivel
		*******************************/
		#submenu{
			float:left;
			width:165px;
			margin:0 0 20px 0;
		}
			#submenu a{
				float:left;
				background:#FFFFFF right top url(../imagenes/fondos/submenu.jpg) no-repeat;
				width:130px;/*165px*/
				color:#666666;
				text-decoration:none;
				border-bottom:1px solid #D5D5D5;
				padding:10px 25px 10px 10px;
			}
				#submenu a:hover{color:#990000;}
				#submenu b{
					float:left;
					width:100%;
					background:#990000 bottom url(../imagenes/fondos/submenu_select_fondo.jpg) repeat-x;
				}
					#submenu b a.select{
						background:right top url(../imagenes/fondos/submenu_select.jpg) no-repeat;
						color:#FFFFFF;
					}
			#tercer{
				float:left;
				width:100%;
			}
				#tercer a{
					float:left;
					width:110px;/*165px*/
					color:#666666;
					padding:10px 25px 10px 30px;
				}
					#tercer b{
						float:left;
						width:100%;
						background:#990000 bottom url(../imagenes/fondos/tercer_select_fondo.jpg) repeat-x;
					}
						#tercer b a.select{
							background:right top url(../imagenes/fondos/tercer_select.jpg) no-repeat;
							color:#FFFFFF;
						}
						
		/*******************************
			Área privada
		*******************************/
		#area_privada{
			float:left;
			background:#FFFFFF url(../imagenes/fondos/area_privada.jpg) top repeat-x;
			width:135px;/*165px*/
			/*height:261px;/*291px*/
			padding:15px 15px 10px 15px;
			margin:0 0 20px 0;
		}
			#area_privada h1{
				float:left;
				background:url(../imagenes/flecha_azul.png) center left no-repeat;
				width:125px;/*135px*/
				padding:0 0 0 10px;
				margin:0;
				font-size:16px;
				font-weight:normal;
				color:#666666;
			}
			#area_privada p{
				line-height:16px;
				font-size:11px;
				color:#7F7F7F;
			}
			#area_privada form{
				float:left;
				width:100%;
				height:138px;
				margin:3px 0 10px 0;
			}
				#area_privada form label{
					float:left;
					width:100%;
					color:#7B7B7B;
					margin:10px 0 5px 0;
				}
				#area_privada form input{
					float:left;
					background:url(../imagenes/area_priv_input.png) no-repeat;
					width:125px;/*135px*/
					height:18px;
					padding:2px 5px;
					border:none;
					color:#333333;
				}
				#area_privada form a{
					float:right;
					color:#333333;
					margin:10px 0 0 0;
				}
			#area_privada a{
				float:left;
				background:url(../imagenes/flecha_gris_claro.png) left center no-repeat;
				color:#A7A7A7;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				padding:0 0 0 10px;
				text-decoration:underline;
				line-height:17px;
			}
				#area_privada a:hover{text-decoration:none;}
			#area_privada a.desconectar{
				color:#C3122C;
			}
		/*******************************
			Banners
		*******************************/
		#banners{
			float:left;
			margin:0 0 20px 0;
		}
			#banners img{
				float:left;
				width:165px;
				border:none;
			}
		#SabiasQue{
			float:left;
			background:#FFFFFF url(../imagenes/fondos/sabias_que.jpg) bottom repeat-x;
			width:135px;/*165px*/
			padding:15px;
		}
			#SabiasQue h1{
				float:left;
				background:url(../imagenes/flecha_azul.png) center left no-repeat;
				width:125px;/*135px*/
				padding:0 0 0 10px;
				margin:0 0 10px 0;
				font-size:16px;
				font-weight:normal;
				color:#666666;
			}
			#SabiasQue p{
				float:left;
				width:100%;
				font-size:14px;
				font-style:italic;
				color:#666666;
				line-height:20px;
			}
			
	/*******************************
		Columna de la derecha
	*******************************/
	#columna_dcha{
		float:right;
		/*background:#FFFFFF url(../imagenes/fondo_contenidos/columna_dcha.jpg) bottom repeat-x;*/
		background:#FFFFFF;
		width:778px;
		padding:0 0 45px 0;
	}
		#informacion_tekox{
			float:left;
			/*background:url(../imagenes/fondos/informacion_tekox_novedad.jpg) bottom right no-repeat;*/
			width:720px;/*778px*/
			min-height:387px;
			padding:29px;
		}
			#informacion_tekox h1{
				float:left;
				width:420px;
				color:#666666;
				font-size:27px;
				font-weight:normal;
				margin:0 0 20px 0;
			}
			#informacion_tekox p{
				float:left;
				width:340px;
				color:#666666;
				font-size:14px;
				line-height:25px;
			}
			#informacion_tekox a{
					color:#8D0000;
					font-weight:bold;
					text-decoration:none;
				}
				#informacion_tekox a:hover{color:#999999;}
		#noticias_index{
			float:left;
			width:720px;/*778px*/
			margin:0 29px;
			border-top:1px solid #C4C4C4;
			border-bottom:1px solid #C4C4C4;
		}
			#noticias_index h1{
				float:left;
				width:700px;/*720px*/
				background:url(../imagenes/recuadro_titulo.png) center left no-repeat;
				padding:0 0 0 20px;
				color:#333333;
				font-size:22px;
				font-weight:normal;
				margin:5px 0 10px 0;
			}
			.noticia{
				float:left;
				background:#FFFFFF;
				width:219px;
				margin:0 0 0 31px;
			}
				.sinmargen{margin:0 !important;}
				.img_noticia{
					float:left;
					background-position:center;
					background-repeat:no-repeat;
					width:100%;
					height:160px;
				}
					.img_noticia a{
						float:left;
						width:100%;
						height:160px;
						border:none;
					}
				.txt_noticia{
					float:left;
					width:219px;
					padding:10px 0;
					color:#666666;
					line-height:18px;
				}
					.txt_noticia h2{
						float:left;
						width:100%;
						color:#8D0000;
						font-size:14px;
						margin:0 0 10px 0;
					}
					.txt_noticia a{
						color:#8D0000;
						font-weight:bold;
						text-decoration:none;
					}
						.txt_noticia a:hover{color:#999999;}
			#mas_noticias{
				float:left;
				width:100%;
				margin:20px 0 0 0;
				text-align:right;
				color:#8D0000;
				font-size:11px;
				font-weight:bold;
				text-decoration:none;
				line-height:30px;
				border-top:1px solid #C4C4C4;
			}
				#mas_noticias:hover{color:#999999;}
		
		
/*******************************
	Main
*******************************/
#contenidos{
	float:left;
	width:720px;/*778px*/
	padding:29px;
	text-align:justify;
}
	#contenidos .ruta{
		float:left;
		width:100%;
		border-bottom:1px solid #C4C4C4;
		font-size:11px;
		font-weight:bold;
		padding:0 0 5px 0;
	}
		#contenidos .ruta a{
			color:#8D0000;
			text-decoration:none;
		}
			#contenidos .ruta a:hover{color:#999999;}
	#contenidos h1{
		float:left;
		width:100%;
		color:#666666;
		font-size:27px;
		font-weight:normal;
		margin:0 0 20px 0;
	}
	#contenidos p{
		color:#666666;
	}
	#contenidos img{
		border:1px solid #CCCCCC;
		/*border:1px solid #C3122C;*/
	}
	
/*******************************
	Catálogo online
*******************************/
	/*******************************
		Menú Familias
	*******************************/
	#menu_familias{
		float:left;
		width:165px;
		margin:0 0 20px 0;
	}
		
		#menu_familias a{
			float:left;
			background:#999999 url(../imagenes/fondos/menu_familia.jpg) top repeat-x;
			width:145px;/*165px*/
			padding:6px 10px;
			color:#000000;
			text-decoration:none;
			font-size:12px;
			font-weight:bold;
		}
			#menu_familias a:hover{color:#CCCCCC;}
		#menu_familias a.criterio{
			background:#CCCCCC url(../imagenes/fondos/menu_fam_criterio.jpg) top repeat-x;
		}
			#menu_familias a.criterio:hover{color:#FFFFFF;}
		#menu_familias a.selec{
			background:#C3122C url(../imagenes/fondos/menu_familia_select.jpg) top repeat-x;
			color:#FFFFFF;
		}
		#menu_familias a.select_cri{color:#C3122C;}
			#menu_familias a.select_cri:hover{color:#C3122C;}
		
			#menu_familias a.hijo{
				background:#EEEEEE url(../imagenes/fondos/menu_fam_crite_hijo.jpg) top repeat-x;
				color:#666666;
			}
				#menu_familias a.hijo:hover{color:#333333;}
			#menu_familias a.select_hijo{color:#C3122C;}
				#menu_familias a.select_hijo:hover{color:#C3122C;}
	
	/*******************************
		Familias
	*******************************/
	#familias{
		float:left;
		width:720px;
		margin:20px 0 0 0;
	}
		.tit_familias{
			float:left;
			width:100%;
			color:#666666;
			font-size:20px;
			font-weight:normal;
			border-bottom:1px solid #8D0000;
			margin:0 0 10px 0;
			padding:0 0 1px 0;
		}
		#familias div{
			float:left;
			width:311px;
			margin:5px;
		}
		#familias div a.foto_familia{
			float:left;
			background-position:center;
			background-repeat:no-repeat;
			width:117px;
			height:155px;
			border:2px solid #CCCCCC;
			margin:0 10px 0 0;
		}
			#familias div a.foto_familia:hover{
				border:2px solid #8D0000;
			}
		#familias div h3{
			float:left;
			width:180px;
			font-size:12px;
			font-weight:bold;
			text-align:left!important;
			margin:0 0 5px 0;
			padding:0;
			color:#333333;
		}
		#familias div p{
			float:left;
			width:180px;
			font-size:11px;
			text-align:left!important;
			margin:0;
		}
	#info_familia{
		float:left;
		width:720px;
	}
		#info_familia h2{
			float:left;
			width:100%;
			color:#8D0000;
			font-size:20px;
			font-weight:normal;
			padding:0;
			margin:0 0 20px 0;
		}
		#galeria_familias{
			float:left;
			width:100%;
		}	
			#galeria_familias img{
				float:left;
				/*max-width:80px;*/
				max-height:86px;
				margin:0 5px 5px 0;
			}
		#info_familia img{
			border:none;
		}
		#aplicaciones{
			float:left;
			width:100%;
		}
			#aplicaciones p{
				float:left;
				width:160px;
				margin:0 20px 10px 0;
			}	
			#aplicaciones img{
				float:left;
				width:160px;
				margin:0 0 5px 0;
			}
			#aplicaciones span{
				float:left;
			}
			
	/*******************************
		Criterios
	*******************************/
	#productos{
		float:left;
		width:100%;
	}
		#productos a{
			float:left;
			background:#FFFFFF;
			width:144px;
			padding:5px;
			margin:0 20px 10px 0;
			font-size:11px;
			color:#666666;
			text-decoration:none;
			border:3px solid #E6E6E6;
			text-align:left!important;
		}
			#productos a:hover{
				background-color:#E6E6E6;
				/*border:3px solid #C3122C;*/
				color:#000000;
			}
		#productos img{
			float:left;
			width:144px;
			margin:0 0 5px 0;
			border:none;
		}
		
	/*******************************
		Producto
	*******************************/
	#producto{
		float:left;
		width:100%;
	}
		#producto img{
			border:3px solid #E6E6E6;
			max-width:350px;
			margin:0 0 10px 10px;
		}
		#producto img:hover{
			border:3px solid #C3122C;
		}
		.btn_imprimir{
			clear:left;
			float:left;
			background:#920000;
			border-radius:10px;
			margin:20px 0 0 0;
			padding:2px 5px;
			color:#FFFFFF;
			text-decoration:none;
			font-size:10px;
			white-space:nowrap;
		}
			.btn_imprimir:hover{background:#666666;}
		
#noticias{
	float:left;
	width:100%;
}
	#noticias h2{
		color:#666666;
		font-size:16px;
		font-weight:bold;
		margin:0 0 20px 0;
		padding:0;
	}
	#noticias a{
		color:#8D0000;
		font-weight:bold;
		text-decoration:none;
	}
		#noticias a:hover{color:#999999;}
	
/*******************************
	Galerías
*******************************/
#galerias_izq{
	float:left;
	width:500px;
}
#galerias_dcha{
	float:right;
	background:#EEEEEE;
	width:158px;/*192px*/
	padding:30px 17px;
}
	#galerias_dcha h1{
		float:left;
		font-size:20px;
		color:#8C0000;
		padding:0;
		margin:0 0 20px 0;
	}

/*******************************
	Pie
*******************************/
#pie{
	float:left;
	background:#DBDBDB url(../imagenes/fondos/pie.jpg) top repeat-x;
	width:100%;
	height:96px;
	text-align:center;
	padding:0 0 50px 0;
}
	.direccion{
		float:left;
		width:100%;
		margin:25px 0 0 0;
		color:#FFFFFF;
	}
		.direccion a{color:#FFFFFF;}
		.direccion a:hover{text-decoration:none;}
	.txt_pie{
		float:left;
		width:100%;
		margin:25px 0 0 0;
		color:#CCCCCC;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
	}
		.txt_pie a{color:#CCCCCC;}
		.txt_pie a:hover{text-decoration:none;}
		
/*******************************
	Ficha
*******************************/
#contenido_ficha{
	float:left;
	background:url(../imagenes/fondos/logo_ficha.jpg) top right no-repeat;
	width:90%;
	padding:5%;
	text-align:left;
}
	.sinlogo{
		background:none !important;
	}
	#contenido_ficha .btn_imprimir{
		float:left;
		margin:0 0 10px 0;
	}
	#contenido_ficha .logo_imprimir{
		float:right;
	}
	#contenido_ficha h2{
		clear:left;
		float:left;
		width:100%;
	}
	#contenido_ficha img{
		margin:0 0 10px 10px;
		border:none;
	}
	
/*******************************
	Ficha
*******************************/
#consultas{
	float:left;
}
	#consultas label{
		float:left;
		width:90px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:5px 10px 5px 0;
	}
	#consultas input, #consultas textarea{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:3px 0;
	}
	#consultas input{
		width:200px;
	}
	#consultas #enviar{
		clear:left;
		float:left;
		width:80px;
		margin:0 0 0 100px;
		background:#920000;
		border-radius:10px;
		padding:2px 5px;
		color:#FFFFFF;
		text-decoration:none;
		font-size:10px;
		white-space:nowrap;
	}
		#consultas #enviar:hover{background:#666666;}
		

/***** Mapa Web ****/

.nivel_01{
	clear:left;
	float:left;
	padding:5px 2%;
	font-size:12px;
	font-weight:bold;
	color:#C00000;
	text-decoration:none;
}
.nivel_01:hover{
	color:#666666 !important;
}

.nivel_02{
	line-height:8px;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
.nivel_02:hover{
	color:#C00000 !important;
}
.nivel_03{
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
.nivel_03:hover{
	color:#C00000 !important;
}


/******* BUSCADOR *******/

	#buscador_resultado{
		clear:left;
		float:left;
		background-color:#EEEEEE;
		width:90%;
		margin:10px 0 25px 0;
		font-size:12px;
		padding:20px;
		color:#000000;
	}

	#buscador_resultado_separador{
		clear:left;
		float:left;
		width:100%;
		height:10px;
		margin:0 0 10px 0;
		border-bottom:1px dotted #CECECE;
	}
	#resumen_item{
		clear:left;
		float:left;
		width:100%;
		font-size:12px;
		line-height:20px;
		color:#C00000;
		margin:0;
		padding:0;
	}
	
		#resumen_item a{
			color:#C00000;
			font-weight:bold;
			text-decoration:none;
			font-size:10px;
		}
			#resumen_item a:hover{color:#666666;}
