/**
* 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 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;
}
*/

body {
	font: 120% Verdana, Arial, Helvetica, serif;
	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:link:after,
a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}*/

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;
	font-weight: bold;
}

table {
	background-color: #f7f7f7;
}

.primero {
	border: none;
}
.textAlign {
	text-align: left;
}
/**
* @section			elementos ocultos
*
*/
h1 span, #zona_copyright h3 span, #zona_copyright .logoIcono span, .precios_rapidos thead, td.aumenta_indicador span, .reduce_indicador span, .igual span, .publicidad_pie h2, .formulario legend, .formulario_login_error legend { 
	position: relative;
	overflow: auto;
	clip: rect(auto, auto, auto, auto);
	height: auto;
}
td.aumenta_indicador span, .reduce_indicador span, .igual span, .publicidad_pie h2, #login label {
	/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
	display: none;
}
#login legend, .formulario legend, .formulario_login_error legend {
	visibility: hidden;
  display: none;
}
.precios_rapidos thead {
  visibility: visible;
  display: block;
}
#menu_principal ul ul ul, #menu_principal ul ul ul ul {
	visibility: hidden;
  display: none;
}

/**
* @section			elemento BASE
*
*/
#base {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	width: 100%;  /* 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. */
}

/**
* @section			elemento zona_cabecera
*
*/
#zona_cabecera { 
	margin: 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 {
	display: none;
}

/**
* Se colocaran los accesos de enlaces rapidos
*
* @subsection		elemento zona_enlaces_rapidos
*	
*/
#zona_enlaces_rapidos {
	display: none;
}

/**
* Se colocaran los accesos de enlaces rapidos
*
* @subsection		elemento enlaces_rapidos
*	
*/
#enlaces_rapidos {
  display: none;
}

/**
* Se colocaran los diferentes idiomas
*
* @subsection		elemento idiomas
*
*/
#idiomas {
  display: none;
}

/**
* @subsection		elemento login
*
*/
#login {
  display: none;
}

/**
* @subsection		elemento logo
*
*/
#logo {
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 0; 
	padding: 0;
	font-size: x-large;

}
#logo h1 a {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	border: none;
}

/**
* @subsection		elemento menu_principal y .menu_secundario
*
*/
#menu_principal {
  display: none;
}

/**
* @section			elemento zona_contenido
*
*/
#zona_contenido {
	margin: 0 0 0.833em 0;
	padding: 0;
	width: 100%;
	height: auto;
  overflow: visible;
}

/**
* @subsection		elemento migas
*
*/
#migas {
	margin: 0.0833em 0 0.833em 0;
	padding: 0.833em;
	border-bottom: 1px dotted #cccccc;
	font-size: x-small;
}
#migas span {
	color: #666666;
}


/**
* @subsection		elemento zona_lateralIzq 
*
*/
#zona_lateralIzq {
  display: none;
}

/**
* @subsection		elemento zona_lateralDer 
*
*/
#zona_lateralDer {
  display: none;
}

/**
* @subsection		elemento zona_central
*
*/
#zona_central {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
}
/**
* @subsection 		elemento zona_1columna
*
*/
#zona_1columna {
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
}
#zona_1columna #zona_lateralIzq {
  display: none;
}
#zona_1columna #zona_lateralDer {
	display: none;
}
#zona_1columna #zona_central {
  margin: 0; 
  padding: 0;
	width: 100%;
}
/**
* @subsection 		elemento zona_2columnas
*
*/
#zona_2columnas, #zona_2columnasDer {
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
}
#zona_2columnas #zona_lateralIzq {
  display: none;
}
#zona_2columnas #zona_lateralDer {
	display: none;
}
#zona_2columnasDer #zona_lateralIzq {
	display: none;
}
#zona_2columnasDer #zona_lateralDer {
	display: none;
}
#zona_2columnas #zona_central {
  margin: 0;
  padding: 0;
	width: 100%;
}
#zona_2columnasDer #zona_central {
	margin: 0;
  padding: 0;
	width: 100%;
}
/**
* @subsection 		elemento zona_3columnas
*
*/
#zona_3columnas {
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
}
#zona_3columnas #zona_lateralIzq {
	display: none;
}
#zona_3columnas #zona_lateralDer {
	display: none;
}
#zona_3columnas #zona_central {
	margin: 0;
	padding: 0;
	width: 100%;
}

/**
* @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%;
	height: auto;
	overflow: visible;
}
#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 h2, #zona_central .contenido_texto .precios_rapidos h2 {
  margin: 0;
  padding: 0;
	font-size: medium;
	font-weight: bold;
  /*border-bottom: 1px solid #990000;*/
  border-bottom: 2px dashed #ccc;
}
#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_central .fecha, #zona_central .contenido_texto .fecha {
	font-size: 83.33%;
	color: #999999;
	font-weight: normal;
}
#zona_central .contenido_texto ul {
	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;
}


/**
* @subsection 		elemento .contenttable
*
*/
.contenido_tabla {
  margin: 0 0 0.90em 0;
  padding: 0;
  width: 99%;
  background-color: #f7f7f7; /*#f1f1f1;*/
  border: 1px solid #f1f1f1; /*#ccc*/
}
.contenttable {
  margin: 0 auto;
  padding: 0;
	width: 99%;
	border: 1px solid #ccc;/*#f1f1f1;*/
	text-align: center;
}
.contenttable caption {
	margin: 0;
  padding: 0.6em 1em 0.6em 1em; 
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #fff;	
	color: #000;
	font-size: 90.9%;
}

.contenttable caption span {
	font-weight: normal;
	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 {
}
#zona_lateralDer .contenttable caption, #zona_lateralIzq .contenttable caption {
  color: #000;
}
#zona_lateralDer .contenttable .tr-even, #zona_lateralIzq .contenttable .tr-even, #zona_lateralDer .contenttable .tr-even td, #zona_lateralIzq .contenttable .tr-even td {
}

.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 #ccc;
}
.precios h2 {
	margin: 0; 
	padding: 0.6em 1em 0.6em 1em;
  height: auto; 
	border-bottom: 1px solid #f1f1f1;	
	color: #f5f5f5;
	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 #f1f1f1;
	font-size: 90.9%;
}
#zona_central .precios h2 span {
  padding: 0.6em 0 0.6em 2em;
}
.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;
	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 th  {
	background-color: #ccc;
}
.precios .textAlign {
	text-align: left;
}
.precios .nota, .precios .moneda {
	/*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 {
  border: 1px solid #f1f1f1;
	background: #f7f7f7 url(img/fIconWarning_g.png) left center no-repeat;
}
.precios .nota span, .precios .moneda span {
	font-weight: bold;
}
.precios .nota p, .precios .moneda p {
	margin: 0;
	padding: 0.3em;
}

/*
* @subsection 		elemento .formulario
*
*/
.formulario {
	margin: 0 0 0.416em 0;
	padding: 0;
	width: 90%;
	background-color: #f7f7f7;
	color: #666666;
	border: 1px solid #f1f1f1;
	height: auto;
	overflow: visible;
}
.formulario div {
}
.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;
	border-bottom: 1px solid #f1f1f1;
	color: #f5f5f5;
	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;
}
.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%;
}
.formulario .submit input {
	width: 97%; /*auto /*110px*/
	border: none;
	color: #f5f5f5;
}
.formulario .submit input:hover, .formulario .submit input:focus {
	color: #f5f5f5;
  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;
	text-align: center;
	border: 1px solid #f1f1f1;
}
#zona_central .contenido_warning h2 {
	margin: 0;
	padding: 0.333em 0 0.333em 2.0833em;
	color: #cc0000;
	text-align: left;
	font-size: 100%;/*12px;*/
}
#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 auto;
	padding: 0;
	width: 40.333em; /*484px;*/
	overflow: auto;
}

.warning_login_error {
	margin: 0.333em auto 0.833em auto;
	padding: 0.333em 0 0 0;
	width: 37.25em;
	text-align: left;
	background-color: #f7f7f7;
	border: 1px solid #f1f1f1;
}
.warning_login_error h1 {
	margin: 0.333em 0.667em;
	padding: 0.333em 0 0.333em 2.0833em;
	color: #cc0000;
	text-align: left;
	font-size: 12px;
}
.warning_login_error .texto_error {
	margin: 0;
	padding: 0;
	font-size: 91.66%;
	text-align: left;
	width: 100%;
}
.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 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%;
}
.formulario_login_error .submit input {
	width: 97%;
	border: none;
	color: #f5f5f5;
}
.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 {
  display: none;  
}

/**
* @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: right;
}
.aumenta {
	color: #33cc33;
}
.reduce {
	color: #cc0000;
}
.aumenta_indicador {
  display: none;
}
.reduce_indicador {
  display: none;
}

/**
* @subsection 		elemento servicios_rapidos
*
*/
.servicios_rapidos {
	margin: 0 0 0.416em 0;
	padding: 0 0 0.4166em 0;
	width: 100%;
	border: 1px solid #f1f1f1;
}
.servicios_rapidos h2 {
	margin: 0; 
	padding: 0.8em 1em;
	height: 1.2em;
	/*background: url(img/fTituloLateral.png) left top no-repeat;*/
	color: #f5f5f5;
	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;
	color: #f5f5f5;
	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: #f5f5f5;
	text-decoration: none;
	display: block;
}
.servicios_rapidos a.activo {
	padding: 0 0.7em 0 0;
	width: 18.5em;
}
.servicios_rapidos a.activo span {
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	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;
	color: #f5f5f5;
	font-size: 90.9%;
	border-bottom: 1px solid #fff;
}
#menu_lateral h3 {
	margin: 0.45em 0 0 0;
	color: #f5f5f5;
}
#menu_lateral ul {
	margin: 0 0.9em;
	padding: 0;
}
#menu_lateral li {
	padding: 0.09em 0 0.09em 0;
	border-top: 1px solid #cc6666;
}
#menu_lateral li ul {
	margin: 0 0.9em;
	padding: 0.454em 0;
}
#menu_lateral li ul li {
	padding: 0 0 0.09em 0;
	width: auto;
	border: none;
}
#menu_lateral a {
	margin: 0;
	padding: 0.545em 0 0.545em 0.545em;
	width: 17.454em;
	color: #f5f5f5;
	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: #f5f5f5;
	text-decoration: none;
}
#menu_lateral a.activo {
	padding: 0 0.545em 0 0;/*0 0.72em 0 0;*/
}
#menu_lateral a.activo span {
	/*padding: 0.545em;*/
	margin: 0;
	padding: 0.545em 0 0.545em 0.545em;
	display: block;
}

/**
* @subsection		elemento precios_rapidos
*
*/
.precios_rapidos {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
	border: none;
	display: block;
	/*
  page-break-after: always !important;
	page-break-before: always !important;
  */
}
.precios_rapidos h2 {
	margin: 0; 
	padding: 0em 1em;
	border: none;
	color: #f5f5f5;
	font-size: small;
}
.precios_rapidos ul, .precios_rapidos li {
	margin: 0;
	padding: 0;
  width: 100%;
  list-style: none;
  display: inline;
  overflow: auto;
}
.precios_rapidos table {
  margin: 0.833em auto 0 auto;
  padding: 0;
  width: 98%;
  height: auto;
  border: 1px solid #f1f1f1;
}
.precios_rapidos caption {
	margin: 0 0 0.41667em 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: x-small;
	border: none;
}
.precios_rapidos thead {
  font-size: small;
  border-bottom: 1px solid #f1f1f1;
}
.precios_rapidos tbody {
  font-size: small;
}

/**
* @subsection		Programas_extras	
*
*/
.programas_extras {
	margin: 0;
	padding: 0;
	width: 100%;
	/*background: #333333 url(img/fContenidoLateral_n.png) left bottom no-repeat;*/
	color: #f5f5f5;
	border: 1px solid #f1f1f1;
}
.programas_extras h2 {
	margin: 0; 
	padding: 0.8em 1em;
	color: #330000;
	font-size: 90.9%;
	border-bottom: 1px solid #f1f1f1;
}
.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%;
}
#error404 h2 {
	margin: 1em;
	padding: 0;
	font-size: 2em;
	color: #cccccc;
}
#error404 h3 {
	margin: 1.33em;
	padding: 0;
	font-size: 1.5em;
	width: 50%;
}
#error404 p {
	margin: 2em;
}
#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;
	border: 0.0833em solid #CCCCCC;
	text-align: center;
}

/**
* @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: auto;
}
#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;
}
#zona_sitemap_pie h2 {
  margin: 0;
  padding: 0;
	font-size: 1.5em;
	color: #999;
}

/**
* @subsection		elemento #zona_enlaces_sitemap_pie
*
*/
#zona_enlaces_sitemap_pie, #zona_enlaces_sitemap {
	margin: 0.166em 0 0 0;
	padding: 0.83em;
	border: 0.09em solid #cccccc;
	overflow: auto;
}
#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;
	border-top: 1px dashed #ccc;

} 
#zona_pie h3 {
	color: #666666;
}

/**
* @subsection		elemento zona_copyright
*
*/
#zona_copyright {
	margin: 0; /* 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: auto;
	float: left;
}
#zona_copyright h3 {
	margin: 0 0 0.05em 0;
}
#zona_copyright h3 a {
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	border: none;
}

#zona_copyright .logoIcono {
  display: none;
}
#zona_copyright p {
	margin: 0;
	padding: 0;
	font-size: x-small;
}

/**
* @subsection		elemento zona_legal
*
*/
#zona_legal {
  display: none;
}

/**
* @subsection		elemento zona_donde
*
*/
#zona_donde {
	margin: 0.5em 0 0 0;
	padding: 0;
	font-size: x-small;
	text-align: left;
	float: right;
	width: auto;
}
#zona_donde h3 {
  margin: 0;
  padding: 0;
	font-size: 120%;
}
#zona_donde span {
  display: none;
	color: #999999;
}
#zona_donde a {
  text-decoration: none;
}
#zona_donde p {
  margin: 0;
  padding: 0;
}

/**
* @section			elemento zona_validacion
*
*/
#zona_validacion {
	margin: 1em 0 0 0;
	padding: 0;
	width: 100%;
	font-size: xx-small;
	color: #999;
	text-align: right;
}
#zona_validacion ul {
	margin: 0 0.8em;
	padding: 0;
	text-align: right;
}
#zona_validacion li {
	margin: 0;
	padding: 0 0.8em;
	text-align: right;
	display: inline;
	border: none;
}
#zona_validacion a:link, #zona_validacion a:visited, #zona_validacion a:hover, a:active {
	margin: 0;
	padding: 0;
	color: #cc0000;
}
#zona_validacion a:hover, #zona_validacion a:focus {
	color: #fff;
} 
/**
* @section			elemento generarGrafico
*
*/
#generarGrafico {
	margin: 0;
	padding: 0;
	text-align: center;
}
#generarGrafico form {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	text-align: center;
	overflow: hidden;
}
#generarGrafico form .grupoFila {
	margin: 0.5% auto ;
	padding: 1%;
	width: 98%;
	text-align: left;
	overflow: hidden;
}
#generarGrafico form fieldset {
	margin: 0.5%;
	padding: 1%;
	border: 1px solid #cccc00;
	width: 98%;
	display: block;
}

#generarGrafico form fieldset p, #generarGrafico form fieldset #divMostrarVariables {
	margin: 0.5% 0 0 0;
	padding: 0;
}

#generarGrafico form legend {
	margin: 0;
	padding: 0.5%;
	font-size: 83.33%;
	font-weight: bold;
	border: 1px solid #cccc00;
}
#generarGrafico form legend span {
	text-transform: uppercase;
}
#generarGrafico form label {
	margin: 0.36em 1% 0 0;
	padding: 0;
	font-size: 91.667%;
	width: 39%;
	float: left;
	text-align: right;
	display: block;
}
#generarGrafico #tipoGrafico {
	width: 98%;
	float: left;
}
#generarGrafico #tipoGrafico select {
	width: 58%;
}

#generarGrafico #elementos {
  width: 98%;
	float: left;
}
#generarGrafico #tiempo {
  width: 98%;
	float: left;
}
#generarGrafico #generar {
  width: 98%;
	float: left;
}

#generarGrafico .submit {
	margin: 1% 0 0 0;
	padding: 0;
	width: auto;
	float: left;
}
#generarGrafico .submit input {
	width: 97%;
	border: none;
	color: #f5f5f5;
	font-weight: bold;
  border: 1px solid #cc0000;
  
  background-image: none;
}
#grafico {
  display: none;
}

/**
* @section			elemento mapa_zonas 
*
*/
#mapaAcceso {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  overflow: visible;
}

#mapaAcceso img {
  overflow: auto;
	margin: 0.833em auto;
	padding: 0;
	width: 98%;
	height: auto;
  border: 1px solid #ccc;
  float: none !important;
	/*page-break-after: always !important;*/
  page-break-before: always !important;
}
#mapa_zonas {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  overflow: visible;
}

#mapa_zonas dl, #mapa_zonas dl.map, #mapa_zonas dl.map.on {
  position: relative;
	margin: 0;
	padding: 0;
	float: none !important;
  width: 100%;
  height: auto;
  overflow: visible;
	text-align: left;	
}

#mapa_zonas dl dt {
  margin: 0.833em 0 0 0;
  padding: 0;
  display: block;
	list-style: none;
	width: 100%;
	float:none !important;
}
#mapa_zonas dl dd, #mapa_zonas dl.map dd, #mapa_zonas dl dd.map.on dd {
  position: relative;
  left: auto;
  margin: 0.41667em 0 0 0;
  padding: 0;
	width: 90%;
	height: auto;
	border: 2px dashed #ccc;
	font-size: medium;
  text-align: left;
  z-index: auto;
  float: none !important;
}

/**
* @section			elemento NewsTicker 
* @description  la zona donde se colocan las empresas
*
*/
#NewsTicker {
  display: none;
}