@charset "iso-8859-1";
@import "cssReset.css";
@import "cssColumnas.css";
@import "cssEstilos.css";
/* *
* Archivo CSS del Proyecto Mercolleida
*
* Definición del estilo básico del Sitio Web de MERCOLLEIDA, donde se refleja la composición 
* de los colores junto con las capas del contenido. 
*
* @author      	Jonathan Ch.
* @version     	0.0
* @copyright	2009 Griho
* @project		Sitio web de MERCOLLEIDA
* @package		xhtml-css
*
* @style       Estructura base 
* @media       screen
* @layout      in pixels:
*              |         1000 (984)        |	Hay un margen de 24px por la barra lateral de desplazamiento y 8px de lateral blanco
*              | 250  |     484      | 250 |	Puedeser dividirse en 3 columnas a nivel más alto 	
*              | 300  |      	| 280| 300 |	Son las 3 columnas del pie que siempre estarán.
*
*/

/* *
* Consejos para los IMPORT
* 	1.  Para usar el import y poder incluir otras CSS, la instrucción ha de estar al principio de la css 
*		antes de cualquier declaración de los elementos de la css.
*/

/* *
* Consejos para capas Elasticas
* 	1.	En general, la elasticidad de las capas (layouts) se basa en el tamaño de las fuentes definido por el usuario, 
*		que es imprevisibles. Usado correctamente sera más accesibles para aquellos que necesitan 
*		mayor tamaño de las fuentes ya que la longitud de la línea sigue siendo proporcionada.
*	2.	El calibrado de divs en este diseño se basan en el 100% del tamaño de la letra en el elemento "body". Si disminuye 
*		el tamaño del texto general con un font-size: 80% en el cuerpo o el elemento #contenedor, recuerde que todo el 
*		diseño se reduzca proporcionalmente. Si lo desea, puede aumentar el ancho de las diferentes divs para compensar esto.
*	3.	Si se cambia el tamaño de fuente en diferentes cantidades en cada div en lugar de en el diseño global (es decir: 
*		#sidebar1 se le asigna un 70% el tamaño de la fuente y #mainContent se da un 85% el tamaño de la fuente), este cambio
*		será proporcionalmente cada uno de los divs general tamaño. Si lo desea, puede ajustar en función de su 
*		tamaño de fuente final.
*	4.	1em = 16px ==> 1px = 1 ÷ 16 = 0.0625em siendo 16px el font-size: 100%. Para font-size: 12px = 75%
*/

/* *
* Consejos para capas Flotantes
*
* 	1. 	Para poder rodear con un "border" las capas flotantes, se ha de utilizar un "div" para contener las capas flotantes y 
*		aplicando "overflow: auto;" o "overflow: hidden;" a dicha capa junto con los "width" entodas se podra realizar el 
*		marco rodeandolos.
*	2.	Los elementos flotantes siempre antes del elemento fijo. En el caso de no utilizar el sistema del "overflow" la altura
*		dependera del elemento fijo
*/

/* *
* Definición de los colores utilizados
* @colordef		#fff;		blanco
* @colordef		#000;		negro
* @colordef		#e0e0e0;	gris de relleno del Body
* @colordef		#cc0000;	rojo base del estilo (lineas y texto)
* @colordef		#009999;	azul base enlaces visitados
* @colordef		#33cc33;	verde base de los datos positivos
*
* @colordef		#cccccc;	gris base del estilo (lineas)
* @colordef		#666666;	gris de los titulos (sin link) y referencias del Pie
* @colordef		#999999;	gris base textos no representativos (migas, última actualización, fechas...) y
*							del titulo SiteMapPie
* @colordef		#333333;	gris de los subtitulos, del copyright y del fondo de validación del Pie
*
* @colordef		#990000;	rojo oscuro base elementos seleccionados nivel 1 menú
* @colordef		#660000;	rojo oscuro base elementos seleccionados nivel 2 menú y del "hover" de los enlaces
*
* @colordef		#f7f7f7;	gris fondo tablas y filas impares
* @colordef		#f5f5f5;	gris de relleno SiteMapPie
*
*/

/* *
* @section			codificación del archivo
	
@charset "iso-8859-1"; 
*/

/* *
* Resetear todos los elementos del html estilo eric-meyer
*
* @section			css reset
*	

@import "cssReset.css";
*/
/* *
* Proporcionar las divisiones en % estilo Malo.css
*
* @section			css Columnas
*	

@import "cssColumnas.css";
*/


/* *
* Proporcionar la css para el menu de estilos
*
* @section		  css Estilos
*	
@import "cssEstilos.css";
*/

/* *
* @section			elementos base del html
*/
/* Definimos el focus para cualquier elemento html de enlace*/
/*
*:focus { 
  	border: 1px solid #3CF;
}
*/
html, body {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	/*font: 120% Verdana, Arial, Helvetica, sans-serif;*/
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e0e0e0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*font-size: 75%; /* 77% initially set to percentage so that ems work without producing miniscule text in IE */
	color: #000000;
}

h2 span {
	font-weight: normal;
}

a {
	margin: 0;
	padding: 0;
	/*color: #cc0000;*/
}
a:link, a:visited, a:hover, a:active {
	margin: 0;
	padding: 0;
	color: #cc0000;
	text-decoration: underline;
}
a:visited {
	color: #009999;
}
a:hover, a:focus {
	color: #660000;
} 
a:focus {
	background-color: #990000;
	color: #FFF;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

input, textarea {
	background-color: #FFF;
	border: 1px solid #cccccc;
}
input:hover, textarea:hover, input:focus {
	background-color: #FFF;
	border: 1px solid #cc0000;
}

table {
	background-color: #eeeeee;/*#e8e8e8;/*#f7f7f7;*/
}

.primero {
	border: none;
}
.textAlign {
	text-align: left;
}
.sinBorde {
	border: none;
}
/* *
* @section			elementos ocultos
*
*/
.ocultar, h1 span, #menu_accesibilidad, #zona_copyright h3 span, #zona_copyright .logoIcono span, .igual span, .publicidad_pie h2, .formulario legend, .formulario_login_error legend {
/*.aumenta_indicador span, td.reduce_indicador span,*/	
/*.precios_rapidos thead, #login legend, #login label,*/
	/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
	height: 0;/* because clip doesn't have any fun in IE6 */
}
.ocultar {
  visibility: hidden;
}
th .ocultar {
  width: 1.25em;
  display: none;
}
#login legend, .formulario legend, .formulario_login_error legend { /*.precios_rapidos thead*/
	display: none;
	visibility: hidden;
}
#menu_principal ul ul ul, #menu_principal ul ul ul ul {
	display: none;
	visibility: hidden;
}
.aumenta_indicador span, .reduce_indicador span {
	visibility: hidden;
}

/* *
* @section			elemento BASE
*
*/
#base {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*padding: 0.666em 0.5833em 0 0.5833em;*/
	padding: 0.3333em 0.5833em 0 0.5833em;
	width: 82em;  /* this width will create a container that will fit in an 1000px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	border: none;
	font-size: 75%; /* 77% initially set to percentage so that ems work without producing miniscule text in IE */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
}

/* *
* @section			elemento zona_cabecera
*
*/
#zona_cabecera { 
	margin: 0 0 0.166em 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
} 

/* *
* Se colocaran los accesos para poder saltar a los diferentes puntos de la web
*
* @subsection		elemento menu_accesibilidad
*
*/
#menu_accesibilidad {
	margin: 0;
	padding: 0;
	/*display: none;*/
	width: 100%;
}
#menu_accesibilidad ul {
	width: 100%;
	text-align: left;
}
#menu_accesibilidad li {
	text-align: left;
	display: inline;
}

/* *
* Se colocaran los accesos de enlaces rapidos
*
* @subsection		elemento zona_enlaces_rapidos
*	
*/
#zona_enlaces_rapidos {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#zona_enlaces_rapidos li {
	margin: 0;
	padding: 0 0.33em 0 0.33em;
	text-align: right;
	display: inline;
	border-left: 0.083em solid #000;
}
#zona_enlaces_rapidos .primero {
	border: none;
}

/* *
* Se colocaran los accesos de enlaces rapidos
*
* @subsection		elemento enlaces_rapidos
*	
*/
#enlaces_rapidos {
	padding: 0 0 0 0.833em;
	width: auto;
	float: right;
	text-align: right;
}

/* *
* Se colocaran los diferentes idiomas
*
* @subsection		elemento idiomas
*
*/
#idiomas {
	margin: 0 0.833em 0 0;
	width: auto;
	float: right;
	text-align: right;
}
#idiomas .primero {
	border: none;
}

/* *
* Google Translator: Traductor
*
* @subsection		elemento skiptranslate goog-te-gadget
*
*/
#google_translate_element .skiptranslate {
  margin: 0;
  padding: 0.5em 0 0 0;
}
#google_translate_element .skiptranslate div {
  margin: -0.5em 0 0 0;
  padding: 0;
  float: left;
}


/* *
* @subsection		elemento zona_logo
*
*/
#zona_logo {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
/* *
* @subsection		elemento login
*
*/
#login {
	margin: 0.4166em 0 0 0; /*1em 0 0 0;*/
	padding: 0;
	float: right;
	width: 42.5em;/*40.833em; /*43.75em;/*41.6667em;/*34.5833em;/*33.33em;/*30.4166em;*/
	/*border: 1px solid #cc0000;/*#ccc;*/
}
#login h1 {
	margin: 0;
	padding: 0;
	color: #999999;
	width: auto;
}
#login div {
	margin: 0;
	padding: 0;
	width: auto;
	float: right;
}
#login .contenido_texto {
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
}
#login div input {
	width: 6.66em;
}
#login form {
	margin: 0;/*1.5em 0 0 0;*/
	padding: 0;
	/*width: 99%;*/
	overflow: hidden;
	border: 1px solid #cc0000;/*#ccc;*/
}
#login fieldset {
	margin: 0;
	padding: 1%;/*0.833em;*/
	/*width: 97%; /*26.5em;*/
	/*float: left;*/
	/*border: 1px dashed #ccc;*/
	border: none;
}
#login fieldset div {
	margin: 0 0.4166em 0 0;
	padding: 0;
	/*width: 15.833em;/*12.5em;*/
	width: 40%;
	float: left;
	background-color: #fdefef;/* #ffcccc;*/
}
#login fieldset div input {
	width: 98%;
}
#login legend {
}
#login label {
  font-weight: bold;
}
#login p {
  margin: 0;
  padding: 0.5em;/*0.333em;*/
  font-size: 75%;
}
#login .error {
	color: #000;
	margin: 0.5em 0;
	padding-left: 7em; /*55px;*/
	background: #CCC url(img/fWarning_r.png) 0.5em center no-repeat;
}
#login span {
	font-weight: bold;
}
#login .input {
	margin: 0;
	/*width: 10.5em;*/
	height: auto;
	/*font-weight: bold;*/
}
/*
#login .borderInput {
	margin: 0 0 0.166em 0;
	padding: 0.5166em 0 0.5em 0;
	background: url(img/inputLogin.png) left center no-repeat;
}
#login .borderInput input {
	padding: 0.4166em;
	width: 10.5em;
	height: auto;
	font-weight: bold;
	border: none;
	background: transparent none repeat scroll 0 50%;
}
*/
#login .submit, #login .logout {
	margin: 1.1667em 0 0 0;
	padding: 0;
	/*width: auto;*/
	width: 18%;
	float: right;
	background: url(img/fSubmit2.png) right center no-repeat;
	
  /*background: url(img/fSubmit_w2.png) right center no-repeat;*/	
}
#login .logout {
	width: 33%;
}
#login .submit input, #login .logout input {
  padding: 1%;
	width: 97.5%;
	border: none;
	color: #FFF;
	background: url(img/fSubmit.png) left center no-repeat;
	/*color: #000;
	background: url(img/fSubmit_w.png) left center no-repeat;*/
}
#login .submit input:hover, #login .logout input:hover {
	/*color: #000;*/
}
#login .checkOpciones {
	/*width: 50%;*/
	width: 98%;
	font-size: 75%; /*91.66%;*/
	text-align: left;
}
#login .checkOpciones label {
	position: relative;
	overflow: auto;
	clip: rect(auto, auto, auto, auto);
	height: auto;
	font-weight: normal;
}
#login .checkOpciones input {
	width: auto;
	border: none;
}
#login .avatar {
	margin: 0 0.4166em 0 0;
	padding: 0 0 0 0;
	float: left;
	width: 34px;
	height: 34px;
	border: 1px dotted #ccc;
}
#login .avatar img {
	margin: 0;
	padding: 0;
	border: none;
	width: 34px;
	height: 34px;
}
#login form .infoUsuario {
	margin: 0 0 0 0;
	padding: 0;
	width: 75%;/*100%;*/
	overflow: hidden;
	float: left;
	background-color: #fff;
}
#login .infoUsuario p {
	font-size: 100%;
}
#login .infoUsuario .ultimaVisita {
	margin: 8px 0 0 0;
	padding: 0;
	color: #999999;
}
#login .infoUsuario .ultimaVisita {
	font-size: 75%;
}
#login .infoUsuario label {
  font-size: 75%;
}

#login .botones {
  margin: 0;
  padding: 0;
  width: 24%;
  float: right;
  background-color: #fff;
}
#login .botones .logout {
  margin: 0.5em 0;
  width: 98%;
}
#login .botones p {
  text-align: center;
}

/* *
* @subsection		elemento logo
*
*/
#logo {
	margin: 0.4166em 0;/*0 0 0.833em 0;*/
	padding: 0;
	width: 27.91667em;
}

#logo h1 {
	margin: 0 0 0 0.833em; 
	padding: 0;
	font-size: 100%;
	background: url(img/logoMercolleida.png) left bottom no-repeat;
}
#logo h1 a {
	margin: 0;
	padding: 0;
	width: auto;/*27.0833em;/*40.0833em;*/
	height: 5.66em;/*5.5em;*/
	display: block;
	border-bottom: 1px solid #FFF;
}
#logo h1 a:hover, #logo h1 a:focus {
	border-bottom: 1px solid #cc0000;
}
#logo h1 a:focus {
	background: none;
}

/* *
* @subsection		elemento menu_principal y .menu_secundario
*
*/
#menu_principal {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;/*8.5em;*/
	/*background: #ff0000 url(img/fMenuPrincipal_back.png) left top no-repeat;*/
	border: 1px solid #f1f1f1;
	color: #FFF;
}
#menu_principal ul {
	padding: 0.3571em 0 0.0714em 0.142em;/*0.714em 0 0.0714em 0.2857em;/*0.4285em; /*0.142em;/*0.571em;*/
	height: 2.5em;/*2.785em;*/
	font-size: 116.66%;
	line-height: 1.166em;	
	text-align: left;
	background: #ff0000 url(img/fMenuPrincipal.png) right bottom repeat-x;
}

#menu_principal .menu_secundario {
	padding: 0.3571em 0 0.0714em 0.142em;/*0.714em 0 0.0714em 0.2857em;/*0.4285em; /*0.142em;/*0.571em;*/
	height: 2.5em;/*2.785em;*/
	font-size: 116.66%;
	line-height: 1.166em;	
	text-align: left;
  background: #cc0000 url(img/fMenuSecundario.png) right top repeat-x;
}
#menu_principal li {
	text-align: left;
	display: inline;
	text-transform: uppercase;
	
}
#menu_principal li a {
	margin: 0 0.1428em 0 0;/*0 0.1428em 0 0;/*0 0.2142em 0 0;/*0 0.2857em 0 0;/*0 0.7142em 0 0;*/
	padding: 0.4285em 0.2142em 0.3571em 0.2142em;/*0.4285em 0.2142em;/*0.2857em;/*0.3571em 0.2857em;*//*0.2142em*/
	width: auto;
	float: left;
	border-left: 1px solid #fff;/*#990000;*/
}

#menu_principal li.primero a, #menu_principal .menu_secundario li.primero a {
	border-left: none;
}

#menu_principal a, #menu_principal a:link, #menu_principal a:visited, #menu_principal a:hover, #menu_principal a:active, #menu_principal a.activo, #menu_principal .menu_secundario a.activo {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#menu_principal .menu_secundario a {
	margin: 0 0.3571em 0 0;	
	font-weight: normal;
	border-left: 1px solid #fff; /*#660000;*/
}
#menu_principal a:hover, #menu_principal a:focus {
	background-color: #990000;
} 
#menu_principal .menu_secundario a:hover, #menu_principal .menu_secundario a:focus {
	background-color: #660000;
}
#menu_principal a span {
	margin: 0;
	padding: 0.4285em 0.1428em 0.3571em 0.1428em;/*0.4285em 0.1428em;/*0.2142em; /*0.2857em;*/
	background-color: #990000;
}
#menu_principal .menu_secundario a span {
	margin: 0;
	padding: 0.3571em 0.2142em 0.3571em 0.2142em;/*0.4285em 0.2142em;/*0.2857em;*/
	background-color: #660000;
}
#menu_principal a.activo {
	margin: 0;
	padding: 0.4285em 0.0714em 0.9285em 0.0714em; /*0.4571em 0.0714em 1.0714em 0.0714em;*/
  /*background-color: transparent;*/
	background: url(img/fMenuPrincipalDown.png) center bottom no-repeat;
	text-transform: capitalize;	
	border-left: none;
}
#menu_principal a.activo:hover, #menu_principal a.activo:focus, #menu_principal .menu_secundario a.activo:hover, #menu_principal .menu_secundario a.activo:focus {
	background: none;
}
#menu_principal .menu_secundario a.activo {
	padding-top: 0.3928em;
	padding-bottom: 0.9285em;/*1em;*/
	background: url(img/fMenuPrincipalDown3.png) center bottom no-repeat;
}

/* *
* Dentro del "menu_secundario" aun hay otro nivel de menu
*
*/
#menu_principal li ul {
	margin: 0 1.25em 0 0.083em;
	padding: 0;
	width: auto;
	height: 2.9166em;/*3.25em;*/
	font-size: 85.714%;
	line-height: 1.361em;
	float: left;
	background: transparent;
}
#menu_principal li ul li {
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}
#menu_principal li ul li a {
	margin: 0;
	padding: 0.4583em;/*0.533em;*/
	float: left;
	font-weight: normal;
	border-left: 1px solid #fff; /*#660000;*/
}
#menu_principal li.primero ul li a {
	border-left: 1px solid #fff; /*#660000;*/
}
#menu_principal li ul li a:hover, #menu_principal li ul li a:focus {
	background-color: #660000;
}
#menu_principal .menu_secundario ul a.activo {
	padding-top: 0.4583em;
	padding-bottom: 1.0833em;/*1.25em;*/
}
#menu_principal .menu_secundario ul a.activo span {
	padding: 0.5em 0.3333em;/*0.533em 0.333em 0.533em 0.333em;/*0.533em 0.333em 0.666em 0.333em;*/
}

/* *
* @section			elemento zona_contenido
*
*/
#zona_contenido {
	margin: 0 0 0.833em 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#zona_contenido h2 {
	margin: 0 0 0.416em 0;
	font-size: 200%;
	font-weight: bold;
	border-bottom: 1px solid #990000;	
}


/* *
* @subsection		elemento migas
*
*/
#migas {
	margin: 0.0833em 0 0.833em 0;
	padding: 0.4166em 0.833em;
	border-bottom: 0.0833em solid #cccccc;
}
#migas p {
  margin: 0;
  padding: 0;
}
#migas span {
	color: #666666;
}

/* *
* @subsection		elemento zona_lateralIzq 
*
*/
#zona_lateralIzq {
	margin: 0 0.272em 0 0;
	padding: 0;
	font-size: 91.66%;
	width: auto;
	float: left;
}

/* *
* @subsection		elemento zona_lateralDer 
*
*/
#zona_lateralDer {
	margin: 0 0.272em 0 0;
	padding: 0;
	font-size: 91.66%;
	width: auto;
	float: right;
}

/* *
* @subsection		elemento zona_central
*
*/
#zona_central {
	margin: 0;
	padding: 0 0.833em;
}
/* *
* @subsection 		elemento zona_1columna
*
*/
#zona_1columna {
	margin:0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#zona_1columna #zona_lateralIzq {
	display: none;
	visibility: hidden;
}
#zona_1columna #zona_lateralDer {
	display: none;
	visibility: hidden;
}
#zona_1columna #zona_central {
	margin: 0;
	padding: 0;
	width: 100%;/*80.25em;*/
}
/* *
* @subsection 		elemento zona_2columnas
*
*/
#zona_2columnas, #zona_2columnasDer {
	margin:0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#zona_2columnas #zona_lateralIzq {
	width: 22.45em; /*247px a 11px, 20.545em*/
}
#zona_2columnas #zona_lateralDer {
	display: none;
}
#zona_2columnasDer #zona_lateralIzq {
	display: none;
}
#zona_2columnasDer #zona_lateralDer {
	width: 22.45em; /*11px, 20.545em*/
}
#zona_2columnas #zona_central {
	margin: 0 0 0 20.833em;
	width: 59.5em;
}
#zona_2columnasDer #zona_central {
	margin: 0 20.833em 0 0;
	width: 59.5em;
}
/* *
* @subsection 		elemento zona_3columnas
*
*/
#zona_3columnas {
	margin:0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#zona_3columnas #zona_lateralIzq {
	width: 22.45em; /*20.545em*/
}
#zona_3columnas #zona_lateralDer {
	width: 22.45em; /*20.545em*/
}
#zona_3columnas #zona_central {
	margin: 0 20.833em;
	width: 38.5em; /*38.66em;*/
}

/* *
* @subsection 		elemento .ultima_actualizacion
*
*/
.ultima_actualizacion {
	margin: 0 0 1em 0;
	width: 100%;
	color: #999999;
	font-size: 83.33%;
}
.ultima_actualizacion strong {
	color: #000;
	font-weight: normal;
}

/* *
* @subsection 		elemento .contenido_texto
*
*/
#zona_central .contenido_texto {
	margin: 0 0 0.833em 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#zona_central h1, #zona_central .contenido_texto h1 {
	margin: 0 0 0.416em 0;
	font-size: 216.66%;
	font-weight: bold;	
}
#zona_central h2, #zona_central .contenido_texto h2 {
	margin: 0 0 0.416em 0;
	font-size: 200%;
	font-weight: bold;
  border-bottom: 1px solid #990000;	
}
#zona_central h3, #zona_central .contenido_texto h3 {
	margin: 0 0 0.277em 0;
	font-size: 150%;
	font-weight: bold;
	color: #333333;
}
#zona_central h4, #zona_central .contenido_texto h4 {
	margin: 0 0 0.125em 0;
	font-size: 133.33%;
	font-weight: bold;
	color: #333333;
}
#zona_central h5, #zona_central .contenido_texto h5 {
	margin: 0 0 0.142em 0;
	font-size: 116.66%;
	font-weight: bold;
	color: #333333;
}
#zona_contenido .fecha, #zona_central .fecha, #zona_central .contenido_texto .fecha {
	font-size: 83.33%;
	color: #999999;
	font-weight: normal;
}
#zona_central .contenido_texto ul, #zona_central .contenido_texto ol {
	margin: 0.4166em 0.4166em 0.4166em 2.5em;
	padding: 0;
	
}
#zona_central .contenido_texto li {
	margin: 0;
	padding: 0 0 0.4166em 0;
	list-style: outside disc;
}
#zona_central .contenido_texto ol li {
	list-style: decimal;
}
#zona_central .contenido_texto li ol li {
	list-style: lower-latin;
}

/* *
* @subsection 		elemento .contenttable
*
*/
.contenido_tabla {
	margin: 0 auto 0.90em auto;
	padding: 0;
	width: 98%;
	/*background-color: #dfdfdf;/*#f1f1f1;/*#f7f7f7;*/ 
	border: 1px solid #e8e8e8;/*#f1f1f1; /*#ccc*/
	text-align: center;
}
.contenttable {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	/*border: 1px solid #ccc;*//*#f1f1f1;*/
	text-align: center;
}
.contenttable caption {
	/*margin: 0 0 0.45em 0;
	padding: 0 0 0 0.90em;*/
	text-align: center;
	font-weight: bold;
	/*background: url(img/fFlechaPreciosCaption.png) left center no-repeat;*/
	margin: 0;
	padding: 0.6em 1em 0.6em 1em; 
	/*background: #ff0000 url(img/fTituloServiciosRapidosV1.png) left bottom repeat-x;*/
	background: #fed086 url(img/fTituloServiciosRapidosV3.png) left bottom repeat-x;
	border-bottom: 1px solid #fff;	
	color: #000;
	font-size: 90.9%;
}

.contenttable caption span {
	font-weight: normal;
	font-size: 91.6%;
}

.contenttable thead, .contenttable tbody {
	font-size: 91.6%;
}
.contenttable thead, .contenttable  th  {
	background-color: #ccc;
}
.contenttable .tr-odd, .contenttable .tr-odd td {
  
}
.contenttable .tr-even, .contenttable .tr-even td {
	/*background-color: #ddffcc;*/ /*#ccffcc;*/
	/*background-color: #ffffcc;*/
	background-color: #fff;
}
.contenttable .td-0 { 
  width: 55%;
}

#zona_lateralDer .contenttable caption, #zona_lateralIzq .contenttable caption {
	background: #ff0000 url(img/fTituloLateral.png) left bottom repeat-x;
	color: #fff;
}
#zona_lateralDer .contenttable .tr-even, #zona_lateralIzq .contenttable .tr-even, #zona_lateralDer .contenttable .tr-even td, #zona_lateralIzq .contenttable .tr-even td {
	background-color: #fff;
}

.contenttable .textAlign {
	text-align: left;
}

/* *
* @subsection		elemento imagenTexto
*
*/
.imagenTexto {
	margin: 0;
	padding: 0.416em;
	width: 20.83em;
	border: 0.0833em solid #ececec;
	text-align: center;
	float: right;
}
.imagenTexto img {
	margin: 0 auto;
	width: 20.583em;
	height: auto;
	border: 0.0833em solid #cc0000;
}
.imagenTexto p {
	text-align: left;
	margin: 0.33em 0 0 0;
}

/* *
* @subsection		elemento .precios
*
*/
.precios {
	margin: 0;
	padding: 0;
	width: 99%;
	/*background: #url(img/fFormularios.png) right top repeat-y;*/
	background-color: #f7f7f7;
	border: 1px solid #f1f1f1;
}
.precios h2 {
	margin: 0; 
	padding: 0.6em 1em 0.6em 1em; 
	/*height: 1.2em;*/
	/*background: url(img/fTituloContenidoPrecios.png) left top no-repeat;*/ /*right*/
  background: #ff0000 url(img/fTituloLateral.png) left bottom repeat-x;
	border-bottom: 1px solid #fff;	
	color: #FFF;
	font-size: 90.9%;
}
.precios h3 {
  padding: 0 0.833em;
  color: #999;
  font-size: 90.9%;
}
.precios div {
	margin: 0 0.833em 0.833em 0.833em;
	padding: 0;
	width: auto;
	/*background: url(img/fFormulariosBottom.png) right bottom no-repeat;*/ /*right*/
}
.precios div div {
	margin: 0;
	padding: 0;
}
#zona_central .precios h2, #zona_central .contenido_texto .precios h2 {
  border-bottom: 1px solid #fff;
	font-size: 90.9%;
}
#zona_central .precios h3, #zona_central .contenido_texto .precios h3 {
  padding: 0 0.833em;
  color: #999;
	font-size: 90.9%;
}

#zona_central .precios h2 span {
  padding: 0.6em 0 0.6em 2em;
  background: url(img/fTituloContenidoPrecios.png) left center no-repeat;  
}
.precios ul, #zona_central .precios ul {
	margin: 0; /*0 0.9em;*/
	padding: 0.9em 0 0 0;
	width: 100%;
}
.precios li, #zona_central .precios li {
	margin: 0;
	padding: 0.09em 0 0.09em 0;
	/*border-top: 0.09em solid #cccccc;*/
	list-style: none;
}
.precios .primero {
	border: none;
}
.precios table {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border: 1px solid #ccc;
	text-align: center;
}
.precios caption {
	margin: 0 0 0.45em 0;
	padding: 0 0 0 0.90em;
	text-align: left;
	font-weight: bold;
	background: url(img/fFlechaPreciosCaption.png) left center no-repeat;
}
.precios caption span {
	font-weight: normal;
	font-size: 91.6%;
}
.precios thead, .precios thead th  {
	background-color: #ccc;
}
.precios tbody, .precios thead {
	font-size: 91.6%;
}
.precios thead {
	border: 1px solid #999;
}
.precios thead th  {
	border-top: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: none;
}

.precios tbody td {
	border: 1px solid #ccc;
}
.precios .textAlign {
	text-align: left;
}
.precios .nota, .precios .moneda, .precios_rapidos .nota {
	/*background-image: none;*/
	margin: 1em 0 0 0 ;
	padding: 0.25em 0.25em 0.25em 2.2em;
	background: none;
	font-size: 83.33%;
}
.precios .nota, .precios_rapidos .nota  {
	border: 1px solid #f1f1f1;
	background: #f7f7f7 url(img/fIconWarning_g.png) left center no-repeat;
}
.precios .nota span, .precios .moneda span, .precios_rapidos .nota span {
	font-weight: bold;
}
.precios .nota p, .precios .moneda p, .precios_rapidos .nota p {
	margin: 0;
	padding: 0.3em;
}

/*
* @subsection 		elemento .formulario
*
*/
.formulario {
	margin: 0 0 0.416em 0;
	padding: 0;
	width: 90%;
	/*background: #fff url(img/fFormularios.png) right top repeat-y;*/
	background-color: #f7f7f7;
	color: #666666;
	border: 1px solid #f1f1f1;
	overflow: hidden;
}
.formulario div {
	background: url(img/fFormulariosBottom.png) right bottom no-repeat;
}
.formulario .col100 {
  margin: 0.833em 0 0 0;
}
.formulario .col98 {
  margin: 0 0 0.41667em 0;
}
.formulario h2 {
	margin: 0; 
	padding: 0.6em 1em;
	height: 1.2em;
	background: #ff0000 url(img/fTituloLateral.png) left bottom repeat-x;
	border-bottom: 1px solid #fff;
	color: #FFF;
	font-size: 90.9%;
}
.formulario h3 {
	margin: 0; 
	padding: 0.25em 1em;
	border-bottom: 1px solid #f1f1f1;
}

#zona_central .contenido_texto .formulario h2 {
	font-size: 90.9%;
}
.formulario p {
	font-size: 83.33%;
}
.formulario form {
	margin: 0.833em 1.66em;
}
.formulario form div {
	margin: 0.833em 0;
	background: none;
}
.formulario form p {
	margin: 0.833em 0 0.33em 0;
	padding: 0;
}
.formulario form span, .formulario form strong, .formulario form .powermail_mandatory_js {
	color: #CC0000;
}
.formulario label {
	width: 100%;
	display: block;
	font-weight: bold;
}
.formulario input {
	width: 75%;
}
.formulario textarea {
	width: 90%;
}
.formulario .submit {
	width: 33%;
	background: url(img/fSubmit2.png) right center no-repeat;
}
.formulario dd .submit {
	width: 75%;
}
.formulario .submit input {
	width: 97%; /*auto /*110px*/
	border: none;
	color: #FFF;
	background: url(img/fSubmit.png) left center no-repeat;
}
.formulario .submit input:hover, .formulario .submit input:focus {
	color: #fff;
  font-weight: bold;	
}

/* *
* @subsection 		elemento .contenido_warning
* @description		Se muestran los mensajes de aviso, sobre todo los relacionados con los permisos
*					de los usuarios
*
*/
#zona_central .warning {
	margin: 0;
	padding: 0;
	width: auto;
	text-align: center;
}
#zona_central .contenido_warning {
	margin: 0.333em auto 0.833em auto;
	padding: 0.333em 0.667em;
	width: 37.25em;
	/*height: 6.1667em;*/
	text-align: center;
	background: #ffff99 url(img/fWarning_am.png) right bottom no-repeat;
	border: 1px solid #f1f1f1;
}
#zona_central .contenido_warning h2 {
	margin: 0;
	padding: 0.333em 0 0.333em 2.0833em;
	background: url(img/fIconWarning_am.png) left top no-repeat;
	color: #cc0000;
	text-align: left;
	font-size: 100%;/*12px;*/
	/*text-transform:	uppercase;*/
}
#zona_central .contenido_warning .texto_warning {
	margin: 0;
	padding: 0;
	font-size: 91.66%;
	text-align: left;
}

/* *
* @subsection 		elemento #loginError
* @description		Contiene el Mensaje del Error en el login y el formulario de login
*
*/
#zona_loginError {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

/* *
* @subsection 		elemento .login_error
* @description		Se muestran el cuadro del login junto con su mensaje de error
*
*/
.login_error {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#zona_contenido .login_error .contenido_texto {
	margin: 0 auto;
	padding: 0;
	width: 40.333em; /*484px;*/
	text-align: center;
}

.warning_login_error {
	margin: 0.333em auto 0.833em auto;
	padding: 0.333em 0 0 0;
	width: 37.25em;
	text-align: left;
	/*background: url(img/fWarning_g1.png) right top repeat-y;*/
	/*background-color: #f7f7f7;*/
	background: #f7f7f7 url(img/fWarning_g.png) right bottom no-repeat;
	border: 1px solid #f1f1f1;
}
.warning_login_error h1, #zona_central .contenido_texto .warning_login_error h1 {
	margin: 0.333em 0.667em;
	padding: 0.333em 0 0.333em 2.0833em;
	background: url(img/fIconWarning_g.png) left top no-repeat;
	color: #cc0000;
	text-align: left;
	font-size: 100%;
}
.warning_login_error .texto_error {
	margin: 0;
	padding: 0;
	font-size: 91.66%;
	text-align: left;
	width: 100%;
	/*background: #f7f7f7 url(img/fWarning_g.png) right bottom no-repeat;*/
}
.warning_login_error .texto_error p {
	margin: 0.333em 0.6667em;
	padding: 0.667em;
}
.formulario_login_error {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
.formulario_login_error form {
	margin: 0.667em;
	padding: 0;
}
.formulario_login_error form fieldset {
	border: none;
}
.formulario_login_error form div {
	margin: 0 0 0.667em 0;
	padding: 0;
	width: 100%;
}
.formulario_login_error form fieldset label {
	margin: 0 0 0.1667em 0;
	padding: 0;
	width: 100%;
	display: block;
}
.formulario_login_error form fieldset input {
	width: 99.8%;
	font-size: 150%;
}
.formulario_login_error .checkOpciones {
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}
.formulario_login_error .checkOpciones input {
	border: none;
}
.formulario_login_error .submit {
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
	width: 33%;
	background: url(img/fSubmit2.png) right center no-repeat;
}
.formulario_login_error .submit input {
	width: 97%;
	border: none;
	color: #fff;
	background: url(img/fSubmit.png) left center no-repeat;
}
.formulario_login_error .submit input:hover {
	color: #000;
}
.formulario_login_error .login_error_extras {
	margin: 2.667em 0 0.667em 0;
	padding: 0.33em 0 0 0;
	width: 100%;
	border-top: 1px dashed #ccc;
}
.formulario_login_error .login_error_extras p {
	margin: 0 0 0.667em 0;
	padding: 0;
}
/* *
* @subsection 		elemento .subir
*
*/
.subir {
	margin: 0.166em 0 0.8333em 0;
	padding: 0.166em 1.333em 0.333em 0;
	background: url(img/subir.png) right center no-repeat;
	text-align: right;
	width: auto;
	border: 1px solid #FFF;
}

/* *
* @subsection 		elementos error de formularios
*
*/
.error {
	color: #F00;
}
/* *
* @subsection 		elementos indicadores de las tablas de precios
*
*/
.aumenta, .reduce, .aumenta_indicador, .reduce_indicador, .igual {
	text-align: center;
}
.aumenta {
  font-weight: bold;
	color: #009900;/*#33cc33;*/
}
.reduce {
  font-weight: bold;
	color: #cc0000;
}
.aumenta_indicador {
	/*width: 2.727em;*/
	/*width: 1.25em; /*99%;*/
	height: auto;
	display: block;
	background: transparent url(img/fFlechaAumenta.gif) center center no-repeat;
}
.reduce_indicador {
	/*width: 2.727em;*/
	/*width: 1.25em; /*99%;*/
	height: auto;
	display: block;	
	background: transparent url(img/fFlechaReduce.gif) center center no-repeat;
}
td.aumenta_indicador, td.reduce_indicador {
	width: 2.727em;
}

.filaImpar, .filaImpar td {
	background-color: #f7f7f7;
}
.filaPar, .filaPar td {
	background-color: #FFF;
}

/* *
* @subsection 		elemento servicios_rapidos
*
*/
.servicios_rapidos {
	margin: 0 0 0.416em 0;
	padding: 0 0 0.4166em 0;
	width: 100%;
	/*background:  #cc0000 url(img/fServiciosRapidos.png) left bottom no-repeat;*/
	/*background: #009999 url(img/fServiciosRapidosV2.png)  right bottom no-repeat;*/
	background-color: #009999;
	border: 1px solid #f1f1f1;
}
.servicios_rapidos h2, #zona_contenido .servicios_rapidos h2 {
	margin: 0; 
	padding: 0.8em 1em;
	height: 1.2em;
	/*background: url(img/fTituloLateral.png) left top no-repeat;*/
	background: #00cccc url(img/fTituloServiciosRapidosV2.png) right bottom repeat-x;
	color: #FFF;
	font-size: 90.9%;
	border-bottom: 1px solid #fff;
}
.servicios_rapidos ul {
	margin: 0 0.9em;
	padding: 0.5em 0 0.8em 0;
}
.servicios_rapidos li {
	margin: 0 0 0.1em 0;
	padding: 0;
}
.servicios_rapidos a {
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	width: 18em;
	color: #FFF;
	text-decoration: none;
	display: block;
}
.servicios_rapidos a:link, .servicios_rapidos a:visited, .servicios_rapidos a:hover, .servicios_rapidos a:active, .servicios_rapidos a.activo {
	padding: 0.5em 0 0.5em 0.5em;
	color: #FFF;
	text-decoration: none;
	display: block;
}
.servicios_rapidos a:hover, .servicios_rapidos a:focus {
	/*background-color: #660000;*/
	background-color: #006666;
}
.servicios_rapidos a.activo {
	padding: 0 0.7em 0 0;
	width: 18.5em;
	/*background-color: none;*/
	/*background: url(img/fFlechaLateral.png) right center no-repeat;*/
	background: url(img/fFlechaLateralV2.png) right center no-repeat;
}
.servicios_rapidos a.activo:hover, .servicios_rapidos a.activo:focus {
	background: none;
}
.servicios_rapidos a.activo span {
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	/*background-color: #660000;*/
	background-color: #006666;
	display: block;
}
/* *
* @subsection		elemento menu_lateral
*
*/
#menu_lateral {
	margin: 0 0 0.416em 0;
	padding: 0;
	width: 100%;
	/*background: url(img/fMenuLateral.png) #990000 right bottom repeat-x;*/
	background-color: #990000;
	border: 1px solid #f1f1f1;
}
#menu_lateral h2 {
	margin: 0; 
	padding: 0.8em 1em;
	height: 1.2em;
	background: #ff0000 url(img/fTituloLateral.png) left bottom repeat-x;
	color: #FFF;
	font-size: 90.9%;
	border-bottom: 1px solid #fff;
}
#menu_lateral h3 {
	margin: 0.45em 0 0 0;
	color: #FFF;
}
#menu_lateral ul {
	margin: 0 0.9em;
	padding: 0;
}
#menu_lateral li {
	padding: 0.09em 0 0.09em 0;
	border-top: 0.09em solid #cc6666;
}
#menu_lateral li.primero {
  border: none;
}
#menu_lateral li ul {
	margin: 0 0.9em;
	padding: 0.454em 0;
}
#menu_lateral li ul li {
	padding: 0 0 0.09em 0;
	border: none;
}
#menu_lateral a {
	margin: 0;
	padding: 0.545em 0 0.545em 0.545em;
	width: 17.454em;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#menu_lateral a:link, #menu_lateral a:visited, #menu_lateral a:hover, #menu_lateral a:active, #menu_lateral a.activo {
	color: #FFF;
	text-decoration: none;
}
#menu_lateral a:hover, #menu_lateral a:focus {
	background-color: #660000;
}
#menu_lateral a.activo {
	padding: 0 0.545em 0 0;/*0 0.72em 0 0;*/
	width: 18.09em;
	/*background-color: none;*/
	background: url(img/fFlechaLaterala.png) right center no-repeat;
}
#menu_lateral a.activo:hover, #menu_lateral a.activo:focus {
	background: none;
}
#menu_lateral a.activo span {
	/*padding: 0.545em;*/
	margin: 0;
	padding: 0.545em 0 0.545em 0.545em;
	background-color: #660000;
	display: block;
}


/* *
* @subsection		elemento menu_indice
*
*/
#zona_central ul.menu_indice, .menu_indice {
  margin: 0;
  padding: 0.41667em 0;
  width: 99%;
  border: 1px dashed #ccc;
  font-size: 85.71%;
  text-align: center;
}
#zona_central .menu_indice li, .menu_indice li {
  margin: 0;
  padding: 0 0.833em 0 0;
  width: auto;
  list-style: none;
}
.menu_indice li {
  display: inline;
}
.menu_indice .seccion {
  margin: 0;
  padding: 0;
}

/* *
* @subsection		elemento precios_rapidos
*
*/
.precios_rapidos {
	margin: 0;
	padding: 0;
	width: 100%;
	/*background: #fff url(img/fPreciosRapidos.png) left bottom no-repeat;*/
	background: #fff left bottom no-repeat;
	border: 1px solid #f1f1f1;
}
.precios_rapidos h2 {
	margin: 0; 
	padding: 0.8em 1em;
	height: 1.2em;
	background: #ff0000 url(img/fTituloLateral.png) left bottom repeat-x;
	border-bottom: 1px solid #fff;
	color: #FFF;
	font-size: 90.9%;
}
.precios_rapidos ul {
	margin: 0 0.9em;
	padding: 0.9em 0;
}
.precios_rapidos li {
	padding: 0.09em 0 0.9em 0;
	border-top: 0.09em solid #cccccc;
}

.precios_rapidos caption {
	margin: 0 0 0.45em 0;
	padding: 0 0 0 0.90em;
	text-align: left;
	font-weight: bold;
	background: url(img/fFlechaPreciosCaption.png) left center no-repeat;
}
.precios_rapidos thead {
	font-size: 90.90%; /*10px*/
	text-align: center;
	display: none;
}

/* *
* @subsection		Programas_extras	
*
*/
.programas_extras {
	margin: 0;
	padding: 0;
	width: 100%;
	/*background: #333333 url(img/fContenidoLateral_n.png) left bottom no-repeat;*/
	background-color: #333;
	color: #FFF;
	border: 1px solid #f1f1f1;
}
.programas_extras h2, #zona_contenido .programas_extras h2 {
	margin: 0; 
	padding: 0.8em 1em;
	height: 1.2em;
	background: #ccc url(img/fTituloLateral_n.png) left bottom repeat-x;
	color: #330000;
	font-size: 90.9%;
	border-bottom: 1px solid #fff;
}
.programas_extras ul {
	margin: 0 0.9em;
	padding: 0.9em 0;
}
.programas_extras li {
	padding: 0.09em 0 0.9em 0;
	list-style: none;
	text-align: center;
}
.programas_extras p {
	margin: 0 0 0.18em 0;
	padding: 0;
	text-align: left;
}


/* *
* @subsection		error404
*
*/
#error404 {
	margin: 0 0 0.833em 0;
	padding: 0;
	width: 100%;
	background: url(img/ferror404.png) right top no-repeat;
}
#error404 h2 {
	margin: 1em;
	padding: 0;
	font-size: 2em;
	width: 50%;
	color: #cccccc;
}
#error404 h3 {
	margin: 1.33em;
	padding: 0;
	font-size: 1.5em;
	width: 50%;
}
#error404 p {
	margin: 2em;
	width: 50%;
}
#error404 ul {
	margin: 0 0 0 3.33em;
	padding: 0 0 0 2.5em;
}
#error404 li {
	margin: 0 0 0.4166em 0;
	padding: 0;
	list-style-type: circle;
}

/* *
* @subsection		elementos publicidad .publicidad_lateral, .publicidad_pie
*
*/
/*
.publicidad_lateral {
	margin: 0 0 0.833em 0;
	padding: 0 0 0.4166em 0;
	text-align: center;
	border: 0.0833em solid #CCCCCC;
	width: 100%;
}
.publicidad_lateral h2 {
	margin: 0 0 0.5em 0;
	padding: 0.5em 0;
	color: #660000;
	font-size: 83.33%;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #CCCCCC;
}

.publicidad_pie {
	margin: 0 0 0.833em 0;
	padding: 0.4166em 0 0.4166em 2.5em;
	background: url(img/fPublicidadVert.png) left center no-repeat;
	border: 0.0833em solid #CCCCCC;
	text-align: center;
}
*/
.publicidad_lateral {
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: center;
  border: 0.0833em solid #CCCCCC;
	/*width: 99%;*/
}
#zona_contenido .publicidad_lateral h2, .publicidad_lateral h2 {
	margin: 0;
	padding: 0.2em 0.5em;
	color: #660000;
	font-size: 83.33%;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #CCCCCC;
	text-align: left;
	border: none;
}
.publicidad_lateral .banners {
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
}
#zona_central .contenido_texto .publicidad_lateral .contenido_texto, .publicidad_lateral .contenido_texto{
  margin: 0;
  padding: 0;
}
/* *
* @section			elemento zona_empresas
*
*/
#zona_empresas_pie {
	margin: 0;
	padding: 0.833em 0.833em 1.66em 0.833em;
	border-top: 0.0833em solid #CCCCCC;
}
#zona_empresas_pie h2 {
	font-size: 150%;
	color: #999999;
}
#zona_empresas_pie img {
	height: 4.166em;
	width: auto;
}
#zona_empresas_pie ul {
	margin: 0.833em 0;
	padding: 0;	
	width: 100%;
	overflow: hidden;
}
#zona_empresas_pie li {
	margin: 0.4166em 0 0 0.833em;
	padding: 0;
	width: 22%;
	display: block;
	text-align: center;
	float: left;
}
#zona_empresas_pie ul a img {
	border: 0.0833em solid #CCCCCC;
}
#zona_empresas_pie ul a:hover img {
	border: 0.0833em solid #CC0000;
}
#zona_empresas_pie .enlace_pagina_empresas {
	margin: 0 0 0 1em;
	font-size: 83.33%;
}

/* *
* @section			elemento #zona_sitemap_pie
*
*/
#zona_sitemap_pie {
	margin: 0 0 0.833em 0;
	padding: 1.66em 2.916em;
	background-color: #f5f5f5;
}
#zona_sitemap_pie h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	color: #999;
	border: none;
}

/* *
* @subsection		elemento #zona_enlaces_sitemap_pie
*
*/
#zona_enlaces_sitemap_pie, #zona_enlaces_sitemap {
	margin: 0.166em 0 0 0;
	padding: 0.83em;
	background-color: #FFF;
	border: 0.09em solid #cccccc;
	overflow: hidden;
}
#zona_enlaces_sitemap {
	border: none;
}
#zona_enlaces_sitemap_pie span, #zona_enlaces_sitemap span {
	font-weight: normal;
	display: block;
}
#zona_enlaces_sitemap_pie ul li, #zona_enlaces_sitemap ul li {
	font-weight: bold;
	margin: 0 0 0.83em 0;
}
#zona_enlaces_sitemap_pie li ul li, #zona_enlaces_sitemap li ul li  {
	margin: 0 0 1em 0;
	font-size: 83.33%;
	font-weight: normal;
}
#zona_enlaces_sitemap_pie li ul li ul, #zona_enlaces_sitemap li ul li ul  {
	margin: 0 0 0 1em;
}
#zona_enlaces_sitemap_pie li ul li ul li, #zona_enlaces_sitemap li ul li ul li  {
	margin: 0 1em 0 0;
	padding: 0;
	font-size: 100%;
	display: inline;
}


/* *
* @section			elemento zona_pie
*
*/
#zona_pie { 
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #cccccc;
} 
#zona_pie h3 {
	color: #666666;
}

/* *
* @subsection		elemento zona_copyright
*
*/
#zona_copyright {
	margin: 0.83em; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #333333;
	width: 23.33em; /*280px se ha restado los 20px de laterales que se han aplicado en el margin*/
	float: left;
}
#zona_copyright h3 {
	margin: 0 0 0.5em 5.833em;
/*	height: 2.33em;*/
	background: #ccc url(img/nombreMercolleida.png) left top no-repeat;
}
#zona_copyright h3 a {
	margin: 0;
	padding: 0;
	width: 14.66em;
	height: 2.33em;
	display: block;
}

#zona_copyright .logoIcono {
	margin: 0;
	padding: 0;
	width: 5.416em;
	height: 5.33em;
	display: block;
	background: #ccc url(img/logoIconoMercolleida.png) left top no-repeat;
	float: left;
}
#zona_copyright a {
	border-bottom: 1px solid #cccccc;
}
#zona_copyright a:hover {
	border-bottom: 1px solid #cc0000;
}
#zona_copyright a:focus {
	background: transparent;
	border-bottom: 1px solid #cc0000;
}
#zona_copyright p {
	margin: 0;
	padding: 0 0 0 5.833em;
	font-size: 87.5%;
}

/* *
* @subsection		elemento zona_consejo
*
*/
#zona_consejo {
	margin: 1em;
	padding: 0;
	font-size: 83.33%; /*10px*/
	width: 18em;
	text-align: left;
	float: right;
}
#zona_consejo h1 {
  font-size: 120%;
	color: #666;
}
/* *
* @subsection		elemento zona_legal
*
*/
#zona_legal {
	margin: 1em;
	padding: 0;
	font-size: 83.33%; /*10px*/
	width: 12em;
	text-align: right;
	float: right;
}
#zona_legal h3 {
	font-size: 120%;
}

/* *
* @subsection		elemento zona_donde
*
*/
#zona_donde {
	margin: 1em;
	padding: 0;
	font-size: 83.33%;
	width: 29em;
	text-align: right;
	float: right;
}
#zona_donde h3 {
	font-size: 120%;
}
#zona_donde span {
	color: #999999;
}

/* *
* @section			elemento zona_validacion
*
*/
#zona_validacion {
	margin: 0;
	padding: 1em 0;
	/*width: 100.4em;*/
	width: 100%;
	background-color: #333333;
	/*font-size: 62.5%; /*10px*/
	font-size: 83.33%;
	color: #999;
	text-align: right;
}
#zona_validacion ul {
	margin: 0 0.8em;
	padding: 0;
	/*width: 100%;*/
	text-align: right;
}
#zona_validacion li {
	margin: 0;
	padding: 0 0.8em;
	text-align: right;
	display: inline;
	border-left: 1px solid #999;
}

#zona_validacion a:link, #zona_validacion a:visited, #zona_validacion a:hover, a:active {
	margin: 0;
	padding: 0;
	color: #fff;
}
#zona_validacion a:hover, #zona_validacion a:focus {
	color: #cc0000;
}