/* =========================================================== */
/* ==== Hoja de Estilos                                   ==== */
/* ====                                                   ==== */
/* ==== ELSSA                               Abril de 2006 ==== */
/* =========================================================== */


/* =========================================================== */
/* ==== Valores por defecto para los tags de uso habitual ==== */
/* =========================================================== */

/*A los tags de uso mas frecuente le asigno la tipografia por defecto*/
h1, h2, h3, h4, h5, h6, p, ol, tr, td, ul, li, div{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #004000;
	text-align: left;
	line-height: 1.2em;	
}


/*=== Estilos para los enlaces por defecto del documento ===*/
/*==========================================================*/

a:link {
	color: #004000;
	text-decoration: none;
}

a:visited {
	color: #008000;
	text-decoration: none;
}

a:hover {
	color: #008000;
	text-decoration: underline;
}

a:active {
	color: #a00000;
	text-decoration: none;
}

body {


	margin: 0;
	padding: 0;
	border: 0;
	
	/* Para que en IE el contenedor div principal quede..*/
	/* ...centrado margin-left (right): auto*/
	text-align: center;

	/*
	background: #ffffff;	
	background: url(../img/fondo_documento.jpg) 0 0 repeat-y;
	*/

	/*Atributos de la barra de scroll principal*/
	scrollbar-track-color:      #FFFFFF;
	scrollbar-face-color:       #FFFFFF;
	scrollbar-arrow-color:      #C0C0C0; 
	scrollbar-shadow-color:     #C8C8C8; 
	scrollbar-highlight-color:  #C8C8C8;
	scrollbar-3dlight-color:    #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
}


object {
	border: 0;
	margin: 0;
	padding: 0;
}


img {
	border: 0;
	margin: 0;
	padding: 0;
}

/* =================================== */
/* ==== Espacio central (Web)     ==== */
/* =================================== */

#encuadre {

	position: relative;

	margin-top:    0;
	margin-bottom: 0;
	
	/* contenedor de esta capa (body)  text-align: center;*/				
	margin: 2% auto 0 auto;

	padding: 0;
	
	width:  772px;
	
	border: 1px solid #c0c0c0;		
	
}

/* ========================================================= */
/* ==== Espacio Superior. Banner + Botonera navegacion  ==== */
/* ========================================================= */

#superior {

	/* Este elemento es contenedor de objetos con posicion absoluta*/
	position: relative;
	
	left: 1px;
	
	background: url(../img/essla_superior.jpg) 0 0 no-repeat;	
		
	width:  770px;
	height:  87px;

}



/* ========================================= */
/* ==== Contenedor del menu de 2º nivel ==== */
/* ========================================= */

#b2n{

	position: absolute;
	
	bottom: 6px;
	right: 35px;
	
	text-align: right;
	
	background: #dcdcdc;
	
	/*Dimensiones del fondo de la botonera de segundo nivel*/	
	width: 340px;
	height: 11px;
	 		
	padding: 0;
	margin:  0;
	border:  0;
}

/*=== Estilos para los enlaces del menu de segundo nivel ===*/
/*==========================================================*/


#b2n a {
	font-size: 10px;;
	text-decoration: none;
}


#b2n a:link {
	color: #004000;
}

#b2n a:visited {
	color: #008000;
}

#b2n a:hover {
	color: #00c800;
}

#b2n a:active {
	color: #a00000;
}


#b2n img{

		 vertical-align: middle;	 
		 
		 margin:  0 4px 3px 6px;
}

/* ===================================================== */
/* ==== Espacio Inferior central (menu + contenido) ==== */
/* ===================================================== */

#inferior {

	background: #ffffff;	
	
	width: 772px;
	height: 492px; /*Cambiar esta altura 'height' Si variamos el alto de la zona derecha de contenidos*/ 
	
	/*border: 1px solid #ff0000;*/
}

/* ================================================================= */
/* ==== Tabla contenedora  del menu principal y banner inferior ==== */
/* ================================================================= */

#tabla_layout {
  
	/*Dimension completa del area inferior (contenedor)*/	
	width: 100%;
	height: 100%;
	
	padding: 0;
	margin:  0;
    border:  0;
}

/* ======================================= */
/* ==== Contenedor del menu principal ==== */
/* ======================================= */

#celda_menu_ppal {

	text-align: left;
	vertical-align: top;	

	/*Dimension completa del area inferior (contenedor)*/	
	width: 160px;

	background: url(../img/essla_fondo_sup_menuppal.gif) 0 0 repeat-y;
			
	padding: 0;
	margin:  0;
	border:  0;
}



#ajuste_margen_menu_ppal_home {

  /* 
	   Altura fija del menu principal, de manera precalculada, por si hay pocas entradas
	que no afecte a la maquetacion vertical

		 Aumentar esta altura 'height' si ponemos mas opciones en el menu
		 Tambien cambiar esta altura 'height', Si variamos el alto de la zona derecha de contenidos
	*/ 
	display: block;
	height: 286px;

	text-align: left;
	vertical-align: top;	
		
	padding: 0;
	margin:  20px 0 0 0;
	border:  0;
}

#ajuste_margen_menu_ppal {

	text-align: left;
	vertical-align: top;	

 		
	padding: 0;
	margin:  15px 0 20px 15px;
	border:  0;
}


/*=== Cuadra los elementos del menu thums y textos, estos ===*/
/*=== pueden tener mas de una linea, fijan la altura      ===*/
/*===========================================================*/


#celda_menu_ppal #items_menu {

	width: 100%;
	
	padding: 0;
	margin:  0;
	border:  0;

}

/*=== Separacion vertical entre dos items del menu  ===*/
/*=====================================================*/

#celda_menu_ppal #items_menu .separa{

	height: 1px;

	text-align: left;
			
	padding: 0;
	margin:  0;
	border:  0;
}


/*=== Estilos para la celda que contiene cada viñeta a la izquierda de cada entrada del menu  ===*/
/*===============================================================================================*/

#celda_menu_ppal #items_menu .thumb{

	width: 20px;

	text-align: left;
	vertical-align: top;	
		
	padding: 0;
	margin:  0;
	border:  0;
}

/*=== Estilos para la celda que contiene las categorias del menu  ===*/
/*===================================================================*/

#celda_menu_ppal #items_menu .categoria {

	font-weight: bold;
	font-size: 11px;
	
	color: #aaaa44;
	
	text-align: center;
	vertical-align: top;
	
	background: url(../img/essla_fondo_categ_menuppal.gif) 0 0 repeat-y;
		
	padding: 1px 12px 1px 4px;
	margin:  0;
	border:  0;
}

/*=== Estilos para la celda que contiene cada entrada del menu  ===*/
/*=================================================================*/

#celda_menu_ppal #items_menu .entrada {

		
	text-align: left;
	vertical-align: top;	
		
	padding: 4px 15px 4px 4px;
	margin:  0;
	border:  0;
}

/*=== Estilos para los enlaces de las entradas del menu  ===*/
/*==========================================================*/

#celda_menu_ppal a:link {
	color: #004000;
	text-decoration: none;
}

#celda_menu_ppal a:visited {
	color: #008000;
	text-decoration: none;
}

#celda_menu_ppal a:hover {
	color: #00c800;
	text-decoration: none;
}

#celda_menu_ppal a:active {
	color: #a00000;
	text-decoration: none;
}



/* ============================================= */
/* ==== Banner Principal inferior izquierdo ==== */
/* ============================================= */


/* = Celda que contiene el banner izquierdo inferior = */
/* =================================================== */

#celda_banner_inf{

	text-align: left;
	
	width:  157px;
	height: 172px;

	background: url(../img/essla_fondo_inf_menuppal.gif) 0 0 repeat-y;
		
	padding: 0;
	margin:  0;
	border:  0;
	
	/*border: 1px solid #0000ff;*/	
}



/* = DIV para poder posicionar otros objetos de manera absoluta a partir de la celda contenedora del banner izquierdo  = */
/* = inferior Correccion bug Mz Fx para poder referenciar de manera absoluta dentro de un TD (con position relative)   = */
/* ===================================================================================================================== */

#pos_abs_celda_banner_inf{

	/* Para posicionar de manera absoluta dentro de esta capa */
	position: relative;
	
	width:  157px;
	height: 172px;
	
	padding: 0;
	margin:  0;
	border:  0;

	/*border: 1px solid #00ff00;*/	
}


/* = Linea de separacion horizontal (usada para separar bloques horizontales) = */
/* ============================================================================ */

#linea_hz_central{

	position: absolute;

	top: -10px; right:-614px;

	width: 663px;
	height:  5px;
}



/* = DIV contenedor del banner = */
/* ============================= */
#img_inf_izq {

	position: absolute;
	
	left:   -1px;
	bottom:  0px;
	
	width:  184px;
	height: 172px;
	
	padding: 0;
	margin:  0;
	border:  0;
}



/* ================================================================== */
/* ====  Celda que contiene la informacion a mostrar (zona central) = */
/* ================================================================== */

#celda_contenido {
	
	text-align: left;
	vertical-align: top;
		
	/* Ancho total menos el ancho del menu */
	width: 615px;
	
	background: url(../img/essla_fondo_home.gif) 0 0 repeat-y;	
	
	padding: 0;
	margin:  0;
	border:  0;
}


/* = DIV para poder posicionar otros objetos de manera absoluta a partir de la celda contenedora           = */
/* = Correccion bug Mz Fx para poder referenciar de manera absoluta dentro de un TD (con position relative = */
/* ========================================================================================================= */

/* = Para la pagina Home = */
/* ======================= */

#pos_abs_celda_contenido_home{

	/* Para posicionar de manera absoluta dentro de esta capa */
	position: relative;
	
	text-align: left;
	
	width:  100%;
	height: 100%;
	
	padding: 0;
	margin:  0;
	border:  0;
}


/* = Linea discontinua derecha veritcal de la zona de menu (izquierda) = */
/* = la posiciono respecto al contenedor de la derecha para que se     = */
/* = superponga a las 2 celdas de la izquierda: menu e imagen inferior = */
/* ===================================================================== */

#linea_vertical_menu {
	
	position: absolute;
	
	left: -13px;
	top:   -2px;
	
	width:  9px;
	height: 391px;
		
	background: url(../img/essla_dcha_menuppal.gif) 0 0 no-repeat;

}

/* ====================================================================== */
/* = DIV con los textos de la zona superior izquierda de la pagina home = */
/* = "Por  Seguridad" ...                                               = */
/* ====================================================================== */


#texto_sup_izq {
	
	position: absolute;
	
	left: 0;
	top:0;
	
	/* Por encima de la linea horizontal discontinua central */
	z-index: 1;	

	width:  297px;
	height: 210px;
	
}
	

#texto_sup_izq #porseguridad_home{
		
	position: absolute;
	
	left: 42px;
	top:  25px;
}


#texto_sup_izq #bebeabordo_home{
		
	position: absolute;
	
	left:   -17px;
	bottom: -24px;
}


#texto_sup_izq #slogan_sup_home{
		
	position: absolute;
	
	left: 32px;
	top:  60px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	color: #966900;
	
	text-align: center;		
	
	width:  250px;
	height:  25px;		
}


#texto_sup_izq #slogan_sup_home strong{
			
	color: #C38500;
}


/* ==== viñetas del texto superior izquierdo, pagina home ==== */
/* =========================================================== */


#texto_sup_izq ul{

	position: absolute;
	
	right:   5px;
	bottom:  5px;
	
	width:  170px;
	height: 100px;
	
	text-align: left;
	vertical-align: bottom;

  margin: 0;
  padding:0;
  border: 0;	
			 	 
}


#texto_sup_izq ul li{

  list-style-image: url(../img/essla_thumb_razoneshome.gif);
	
	list-style-position: inside;
  
  line-height: 0.95em;
	
	margin: 10x 0 0 0;
  padding:0;	
  border: 0;	
}


#dibujo_sup_der {
	
	position: absolute;
	
	right: 0;
	top:  0px;

	/* Por encima de la linea horizontal discontinua central */
	z-index: 1;
	
	width:  309px;
	height: 236px;
		
	background: url(../img/essla_dib_sup_home.jpg) 0 0 no-repeat;
}


/* ========================================================================== */
/* = Lineas discontinuas grises vertical y horizontal central (pagina HOME) = */
/* ========================================================================== */

#linea_vertical_central {
	
	position: absolute;
	
	left: 307px;
	top:   0px;
	
	width:  7px;
	height: 400px;
		
	background: url(../img/essla_linea_vrt.gif) 0 0 no-repeat;
}


#linea_horizontal_central {
	
	position: absolute;
	
	right: 0px;
	top:  212px;

	/* Por debajo de la ilustracion superior */
	z-index: 0;
		
	width:  599px;
	height:  5px;
		
	background: url(../img/essla_linea_hrzt.gif) 0 0 no-repeat;
}

/* ============================================ */
/* ===  Pie de pagina, espacio de copyright === */
/* ============================================ */

#home_pie_copyright{

	position: absolute;

	left: -13px;
	top:  430px;
		
	width:  607px;
	height:  60px;

	padding: 0;
	margin:  0;
	border:  0;
}


.slogan {

	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	
	color: #F15A5A;
	
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;	
}




#home_pie_copyright #copyright{

	position: absolute;

	left:  215px;
	bottom:  2px;
	
	font-size: 9px;
	color: #c0c0c0;	

	text-align: left;
	vertical-align: top;
	
	padding: 0;
	margin:  0;
	border:  0;
}



/* = enlaces en el pide de pagina (aviso legal) = */
/* ============================================== */

#home_pie_copyright a:link {
	color: #c0c0c0;
	text-decoration: none;
}

#home_pie_copyright a:visited {
	color: #c0c0c0;
	text-decoration: none;
}

#home_pie_copyright a:hover {
	color: #808080;
	text-decoration: none;
}

#home_pie_copyright a:active {
	color: #c0c0c0;
	text-decoration: none;
}



/* ======================= */
/* ===  Noticias HOME  === */
/* ======================= */


/* = Capas posicionadoras de cada bloque de noticia: izquerda / derecha = */
/* ====================================================================== */

#posicionador_izq {

	position: absolute;

	left: 40px;	
	top: 260px;
}

#posicionador_der {

	position: absolute;

	right: 20px;	
	top:  260px;
}


/* = Contenedor de la noticia = */
/* ============================ */

#noticia_home{
	
	width:  250px;
	height: 150px;
		
	padding: 0;
	margin:  0;
	border:  0;
}

/* = Titulo de la noticia = */
/* ======================== */

#noticia_home h2 {

	position: absolute;
	
	font-size: 14px;
	font-weight: bold;
	
	/*Para que el titulo no solape la viñeta*/
	text-indent: 15px;

	left: 6px;
	top:  8px;
	
	width:  252px;
	height:  17px;
		
	background: url(../img/essla_thumb_noticiashome.gif) 0 3px no-repeat;
	
	padding: 0;
	margin:  0;
	border:  0;
}

/* = Fotografia de la noticia = */
/* ============================ */

#noticia_home .foto {

	position: absolute;

	left: 8px;
	bottom:  8px;
	
	border: 2px solid #6F9500;		
}


/* = Resumen de la noticia = */
/* ========================= */

#noticia_home p {

	position: absolute;
	
	/*Para que el titulo no solape la viñeta*/
	text-indent: 15px;

	right:   4px;
	bottom:  30px;
	
	width:  120px;
	height:  70px;
		
	padding: 0;
	margin:  0;
	border:  0;
}

/* = mas info = */
/* ============ */

/*bloque con el fondo que cambia de color; lo cambia un javascript*/
#noticia_home div {

	position: absolute;
	
	right:  10px;
	bottom:    8px;
	
	width:  48px;
	height: 20px;

 	padding: 0;
	margin:  0;
	border:  0;
	
	background: #ABC8AB;
}

/* = imagen +info = */
/* ================= */

#noticia_home div img {

	position: absolute;
	
	width:  48px;
	height: 20px;		

	left: 0px;
	top:  0px;
}


/* = DIV para poder posicionar otros objetos de manera absoluta a partir de la celda contenedora           = */
/* = Correccion bug Mz Fx para poder referenciar de manera absoluta dentro de un TD (con position relative = */
/* ========================================================================================================= */

/* = Para paginas interiores = */
/* =========================== */

#pos_abs_celda_contenido_int{
	
  position: relative;
  	
	/* Espacio disponible en la zona de contenido, omitiendo los margenes */
	width:  100%;
	height: 100%;1
	
	/*background: url(../img/essla_interior_superior.gif) 50% -10px no-repeat;*/
	background: url(../img/essla_interior_superior.gif) no-repeat;
	
	margin:  0;
	padding: 0;
	border:  0;
}


#pos_abs_celda_contenido_int #encabezado_contenido_int{
	
  	position: absolute;
	
	left: 0;
	top:  0;
	
	/* Espacio disponible en la zona de contenido, omitiendo los margenes */
	width: 610px;
	height: 39px;
	
	/*Por debajo de los elementos de encabezado de seccion: imagen (icono) y titulo*/
	z-index: 0;	
	
	background: url(../img/essla_interior_superior.gif) no-repeat;
	
	margin:  0;
	padding: 0;
	border:  0;
}


/* = Zona de scroll del contenido = */
/* ================================ */

#scroll_contenido{
	
	position: absolute;
	
	left:    0;
	top:  40px;
	
	overflow: auto;

	/* Espacio disponible en la zona de contenido, omitiendo los margenes */
	width:   100%;
	height: 452px;

	/* Capa de scroll por debajo de la imagen de la seccion */
	z-index: 0; 

	
	margin:  0;
	padding: 0;
	border:  0;
}

/* = margenes del texto respecto a la zona de scroll = */
/* = Evita bug Mz Fx para "padding"                  = */
/* =================================================== */

#pos_abs_celda_contenido_margenes{

	/* Espacio disponible en la zona de contenido, omitiendo los margenes */
	width:  530px;
	
	margin: 30px 20px 20px 45px;
	padding:  0;	
	border:  0;
	/*border:  1px solid #00ff00;*/
}


/* = imagen caracteristica de la seccion: superior derecha (obtenida de la BBDD) = */
/* =============================================================================== */

#pos_abs_celda_contenido_int #imagen_seccion{

 position: absolute;

 top:   0px;
 left:  0px;
 
 /*Imagen de la seccion por encima de la capa de scroll y del fondo del encabezado interior*/
 z-index: 1; 
}

/* = Titular de seccion de pagina = */
/* ================================ */

/*h1*/
#titulo_seccion {

	position: absolute;
	
	top:   10px;
	right: 14px;

	/*Nombre de la seccion encima del fondo del encabezado interior*/
	z-index: 1;
	
	text-align: right;
 	
	font-size: 13px;
	font-weight: bold;
		
	padding: 0;
	margin:  0;
	border:  0;
}


/* = DIV para "abultar" un margen extra superior, en las paginas cuya maquetacion se "pega mucho" al borde superior = */
/* ================================================================================================================== */

#pos_abs_celda_contenido_int .sand_bag_sup {

	margin: 10px;
}



/* = Formateo de los parrafos interiores = */
/* ======================================= */

#pos_abs_celda_contenido_int p {

	vertical-align: top;
	
	margin-top:  20px;
	padding: 0;
	border:  0;
}


/* = Formato de la fotos  = */
/* ======================== */

#pos_abs_celda_contenido_int  img.izq {

	position: relative;
	
	left: -15px;
	
	float: left;
	clear: left;
	
	margin:  10px 20px 10px 10px;
	padding: 0;
	border:  2px solid #6F9500;
}

#pos_abs_celda_contenido_int img.der {

   position: relative;
	
	
	float: right;
	clear: right;
	
	margin:  10px 10px 10px 20px;
	padding: 0;
	border:  2px solid #6F9500;
}


#pos_abs_celda_contenido_int img.izq_noborde {

  	position: relative;
	
	left: -15px;
	
	float: left;
	clear: left;
	
	margin:  10px 20px 10px 10px;
	padding: 0;
	border:  0;

}

#pos_abs_celda_contenido_int img.der_noborde {

  position: relative;
	
	
	float: right;
	clear: right;
	
	margin:  10px 10px 10px 20px;
	padding: 0;
	border:  0;

}


/* ========================================================= */
/* ==== Estilos para la tabla de catalogo de distintivos === */
/* ========================================================= */


/* ==== Borde exterior para las tablas de la web (que lo lleven) === */
/* ================================================================= */

#recuadro_exterior {

	border: 1px solid #aabb77;
}


#catalogo {
  
  width: 450px;
	
	margin-left: 40px;
}


#catalogo TH {

	height: 20px;
	  
	font-size: 13px;
	color: #999955;	
			
	background: #E9EBBF;
		
	text-align: center;
	vertical-align: middle;
}


#catalogo TD.distintivo {
  
	width:  33%;
	height: 80px;
	
	text-align: center;
	vertical-align: middle;
	
	background: #EFF5D5;

}


#catalogo TD.descipcion {
  
	width:  33%;
	height: 80px;
	
	text-align: center;
	vertical-align: middle;
	
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #A8AC93;	
	
	background: #F7F5D1;
}


#catalogo TD.descipcion strong{

	font-size: 14px;
	font-weight: bold;
	color: #AFBF9F;	
}


#catalogo TD.pedido {
  
	width:  33%;
	height: 80px;
	
	text-align: center;
	vertical-align: middle;
	
	background: #EFF5D5;			
}


#catalogo input{

	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	color: #004000;
	text-align: left;
	
	width: 40px;
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
}




/* ====================================== */
/* ==== Estilos para los formularios ==== */
/* ====================================== */


#formulario {
	background: url(../img/int_cata_fondo_caract.gif) 100% 0 repeat-y;
	/*margin-top: 25px;*/
}


#formulario TD{
	padding: 6px 0 4px 0;
}


#formulario TD.subapartado{

 	font-size: 10px;
	font-weight: bold;
	color: #5B885B;
	
	background: url(../img/interior_linea_cuadros_sub.gif) 100% 50% no-repeat;
	
	padding: 35px 0 20px 0;
}


#formulario TD img {

	width:  12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 5px 0 5px;
}


#formulario TD textarea {

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #004000;
	text-align: left;

	width:  300px;
	height: 200px;
	
	margin: 2px 0 0 0;	
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
	
	margin-top: 5px;

	float: right;
}


#formulario TD  select, input.campo{

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	color: #004000;
	text-align: left;
	
	width: 300px;
		
	margin: 2px 0 0 0;
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
	
	float: left;
}


#formulario TD  select, input.campo_corto{

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	color: #004000;
	text-align: left;
	
	width: 150px;
		
	margin: 2px 0 0 0;
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
	
	float: left;
}



#formulario TD textarea.campo_corto {

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #004000;
	text-align: left;

	width:  325px;
	height: 100px;
	
	margin: 2px 0 0 0;	
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
	
	margin-top: 5px;

	float: center;
}




#formulario TD input.boton  {

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px; 
	font-weight: bold;	
	color: #f5fff5;
	text-align: center;

	background-color: #a0c0a0;
	
	border: 1px solid #80a080;
	padding: 1px;
	margin:  0 20px 5px 0;

	float: right;

}

#formulario TD.nombre_campo{

	font-size: 10px;
	font-weight: bold;
	text-aling: left;
	
	padding-right: 20px;
}

/* Estilos para los datos de la empresa: razon social, direccion, tf... (localizacion)*/
#localizacion {

	margin-top: 30px;
}


#localizacion TD {

	font-size: 10px;
	text-align: center;
	
	padding: 5px 0 5px 0;
}


/* ============================================ */
/* ==== Estilos para la tabla del catalogo ==== */
/* ============================================ */


.catalogo {
	background: url(../img/int_cata_fondo_caract.gif) 100% 0 repeat-y;
	/*margin-top: 25px;*/
}


.catalogo TD{

	padding: 6px 0 4px 0;
	
}

.catalogo TD img.thumb {

	width:  12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 5px 0 5px;
}



.catalogo TD  select, input.campo{

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	color: #004000;
	text-align: right;
	
	width: 300px;
		
	margin: 2px 0 0 0;
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
	
	float: left;
}


.catalogo TD  select, input.campo_corto{

	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	color: #004000;
	text-align: right;
	
	width: 75px;
		
	margin: 2px 0 0 0;
	
	border: 1px solid #c0c0c0;
	background-color: #fafffa;
	
	float: left;
}



.catalogo TD.nombre_campo{

	font-size: 10px;
	font-weight: bold;
	text-aling: left;
	padding-left: 25px;		
}


.catalogo TD.descripcion{

	text-align: center;
	vertical-align: middle;
}


.catalogo td.nota {

	font-size: 9px;
	color: #b0b0b0;
	text-align: left;
	vertical-align: middle;
	
	margin: 0;
	border: 0;
    padding:0;
}



/* ======================================================= */
/* ==== Estilos para la tabla de software recomendado ==== */
/* ======================================================= */

#software_recomendado {
	
	width: 420px;
	
	align: center;
	
	margin: 0;
	border: 0;
	pading: 0;

}


#software_recomendado td {

	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	
	width: 33%;
	
	margin:  0;
	border:  0;
  padding: 0;
}


#software_recomendado img {
	
	margin-bottom: 10px;
	border:  0;
  padding: 0;
}


#software_recomendado td.descripcion {

	font-size: 9px;
	color: #b0b0b0;
	text-align: center;
	vertical-align: middle;
	
	width: 33%;
	
	margin: 0;
	border: 0;
  padding-top: 8px;
}



/* ============================================ */
/* ==== Estilos para las listas de viñetas ==== */
/* ============================================ */

ul{
	 margin: 0 0 0 10px;
	 border: 0;
	 padding:0;	 	 
}


/* ==== viñetas del primer nivel de la lista ==== */
/* ============================================== */

ul li{

  list-style-image: url(../img/essla_interior_lista_thumb_1.gif);
  
  line-height:1.5em;
	
  margin: 10px 0 20px 0;
}


/* ==== viñetas del segundo nivel de la lista ==== */
/* =============================================== */

ul li ul li{

  list-style-image: url(../img/essla_interior_lista_thumb_2.gif);
  
  line-height:1.5em;
	
	margin-bottom: 5px;
}


/* ==== viñetas del tercer nivel de la lista ==== */
/* =============================================== */

ul li ul li ul li{

  list-style-image: url(../img/essla_interior_lista_thumb_3.gif);
}


/* ==== Cabecera de subapartados (sueltos): caso de inf tecnica   ==== */
/* =================================================================== */

h1.subapartado{

 	font-size: 11px;
	font-weight: bold;
	color: #5B885B;
	
	background: url(../img/interior_linea_cuadros_sub.gif) 100% 50% no-repeat;
	
	padding: 30px 0 10px 0;
}


/* ==== Negrita para destacarla sobre la negrita convencional (p.e: apartado de 8 razones ==== */
/* =========================================================================================== */

strong.rotulo {

	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	
	color: #bb9955;
}


/* ==== Caja contenedora del enlace al dossier complementario de caracteristicas tecnicas ==== */
/* =========================================================================================== */

#enlace_dossier {

	font-size: 9px;
	color: #b0b0b0
	
	display: block;
	
	height: 35px;
	
	background: url(../img/ico_pdf.gif) 0 0 no-repeat;
	
	margin: 40px auto 10px 0;
	border: 0;
	padding: 10px 0 0 45px;
	
}