﻿@charset "utf-8";
/*
FEDEMCO
http://www.fedemco.com
LMMS @ Demini 2007

 - CSS realizada y testeada para IE 5.5/6/7, Firefox 1.5/2.0, Opera 9.21 y Safari 2.0
 - Hacks y código específico para IE en la CSS: styles_IE.css (sólo la cargaran los navegadores de la familia
 Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	· http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	· http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

*/

/* ---------------------------------------
ESTILOS GENERALES - Normalización y varios
--------------------------------------- */
* { /* Normalizamos margenes y rellenos inconsistentes en todos los elementos */
	padding:0;
	margin:0;
}
body {
	background-color:#EEE;
	/*text-align:center;*/ /* Para centrar la capa #page en IE 5.5 */
	font-size:62.5%;/*
	NORMALIZACIÓN DEL TAMAÑO DEL TEXTO CON MEDIDAS RELATIVAS:

	- El tamaño por defecto de la tipografía en navegadores modernos corresponde a 16px.
	- Esta normalización del tamaño tiene como misión  hacer corresponder el tamaño por defecto
	con 1em.
		
	Por tanto,
		· 1em = 16px * 0.625 = 10px	(aprox.) <- 0.625 es el factor de conversión.
	Así (aproximadamente)
		· 1em = 10px
		· 1.1em = 11px
		· 1.2em = 12px
		...
	De esta manera obtenemos tamaños de fuentes escalables en IE (mejorando la accesibilidad)
	de una forma sencilla de implementar para el desarrollador.
	*/
	padding-bottom:1em;

}

/*
img {
	behavior: url(/iepngfix.htc);
}
*/

body.doscol #page #container {			
	margin: 0 auto 10px;		
}

body.doscol img {			
	border: 0;
}

#page #container #content { /* versión del content para una columna */
	overflow: hidden;
	position: relative;
	margin: 0;
}


body.unacol #page #layer_nav { /* versión del content para 1 columna*/		
	background:#DDD;
}	

body.unacol #page #container { /* versión del content para 1 columna*/	
	background: none;		
}	

body.unacol #page #container #content { /* versión del content para 1 columna*/
	position: relative;
	overflow: hidden;	
	margin: 15px 15px 0 15px;
	/*padding: 0 15px 15px 15px;*/
	width: 740px;
	
	height:auto !important;
	/*height:550px;*/ /* IE5.x and IE6 */
	min-height:550px;			
}	

body.doscol #page #container #content { /* versión del content para dos columnas*/
	position: relative;
	overflow: hidden;
	float: left;	
	width: 530px;
	margin: 0 auto;
	padding: 0;
	
	height:auto !important;
	/*height:550px;*/ /* IE5.x and IE6 */
	min-height:550px;
	
	/*border:1px solid red;*/
}

body.doscol #page #container #content.estatico { /* versión del content para dos columnas*/
	position: relative;
	overflow: hidden;
	float: left;	
	width: 510px;
	margin: 0 auto;
	padding: 10px 10px;
	
	height:auto !important;
	height:550px; /* IE5.x and IE6 */
	min-height:550px;
	
	border:0px solid red;
}
	
	/*body.doscol #page #container #content #padding_10 { 
		position: relative;
		overflow: hidden;
		float: left;		
		width: 510px;
		margin: 1em auto;
		padding: 1em;				
		
		height:auto !important;
		height:250px; 
		min-height:250px;			
		border:0px dotted red;
	}*/

/*
body.doscol #page #container #content #padding_10_ {		
	padding: 10px;
	border: 1px solid red;	
	
	overflow: hidden;
	
	height:auto !important;
	height:550px;
	min-height:550px;
}
*/	

body.trescol #page #container #content { /* versión del content para tres columnas*/
	position: relative;
	overflow: hidden;
	float: left;
	width: 44%;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	border-top: 5px solid #ddd;
}

#page a {
	/*color:#0C2DAE;*/
	color:#00612C;
	text-decoration:underline;
}
#page a.green {
	/*color:#A9CC4A;*/
	/*color:#83B399;*/
	color:#00612C;	
	text-decoration:underline;
}
#page a:hover {
	color:#666;
	text-decoration:none;
}
#page p {
	margin-bottom:0.5em;
}
/* ---------------------
ESTILOS GENERALES - Page
--------------------- */
#page {
	width:770px;
	background:#fff url(images/BackgroundPage.gif) repeat-y;
	padding:0 0.5em;
	margin:0 auto;
	text-align:center;
	font:normal 1em/130% Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
}
/* -----------------------
ESTILOS GENERALES - Header
----------------------- */
#page #header {
	text-align:left;
	margin:0 auto;
	width:770px;
	height:8.6em;	
	position:relative;
	
	/*border: 1px solid red;*/
}

#header #logo h1 {	
	/*background:transparent url(images/LogoFEDEMCO.gif) no-repeat;*/	
	background:transparent url(images/LogoFEDEMCO.png) no-repeat;	
	font:normal 1em Arial, Helvetica, sans-serif;
	/*width:358px;
	height:48px;*/
	
	width:350px;
	height:82px;
	
	display:block;
	position:absolute;
	left:2em;
	top:0.2em;
	/*border: 1px solid blue;*/	
}
#header #logo h1 a {
	text-indent:-9999px;
	width:308px;
	height:41px;
	display:block;
}
#header #logo h1 a:focus {
	outline:none; /* Así no aparece el molesto punteado sobre la capa #logo al pulsar en el Logotipo */
}
#header #banner {	
	position:absolute;
	top:1em;
	right:1em;
	width:210px;
	height:66px;
	/*border:1px solid red;*/
}
#header #shortcuts {	
	/*border:1px solid red;*/
	position:absolute;
	top:1em;
	left:463px;
	
	height:66px;
}
	#shortcuts ul{
		float:left;
		list-style-type:none;
	}
		#shortcuts ul li {
			display:inline;
			float:left;
		}
		#shortcuts ul li a {
			display:block;
			height:17px;
		}
		#shortcuts em {
			display:none;
		}
		#shortcuts ul li a.shortcut_home {
			background:transparent url(images/shortcuts_home.gif) 0 0 no-repeat;
			width:23px;
		}
		#shortcuts ul li a.shortcut_contacto {
			background:transparent url(images/shortcuts_contacto.gif) 0 0 no-repeat;
			width:32px;
		}
		#shortcuts ul li a.shortcut_mapa {
			background:transparent url(images/shortcuts_mapa.gif) 0 0 no-repeat;
			width:21px;
		}
		#shortcuts ul li a.shortcut_home:hover {
			background:transparent url(images/shortcuts_home.gif) 0 -17px no-repeat;
		}
		#shortcuts ul li a.shortcut_contacto:hover {
			background:transparent url(images/shortcuts_contacto.gif) 0 -17px no-repeat;
		}
		#shortcuts ul li a.shortcut_mapa:hover {
			background:transparent url(images/shortcuts_mapa.gif) 0 -17px no-repeat;
		}

#tools {
	/*display: none;*/
}		
		
/*
#tools {		
	text-align:left;
	margin:0 auto;
	width:770px;	
	position:relative;
	overflow: hidden;
	padding: 4px 0;		
}

#tools .eslogan {		
	position: relative;			
	font: bold normal 12px Arial,Helvetica,sans-serif;		
	line-height: normal;		
	margin-left: 20px;
	padding-top: 1px;
	float: left;		
}

#tools .login {				
	position: relative;			
	font: bold normal 12px Arial,Helvetica,sans-serif;		
	line-height: normal;		
	margin-left: 110px;
	}

	#tools .login input{				
		padding: 0 2px;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#333;		
	}
	#tools .login img {		
		padding: 0 2px;
		border: 0px;
	}
*/		
/* -------------------------
ESTILOS GENERALES - LayerNav
------------------------- */
/*
#layer_nav {
	text-align:left;
	margin:0 auto;
	width:770px;
	height:5em;
	background:#DDD url(images/BackgroundLayerNav.gif) 100% 100% no-repeat;
}
#layer_nav ul {
	list-style:none;
	height:2.5em;
	padding-left:2em;
}
	#layer_nav ul li{
		float:left;
	}
		#layer_nav ul li a {
			float:left;
			display:block;
			padding:0.4em 1.3em;
			font:bold 1.2em "Lucida Sans", Arial, Helvetica, sans-serif;
			color:#333;
			text-decoration:none;
		}
		#layer_nav ul li a:hover {
			text-decoration:underline;
			background-color:#EFEFEF;
			border-bottom:0.5em solid #999;
		}
		#layer_nav ul li.selected a {
			background-color:#FFF;
			border-bottom:0.5em solid #A9CC4A;
			color:#000;
			cursor:default;
		}
		#layer_nav ul li.selected a:hover {
			cursor:default;
			text-decoration:none;
		}
*/
#layer_nav {
	position: relative;
	overflow: hidden;
	margin: 0 auto;	
	width: 770px;
	/*height: 40px;*/
	height: 4.5em;
	margin-top: 3px;
	
	/*background: #DDD;*/
	background:#DDD url(images/BackgroundLayerNav.gif) 100% 100% no-repeat;
}
	#layer_nav ul {
		margin:0;
		padding:0;
	}
	#layer_nav ul li {
		float:left;
		font: bold 1.4em Arial, Helvetica, sans-serif;		
		list-style:none;
	}
	#layer_nav ul li a {
		float:left;
		color:#666;
		text-decoration:none;
		padding:6px 7px 3px 7px;
	}
	#layer_nav ul li a:hover{
		color:#ccc;
		text-decoration:underline;
		background-color:#EFEFEF;
		border-bottom: 5px solid #999;
	}	
	#layer_nav ul li a.selected{		
		color:#666;
		text-decoration:none;
		border-bottom: 5px solid #A9CC4A;
		background: #FFF;
		cursor: pointer;
	}	
	#layer_nav ul li a.selected:hover{
		color:#000;
		text-decoration:none;
		cursor: pointer;
	}
	
/* ---------------------------------------------- */
/* ESTILOS MENU NAVEGACION DERECHA - Inicio */
/* ---------------------------------------------- */

#layer_nav_right {
	position: relative;
	overflow: hidden;
	margin: 6px 12px;
	padding: 0;
	list-style: none;	
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;		
	margin: 4px 18px;
	padding: 0 10px;
}

#layer_nav_right li {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 2px;	
	text-align: left;	
}

#layer_nav_right li span a:hover { 
	text-decoration: none; 
	color: #99CC00;
}
	
#layer_nav_right li a:link, #layer_nav_right li a:visited {
	text-decoration: underline; 
	color: #666;
}

#layer_nav_right li a:hover {	
	color: #000;
	text-decoration:underline;
}

#layer_nav_right li a.selected {
		color:#000;
		text-decoration:underline;		
		font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	}	
	#layer_nav_right li.selected a.selected:hover {
		color:#666;
		text-decoration:underline;
		cursor:default;		
		font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	}	

#layer_nav_right li span.selected {
		color:#000;		
		font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}		
/* ---------------------------------------------- */
/* ESTILOS MENU NAVEGACION DERECHA - Fin */
/* ---------------------------------------------- */

/* ------------------------------------------------- */
/* ESTILOS CABECERA MENU NAVEGACION DERECHA - Inicio */
/* ------------------------------------------------- */
#nav_fedemco {
	/*margin: 10px;*/
	margin-bottom: 10px;
}

#nav_fedemco h3 {
		
		background: transparent url(images/arrow.png) no-repeat 0px 50%;
		padding-left: 14px;
			
		font:bold 12px Arial, Helvetica, sans-serif;
		/*text-decoration: underline;*/
		/*color:#666;*/		
		color: #559977;
		
		margin-top:8px;
		margin-bottom:2px;
		margin-left:8px;
		
		width: 100%;
		
	}
	#nav_fedemco h3.selected {			
			/*background: transparent url(images/bullet_black.png) no-repeat 0px 50%;
			padding-left: 14px;*/
			
			font:bold 12px Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color:#000;					
			/*
			margin-top:8px;
			margin-bottom:2px;
			margin-left:8px;
			*/
		}	
	#nav_fedemco #interno {									
		margin-left:12px;						
	}		
	
		#nav_fedemco #interno h3 {
			background: transparent url(images/bullet.png) no-repeat 0px 50%;
			padding-left: 10px;
				
			font:bold 12px Arial, Helvetica, sans-serif;
			/*text-decoration: underline;*/
			/*color:#666;*/		
			color: #559977;
			
			margin-top:4px;
			margin-bottom:4px;
			margin-left:8px;			
			
		}
			#nav_fedemco #interno h3.selected {			
					background: transparent url(images/bullet.png) no-repeat 0px 50%;
					padding-left: 10px;
					
					font:bold 12px Arial, Helvetica, sans-serif;
					text-decoration: underline;
					color:#000;					
					/*
					margin-top:8px;
					margin-bottom:2px;
					margin-left:8px;
					*/
			}	
	
#nav_fedemco #layer_nav_right h3 {							
		background: none;
		font:bold 12px Arial, Helvetica, sans-serif;
		/*text-decoration: underline;*/
		color:#666;				
		/*
		margin-top:1px;
		margin-bottom:1px;
		margin-left:2px;
		*/
}		

#nav_fedemco a.seccion:link, #nav_fedemco a.seccion:visited {
	text-decoration: underline;; 
	color: #666;
}

#nav_fedemco a.seccion:hover {	
	color: #000;
	text-decoration:underline;
}

#nav_fedemco h3 a.green:link, #nav_fedemco h3 a.green:visited {
	text-decoration: underline; 
	color: #007700;
}

#nav_fedemco h3 a.green:hover {	
	color: #000;
	text-decoration:underline;
}
	
/* ------------------------------------------------- */
/* ESTILOS CABECERA MENU NAVEGACION DERECHA - Fin */
/* ------------------------------------------------- */	

/* ------------------------------------------------- */
/* ESTILOS CABECERA MENU NAVEGACION DERECHA PRIVADO - Inicio */
/* ------------------------------------------------- */
#nav_fedemco_priv h3 {
		font:bold 12px Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color:#666;		
		margin-top:8px;
		margin-bottom:2px;
		margin-left:8px;
	}
	#nav_fedemco_priv h3.selected {
			font:bold 12px Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color:#000;		
			margin-top:8px;
			margin-bottom:2px;
			margin-left:8px;
		}	

#nav_fedemco_priv #layer_nav_right li a:link, #nav_fedemco_priv #layer_nav_right li a:visited {
	color:#0C2DAE;	
}

#nav_fedemco_priv #layer_nav_right li a:hover {
	color: #000;	
}

#nav_fedemco_priv a.seccion:link, #nav_fedemco_priv a.seccion:visited {
	text-decoration: none; 
	/*color: #666;*/
	color:#0C2DAE;	
}

#nav_fedemco_priv a.seccion:hover {	
	color: #000;
}
	
/* ------------------------------------------------- */
/* ESTILOS CABECERA MENU NAVEGACION DERECHA PRIVADO - Fin */
/* ------------------------------------------------- */	


/* ----------------------------
ESTILOS GENERALES - BreadCrumbs
---------------------------- */

/* --------------------------
ESTILOS GENERALES - Container
-------------------------- */
#container {
	background:#fff url(images/BackgroundContainer.gif) repeat-y;
	text-align:left;
	margin:0 auto;
	width:770px;
	overflow:hidden;
	clear:both;
	margin-bottom:2px;
}

/* ------------------------
ESTILOS GENERALES - Content
------------------------ */
#container #content { /* versión del content para tres columnas*/
	font:normal 1.1em/140% Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	color: #333;
	width: 530px;
	display: inline;
	position: relative;
}
	#container #content #promo_quienessomos {
		background:#DDD url(images/BackgroundPromoQuienesSomos.jpg) 50% 0% no-repeat;
		height:170px;
		position:relative;
	}
	#container #content #promo_embalajes {
		/*background:#67B6DD url(images/BackgroundPromoEmbalajes.gif) 50% 100% no-repeat;*/
		background:#67B6DD url(images/BackgroundPromoCatalogo.gif) 50% 100% no-repeat;
		/*height:18em;*/
		height:16em;
		position:relative;
	}
		#promo_embalajes #destacada1,
		#promo_embalajes #destacada2,
		#promo_embalajes #destacada3 {
			position:absolute;
			top:15px;
			width:150px;
			height:170px;
			font:normal 1.em
		}
		#promo_embalajes #destacada1 {
			left:20px;
			z-index:11;
		}
		#promo_embalajes #destacada2 {
			left:190px;
			z-index:12;
		}
		#promo_embalajes #destacada3 {
			left:360px;
			z-index:13;
		}
		#promo_embalajes p {
			font:normal 1em/130% "Lucida Sans", Arial, Helvetica, sans-serif;
			color:#FFF;
			text-align:center;
		}
		#promo_embalajes p img {
			border:none;
		}
		#promo_embalajes strong a {
			font:bold 1.2em/130% "Lucida Sans", Arial, Helvetica, sans-serif;
			color:#FFF;
		}
		#promo_embalajes #mas_info {
			position:absolute;
			bottom:8px;
			right:8px;
			width:82px;
			height:25px;
			z-index:15;
		}
		 #promo_embalajes #mas_info img {
		 	border:none;
		 }
		 
	#container #content #promo_catalogo {
		background:#67B6DD url(images/BackgroundPromoCatalogo.gif) 50% 100% no-repeat;
		height:16em;
		position:relative;
	}
		#promo_catalogo #destacada1,
		#promo_catalogo #destacada2,
		#promo_catalogo #destacada3 {
			position:absolute;
			top:15px;
			width:150px;
			height:170px;
			font:normal 1.em
		}
		#promo_catalogo #destacada1 {
			left:20px;
			z-index:11;
		}
		#promo_catalogo #destacada2 {
			left:190px;
			z-index:12;
		}
		#promo_catalogo #destacada3 {
			left:360px;
			z-index:13;
		}
		#promo_catalogo p {
			font:normal 1em/130% "Lucida Sans", Arial, Helvetica, sans-serif;
			color:#FFF;
			text-align:center;
		}
		#promo_catalogo p img {
			border:none;
		}
		#promo_catalogo strong a {
			font:bold 1.2em/130% "Lucida Sans", Arial, Helvetica, sans-serif;
			color:#FFF;
		}
		#promo_catalogo #mas_info {
			position:absolute;
			bottom:8px;
			right:8px;
			width:82px;
			height:25px;
			z-index:15;
		}
			#promo_catalogo #mas_info img {
				border:none;
			}
		 
	#content h2 {
		font:bold 1.2em/120% "Lucida Sans", Arial, Helvetica, sans-serif;
		border-bottom:1px dotted #990;
		letter-spacing:-1px;
		margin-bottom:0.5em;
	}
	#content ul {
		margin-left:1em;
		margin-bottom:1.5em;
		list-style-type: none;
	}
	#content ul li {
		/*position:relative;
		text-decoration:underline;*/
		padding-left:1.5em;
		/*background:#fff url(images/Bullet.gif) 0px 4px no-repeat;*/
		background:#fff url(images/bullet_green.gif) 0px 4px no-repeat;		
	}
	#content ul li.green {
		position:relative;
		padding-left:1.5em;
		background:#fff url(images/bullet_green.gif) 0px 4px no-repeat;
	}
	#content #listado_embalajes {
		padding-left:10em;
		background:url(images/Embalaje.jpg) 0% 50% no-repeat;
	}
	#content #listado_resultados .listado_resultados_paginacion {
		width:90%;
		margin:10px auto;
		text-align:center;		
	}	
		#content #listado_resultados .item_resultado{
			overflow:auto;
			margin-bottom:5px;
		}		
			#content #listado_resultados .item_resultado h3 {
				font:bold 1.3em "Lucida Sans", Arial, Helvetica, sans-serif;
				color:#333;
				text-transform:uppercase;
				border-bottom:1px dotted #EBEBEB;	
				text-decoration:underline;
			}
			#content #listado_resultados .item_resultado span {
				color:#777;
			}
			#content #listado_resultados .item_resultado p {
				padding-left:5px;
				padding-right:5px;
			}
			#content #listado_resultados .item_resultado p.right {
				float: right;
			}
			#content #listado_resultados .item_resultado .oferta {
				font-weight:bold;
				color:#A9CC4A; 
			}
			#content #listado_resultados .item_resultado .sombra {
				background:#EEEEEE none repeat scroll 0%;
				/*border: 1px solid red;*/
			}
		#content #listado_resultados .listado_resultados_paginacion a {
			font-weight:bold;
			padding:3px 5px;
			text-decoration:underline;
		}
		#content #listado_resultados .listado_resultados_paginacion a:hover,
		#content #listado_resultados .listado_resultados_paginacion a:hover {
			font-weight:bold;
			color:#333;
			background-color:#CCC;
		}
		#content #listado_resultados .listado_resultados_paginacion a.pag_actual,
		#content #listado_resultados .listado_resultados_paginacion a.pag_actual:hover {
			font-weight:bold;
			color:#FFF;
			background-color:#A9CC4A;
			text-decoration:none;
			cursor:default;
		}
		
/* empresas por actividad */
#container #content .empresas_act {
	position:relative;
	margin:0 0 30px 0;
	padding:6px 0;
	border:1px solid #CCC;
	background:#fff;
	font: 100% Arial, Helvetica, sans-serif;
	color:#003399;
}

	#container #content .empresas_act a{
		color:#003399;
		text-decoration:none;
	}
	#container #content .empresas_act a:hover{
		color:#003399;
		text-decoration:underline;	
	}
	#container #content .empresas_act .titulo{		
		font: bold 110% Arial, Helvetica, sans-serif;
		padding-left:18px;
		color:#309923;
		background:#fff url(images/fnd_tit_empresas_act.gif) 0 0 no-repeat;		
	}
	#container #content .empresas_act .tit_sector{		
		font: bold 110% Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		/*padding-left:18px;*/
		margin:0;
		padding:0 8px;
		color:#309923;
		background:#fff url(images/fnd_tit_empresas_act.gif) 0 0 no-repeat;		
	}
	#container #content .empresas_act span{
		background:url(images/bullet_triangulo.gif) 3px 3px no-repeat;
		padding:0 0 0 13px;
	}	
/* fin empresas por actividad */				
	
	#container #content .buscador {
		background:#FFFFFF url(images/fnd_buscador.jpg) repeat-x scroll left top;
		border:1px solid #CCCCCC;
		color:#333333;
		font: normal 1.1em "Lucida Sans", Arial, Helvetica, sans-serif;		
		line-height:normal;
		margin:0pt 0pt 10px;
		position:relative;
	}
	
	
	#container #content #ficha {
		/*margin:10px;*/
		margin:0;
		padding:0pt;
	}
	
	#container #content #ficha h2 {
		background:#EFEFEF none repeat scroll 0%;
		border-bottom:1px solid #999999;
		color:#000000;
		font-family: bold 90% Verdana,Arial,Helvetica,sans-serif;		
		line-height:normal;
		margin:2px 0pt 10px;
		padding:5px;
		width: 98%;
	}
	
	#container #content #ficha table th {
		border-bottom:1px solid #CCCCCC;
		color:#666666;
		font-weight:normal;
		text-align:left;
	}
	
	#container #content #ficha table td {
		border-bottom:1px solid #CCCCCC;
		color:#000000;
		font-weight:normal;
	}
	
	#container #content #ficha table td a {
		/*text-decoration: none;*/
	} 			
	
	#container #content #ficha table td a:hover {
		text-decoration: underline;
	}
	

/* ---------------------
ESTILOS GENERALES - Left
--------------------- */
#container #right {
	
	display: inline;
	overflow: hidden;
	color: #333;	
	width: 240px;
	float: right;	
	
	/*border: 1px solid red;*/		
}
	#right #buscador,
	#right #subscripcion,
	#right #banner_proveedores {
		background-color:#A9CC4A;
	}
	#right #banner_proveedores {
		background:#A9CC4A;
		height:102px;
		
		/*background-color:#A9CC4A;*/
		text-align:center;						
		
		position:relative;
		z-index:10;		
	}
	
		#banner_proveedores #destacada1 {
			position:absolute;
			top:51px;
			left:103px;
			width:108px;
			height:24px;
			font:normal 1.em;
			
			z-index:11;			
			border:0px solid red;
		}
	
	#right #buscador,
	#right #subscripcion #WBECP_736 {
		border-bottom:1px solid #C5DD86;
		width:210px;
		padding:10px 15px;
		/*border: 1px solid red;*/
	}					
	
	#right #subscripcion img {
		border:0px;		
	}
	
	#right #subscripcion a.shortcut_contacto {
		background:transparent url(images/shortcuts_contacto.gif) 0 0 no-repeat;
		/*width:32px;*/
	}
	
	#right #buscador {				
		/*padding:0px 15px 10px;*/
		padding:10px 15px 10px;
		/*border-top:1px solid #C5DD86;*/
		border-bottom:1px solid #C5DD86;
	}
		#right #buscador h3,
		#right #subscripcion h3 {
			font:bold 1.4em "Lucida Sans", Arial, Helvetica, sans-serif;
			color:#FFF;
		}
		#right #buscador input,
		#right #subscripcion input {
			font:normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
			color:#333;
			padding:3px;
			margin:5px 0;
			width:200px;
		}
		#right #buscador p,
		#right #subscripcion p {
			font:normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
			color:#FFF;
		}
		#right #buscador p a,
		#right #subscripcion p a {
			color:#FFF;
		}
		#right #buscador p a:hover,
		#right #subscripcion p a:hover {
			font-size:0.9em;
			color:#FFF;
		}
	#right #categorias {
		border-top:2px solid #FFF;
		/*text-align:center;*/
		padding-top:5px;				
		
		/*height: 200px;*/
	} 
		#categorias .categoria {
			overflow:auto;
			width:230px;			
			margin:0 auto;
			text-align:left;
		}
		#categorias .categoria img {
			position:relative;
			float:left;
			margin:5px;
			padding:5px;
			background:#fff url(images/BackgroundImgCategoria.gif) no-repeat;
			display:block;
			width:50px;
			height:50px;
			border:none;
		}
		#categorias .categoria p {
			margin:10px;
			line-height:120%;
			font:normal 1em/130% Tahoma, Arial, Helvetica, sans-serif;
		}
			#categorias .categoria p a {
				font:bold 1.4em/130% "Lucida Sans", Arial, Helvetica, sans-serif;
				color:#333;
				text-decoration:underline;
			}
			#categorias .categoria p a:hover {
				color:#666;
				text-decoration:underline;
			}
		#categorias .categoria + .categoria {
			border-top:1px solid #D2D2D2;
		}
		
#container #right .ultimas_incorp {
	/*border:1px solid #CCCCCC;*/
	margin:0pt 0pt 30px;
	padding:6px 0pt;
	
	margin:0;
	padding:0;
	
	position:relative;
	text-align:left;
}

#container #right .ultimas_incorp .titulo {		
	/*background:transparent url(images/fnd_tit_ult_incorp.gif) no-repeat scroll 0pt;*/
	/*color:#2696D7;*/
	font: bold 130% Arial, Helvetica, sans-serif;			
	line-height:normal;
	/*padding-left:18px;*/
	text-align:left;
	padding:6px 0pt;	
}

#container #right .ultimas_incorp ul {
	list-style-image:none;	
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:relative;
	text-align:left;
}

#container #right .ultimas_incorp li a:hover {
	color:#003366;
	text-align:left;
	text-decoration:underline;
}
#container #right .ultimas_incorp li a {
	/*color:#003366;*/
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

#container #right .ultimas_incorp li, li.blanco {
	background: transparent url(images/bullet_triangulo.gif) no-repeat scroll 0px 3px;
	padding-left:8px;
	text-align:left;
	border:0px solid red;
}

/* ----------------------
ESTILOS GENERALES - Right
---------------------- */
#left {
	/*display:none;*/
}
/* -----------------------
ESTILOS GENERALES - Footer
----------------------- */
#footer {
	background-color:#DDD;
	clear: both;
	text-align:left;
	margin:0 auto;
	padding:10px;
	margin-bottom:-0.5em;
	width:750px;
	font:normal 1em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	overflow:hidden;
}
#footer ul {
	list-style:none;
	height:2.5em;	
}
	#footer ul li{
		float:left;
		padding-left:0;
		padding-right:0.5em;
	}
	#footer ul li+li{
		border-left:1px solid #999;
		padding-left:0.5em;
	}
#footer a {
	font-weight: bold;
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#333;
}
#footer strong {
	color:#666;
}
#footer .demini {
	float:right;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
	#footer .demini a {
		text-decoration:none;
		color:#999;
	}
	#footer .demini a:hover {
		text-decoration:underline;
}
/* ----------------------------------
ESTILOS GENERALES - Postpage
---------------------------------- */
#postpage {
	background:#eee url(images/BackgroundPostPage.gif) no-repeat;
	width:780px;
	height:15px;
	margin:0 auto;
	padding:0;
	clear:both;
}


/* ------------------------------------- ESTILOS [center] -------------------------------------------- */		
body.unacol #page #container #center{
	text-align: justify;
	font: 90% Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	overflow: hidden;
	left: 15px;
	top: 10px;
	margin: 0;
	width: 700px;
	padding: 0 0 20px 0;
}
/* ------------------------------------- FIN ESTILOS [center] ------------------------------------- */	
/* breadcrumb */
body.unacol #page #container #breadcrumb{
	padding:0;
	margin:0 0 10px 0;
	position:relative;
	font: 90% Arial, Helvetica, sans-serif;
	color:#999999;
}
	body.unacol #page #container #breadcrumb a{
		color:#999999;
		text-decoration:none;
	}
	body.unacol #page #container #breadcrumb a:hover{	
		text-decoration:underline;
		color:#003366;
	}
	
	body.unacol #page #container #breadcrumb .selected{
		color:#003366;
	}
/* FIN breadcrumb */

body.unacol #page #container #center .caja{
	background: url(images/fnd_subscripcion.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px 20px;
	text-align: left;
}

body.unacol #page #container #center .caja select, body.unacol #page #container .cajaazul select{
	width: 200px;
}

body.unacol #page #container #center .caja .aviso, body.unacol #page #container #center .cajaazul .aviso, body.unacol #page #container #center .aviso{
	background: url(images/fnd_aviso.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	padding: 5px 10px;
	font: 90% Arial, Helvetica, sans-serif;
}

body.unacol #page #container #center hr{
	height: 1px; overflow: hidden; border: none; border-top: 1px solid #ccc;
}

body.unacol #page #container #center .caja .subscripcion{
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #999;
	width: auto;
	margin: 0 5px 5px 0;
}

body.unacol #page #container #center textarea{
	overflow: auto;
	width: 300px; 
	color: #666;
}

/* ----------------------------------
ESTILOS GENERALES - Clases Auxiliares
---------------------------------- */

/*
.left {
	float:left;
}
.right {
	float:right;
}
*/
.clear {
	clear: both;
	background: none;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
/*
.center {
	text-align:center;
	margin:0 auto;
}
*/
.centrado {
	text-align:center;
	margin:0 auto;
}
.padding5 {
	padding:0.5em;
}
.padding10 {
	padding:1em;
	/*float: none;
	position:inherit;*/
	border: 0px solid red;			
}
.nofloat {
	float: none;
	position:inherit;
}

#emergencia
{
	border: 1px solid green;
	width: 90%;
}
.padding20 {
	padding:2em;
}

.red {
	border:1px solid red;
}

.fedemco {
	font-weight:bold;
	/*color:#0C2DAE;*/
	color:#00612C;	
}
.fedemco_green {
	font-weight:bold;
	/*color:#A9CC4A;*/
	/*color:#83B399;*/
	color:#00612C;
}
.green {
	/*color:#A9CC4A;*/
	/*color:#83B399;*/
	color:#00612C;
}
.banner {
	/*margin:10px auto;*/
}

.grande {
	font-size: 1.4em;
}

.titulo {			
	font: bold 130% Arial, Helvetica, sans-serif;			
	line-height:normal;	
	text-align:left;
	padding:6px 2pt;	
}

.azul {
	color: Blue;
}

.title {
	border: 0px dotted red;
}

.blanca {
	border: 0px dotted blue;
}

.verde {
	border: 0px solid green;
}

#page span.gris {
	color: #BBB;
	font-weight:bold;
}

#page span.gris {
	color: #BBB;
	font-weight:bold;
}

#page .sombra span.negro {
	color: #000 !important;
	font-weight:bold;
}

.errors {
	background-color:#FFFFDD;
	border:1px solid #FFCC66;
	margin:0pt 0pt 10px;
	padding:5px 10px;
}

strong.img {
	background: transparent url(images/copy.gif) no-repeat 0 2px; 
	padding-left: 14px;
}

.img {
	background: transparent url(images/copy.gif) no-repeat 0 2px; 
	padding-left: 14px;
}

.align_right {
	text-align: right;
}

.hr {
	/*color: #B9CC4A;
	background-color: #B9CC4A;*/
	color: #000;
	background-color: #000;
	margin: 0 14px;	
}

.category {
	background: transparent url(images/bullet_green.png) no-repeat 0 0; 
	padding-left: 10px;
}

.btn {
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 4px;
	margin: 4px 0;
}

/*
.sector {
	padding: 0 10px;	
}
*/

/* ----------------------------------
FIN ESTILOS GENERALES - Clases Auxiliares
---------------------------------- */
/* menu privado categorias documentacion */
#container #right #documentacion_categoria ul, #container #right #documentacion_tema ul {
	list-style-image:none;	
	list-style-position:outside;
	list-style-type:none;
	margin:0 6px;
	padding:0pt;
	position:relative;
	text-align:left;
}

#container #right #documentacion_categoria li a:hover, #container #right #documentacion_tema li a:hover {
	color:#003366;
	text-align:left;
	text-decoration:underline;
}
#container #right #documentacion_categoria li a, #container #right #documentacion_tema li a {
	/*color:#003366;*/
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

#container #right #documentacion_categoria li a.selected, #container #right #documentacion_tema li a.selected {
		/*color:#000;*/
		text-decoration:underline;		
		/*font: bold 11px Tahoma, Arial, Helvetica, sans-serif;*/
	}	
	#container #right #documentacion_categoria li a.selected:hover, #container #right #documentacion_tema li a.selected:hover {
		/*color:#666;*/
		text-decoration:underline;
		cursor:default;		
		/*font: bold 11px Tahoma, Arial, Helvetica, sans-serif;*/
	}	

#container #right #documentacion_categoria li, li.blanco {
	background: transparent url(images/bullet_triangulo.gif) no-repeat scroll 0px 3px;
	padding-left:8px;
	text-align:left;
	border:0px solid red;
}

#container #right #documentacion_tema li, li.blanco {
	background: transparent url(images/bullet_triangulo.gif) no-repeat scroll 0px 3px;
	padding-left:8px;
	text-align:left;
	border:0px solid red;
}
/* fin menu privado categorias documentacion */
/* menu privado */
#container #right #menu_privado ul {
	list-style-image:none;	
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:relative;
	text-align:left;
}

#container #right #menu_privado li a:hover {
	color:#003366;
	text-align:left;
	text-decoration:underline;
}
#container #right #menu_privado li a {	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

#container #right #menu_privado li {
	background: transparent url(images/bullet_triangulo.gif) no-repeat scroll 0px 3px;
	padding-left:8px;
	text-align:left;
	border:0px solid red;
}
/* fin menu privado */

/* ----------------------------------
 TABLA - doc
---------------------------------- */
#page table.doc {
	width:100%;
	margin:10px auto;
	border:1px solid #ccc;
}

#page table.doc td {
	border-bottom:1px solid #ccc;	
}

#page table.doc .gris td {
	background-color:#f0f0f0;	
}
/* ----------------------------------
 FIN TABLA - doc
---------------------------------- */

/* ----------------------------------
 TABLA - ficha
---------------------------------- */
#page table.ficha {
	width:100%;
	margin:10px auto;
	padding: 4px;
	border:1px solid #ccc;
}

/* ----------------------------------
 FIN TABLA - ficha
---------------------------------- */

/* INDICE ALFABETICO */

#content div.abc ul {
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 0pt;
	height:2em;
	margin-bottom:10px;
	margin-top:0pt;
	padding:0pt;
	list-style-type:none;
}

#content div.abc ul li {
	border:0pt none;
	color:#C93132;
	display:inline;
	float:left;
	margin:0pt;
	padding:2px 0.5em 0pt;
	text-align:center;	
	
	background-image: none;
}

#letras {	
	padding: 4px;
	/*border: 0px solid red;*/
}

#letras a {	
	padding-right:6px;	
}

/* FIN INDICE ALFABETICO */
/*
.modulos ul {
	margin-bottom:1em;
	margin-left:18px;
	margin-right:24px;
}*/

/* TABLA LOGIN USUARIOS */
#shop table.block {
	border:1px solid #8CBAE7;
	background-color:#f5f8fd;
	margin-bottom:5px;	
	width: 220px;
}
	#shop table.block th {
		border-bottom:1px solid #CCC;
		background:#ebebeb url(images/BackgroundBlockTh.gif) left top repeat-x;
		font:bold 13px Arial, Helvetica, sans-serif;		
		color:#000;
		padding:3px;
		}
	#shop table.block th span {
		padding-left:19px;
		display:block;
		text-align:left;
	}	
	#shop table.block th span.usuarios {
		background:transparent url(images/ico_user.gif) 0% 50% no-repeat;
	}			
	#shop table.block td {		
		text-align:left;
		padding:3px;
		vertical-align: middle;	
		/*border:1px solid red;*/	
	}
	#shop table.block td p {
		padding-left:2px;
		padding-right:2px;
	}
	#shop table.block td img {
		padding-left:2px;
		padding-right:2px;				
	}
	
	#shop table.block td input {
		width: 130px;
	}
	
/* FIN TABLA LOGIN USUARIOS */

/* CATALOGO CATEGORIAS */
#page #right h2 {
	font:bold 1.2em/120% "Lucida Sans", Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #990;
	letter-spacing:-1px;
	margin-bottom:0.5em;
}

#page #right #categorias_catalogo {
	background:#DDDDDD none repeat scroll 0%;
	overflow:hidden;
	position:relative;
}
/*
#page #right #categorias_catalogo ul li {
	background:transparent url(images/ico_bullet.gif) no-repeat scroll 0px 3px;
	font-size:90%;
	font-weight:bold;
	list-style-type:none;
	margin:0.3em;
	padding:0pt 0pt 0pt 15px;
}
*/
#page #right #categorias_catalogo ul li {
	background:transparent url(images/Bullet.gif) no-repeat scroll 0px 4px;
	padding-left:1.5em;
	position:relative;
}

#page #right #categorias_catalogo li {
	border-bottom:1px solid #BBBBBB;
	margin:5px 0pt;
	padding-bottom:5px;
}

#page #right #categorias_catalogo li a:link, #page #right #categorias_catalogo li a:visited {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color: #0C2DAE;
}

#page #right #categorias_catalogo li a:hover {	
	color: #000;
}

#page #right #categorias_catalogo li a.selected {
		color:#000;
		text-decoration:underline;		
		font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	}	
	#page #right #categorias_catalogo li a.selected:hover {
		color:#666;
		text-decoration:underline;
		cursor:default;		
		font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	}	

	/*#page #right #categorias_catalogo li span.selected {
		color:#000;		
		font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	}*/		

/* FIN CATALOGO CATEGORIAS */

/* CATALOGO PRODUCTO DESTACADO */
#page #content .cat_des {
	border-top:5px solid #DDDDDD;
	margin:0pt 0pt 15px;
	overflow:hidden;
	padding:10px 0pt 5px;
	position:relative;
}

#page #content .cat_des h2 {
	border:medium none;
	color:#501B37;
	font:bold 110% Tahoma,Arial,Helvetica,sans-serif;					
	letter-spacing:0em;
	line-height:130%;
	margin:0pt;
	padding:0pt;
	position:relative;
}
#page #content .cat_des .cat_des_img {
	/*background:#EEEEEE none repeat scroll 0%;
	border:1px solid #CCCCCC;*/
	float:left;	
	margin:0pt 20px 0pt 0pt;
	overflow:hidden; 
	padding:0pt;
	position:relative;
	width:160px;
	height:160px;
}

#page #content .cat_des .cat_des_img img {
	/*background:#EEEEEE none repeat scroll 0%;*/
	border: 1px solid #D9E0E6;
	padding:4px;
}

#page #content .cat_des .cat_des_img .interior {
	position: relative;
	overflow: hidden;
	/*background: #eee;*/
	/*width: 150px;
	height: 150px;*/
	margin: 5px auto;
}

/* FIN CATALOGO PRODUCTO DESTACADO */

/* CATALOGO 4 PRODUCTOS */
#page #content #lst_cat {
	border-top:5px solid #DDDDDD;
	margin:0pt 0pt 10px;
	overflow:hidden;
	/*padding:20px 0pt 5px;*/
	position:relative;
}
#page #content .cat_item {
	border-bottom:1px solid #DDDDDD;
	float:left;
	margin:0pt 3% 25px 0pt;
	overflow:hidden;
	padding:0pt 0pt 5px;
	position:relative;
	width:90%;
/*		width:100%;*/
}
#page #content .cat_item .cat_img {
	border:1px solid #CCCCCC;
	float:left;
	height:90px;
	margin:0pt 10px 10px 0pt;
	/*overflow:hidden;*/
	position:relative;
	width:90px;
}
#page #content .cat_item .cat_img .interior {
	height:80px;
	margin:5px auto;
	/*overflow:hidden;*/
	position:relative;
	width:80px;
}
#page #content .cat_item h3 {
	font-size:110%;
	line-height:normal;
	margin:0pt 0pt 5px;
	padding:0pt;
}
/* FIN CATALOGO 4 PRODUCTOS */

/* FICHA CATALOGO PRODUCTO */
#page #content .seccion {
	border-top:1px solid #DDDDDD;
	margin:10px 0pt 0pt;
	overflow:hidden;
	padding:5px 0pt 0pt;
	position:relative;
}
#page #content #catalogo .cat_item {
	border-bottom:5px solid #DDDDDD;
	/*border-top:5px solid #DDDDDD;*/
	margin:0pt 0pt 25px;
	overflow:hidden;
	padding:0pt 0pt 5px;
	position:relative;
	width:100%;
}
#page #content #catalogo #carac_tech {
	margin:10px 0pt;
}
#page #content #catalogo #carac_tech tr.sombra {
	background:#EEEEEE none repeat scroll 0%;
}
#page #content #catalogo .cat_item .cat_img {
	/*background:#EEEEEE none repeat scroll 0%;*/
	background:#FFF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	height:160px;
	margin:5px 25px 0pt 0pt;
	overflow:hidden;
	padding:0px;
	position:relative;
	width:160px;
}
#page #content #catalogo .cat_item .cat_img .interior {
	/*background:#EEEEEE none repeat scroll 0%;*/
	background:#FFF none repeat scroll 0%;
	height:150px;
	margin:5px auto;
	overflow:hidden;
	position:relative;
	width:150px;
}

/* FIN FICHA CATALOGO PRODUCTO */

/* FONDO ENLACES */
#page #container #content p.content_ampliar {	
	display:block;
	background:#DDDDDD url(images/content_ampliar.gif) repeat scroll left top;
	margin-top:1em;
	padding:6px 6px 6px 8px;
	font:bold 1em Tahoma, Arial, Helvetica, sans-serif;
	/*color:#003399;*/
	color:#00612C;
	margin-bottom:0;
	border: 0px solid red;	
}
/* FIN FONDO ENLACES*/

/* IFRAME FICHA */
.white_body {
	background:#FFFFFF none repeat scroll 0%;
}
/* FIN IFRAME FICHA */

/*- Menu Horizontal Tabs 1--------------------------- */
#content #tabs1 {
    float:left;
    width:100%;
    /*background:#F4F7FB;*/
    background:#FFF;
    /*font-size:93%;*/
    font-size:100%;
    line-height:normal;
    /*border-bottom:1px solid #BCD2E6;*/
    /*border: 1px solid red;*/        
}
#content #tabs1 ul {
    margin:0;
    padding:5px 10px 10px 50px;
    list-style:none;
}
#content #tabs1 li {
    display:inline;
    margin:0;
    padding:0;
}
#content #tabs1 a {
    float:left;
    /*background:url(images/tableft1.gif) no-repeat left top;*/
    background:url(images/tableft5.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
#content #tabs1 a span {
    float:left;
    display:block;
    /*background:url(images/tabright1.gif) no-repeat right top;*/
    background:url(images/tabright5.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    /*color:#627EB7;*/
    color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#content #tabs1 a span {float:none;}
/* End IE5-Mac hack */
#content #tabs a:hover span {
    /*color:#627EB7;*/
    color:#FFF;
}
#content #tabs1 a:hover {
    background-position:0% -42px;
}
#content #tabs1 a:hover span {
    background-position:100% -42px;
}

    #content #tabs1 #current a {
            background-position:0% -42px;
    }
    #content #tabs1 #current a span {
            background-position:100% -42px;
    }
/*- Fin Menu Tabs 1--------------------------- */    

/*- Menu Vertical Tabs 14--------------------------- */
#page #right #menu14 {
        width: 200px;
        margin: 10px;
        font:bold 1.1em Tahoma, Arial, Helvetica, sans-serif;
        }
#page #right #menu14 ul li {
	list-style-type: none;	
}
#page #right #menu14 li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: underline;
        }

#page #right #menu14 li a:link, #menu14 li a:visited {
        color: #333;
        display: block;
        background:  url(images/menu14.gif);
        padding: 8px 0 0 10px;
		text-decoration:underline;
        }

#page #right #menu14 li a:hover, #menu14 li #current { 
        color: #FFF;
        background:  url(images/menu14.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
/*- Fin Menu Vertical Tabs 14--------------------------- */

#container #content #select_sector .sector img , #container #content #select_sector .sector select {
	vertical-align: middle;	
}

